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

package/icon/icon.js

@@ -1,252 +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 } 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(_element, _renderer, _mdIconRegistry) {
-        this._element = _element;
-        this._renderer = _renderer;
-        this._mdIconRegistry = _mdIconRegistry;
-        this.hostAriaLabel = '';
-    }
-    /**
-     * 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);
-        }
-    };
-    /** TODO: internal */
-    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).subscribe(function (svg) { return _this._setSvgElement(svg); }, function (err) { return console.log("Error retrieving icon: " + err); });
-            }
-            else if (this.svgSrc) {
-                this._mdIconRegistry.getSvgIconFromUrl(this.svgSrc).subscribe(function (svg) { return _this._setSvgElement(svg); }, function (err) { return console.log("Error retrieving icon: " + err); });
-            }
-        }
-        if (this._usingFontIcon()) {
-            this._updateFontIconClasses();
-        }
-        this._updateAriaLabel();
-    };
-    /** TODO: internal */
-    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();
-        }
-    };
-    /** TODO: internal */
-    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._element.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._element.nativeElement.textContent;
-            if (text) {
-                return text;
-            }
-        }
-        // TODO: Warn here in dev mode.
-        return null;
-    };
-    MdIcon.prototype._usingFontIcon = function () {
-        return !(this.svgIcon || this.svgSrc);
-    };
-    MdIcon.prototype._setSvgElement = function (svg) {
-        var layoutElement = this._element.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._element.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, "svgSrc", void 0);
-    __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);
-    MdIcon = __decorate([
-        Component({template: '<ng-content></ng-content>',
-            selector: 'md-icon',
-            styles: ["md-icon { background-repeat: no-repeat; display: inline-block; fill: currentColor; height: 24px; width: 24px; } /*# sourceMappingURL=icon.css.map */ "],
-            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],
-            exports: [MdIcon],
-            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/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} from '../core';\nimport {MdIconRegistry} from './icon-registry';\nexport {MdIconRegistry} from './icon-registry';\n\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',\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  @Input() svgSrc: string;\n  @Input() svgIcon: string;\n  @Input() fontSet: string;\n  @Input() fontIcon: string;\n  @Input() alt: string;\n\n  @Input('aria-label') hostAriaLabel: string = '';\n\n  private _previousFontSetClass: string;\n  private _previousFontIconClass: string;\n\n  constructor(\n      private _element: ElementRef,\n      private _renderer: Renderer,\n      private _mdIconRegistry: MdIconRegistry) { }\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  /** TODO: internal */\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).subscribe(\n            svg => this._setSvgElement(svg),\n            (err: any) => console.log(`Error retrieving icon: ${err}`));\n      } else if (this.svgSrc) {\n        this._mdIconRegistry.getSvgIconFromUrl(this.svgSrc).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  /** TODO: internal */\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  /** TODO: internal */\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._element.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._element.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 || this.svgSrc);\n  }\n\n  private _setSvgElement(svg: SVGElement) {\n    const layoutElement = this._element.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._element.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],\n  exports: [MdIcon],\n  declarations: [MdIcon],\n})\nexport class MdIconModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdIconModule,\n      providers: [MdIconRegistry],\n    };\n  }\n}\n"],"sourceRoot":"/source/"}

package/icon/icon.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"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","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":{"svgSrc":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"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"]}]}],"__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"}]}],"_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"}],"exports":[{"__symbolic":"reference","name":"MdIcon"}],"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"]}]}

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":"icon/index.js","sourcesContent":["export * from './icon';\n"],"sourceRoot":"/source/"}

package/index.d.ts

@@ -1,23 +0,0 @@
-export * from './core';
-export * from './module';
-export * from './button/index';
-export * from './button-toggle/index';
-export * from './card/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-circle/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 './toolbar/index';
-export * from './tooltip/index';

package/index.js

@@ -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 './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-circle/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 './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,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,yBAAyB,CAAC;AACxC,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,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 './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-circle/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 './toolbar/index';\nexport * from './tooltip/index';\n"],"sourceRoot":"/source/"}

package/index.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./core"},{"from":"./module"},{"from":"./button/index"},{"from":"./button-toggle/index"},{"from":"./card/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-circle/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":"./toolbar/index"},{"from":"./tooltip/index"}]}

package/input/README.md

@@ -1,121 +0,0 @@
-# mdInput
-
-Inputs are the basic input component of Material 2. The spec can be found [here](https://www.google.com/design/spec/components/text-fields.html).
-
-
-
-## Notes
-* The `<md-input>` component fully support two-way binding of `ngModel`, as if it was a normal `<input>`.
-
-
-
-## Type
-
-At the time of writing this README, the `[type]` attribute is copied to the actual `<input>` element in the `<md-input>`.
-
-The valid `type` attribute values are any supported by your browser, with the exception of `file`, `checkbox` and `radio`. File inputs aren't supported for now, while check boxes and radio buttons have their own components.
-
-
-
-## Prefix and Suffix
-
-You can include HTML 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.
-
-To add a prefix, use the `md-prefix` attribute on the element. Similarly, to add a suffix, use the `md-suffix` attribute. For example, in a template:
-
-#### Example
-
-```html
-<md-input placeholder="amount" align="end">
-  <span md-prefix>$&nbsp;</span>
-  <span md-suffix>.00</span>
-</md-input>
-```
-
-Will result in this:
-
-<img src="https://material.angularjs.org/material2_assets/input/prefix-suffix.png">
-
-
-
-## Hint Labels
-
-Hint labels are the labels that shows the underline. You can have up to two hint labels; one on the `start` of the line (left in an LTR language, right in RTL), or one on the `end`.
-
-You specify a hint-label in one of two ways; either using the `hintLabel` attribute, or using an `<md-hint>` directive in the `<md-input>`, 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.
-
-#### Example
-
-A simple character counter can be made like the following:
-
-```html
-<md-input placeholder="Character count (100 max)" maxlength="100" class="demo-full-width"
-          value="Hello world. How are you?"
-          #characterCountHintExample>
-  <md-hint align="end">{{characterCountHintExample.characterCount}} / 100</md-hint>
-</md-input>
-```
-
-<img src="https://material.angularjs.org/material2_assets/input/character-count.png">
-
-
-
-## Divider Color
-
-The divider (line under the `<md-input>` content) color can be changed by using the `dividerColor` attribute. A value of `primary` is the default and will correspond to your theme primary color. Alternatively, you can specify `accent` or `warn`.
-
-#### Example
-
-^((please note that this example has been doctored to show the colors; they would normally show only on focus)^)
-
-<img src="https://material.angularjs.org/material2_assets/input/divider-colors.png">
-
-
-
-## Labelling
-
-You can label the `<md-input>` as you would a regular `<input>`.
-
-
-
-## Full Forms
-
-You can make a full form using inputs, and it will support autofill natively.
-
-#### Example
-
-```html
-<md-card class="demo-card demo-basic">
-  <md-toolbar color="primary">Basic</md-toolbar>
-  <md-card-content>
-    <form>
-      <md-input class="demo-full-width" placeholder="Company (disabled)" disabled value="Google">
-      </md-input>
-
-      <table style="width: 100%" cellspacing="0"><tr>
-        <td><md-input placeholder="First name" style="width: 100%"></md-input></td>
-        <td><md-input placeholder="Long Last Name That Will Be Truncated" style="width: 100%"></md-input></td>
-      </tr></table>
-      <p>
-        <md-input class="demo-full-width" placeholder="Address" value="1600 Amphitheatre Pkway"></md-input>
-        <md-input class="demo-full-width" placeholder="Address 2"></md-input>
-      </p>
-      <table style="width: 100%" cellspacing="0"><tr>
-        <td><md-input class="demo-full-width" placeholder="City"></md-input></td>
-        <td><md-input class="demo-full-width" placeholder="State"></md-input></td>
-        <td><md-input #postalCode class="demo-full-width" maxlength="5"
-                      placeholder="Postal Code"
-                      value="94043">
-          <md-hint align="end">{{postalCode.characterCount}} / 5</md-hint>
-        </md-input></td>
-      </tr></table>
-    </form>
-  </md-card-content>
-</md-card>
-```
-
-Will result in this:
-
-<img src="https://material.angularjs.org/material2_assets/input/full-form.png">

package/input/_input-theme.scss

@@ -1,64 +0,0 @@
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-
-
-@mixin md-input-theme($theme) {
-  $primary: map-get($theme, primary);
-  $accent: map-get($theme, accent);
-  $warn: map-get($theme, warn);
-  $background: map-get($theme, background);
-  $foreground: map-get($theme, foreground);
-  
-  // Placeholder colors. Required is used for the `*` star shown in the placeholder.
-  $input-placeholder-color: md-color($foreground, hint-text);
-  $input-floating-placeholder-color: md-color($primary);
-  $input-required-placeholder-color: md-color($accent);
-  
-  // Underline colors.
-  $input-underline-color: md-color($foreground, hint-text);
-  $input-underline-color-accent: md-color($accent);
-  $input-underline-color-warn: md-color($warn);
-  $input-underline-disabled-color: md-color($foreground, hint-text);
-  $input-underline-focused-color: md-color($primary);
-
-  .md-input-placeholder {
-    color: $input-placeholder-color;
-
-    // :focus is applied to the input, but we apply md-focused to the other elements
-    // that need to listen to it.
-    &.md-focused {
-      color: $input-floating-placeholder-color;
-
-      &.md-accent {
-        color: $input-underline-color-accent;
-      }
-      &.md-warn {
-        color: $input-underline-color-warn;
-      }
-    }
-  }
-
-  // See md-input-placeholder-floating mixin in input.scss
-  md-input input:-webkit-autofill + .md-input-placeholder,
-  .md-input-placeholder.md-float:not(.md-empty), .md-input-placeholder.md-float.md-focused {
-
-    .md-placeholder-required {
-      color: $input-required-placeholder-color;
-    }
-  }
-
-  .md-input-underline {
-    border-color: $input-underline-color;
-
-    .md-input-ripple {
-      background-color: $input-underline-focused-color;
-
-      &.md-accent {
-        background-color: $input-underline-color-accent;
-      }
-      &.md-warn {
-        background-color: $input-underline-color-warn;
-      }
-    }
-  }
-}

package/input/index.js

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

package/input/index.js.map

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