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

package/icon/icon.js

@@ -1,264 +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 __());
-};
-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 { NgModule, ChangeDetectionStrategy, Component, ElementRef, Input, Renderer, ViewEncapsulation } from '@angular/core';
-import { HttpModule } from '@angular/http';
-import { MdError, DefaultStyleCompatibilityModeModule } from '../core';
-import { MdIconRegistry } from './icon-registry';
-export { MdIconRegistry } from './icon-registry';
-/** Exception thrown when an invalid icon name is passed to an md-icon component. */
-export var MdIconInvalidNameError = (function (_super) {
-    __extends(MdIconInvalidNameError, _super);
-    function MdIconInvalidNameError(iconName) {
-        _super.call(this, "Invalid icon name: \"" + iconName + "\"");
-    }
-    return MdIconInvalidNameError;
-}(MdError));
-/**
- * Component to display an icon. It can be used in the following ways:
- * - Specify the svgSrc input to load an SVG icon from a URL. The SVG content is directly inlined
- *   as a child of the <md-icon> component, so that CSS styles can easily be applied to it.
- *   The URL is loaded via an XMLHttpRequest, so it must be on the same domain as the page or its
- *   server must be configured to allow cross-domain requests.
- *   Example:
- *     <md-icon svgSrc="assets/arrow.svg"></md-icon>
- *
- * - Specify the svgIcon input to load an SVG icon from a URL previously registered with the
- *   addSvgIcon, addSvgIconInNamespace, addSvgIconSet, or addSvgIconSetInNamespace methods of
- *   MdIconRegistry. If the svgIcon value contains a colon it is assumed to be in the format
- *   "[namespace]:[name]", if not the value will be the name of an icon in the default namespace.
- *   Examples:
- *     <md-icon svgIcon="left-arrow"></md-icon>
- *     <md-icon svgIcon="animals:cat"></md-icon>
- *
- * - Use a font ligature as an icon by putting the ligature text in the content of the <md-icon>
- *   component. By default the Material icons font is used as described at
- *   http://google.github.io/material-design-icons/#icon-font-for-the-web. You can specify an
- *   alternate 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.
- *   Examples:
- *     <md-icon>home</md-icon>
- *     <md-icon fontSet="myfont">sun</md-icon>
- *
- * - Specify a font glyph to be included via CSS rules by setting the fontSet input to specify the
- *   font, and the fontIcon input to specify the icon. Typically the fontIcon will specify a
- *   CSS class which causes the glyph to be displayed via a :before selector, as in
- *   https://fortawesome.github.io/Font-Awesome/examples/
- *   Example:
- *     <md-icon fontSet="fa" fontIcon="alarm"></md-icon>
- */
-export var MdIcon = (function () {
-    function MdIcon(_elementRef, _renderer, _mdIconRegistry) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-        this._mdIconRegistry = _mdIconRegistry;
-        /** Screenreader label for the icon. */
-        this.hostAriaLabel = '';
-    }
-    Object.defineProperty(MdIcon.prototype, "color", {
-        /** Color of the icon. */
-        get: function () { return this._color; },
-        set: function (value) { this._updateColor(value); },
-        enumerable: true,
-        configurable: true
-    });
-    MdIcon.prototype._updateColor = function (newColor) {
-        this._setElementColor(this._color, false);
-        this._setElementColor(newColor, true);
-        this._color = newColor;
-    };
-    MdIcon.prototype._setElementColor = function (color, isAdd) {
-        if (color != null && color != '') {
-            this._renderer.setElementClass(this._elementRef.nativeElement, "md-" + color, isAdd);
-        }
-    };
-    /**
-     * Splits an svgIcon binding value into its icon set and icon name components.
-     * Returns a 2-element array of [(icon set), (icon name)].
-     * The separator for the two fields is ':'. If there is no separator, an empty
-     * string is returned for the icon set and the entire value is returned for
-     * the icon name. If the argument is falsy, returns an array of two empty strings.
-     * Throws a MdIconInvalidNameError if the name contains two or more ':' separators.
-     * Examples:
-     *   'social:cake' -> ['social', 'cake']
-     *   'penguin' -> ['', 'penguin']
-     *   null -> ['', '']
-     *   'a:b:c' -> (throws MdIconInvalidNameError)
-     */
-    MdIcon.prototype._splitIconName = function (iconName) {
-        if (!iconName) {
-            return ['', ''];
-        }
-        var parts = iconName.split(':');
-        switch (parts.length) {
-            case 1:
-                // Use default namespace.
-                return ['', parts[0]];
-            case 2:
-                return parts;
-            default:
-                throw new MdIconInvalidNameError(iconName);
-        }
-    };
-    MdIcon.prototype.ngOnChanges = function (changes) {
-        var _this = this;
-        var changedInputs = Object.keys(changes);
-        // Only update the inline SVG icon if the inputs changed, to avoid unnecessary DOM operations.
-        if (changedInputs.indexOf('svgIcon') != -1 || changedInputs.indexOf('svgSrc') != -1) {
-            if (this.svgIcon) {
-                var _a = this._splitIconName(this.svgIcon), namespace = _a[0], iconName = _a[1];
-                this._mdIconRegistry.getNamedSvgIcon(iconName, namespace).first().subscribe(function (svg) { return _this._setSvgElement(svg); }, function (err) { return console.log("Error retrieving icon: " + err); });
-            }
-        }
-        if (this._usingFontIcon()) {
-            this._updateFontIconClasses();
-        }
-        this._updateAriaLabel();
-    };
-    MdIcon.prototype.ngOnInit = function () {
-        // Update font classes because ngOnChanges won't be called if none of the inputs are present,
-        // e.g. <md-icon>arrow</md-icon>. In this case we need to add a CSS class for the default font.
-        if (this._usingFontIcon()) {
-            this._updateFontIconClasses();
-        }
-    };
-    MdIcon.prototype.ngAfterViewChecked = function () {
-        // Update aria label here because it may depend on the projected text content.
-        // (e.g. <md-icon>home</md-icon> should use 'home').
-        this._updateAriaLabel();
-    };
-    MdIcon.prototype._updateAriaLabel = function () {
-        var ariaLabel = this._getAriaLabel();
-        if (ariaLabel) {
-            this._renderer.setElementAttribute(this._elementRef.nativeElement, 'aria-label', ariaLabel);
-        }
-    };
-    MdIcon.prototype._getAriaLabel = function () {
-        // If the parent provided an aria-label attribute value, use it as-is. Otherwise look for a
-        // reasonable value from the alt attribute, font icon name, SVG icon name, or (for ligatures)
-        // the text content of the directive.
-        var label = this.hostAriaLabel ||
-            this.alt ||
-            this.fontIcon ||
-            this._splitIconName(this.svgIcon)[1];
-        if (label) {
-            return label;
-        }
-        // The "content" of an SVG icon is not a useful label.
-        if (this._usingFontIcon()) {
-            var text = this._elementRef.nativeElement.textContent;
-            if (text) {
-                return text;
-            }
-        }
-        // TODO: Warn here in dev mode.
-        return null;
-    };
-    MdIcon.prototype._usingFontIcon = function () {
-        return !this.svgIcon;
-    };
-    MdIcon.prototype._setSvgElement = function (svg) {
-        var layoutElement = this._elementRef.nativeElement;
-        // Remove existing child nodes and add the new SVG element.
-        // We would use renderer.detachView(Array.from(layoutElement.childNodes)) here,
-        // but it fails in IE11: https://github.com/angular/angular/issues/6327
-        layoutElement.innerHTML = '';
-        this._renderer.projectNodes(layoutElement, [svg]);
-    };
-    MdIcon.prototype._updateFontIconClasses = function () {
-        if (!this._usingFontIcon()) {
-            return;
-        }
-        var elem = this._elementRef.nativeElement;
-        var fontSetClass = this.fontSet ?
-            this._mdIconRegistry.classNameForFontAlias(this.fontSet) :
-            this._mdIconRegistry.getDefaultFontSetClass();
-        if (fontSetClass != this._previousFontSetClass) {
-            if (this._previousFontSetClass) {
-                this._renderer.setElementClass(elem, this._previousFontSetClass, false);
-            }
-            if (fontSetClass) {
-                this._renderer.setElementClass(elem, fontSetClass, true);
-            }
-            this._previousFontSetClass = fontSetClass;
-        }
-        if (this.fontIcon != this._previousFontIconClass) {
-            if (this._previousFontIconClass) {
-                this._renderer.setElementClass(elem, this._previousFontIconClass, false);
-            }
-            if (this.fontIcon) {
-                this._renderer.setElementClass(elem, this.fontIcon, true);
-            }
-            this._previousFontIconClass = this.fontIcon;
-        }
-    };
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdIcon.prototype, "svgIcon", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdIcon.prototype, "fontSet", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdIcon.prototype, "fontIcon", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdIcon.prototype, "alt", void 0);
-    __decorate([
-        Input('aria-label'), 
-        __metadata('design:type', String)
-    ], MdIcon.prototype, "hostAriaLabel", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdIcon.prototype, "color", null);
-    MdIcon = __decorate([
-        Component({template: '<ng-content></ng-content>',
-            selector: 'md-icon, mat-icon',
-            styles: ["md-icon{background-repeat:no-repeat;display:inline-block;fill:currentColor;height:24px;width:24px}"],
-            host: {
-                'role': 'img',
-            },
-            encapsulation: ViewEncapsulation.None,
-            changeDetection: ChangeDetectionStrategy.OnPush,
-        }), 
-        __metadata('design:paramtypes', [ElementRef, Renderer, MdIconRegistry])
-    ], MdIcon);
-    return MdIcon;
-}());
-export var MdIconModule = (function () {
-    function MdIconModule() {
-    }
-    MdIconModule.forRoot = function () {
-        return {
-            ngModule: MdIconModule,
-            providers: [MdIconRegistry],
-        };
-    };
-    MdIconModule = __decorate([
-        NgModule({
-            imports: [HttpModule, DefaultStyleCompatibilityModeModule],
-            exports: [MdIcon, DefaultStyleCompatibilityModeModule],
-            declarations: [MdIcon],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdIconModule);
-    return MdIconModule;
-}());
-
-//# sourceMappingURL=icon.js.map

package/icon/icon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["icon/icon.ts"],"names":[],"mappings":"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","file":"icon.js","sourcesContent":["import {\n  NgModule,\n  ModuleWithProviders,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Input,\n  OnChanges,\n  OnInit,\n  Renderer,\n  SimpleChange,\n  ViewEncapsulation,\n  AfterViewChecked,\n} from '@angular/core';\nimport {HttpModule} from '@angular/http';\nimport {MdError, DefaultStyleCompatibilityModeModule} from '../core';\nimport {MdIconRegistry} from './icon-registry';\nexport {MdIconRegistry} from './icon-registry';\n\n/** Exception thrown when an invalid icon name is passed to an md-icon component. */\nexport class MdIconInvalidNameError extends MdError {\n  constructor(iconName: string) {\n      super(`Invalid icon name: \"${iconName}\"`);\n  }\n}\n\n/**\n * Component to display an icon. It can be used in the following ways:\n * - Specify the svgSrc input to load an SVG icon from a URL. The SVG content is directly inlined\n *   as a child of the <md-icon> component, so that CSS styles can easily be applied to it.\n *   The URL is loaded via an XMLHttpRequest, so it must be on the same domain as the page or its\n *   server must be configured to allow cross-domain requests.\n *   Example:\n *     <md-icon svgSrc=\"assets/arrow.svg\"></md-icon>\n *\n * - Specify the svgIcon input to load an SVG icon from a URL previously registered with the\n *   addSvgIcon, addSvgIconInNamespace, addSvgIconSet, or addSvgIconSetInNamespace methods of\n *   MdIconRegistry. If the svgIcon value contains a colon it is assumed to be in the format\n *   \"[namespace]:[name]\", if not the value will be the name of an icon in the default namespace.\n *   Examples:\n *     <md-icon svgIcon=\"left-arrow\"></md-icon>\n *     <md-icon svgIcon=\"animals:cat\"></md-icon>\n *\n * - Use a font ligature as an icon by putting the ligature text in the content of the <md-icon>\n *   component. By default the Material icons font is used as described at\n *   http://google.github.io/material-design-icons/#icon-font-for-the-web. You can specify an\n *   alternate font by setting the fontSet input to either the CSS class to apply to use the\n *   desired font, or to an alias previously registered with MdIconRegistry.registerFontClassAlias.\n *   Examples:\n *     <md-icon>home</md-icon>\n *     <md-icon fontSet=\"myfont\">sun</md-icon>\n *\n * - Specify a font glyph to be included via CSS rules by setting the fontSet input to specify the\n *   font, and the fontIcon input to specify the icon. Typically the fontIcon will specify a\n *   CSS class which causes the glyph to be displayed via a :before selector, as in\n *   https://fortawesome.github.io/Font-Awesome/examples/\n *   Example:\n *     <md-icon fontSet=\"fa\" fontIcon=\"alarm\"></md-icon>\n */\n@Component({\n  moduleId: module.id,\n  template: '<ng-content></ng-content>',\n  selector: 'md-icon, mat-icon',\n  styleUrls: ['icon.css'],\n  host: {\n    'role': 'img',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MdIcon implements OnChanges, OnInit, AfterViewChecked {\n  private _color: string;\n\n  /** Name of the icon in the SVG icon set. */\n  @Input() svgIcon: string;\n\n  /** Font set that the icon is a part of. */\n  @Input() fontSet: string;\n\n  /** Name of an icon within a font set. */\n  @Input() fontIcon: string;\n\n  /** Alt label to be used for accessibility. */\n  @Input() alt: string;\n\n  /** Screenreader label for the icon. */\n  @Input('aria-label') hostAriaLabel: string = '';\n\n  /** Color of the icon. */\n  @Input()\n  get color(): string { return this._color; }\n  set color(value: string) { this._updateColor(value); }\n\n  private _previousFontSetClass: string;\n  private _previousFontIconClass: string;\n\n  constructor(\n      private _elementRef: ElementRef,\n      private _renderer: Renderer,\n      private _mdIconRegistry: MdIconRegistry) { }\n\n  _updateColor(newColor: string) {\n    this._setElementColor(this._color, false);\n    this._setElementColor(newColor, true);\n    this._color = newColor;\n  }\n\n  _setElementColor(color: string, isAdd: boolean) {\n    if (color != null && color != '') {\n      this._renderer.setElementClass(this._elementRef.nativeElement, `md-${color}`, isAdd);\n    }\n  }\n\n  /**\n   * Splits an svgIcon binding value into its icon set and icon name components.\n   * Returns a 2-element array of [(icon set), (icon name)].\n   * The separator for the two fields is ':'. If there is no separator, an empty\n   * string is returned for the icon set and the entire value is returned for\n   * the icon name. If the argument is falsy, returns an array of two empty strings.\n   * Throws a MdIconInvalidNameError if the name contains two or more ':' separators.\n   * Examples:\n   *   'social:cake' -> ['social', 'cake']\n   *   'penguin' -> ['', 'penguin']\n   *   null -> ['', '']\n   *   'a:b:c' -> (throws MdIconInvalidNameError)\n   */\n  private _splitIconName(iconName: string): [string, string] {\n    if (!iconName) {\n      return ['', ''];\n    }\n    const parts = iconName.split(':');\n    switch (parts.length) {\n      case 1:\n        // Use default namespace.\n        return ['', parts[0]];\n      case 2:\n        return <[string, string]>parts;\n      default:\n        throw new MdIconInvalidNameError(iconName);\n    }\n  }\n\n  ngOnChanges(changes: { [propertyName: string]: SimpleChange }) {\n    const changedInputs = Object.keys(changes);\n    // Only update the inline SVG icon if the inputs changed, to avoid unnecessary DOM operations.\n    if (changedInputs.indexOf('svgIcon') != -1 || changedInputs.indexOf('svgSrc') != -1) {\n      if (this.svgIcon) {\n        const [namespace, iconName] = this._splitIconName(this.svgIcon);\n        this._mdIconRegistry.getNamedSvgIcon(iconName, namespace).first().subscribe(\n            svg => this._setSvgElement(svg),\n            (err: any) => console.log(`Error retrieving icon: ${err}`));\n      }\n    }\n    if (this._usingFontIcon()) {\n      this._updateFontIconClasses();\n    }\n    this._updateAriaLabel();\n  }\n\n  ngOnInit() {\n    // Update font classes because ngOnChanges won't be called if none of the inputs are present,\n    // e.g. <md-icon>arrow</md-icon>. In this case we need to add a CSS class for the default font.\n    if (this._usingFontIcon()) {\n      this._updateFontIconClasses();\n    }\n  }\n\n  ngAfterViewChecked() {\n    // Update aria label here because it may depend on the projected text content.\n    // (e.g. <md-icon>home</md-icon> should use 'home').\n    this._updateAriaLabel();\n  }\n\n  private _updateAriaLabel() {\n      const ariaLabel = this._getAriaLabel();\n      if (ariaLabel) {\n        this._renderer.setElementAttribute(this._elementRef.nativeElement, 'aria-label', ariaLabel);\n      }\n  }\n\n  private _getAriaLabel() {\n    // If the parent provided an aria-label attribute value, use it as-is. Otherwise look for a\n    // reasonable value from the alt attribute, font icon name, SVG icon name, or (for ligatures)\n    // the text content of the directive.\n    const label =\n        this.hostAriaLabel ||\n        this.alt ||\n        this.fontIcon ||\n        this._splitIconName(this.svgIcon)[1];\n    if (label) {\n      return label;\n    }\n    // The \"content\" of an SVG icon is not a useful label.\n    if (this._usingFontIcon()) {\n      const text = this._elementRef.nativeElement.textContent;\n      if (text) {\n        return text;\n      }\n    }\n    // TODO: Warn here in dev mode.\n    return null;\n  }\n\n  private _usingFontIcon(): boolean {\n    return !this.svgIcon;\n  }\n\n  private _setSvgElement(svg: SVGElement) {\n    const layoutElement = this._elementRef.nativeElement;\n    // Remove existing child nodes and add the new SVG element.\n    // We would use renderer.detachView(Array.from(layoutElement.childNodes)) here,\n    // but it fails in IE11: https://github.com/angular/angular/issues/6327\n    layoutElement.innerHTML = '';\n    this._renderer.projectNodes(layoutElement, [svg]);\n  }\n\n  private _updateFontIconClasses() {\n    if (!this._usingFontIcon()) {\n      return;\n    }\n    const elem = this._elementRef.nativeElement;\n    const fontSetClass = this.fontSet ?\n        this._mdIconRegistry.classNameForFontAlias(this.fontSet) :\n        this._mdIconRegistry.getDefaultFontSetClass();\n    if (fontSetClass != this._previousFontSetClass) {\n      if (this._previousFontSetClass) {\n        this._renderer.setElementClass(elem, this._previousFontSetClass, false);\n      }\n      if (fontSetClass) {\n        this._renderer.setElementClass(elem, fontSetClass, true);\n      }\n      this._previousFontSetClass = fontSetClass;\n    }\n\n    if (this.fontIcon != this._previousFontIconClass) {\n      if (this._previousFontIconClass) {\n        this._renderer.setElementClass(elem, this._previousFontIconClass, false);\n      }\n      if (this.fontIcon) {\n        this._renderer.setElementClass(elem, this.fontIcon, true);\n      }\n      this._previousFontIconClass = this.fontIcon;\n    }\n  }\n}\n\n\n@NgModule({\n  imports: [HttpModule, DefaultStyleCompatibilityModeModule],\n  exports: [MdIcon, DefaultStyleCompatibilityModeModule],\n  declarations: [MdIcon],\n})\nexport class MdIconModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdIconModule,\n      providers: [MdIconRegistry],\n    };\n  }\n}\n"]}

package/icon/icon.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdIconInvalidNameError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}]}},"MdIcon":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"template":"<ng-content></ng-content>","selector":"md-icon, mat-icon","styleUrls":["icon.css"],"host":{"role":"img"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"svgIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fontSet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fontIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"alt":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hostAriaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-label"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"./icon-registry","name":"MdIconRegistry"}]}],"_updateColor":[{"__symbolic":"method"}],"_setElementColor":[{"__symbolic":"method"}],"_splitIconName":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"_updateAriaLabel":[{"__symbolic":"method"}],"_getAriaLabel":[{"__symbolic":"method"}],"_usingFontIcon":[{"__symbolic":"method"}],"_setSvgElement":[{"__symbolic":"method"}],"_updateFontIconClasses":[{"__symbolic":"method"}]}},"MdIconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/http","name":"HttpModule"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"exports":[{"__symbolic":"reference","name":"MdIcon"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"declarations":[{"__symbolic":"reference","name":"MdIcon"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdIconModule"},"providers":[{"__symbolic":"reference","module":"./icon-registry","name":"MdIconRegistry"}]}}}}},"exports":[{"from":"./icon-registry","export":["MdIconRegistry"]}]},{"__symbolic":"module","exports":[{"from":"./icon-registry","export":["MdIconRegistry"]}],"metadata":{"MdIconInvalidNameError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}]}},"MdIcon":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"template":"<ng-content></ng-content>","selector":"md-icon, mat-icon","styleUrls":["icon.css"],"host":{"role":"img"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"svgIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fontSet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fontIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"alt":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hostAriaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-label"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"./icon-registry","name":"MdIconRegistry"}]}],"_updateColor":[{"__symbolic":"method"}],"_setElementColor":[{"__symbolic":"method"}],"_splitIconName":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"_updateAriaLabel":[{"__symbolic":"method"}],"_getAriaLabel":[{"__symbolic":"method"}],"_usingFontIcon":[{"__symbolic":"method"}],"_setSvgElement":[{"__symbolic":"method"}],"_updateFontIconClasses":[{"__symbolic":"method"}]}},"MdIconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/http","name":"HttpModule"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"exports":[{"__symbolic":"reference","name":"MdIcon"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"declarations":[{"__symbolic":"reference","name":"MdIcon"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdIconModule"},"providers":[{"__symbolic":"reference","module":"./icon-registry","name":"MdIconRegistry"}]}}}}},"version":1}]

package/icon/icon.scss

@@ -1,13 +0,0 @@
-@import '../core/style/variables';
-
-
-// The width/height of the icon element.
-$md-icon-size: 24px !default;
-
-md-icon {
-  background-repeat: no-repeat;
-  display: inline-block;
-  fill: currentColor;
-  height: $md-icon-size;
-  width: $md-icon-size;
-}

package/icon/index.js

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

package/icon/index.js.map

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

package/index.d.ts

@@ -1,25 +0,0 @@
-export * from './core';
-export * from './module';
-export * from './button/index';
-export * from './button-toggle/index';
-export * from './card/index';
-export * from './chips/index';
-export * from './checkbox/index';
-export * from './dialog/index';
-export * from './grid-list/index';
-export * from './icon/index';
-export * from './input/index';
-export * from './list/index';
-export * from './menu/index';
-export * from './progress-bar/index';
-export * from './progress-spinner/index';
-export * from './radio/index';
-export * from './select/index';
-export * from './sidenav/index';
-export * from './slider/index';
-export * from './slide-toggle/index';
-export * from './snack-bar/index';
-export * from './tabs/index';
-export * from './tabs/tab-nav-bar/index';
-export * from './toolbar/index';
-export * from './tooltip/index';

package/index.js

@@ -1,27 +0,0 @@
-export * from './core';
-export * from './module';
-export * from './button/index';
-export * from './button-toggle/index';
-export * from './card/index';
-export * from './chips/index';
-export * from './checkbox/index';
-export * from './dialog/index';
-export * from './grid-list/index';
-export * from './icon/index';
-export * from './input/index';
-export * from './list/index';
-export * from './menu/index';
-export * from './progress-bar/index';
-export * from './progress-spinner/index';
-export * from './radio/index';
-export * from './select/index';
-export * from './sidenav/index';
-export * from './slider/index';
-export * from './slide-toggle/index';
-export * from './snack-bar/index';
-export * from './tabs/index';
-export * from './tabs/tab-nav-bar/index';
-export * from './toolbar/index';
-export * from './tooltip/index';
-
-//# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AAEzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC","file":"index.js","sourcesContent":["export * from './core';\nexport * from './module';\n\nexport * from './button/index';\nexport * from './button-toggle/index';\nexport * from './card/index';\nexport * from './chips/index';\nexport * from './checkbox/index';\nexport * from './dialog/index';\nexport * from './grid-list/index';\nexport * from './icon/index';\nexport * from './input/index';\nexport * from './list/index';\nexport * from './menu/index';\nexport * from './progress-bar/index';\nexport * from './progress-spinner/index';\nexport * from './radio/index';\nexport * from './select/index';\nexport * from './sidenav/index';\nexport * from './slider/index';\nexport * from './slide-toggle/index';\nexport * from './snack-bar/index';\nexport * from './tabs/index';\nexport * from './tabs/tab-nav-bar/index';\nexport * from './toolbar/index';\nexport * from './tooltip/index';\n"]}

package/index.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{},"exports":[{"from":"./core"},{"from":"./module"},{"from":"./button/index"},{"from":"./button-toggle/index"},{"from":"./card/index"},{"from":"./chips/index"},{"from":"./checkbox/index"},{"from":"./dialog/index"},{"from":"./grid-list/index"},{"from":"./icon/index"},{"from":"./input/index"},{"from":"./list/index"},{"from":"./menu/index"},{"from":"./progress-bar/index"},{"from":"./progress-spinner/index"},{"from":"./radio/index"},{"from":"./select/index"},{"from":"./sidenav/index"},{"from":"./slider/index"},{"from":"./slide-toggle/index"},{"from":"./snack-bar/index"},{"from":"./tabs/index"},{"from":"./tabs/tab-nav-bar/index"},{"from":"./toolbar/index"},{"from":"./tooltip/index"}]},{"__symbolic":"module","exports":[{"from":"./core"},{"from":"./module"},{"from":"./button/index"},{"from":"./button-toggle/index"},{"from":"./card/index"},{"from":"./chips/index"},{"from":"./checkbox/index"},{"from":"./dialog/index"},{"from":"./grid-list/index"},{"from":"./icon/index"},{"from":"./input/index"},{"from":"./list/index"},{"from":"./menu/index"},{"from":"./progress-bar/index"},{"from":"./progress-spinner/index"},{"from":"./radio/index"},{"from":"./select/index"},{"from":"./sidenav/index"},{"from":"./slider/index"},{"from":"./slide-toggle/index"},{"from":"./snack-bar/index"},{"from":"./tabs/index"},{"from":"./tabs/tab-nav-bar/index"},{"from":"./toolbar/index"},{"from":"./tooltip/index"}],"metadata":{},"version":1}]

package/input/OVERVIEW.md

@@ -1,72 +0,0 @@
-`<md-input-container>` is a wrapper for native `input` and `textarea` elements. This container 
-applies Material Design styles and behavior while still allowing direct access to the underlying
-native element.
-
-The native element wrapped by the `md-input-container` must be marked with the `mdInput` directive.
-
-<!-- example(input-overview) -->
-
-### `input` and `textarea` attributes
-
-All of the attributes that can be used with normal `input` and `textarea` elements can be used on
-elements inside `md-input-container` as well. This includes Angular directives such as
-`ngModel` and `formControl`.
-
-The only limitations are that the `type` attribute can only be one of the values supported by
-`md-input-container` and the native element cannot specify a `placeholder` attribute if the
-`md-input-container` also contains a `md-placeholder` element. 
-
-### Supported `input` types
-
-The following [input types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input) can
-be used with `md-input-container`:
-* date
-* datetime-local
-* email
-* month
-* number
-* password
-* search
-* tel
-* text
-* time
-* url
-* week
-
-### Placeholder
-
-A placeholder is an indicative text displayed in the input zone when the input does not contain
-text. When text is present, the indicative text will float above this input zone.
-
-The `floatingPlaceholder` attribute of `md-input-container` can be set to `false` to hide the
-indicative text instead when text is present in the input.
-
-A placeholder for the input can be specified in one of two ways: either using the `placeholder`
-attribute on the `input` or `textarea`, or using an `md-placeholder` element in the
-`md-input-container`. Using both will raise an error.
-
-### Prefix and Suffix
-
-HTML can be included before, and after the input tag, as prefix or suffix. It will be underlined as
-per the Material specification, and clicking it will focus the input.
-
-Adding the `md-prefix` attribute to an element inside the `md-input-container` will designate it as
-the prefix. Similarly, adding `md-suffix` will designate it as the suffix.
-
-### Hint Labels
-
-Hint labels are the labels that show below the underline. An `md-input-container` can have up to two
-hint labels; one on the `start` of the line (left in an LTR language, right in RTL), and one on the
-`end`.
-
-Hint labels are specified in one of two ways: either using the `hintLabel` attribute of
-`md-input-container`, or using an `md-hint` element inside the `md-input-container`, which takes an
-`align` attribute containing the side. The attribute version is assumed to be at the `start`.
-Specifying a side twice will result in an exception during initialization.
-
-### Divider Color
-
-The divider (line under the `input` content) color can be changed by using the `dividerColor`
-attribute of `md-input-container`. A value of `primary` is the default and will correspond to the
-theme primary color. Alternatively, `accent` or `warn` can be specified to use the theme's accent or
-warn color.