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

package/esm2015/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sources":["../../../src/lib/icon/index.ts","../../../src/lib/icon/icon-module.ts","../../../src/lib/icon/icon.ts","../../../src/lib/icon/icon-registry.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport {MdIconModule,MdIconBase,_MdIconMixinBase,MdIcon,getMdIconNameNotFoundError,getMdIconNoHttpProviderError,getMdIconFailedToSanitizeError,MdIconRegistry,ICON_REGISTRY_PROVIDER_FACTORY,ICON_REGISTRY_PROVIDER,MatIcon,MatIconBase,MatIconModule,MatIconRegistry} from './public_api';\n","/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n\nimport {NgModule} from '@angular/core';\nimport {MdCommonModule} from '@angular/material/core';\nimport {MdIcon} from './icon';\nimport {ICON_REGISTRY_PROVIDER} from './icon-registry';\nexport class MdIconModule {static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n  imports: [MdCommonModule],\n  exports: [MdIcon, MdCommonModule],\n  declarations: [MdIcon],\n  providers: [ICON_REGISTRY_PROVIDER],\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction MdIconModule_tsickle_Closure_declarations() {\n/** @type {?} */\nMdIconModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nMdIconModule.ctorParameters;\n}\n\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Input,\n  OnChanges,\n  OnInit,\n  Renderer2,\n  SimpleChanges,\n  ViewEncapsulation,\n  Attribute,\n} from '@angular/core';\nimport {MdIconRegistry} from './icon-registry';\nimport {CanColor, mixinColor} from '@angular/material/core';\nimport {first} from '@angular/material/core';\n/**\n * \\@docs-private\n */\nexport class MdIconBase {\n/**\n * @param {?} _renderer\n * @param {?} _elementRef\n */\nconstructor(public _renderer: Renderer2,\npublic _elementRef: ElementRef) {}\n}\n\nfunction MdIconBase_tsickle_Closure_declarations() {\n/** @type {?} */\nMdIconBase.prototype._renderer;\n/** @type {?} */\nMdIconBase.prototype._elementRef;\n}\n\nexport const /** @type {?} */ _MdIconMixinBase = mixinColor(MdIconBase);\n/**\n * Component to display an icon. It can be used in the following ways:\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 */\nexport class MdIcon extends _MdIconMixinBase implements OnChanges, OnInit, CanColor {\n/**\n * Name of the icon in the SVG icon set.\n */\nsvgIcon: string;\n/**\n * Font set that the icon is a part of.\n */\nfontSet: string;\n/**\n * Name of an icon within a font set.\n */\nfontIcon: string;\nprivate _previousFontSetClass: string;\nprivate _previousFontIconClass: string;\n/**\n * @param {?} renderer\n * @param {?} elementRef\n * @param {?} _mdIconRegistry\n * @param {?} ariaHidden\n */\nconstructor(\n      renderer: Renderer2,\n      elementRef: ElementRef,\nprivate _mdIconRegistry: MdIconRegistry,\n       ariaHidden: string) {\n    super(renderer, elementRef);\n\n    // If the user has not explicitly set aria-hidden, mark the icon as hidden, as this is\n    // the right thing to do for the majority of icon use-cases.\n    if (!ariaHidden) {\n      renderer.setAttribute(elementRef.nativeElement, 'aria-hidden', 'true');\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 an error 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 Error)\n * @param {?} iconName\n * @return {?}\n */\nprivate _splitIconName(iconName: string): [string, string] {\n    if (!iconName) {\n      return ['', ''];\n    }\n    const /** @type {?} */ parts = iconName.split(':');\n    switch (parts.length) {\n      case 1: return ['', parts[0]]; // Use default namespace.\n      case 2: return /** @type {?} */(( <[string, string]>parts));\n      default: throw Error(`Invalid icon name: \"${iconName}\"`);\n    }\n  }\n/**\n * @param {?} changes\n * @return {?}\n */\nngOnChanges(changes: SimpleChanges) {\n    // Only update the inline SVG icon if the inputs changed, to avoid unnecessary DOM operations.\n    if (changes.svgIcon) {\n      if (this.svgIcon) {\n        const [namespace, iconName] = this._splitIconName(this.svgIcon);\n\n        first.call(this._mdIconRegistry.getNamedSvgIcon(iconName, namespace)).subscribe(\n            svg => this._setSvgElement(svg),\n            (err: Error) => console.log(`Error retrieving icon: ${err.message}`));\n      } else {\n        this._clearSvgElement();\n      }\n    }\n\n    if (this._usingFontIcon()) {\n      this._updateFontIconClasses();\n    }\n  }\n/**\n * @return {?}\n */\nngOnInit() {\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 * @return {?}\n */\nprivate _usingFontIcon(): boolean {\n    return !this.svgIcon;\n  }\n/**\n * @param {?} svg\n * @return {?}\n */\nprivate _setSvgElement(svg: SVGElement) {\n    this._clearSvgElement();\n    this._renderer.appendChild(this._elementRef.nativeElement, svg);\n  }\n/**\n * @return {?}\n */\nprivate _clearSvgElement() {\n    const /** @type {?} */ layoutElement = this._elementRef.nativeElement;\n    const /** @type {?} */ childCount = layoutElement.childNodes.length;\n\n    // Remove existing child nodes and add the new SVG element. Note that we can't\n    // use innerHTML, because IE will throw if the element has a data binding.\n    for (let /** @type {?} */ i = 0; i < childCount; i++) {\n      this._renderer.removeChild(layoutElement, layoutElement.childNodes[i]);\n    }\n  }\n/**\n * @return {?}\n */\nprivate _updateFontIconClasses() {\n    if (!this._usingFontIcon()) {\n      return;\n    }\n\n    const /** @type {?} */ elem = this._elementRef.nativeElement;\n    const /** @type {?} */ fontSetClass = this.fontSet ?\n        this._mdIconRegistry.classNameForFontAlias(this.fontSet) :\n        this._mdIconRegistry.getDefaultFontSetClass();\n\n    if (fontSetClass != this._previousFontSetClass) {\n      if (this._previousFontSetClass) {\n        this._renderer.removeClass(elem, this._previousFontSetClass);\n      }\n      if (fontSetClass) {\n        this._renderer.addClass(elem, fontSetClass);\n      }\n      this._previousFontSetClass = fontSetClass;\n    }\n\n    if (this.fontIcon != this._previousFontIconClass) {\n      if (this._previousFontIconClass) {\n        this._renderer.removeClass(elem, this._previousFontIconClass);\n      }\n      if (this.fontIcon) {\n        this._renderer.addClass(elem, this.fontIcon);\n      }\n      this._previousFontIconClass = this.fontIcon;\n    }\n  }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n  moduleId: module.id,\n  template: '<ng-content></ng-content>',\n  selector: 'md-icon, mat-icon',\n  styleUrls: ['icon.css'],\n  inputs: ['color'],\n  host: {\n    'role': 'img',\n    'class': 'mat-icon',\n  },\n  encapsulation: ViewEncapsulation.None,\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: Renderer2, },\n{type: ElementRef, },\n{type: MdIconRegistry, },\n{type: undefined, decorators: [{ type: Attribute, args: ['aria-hidden', ] }, ]},\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'svgIcon': [{ type: Input },],\n'fontSet': [{ type: Input },],\n'fontIcon': [{ type: Input },],\n};\n}\n\nfunction MdIcon_tsickle_Closure_declarations() {\n/** @type {?} */\nMdIcon.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nMdIcon.ctorParameters;\n/** @type {?} */\nMdIcon.propDecorators;\n/**\n * Name of the icon in the SVG icon set.\n * @type {?}\n */\nMdIcon.prototype.svgIcon;\n/**\n * Font set that the icon is a part of.\n * @type {?}\n */\nMdIcon.prototype.fontSet;\n/**\n * Name of an icon within a font set.\n * @type {?}\n */\nMdIcon.prototype.fontIcon;\n/** @type {?} */\nMdIcon.prototype._previousFontSetClass;\n/** @type {?} */\nMdIcon.prototype._previousFontIconClass;\n/** @type {?} */\nMdIcon.prototype._mdIconRegistry;\n}\n\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","/**\n * @license\n * Copyright Google Inc. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n\nimport {Injectable, Optional, SecurityContext, SkipSelf} from '@angular/core';\nimport {Http} from '@angular/http';\nimport {\n  catchOperator,\n  doOperator,\n  finallyOperator,\n  map,\n  RxChain,\n  share,\n} from '@angular/material/core';\nimport {DomSanitizer, SafeResourceUrl} from '@angular/platform-browser';\nimport {Observable} from 'rxjs/Observable';\nimport {forkJoin} from 'rxjs/observable/forkJoin';\nimport {of as observableOf} from 'rxjs/observable/of';\nimport {_throw as observableThrow} from 'rxjs/observable/throw';\n/**\n * Returns an exception to be thrown in the case when attempting to\n * load an icon with a name that cannot be found.\n * \\@docs-private\n * @param {?} iconName\n * @return {?}\n */\nexport function getMdIconNameNotFoundError(iconName: string): Error {\n  return Error(`Unable to find icon with the name \"${iconName}\"`);\n}\n/**\n * Returns an exception to be thrown when the consumer attempts to use\n * `<md-icon>` without including \\@angular/http.\n * \\@docs-private\n * @return {?}\n */\nexport function getMdIconNoHttpProviderError(): Error {\n  return Error('Could not find Http provider for use with Angular Material icons. ' +\n               'Please include the HttpModule from @angular/http in your app imports.');\n}\n/**\n * Returns an exception to be thrown when a URL couldn't be sanitized.\n * \\@docs-private\n * @param {?} url URL that was attempted to be sanitized.\n * @return {?}\n */\nexport function getMdIconFailedToSanitizeError(url: SafeResourceUrl): Error {\n  return Error(`The URL provided to MdIconRegistry was not trusted as a resource URL ` +\n               `via Angular's DomSanitizer. Attempted URL was \"${url}\".`);\n}\n/**\n * Configuration for an icon, including the URL and possibly the cached SVG element.\n * \\@docs-private\n */\nclass SvgIconConfig {\n  svgElement: SVGElement | null = null;\n/**\n * @param {?} url\n */\nconstructor(public url: SafeResourceUrl) { }\n}\n\nfunction SvgIconConfig_tsickle_Closure_declarations() {\n/** @type {?} */\nSvgIconConfig.prototype.svgElement;\n/** @type {?} */\nSvgIconConfig.prototype.url;\n}\n\n/**\n * Service to register and display icons used by the <md-icon> component.\n * - Registers icon URLs by namespace and name.\n * - Registers icon set URLs by namespace.\n * - Registers aliases for CSS classes, for use with icon fonts.\n * - Loads icons from URLs and extracts individual icons from icon sets.\n */\nexport class MdIconRegistry {\n/**\n * URLs and cached SVG elements for individual icons. Keys are of the format \"[namespace]:[icon]\".\n */\nprivate _svgIconConfigs = new Map<string, SvgIconConfig>();\n/**\n * SvgIconConfig objects and cached SVG elements for icon sets, keyed by namespace.\n * Multiple icon sets can be registered under the same namespace.\n */\nprivate _iconSetConfigs = new Map<string, SvgIconConfig[]>();\n/**\n * Cache for icons loaded by direct URLs.\n */\nprivate _cachedIconsByUrl = new Map<string, SVGElement>();\n/**\n * In-progress icon fetches. Used to coalesce multiple requests to the same URL.\n */\nprivate _inProgressUrlFetches = new Map<string, Observable<string>>();\n/**\n * Map from font identifiers to their CSS class names. Used for icon fonts.\n */\nprivate _fontCssClassesByAlias = new Map<string, string>();\n/**\n * The CSS class to apply when an <md-icon> component has no icon name, url, or font specified.\n * The default 'material-icons' value assumes that the material icon font has been loaded as\n * described at http://google.github.io/material-design-icons/#icon-font-for-the-web\n */\nprivate _defaultFontSetClass = 'material-icons';\n/**\n * @param {?} _http\n * @param {?} _sanitizer\n */\nconstructor(\nprivate _http: Http,\nprivate _sanitizer: DomSanitizer) {}\n/**\n * Registers an icon by URL in the default namespace.\n * @param {?} iconName Name under which the icon should be registered.\n * @param {?} url\n * @return {?}\n */\naddSvgIcon(iconName: string, url: SafeResourceUrl): this {\n    return this.addSvgIconInNamespace('', iconName, url);\n  }\n/**\n * Registers an icon by URL in the specified namespace.\n * @param {?} namespace Namespace in which the icon should be registered.\n * @param {?} iconName Name under which the icon should be registered.\n * @param {?} url\n * @return {?}\n */\naddSvgIconInNamespace(namespace: string, iconName: string, url: SafeResourceUrl): this {\n    const /** @type {?} */ key = iconKey(namespace, iconName);\n    this._svgIconConfigs.set(key, new SvgIconConfig(url));\n    return this;\n  }\n/**\n * Registers an icon set by URL in the default namespace.\n * @param {?} url\n * @return {?}\n */\naddSvgIconSet(url: SafeResourceUrl): this {\n    return this.addSvgIconSetInNamespace('', url);\n  }\n/**\n * Registers an icon set by URL in the specified namespace.\n * @param {?} namespace Namespace in which to register the icon set.\n * @param {?} url\n * @return {?}\n */\naddSvgIconSetInNamespace(namespace: string, url: SafeResourceUrl): this {\n    const /** @type {?} */ config = new SvgIconConfig(url);\n    const /** @type {?} */ configNamespace = this._iconSetConfigs.get(namespace);\n\n    if (configNamespace) {\n      configNamespace.push(config);\n    } else {\n      this._iconSetConfigs.set(namespace, [config]);\n    }\n    return this;\n  }\n/**\n * Defines an alias for a CSS class name to be used for icon fonts. Creating an mdIcon\n * component with the alias as the fontSet input will cause the class name to be applied\n * to the <md-icon> element.\n * \n * @param {?} alias Alias for the font.\n * @param {?=} className Class name override to be used instead of the alias.\n * @return {?}\n */\nregisterFontClassAlias(alias: string, className = alias): this {\n    this._fontCssClassesByAlias.set(alias, className);\n    return this;\n  }\n/**\n * Returns the CSS class name associated with the alias by a previous call to\n * registerFontClassAlias. If no CSS class has been associated, returns the alias unmodified.\n * @param {?} alias\n * @return {?}\n */\nclassNameForFontAlias(alias: string): string {\n    return this._fontCssClassesByAlias.get(alias) || alias;\n  }\n/**\n * Sets the CSS class name to be used for icon fonts when an <md-icon> component does not\n * have a fontSet input value, and is not loading an icon by name or URL.\n * \n * @param {?} className\n * @return {?}\n */\nsetDefaultFontSetClass(className: string): this {\n    this._defaultFontSetClass = className;\n    return this;\n  }\n/**\n * Returns the CSS class name to be used for icon fonts when an <md-icon> component does not\n * have a fontSet input value, and is not loading an icon by name or URL.\n * @return {?}\n */\ngetDefaultFontSetClass(): string {\n    return this._defaultFontSetClass;\n  }\n/**\n * Returns an Observable that produces the icon (as an <svg> DOM element) from the given URL.\n * The response from the URL may be cached so this will not always cause an HTTP request, but\n * the produced element will always be a new copy of the originally fetched icon. (That is,\n * it will not contain any modifications made to elements previously returned).\n * \n * @param {?} safeUrl URL from which to fetch the SVG icon.\n * @return {?}\n */\ngetSvgIconFromUrl(safeUrl: SafeResourceUrl): Observable<SVGElement> {\n    let /** @type {?} */ url = this._sanitizer.sanitize(SecurityContext.RESOURCE_URL, safeUrl);\n\n    if (!url) {\n      throw getMdIconFailedToSanitizeError(safeUrl);\n    }\n\n    let /** @type {?} */ cachedIcon = this._cachedIconsByUrl.get(url);\n\n    if (cachedIcon) {\n      return observableOf(cloneSvg(cachedIcon));\n    }\n\n    return RxChain.from(this._loadSvgIconFromConfig(new SvgIconConfig(url)))\n      .call(doOperator, svg => this._cachedIconsByUrl.set( /** @type {?} */((url)), svg))\n      .call(map, svg => cloneSvg(svg))\n      .result();\n  }\n/**\n * Returns an Observable that produces the icon (as an <svg> DOM element) with the given name\n * and namespace. The icon must have been previously registered with addIcon or addIconSet;\n * if not, the Observable will throw an error.\n * \n * @param {?} name Name of the icon to be retrieved.\n * @param {?=} namespace Namespace in which to look for the icon.\n * @return {?}\n */\ngetNamedSvgIcon(name: string, namespace = ''): Observable<SVGElement> {\n    // Return (copy of) cached icon if possible.\n    const /** @type {?} */ key = iconKey(namespace, name);\n    const /** @type {?} */ config = this._svgIconConfigs.get(key);\n\n    if (config) {\n      return this._getSvgFromConfig(config);\n    }\n\n    // See if we have any icon sets registered for the namespace.\n    const /** @type {?} */ iconSetConfigs = this._iconSetConfigs.get(namespace);\n\n    if (iconSetConfigs) {\n      return this._getSvgFromIconSetConfigs(name, iconSetConfigs);\n    }\n\n    return observableThrow(getMdIconNameNotFoundError(key));\n  }\n/**\n * Returns the cached icon for a SvgIconConfig if available, or fetches it from its URL if not.\n * @param {?} config\n * @return {?}\n */\nprivate _getSvgFromConfig(config: SvgIconConfig): Observable<SVGElement> {\n    if (config.svgElement) {\n      // We already have the SVG element for this icon, return a copy.\n      return observableOf(cloneSvg(config.svgElement));\n    } else {\n      // Fetch the icon from the config's URL, cache it, and return a copy.\n      return RxChain.from(this._loadSvgIconFromConfig(config))\n          .call(doOperator, svg => config.svgElement = svg)\n          .call(map, svg => cloneSvg(svg))\n          .result();\n    }\n  }\n/**\n * Attempts to find an icon with the specified name in any of the SVG icon sets.\n * First searches the available cached icons for a nested element with a matching name, and\n * if found copies the element to a new <svg> element. If not found, fetches all icon sets\n * that have not been cached, and searches again after all fetches are completed.\n * The returned Observable produces the SVG element if possible, and throws\n * an error if no icon with the specified name can be found.\n * @param {?} name\n * @param {?} iconSetConfigs\n * @return {?}\n */\nprivate _getSvgFromIconSetConfigs(name: string, iconSetConfigs: SvgIconConfig[]):\n      Observable<SVGElement> {\n    // For all the icon set SVG elements we've fetched, see if any contain an icon with the\n    // requested name.\n    const /** @type {?} */ namedIcon = this._extractIconWithNameFromAnySet(name, iconSetConfigs);\n\n    if (namedIcon) {\n      // We could cache namedIcon in _svgIconConfigs, but since we have to make a copy every\n      // time anyway, there's probably not much advantage compared to just always extracting\n      // it from the icon set.\n      return observableOf(namedIcon);\n    }\n\n    // Not found in any cached icon sets. If there are icon sets with URLs that we haven't\n    // fetched, fetch them now and look for iconName in the results.\n    const /** @type {?} */ iconSetFetchRequests: Observable<SVGElement | null>[] = iconSetConfigs\n      .filter(iconSetConfig => !iconSetConfig.svgElement)\n      .map(iconSetConfig => {\n        return RxChain.from(this._loadSvgIconSetFromConfig(iconSetConfig))\n          .call(catchOperator, (err: any): Observable<SVGElement | null> => {\n            let /** @type {?} */ url = this._sanitizer.sanitize(SecurityContext.RESOURCE_URL, iconSetConfig.url);\n\n            // Swallow errors fetching individual URLs so the combined Observable won't\n            // necessarily fail.\n            console.log(`Loading icon set URL: ${url} failed: ${err}`);\n            return observableOf(null);\n          })\n          .call(doOperator, svg => {\n            // Cache the SVG element.\n            if (svg) {\n              iconSetConfig.svgElement = svg;\n            }\n          })\n          .result();\n      });\n\n    // Fetch all the icon set URLs. When the requests complete, every IconSet should have a\n    // cached SVG element (unless the request failed), and we can check again for the icon.\n    return map.call(forkJoin.call(Observable, iconSetFetchRequests), () => {\n      const /** @type {?} */ foundIcon = this._extractIconWithNameFromAnySet(name, iconSetConfigs);\n\n      if (!foundIcon) {\n        throw getMdIconNameNotFoundError(name);\n      }\n\n      return foundIcon;\n    });\n  }\n/**\n * Searches the cached SVG elements for the given icon sets for a nested icon element whose \"id\"\n * tag matches the specified name. If found, copies the nested element to a new SVG element and\n * returns it. Returns null if no matching element is found.\n * @param {?} iconName\n * @param {?} iconSetConfigs\n * @return {?}\n */\nprivate _extractIconWithNameFromAnySet(iconName: string, iconSetConfigs: SvgIconConfig[]):\n      SVGElement | null {\n    // Iterate backwards, so icon sets added later have precedence.\n    for (let /** @type {?} */ i = iconSetConfigs.length - 1; i >= 0; i--) {\n      const /** @type {?} */ config = iconSetConfigs[i];\n      if (config.svgElement) {\n        const /** @type {?} */ foundIcon = this._extractSvgIconFromSet(config.svgElement, iconName);\n        if (foundIcon) {\n          return foundIcon;\n        }\n      }\n    }\n    return null;\n  }\n/**\n * Loads the content of the icon URL specified in the SvgIconConfig and creates an SVG element\n * from it.\n * @param {?} config\n * @return {?}\n */\nprivate _loadSvgIconFromConfig(config: SvgIconConfig): Observable<SVGElement> {\n    return map.call(this._fetchUrl(config.url),\n        svgText => this._createSvgElementForSingleIcon(svgText));\n  }\n/**\n * Loads the content of the icon set URL specified in the SvgIconConfig and creates an SVG element\n * from it.\n * @param {?} config\n * @return {?}\n */\nprivate _loadSvgIconSetFromConfig(config: SvgIconConfig): Observable<SVGElement> {\n      // TODO: Document that icons should only be loaded from trusted sources.\n    return map.call(this._fetchUrl(config.url),\n        svgText => this._svgElementFromString(svgText));\n  }\n/**\n * Creates a DOM element from the given SVG string, and adds default attributes.\n * @param {?} responseText\n * @return {?}\n */\nprivate _createSvgElementForSingleIcon(responseText: string): SVGElement {\n    const /** @type {?} */ svg = this._svgElementFromString(responseText);\n    this._setSvgAttributes(svg);\n    return svg;\n  }\n/**\n * Searches the cached element of the given SvgIconConfig for a nested icon element whose \"id\"\n * tag matches the specified name. If found, copies the nested element to a new SVG element and\n * returns it. Returns null if no matching element is found.\n * @param {?} iconSet\n * @param {?} iconName\n * @return {?}\n */\nprivate _extractSvgIconFromSet(iconSet: SVGElement, iconName: string): SVGElement | null {\n    const /** @type {?} */ iconNode = iconSet.querySelector('#' + iconName);\n\n    if (!iconNode) {\n      return null;\n    }\n\n    // If the icon node is itself an <svg> node, clone and return it directly. If not, set it as\n    // the content of a new <svg> node.\n    if (iconNode.tagName.toLowerCase() === 'svg') {\n      return this._setSvgAttributes( /** @type {?} */((iconNode.cloneNode(true) as SVGElement)));\n    }\n\n    // If the node is a <symbol>, it won't be rendered so we have to convert it into <svg>. Note\n    // that the same could be achieved by referring to it via <use href=\"#id\">, however the <use>\n    // tag is problematic on Firefox, because it needs to include the current page path.\n    if (iconNode.nodeName.toLowerCase() === 'symbol') {\n      return this._setSvgAttributes(this._toSvgElement(iconNode));\n    }\n\n    // createElement('SVG') doesn't work as expected; the DOM ends up with\n    // the correct nodes, but the SVG content doesn't render. Instead we\n    // have to create an empty SVG node using innerHTML and append its content.\n    // Elements created using DOMParser.parseFromString have the same problem.\n    // http://stackoverflow.com/questions/23003278/svg-innerhtml-in-firefox-can-not-display\n    const /** @type {?} */ svg = this._svgElementFromString('<svg></svg>');\n    // Clone the node so we don't remove it from the parent icon set element.\n    svg.appendChild(iconNode.cloneNode(true));\n\n    return this._setSvgAttributes(svg);\n  }\n/**\n * Creates a DOM element from the given SVG string.\n * @param {?} str\n * @return {?}\n */\nprivate _svgElementFromString(str: string): SVGElement {\n    // TODO: Is there a better way than innerHTML? Renderer doesn't appear to have a method for\n    // creating an element from an HTML string.\n    const /** @type {?} */ div = document.createElement('DIV');\n    div.innerHTML = str;\n    const /** @type {?} */ svg = /** @type {?} */(( div.querySelector('svg') as SVGElement));\n    if (!svg) {\n      throw Error('<svg> tag not found');\n    }\n    return svg;\n  }\n/**\n * Converts an element into an SVG node by cloning all of its children.\n * @param {?} element\n * @return {?}\n */\nprivate _toSvgElement(element: Element): SVGElement {\n    let /** @type {?} */ svg = this._svgElementFromString('<svg></svg>');\n\n    for (let /** @type {?} */ i = 0; i < element.childNodes.length; i++) {\n      if (element.childNodes[i].nodeType === Node.ELEMENT_NODE) {\n        svg.appendChild(element.childNodes[i].cloneNode(true));\n      }\n    }\n\n    return svg;\n  }\n/**\n * Sets the default attributes for an SVG element to be used as an icon.\n * @param {?} svg\n * @return {?}\n */\nprivate _setSvgAttributes(svg: SVGElement): SVGElement {\n    if (!svg.getAttribute('xmlns')) {\n      svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n    }\n    svg.setAttribute('fit', '');\n    svg.setAttribute('height', '100%');\n    svg.setAttribute('width', '100%');\n    svg.setAttribute('preserveAspectRatio', 'xMidYMid meet');\n    svg.setAttribute('focusable', 'false'); // Disable IE11 default behavior to make SVGs focusable.\n    return svg;\n  }\n/**\n * Returns an Observable which produces the string contents of the given URL. Results may be\n * cached, so future calls with the same URL may not cause another HTTP request.\n * @param {?} safeUrl\n * @return {?}\n */\nprivate _fetchUrl(safeUrl: SafeResourceUrl): Observable<string> {\n    if (!this._http) {\n      throw getMdIconNoHttpProviderError();\n    }\n\n    const /** @type {?} */ url = this._sanitizer.sanitize(SecurityContext.RESOURCE_URL, safeUrl);\n\n    if (!url) {\n      throw getMdIconFailedToSanitizeError(safeUrl);\n    }\n\n    // Store in-progress fetches to avoid sending a duplicate request for a URL when there is\n    // already a request in progress for that URL. It's necessary to call share() on the\n    // Observable returned by http.get() so that multiple subscribers don't cause multiple XHRs.\n    const /** @type {?} */ inProgressFetch = this._inProgressUrlFetches.get(url);\n\n    if (inProgressFetch) {\n      return inProgressFetch;\n    }\n\n    // TODO(jelbourn): for some reason, the `finally` operator \"loses\" the generic type on the\n    // Observable. Figure out why and fix it.\n    const /** @type {?} */ req = RxChain.from(this._http.get(url))\n      .call(map, response => response.text())\n      .call(finallyOperator, () => this._inProgressUrlFetches.delete(url))\n      .call(share)\n      .result();\n\n    this._inProgressUrlFetches.set(url, req);\n    return req;\n  }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Injectable },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: Http, decorators: [{ type: Optional }, ]},\n{type: DomSanitizer, },\n];\n}\n\nfunction MdIconRegistry_tsickle_Closure_declarations() {\n/** @type {?} */\nMdIconRegistry.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nMdIconRegistry.ctorParameters;\n/**\n * URLs and cached SVG elements for individual icons. Keys are of the format \"[namespace]:[icon]\".\n * @type {?}\n */\nMdIconRegistry.prototype._svgIconConfigs;\n/**\n * SvgIconConfig objects and cached SVG elements for icon sets, keyed by namespace.\n * Multiple icon sets can be registered under the same namespace.\n * @type {?}\n */\nMdIconRegistry.prototype._iconSetConfigs;\n/**\n * Cache for icons loaded by direct URLs.\n * @type {?}\n */\nMdIconRegistry.prototype._cachedIconsByUrl;\n/**\n * In-progress icon fetches. Used to coalesce multiple requests to the same URL.\n * @type {?}\n */\nMdIconRegistry.prototype._inProgressUrlFetches;\n/**\n * Map from font identifiers to their CSS class names. Used for icon fonts.\n * @type {?}\n */\nMdIconRegistry.prototype._fontCssClassesByAlias;\n/**\n * The CSS class to apply when an <md-icon> component has no icon name, url, or font specified.\n * The default 'material-icons' value assumes that the material icon font has been loaded as\n * described at http://google.github.io/material-design-icons/#icon-font-for-the-web\n * @type {?}\n */\nMdIconRegistry.prototype._defaultFontSetClass;\n/** @type {?} */\nMdIconRegistry.prototype._http;\n/** @type {?} */\nMdIconRegistry.prototype._sanitizer;\n}\n\n/**\n * \\@docs-private\n * @param {?} parentRegistry\n * @param {?} http\n * @param {?} sanitizer\n * @return {?}\n */\nexport function ICON_REGISTRY_PROVIDER_FACTORY(\n    parentRegistry: MdIconRegistry, http: Http, sanitizer: DomSanitizer) {\n  return parentRegistry || new MdIconRegistry(http, sanitizer);\n}\n/**\n * \\@docs-private\n */\nexport const ICON_REGISTRY_PROVIDER = {\n  // If there is already an MdIconRegistry available, use that. Otherwise, provide a new one.\n  provide: MdIconRegistry,\n  deps: [[new Optional(), new SkipSelf(), MdIconRegistry], [new Optional(), Http], DomSanitizer],\n  useFactory: ICON_REGISTRY_PROVIDER_FACTORY\n};\n/**\n * Clones an SVGElement while preserving type information.\n * @param {?} svg\n * @return {?}\n */\nfunction cloneSvg(svg: SVGElement): SVGElement {\n  return /** @type {?} */(( svg.cloneNode(true) as SVGElement));\n}\n/**\n * Returns the cache key to use for an icon namespace and name.\n * @param {?} namespace\n * @param {?} name\n * @return {?}\n */\nfunction iconKey(namespace: string, name: string) {\n  return namespace + ':' + name;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n"],"names":["observableOf","observableThrow"],"mappings":";;;;;;;;;;;;;;;;AGwBA;;;;;;;AAOA,AAAA,SAAA,0BAAA,CAFC,QAAA,EAED;IACE,OAFO,KAAA,CAAM,CAEf,mCAAA,EAFgB,QAAsC,CAEtD,CAAA,CAF8D,CAAG,CAAC;CAGjE;;;;;;;AAOD,AAAA,SAAA,4BAAA,GAAA;IACE,OADO,KAAA,CAAM,oEAAC;QAEd,uEAAA,CADqF,CAAC;CAEvF;;;;;;;AAOD,AAAA,SAAA,8BAAA,CAAC,GAAA,EAAD;IACE,OAAO,KAAA,CAAM,CAAf,qEAAA,CAAgB;QACD,CAAf,+CAAA,EAAiE,GAAC,CAAlE,EAAA,CAAqE,CAAI,CAAC;CACzE;;;;;AAKD,MAAA,aAAA,CAAA;;;;IAKA,WAAA,CAFqB,GAAK,EAE1B;QAFqB,IAArB,CAAA,GAAqB,GAAA,GAAA,CAAK;QAFxB,IAAF,CAAA,UAAY,GACsB,IAAA,CAAK;KACG;CAGzC;AAED,AAOA;;;;;;;AAOA,AAAA,MAAA,cAAA,CAAA;;;;;IAgCA,WAAA,CAZuB,KAAO,EAAc,UAAY,EAYxD;QAZuB,IAAvB,CAAA,KAAuB,GAAA,KAAA,CAAO;QAAc,IAA5C,CAAA,UAA4C,GAAA,UAAA,CAAY;;;;QAxBrD,IAAH,CAAA,eAAG,GAAA,IAAA,GAAA,EAAA,CAAA;;;;;QAMA,IAAH,CAAA,eAAG,GAAA,IAAA,GAAA,EAAA,CAAA;;;;QAGA,IAAH,CAAA,iBAAG,GAAA,IAAA,GAAA,EAAA,CAAA;;;;QAGA,IAAH,CAAA,qBAAG,GAAA,IAAA,GAAA,EAAA,CAAA;;;;QAGA,IAAH,CAAA,sBAAG,GAAA,IAAA,GAAA,EAAA,CAAA;;;;;;QAOA,IAAH,CAAA,oBAAG,GAAA,gBAAA,CAAA;KAEkE;;;;;;;IAqBrE,UAdG,CAAA,QAAA,EAAA,GAAA,EAcH;QACI,OAdO,IAAA,CAAK,qBAAC,CAAqB,EAAC,EAAG,QAAA,EAAU,GAAA,CAAI,CAAC;KAetD;;;;;;;;IAQH,qBAdG,CAAA,SAAA,EAAA,QAAA,EAAA,GAAA,EAcH;QACI,uBAdM,GAAA,GAAM,OAAA,CAAQ,SAAC,EAAU,QAAA,CAAS,CAAC;QAezC,IAAI,CAdC,eAAC,CAAe,GAAC,CAAG,GAAC,EAAI,IAAI,aAAA,CAAc,GAAC,CAAG,CAAC,CAAC;QAetD,OAdO,IAAA,CAAK;KAeb;;;;;;IAMH,aAdG,CAAA,GAAA,EAcH;QACI,OAdO,IAAA,CAAK,wBAAC,CAAwB,EAAC,EAAG,GAAA,CAAI,CAAC;KAe/C;;;;;;;IAOH,wBAdG,CAAA,SAAA,EAAA,GAAA,EAcH;QACI,uBAdM,MAAA,GAAS,IAAI,aAAA,CAAc,GAAC,CAAG,CAAC;QAetC,uBAdM,eAAA,GAAkB,IAAA,CAAK,eAAC,CAAe,GAAC,CAAG,SAAC,CAAS,CAAC;QAgB5D,IAAI,eAdC,EAAgB;YAenB,eAAe,CAdC,IAAC,CAAI,MAAC,CAAM,CAAC;SAe9B;aAdM;YAeL,IAAI,CAdC,eAAC,CAAe,GAAC,CAAG,SAAC,EAAU,CAAA,MAAE,CAAM,CAAC,CAAC;SAe/C;QACD,OAdO,IAAA,CAAK;KAeb;;;;;;;;;;IAUH,sBAdG,CAAA,KAAA,EAAA,SAAA,GAAA,KAAA,EAcH;QACI,IAAI,CAdC,sBAAC,CAAsB,GAAC,CAAG,KAAC,EAAM,SAAA,CAAU,CAAC;QAelD,OAdO,IAAA,CAAK;KAeb;;;;;;;IAOH,qBAfG,CAAA,KAAA,EAeH;QACI,OAfO,IAAA,CAAK,sBAAC,CAAsB,GAAC,CAAG,KAAC,CAAK,IAAI,KAAA,CAAM;KAgBxD;;;;;;;;IAQH,sBAfG,CAAA,SAAA,EAeH;QACI,IAAI,CAfC,oBAAC,GAAsB,SAAA,CAAU;QAgBtC,OAfO,IAAA,CAAK;KAgBb;;;;;;IAMH,sBAfG,GAeH;QACI,OAfO,IAAA,CAAK,oBAAC,CAAoB;KAgBlC;;;;;;;;;;IAUH,iBAfG,CAAA,OAAA,EAeH;QACI,qBAfI,GAAA,GAAM,IAAA,CAAK,UAAC,CAAU,QAAC,CAAQ,eAAC,CAAe,YAAC,EAAa,OAAA,CAAQ,CAAC;QAiB1E,IAAI,CAfC,GAAC,EAAI;YAgBR,MAfM,8BAAA,CAA+B,OAAC,CAAO,CAAC;SAgB/C;QAED,qBAfI,UAAA,GAAa,IAAA,CAAK,iBAAC,CAAiB,GAAC,CAAG,GAAC,CAAG,CAAC;QAiBjD,IAAI,UAfC,EAAW;YAgBd,OAfOA,EAAA,CAAa,QAAC,CAAQ,UAAC,CAAU,CAAC,CAAC;SAgB3C;QAED,OAfO,OAAA,CAAQ,IAAC,CAAI,IAAC,CAAI,sBAAC,CAAsB,IAAI,aAAA,CAAc,GAAC,CAAG,CAAC,CAAC;aAgBrE,IAfC,CAAI,UAAC,EAAW,GAAA,IAAO,IAAA,CAAK,iBAAC,CAAiB,GAAC,oBAAG,GAAC,IAAK,GAAA,CAAI,CAAC;aAgB9D,IAfC,CAAI,GAAC,EAAI,GAAA,IAAO,QAAA,CAAS,GAAC,CAAG,CAAC;aAgB/B,MAfC,EAAM,CAAE;KAgBb;;;;;;;;;;IAUH,eAfG,CAAA,IAAA,EAAA,SAAA,GAAA,EAAA,EAeH;;QAEI,uBAfM,GAAA,GAAM,OAAA,CAAQ,SAAC,EAAU,IAAA,CAAK,CAAC;QAgBrC,uBAfM,MAAA,GAAS,IAAA,CAAK,eAAC,CAAe,GAAC,CAAG,GAAC,CAAG,CAAC;QAiB7C,IAAI,MAfC,EAAO;YAgBV,OAfO,IAAA,CAAK,iBAAC,CAAiB,MAAC,CAAM,CAAC;SAgBvC;;QAGD,uBAfM,cAAA,GAAiB,IAAA,CAAK,eAAC,CAAe,GAAC,CAAG,SAAC,CAAS,CAAC;QAiB3D,IAAI,cAfC,EAAe;YAgBlB,OAfO,IAAA,CAAK,yBAAC,CAAyB,IAAC,EAAK,cAAA,CAAe,CAAC;SAgB7D;QAED,OAfOC,MAAA,CAAgB,0BAAC,CAA0B,GAAC,CAAG,CAAC,CAAC;KAgBzD;;;;;;IAVA,iBAAA,CAAA,MAAA,EAAH;QAiBI,IAAI,MAhBC,CAAM,UAAC,EAAW;;YAkBrB,OAhBOD,EAAA,CAAa,QAAC,CAAQ,MAAC,CAAM,UAAC,CAAU,CAAC,CAAC;SAiBlD;aAhBM;;YAkBL,OAhBO,OAAA,CAAQ,IAAC,CAAI,IAAC,CAAI,sBAAC,CAAsB,MAAC,CAAM,CAAC;iBAiBnD,IAhBC,CAAI,UAAC,EAAW,GAAA,IAAO,MAAA,CAAO,UAAC,GAAY,GAAA,CAAI;iBAiBhD,IAhBC,CAAI,GAAC,EAAI,GAAA,IAAO,QAAA,CAAS,GAAC,CAAG,CAAC;iBAiB/B,MAhBC,EAAM,CAAE;SAiBf;KACF;;;;;;;;;;;;IANA,yBAAA,CAAA,IAAA,EAAA,cAAA,EAAH;;;QAsBI,uBAlBM,SAAA,GAAY,IAAA,CAAK,8BAAC,CAA8B,IAAC,EAAK,cAAA,CAAe,CAAC;QAoB5E,IAAI,SAlBC,EAAU;;;;YAsBb,OAlBOA,EAAA,CAAa,SAAC,CAAS,CAAC;SAmBhC;;;QAID,uBAlBM,oBAAA,GAAwD,cAAA;aAmB3D,MAlBC,CAAM,aAAC,IAAgB,CAAA,aAAE,CAAa,UAAC,CAAU;aAmBlD,GAlBC,CAAG,aAAC,IAkBZ;YACQ,OAlBO,OAAA,CAAQ,IAAC,CAAI,IAAC,CAAI,yBAAC,CAAyB,aAAC,CAAa,CAAC;iBAmB/D,IAlBC,CAAI,aAAC,EAAc,CAAA,GAAM,KAkBrC;gBACY,qBAlBI,GAAA,GAAM,IAAA,CAAK,UAAC,CAAU,QAAC,CAAQ,eAAC,CAAe,YAAC,EAAa,aAAA,CAAc,GAAC,CAAG,CAAC;;;gBAsBpF,OAAO,CAlBC,GAAC,CAAG,CAkBxB,sBAAA,EAlByB,GAAyB,CAkBlD,SAAA,EAlBqD,GAAY,CAkBjE,CAlBoE,CAAE,CAAC;gBAmB3D,OAlBOA,EAAA,CAAa,IAAC,CAAI,CAAC;aAmB3B,CAlBC;iBAmBD,IAlBC,CAAI,UAAC,EAAW,GAAA,IAkB5B;;gBAEY,IAAI,GAlBC,EAAI;oBAmBP,aAAa,CAlBC,UAAC,GAAY,GAAA,CAAI;iBAmBhC;aACF,CAlBC;iBAmBD,MAlBC,EAAM,CAAE;SAmBb,CAlBC,CAAC;;;QAsBL,OAlBO,GAAA,CAAI,IAAC,CAAI,QAAC,CAAQ,IAAC,CAAI,UAAC,EAAW,oBAAA,CAAqB,EAAE,MAkBrE;YACM,uBAlBM,SAAA,GAAY,IAAA,CAAK,8BAAC,CAA8B,IAAC,EAAK,cAAA,CAAe,CAAC;YAoB5E,IAAI,CAlBC,SAAC,EAAU;gBAmBd,MAlBM,0BAAA,CAA2B,IAAC,CAAI,CAAC;aAmBxC;YAED,OAlBO,SAAA,CAAU;SAmBlB,CAlBC,CAAC;KAmBJ;;;;;;;;;IAXA,8BAAA,CAAA,QAAA,EAAA,cAAA,EAAH;;QAuBI,KAAK,qBApBI,CAAA,GAAI,cAAA,CAAe,MAAC,GAAQ,CAAA,EAAG,CAAA,IAAK,CAAA,EAAG,CAAA,EAAE,EAAG;YAqBnD,uBApBM,MAAA,GAAS,cAAA,CAAe,CAAC,CAAC,CAAC;YAqBjC,IAAI,MApBC,CAAM,UAAC,EAAW;gBAqBrB,uBApBM,SAAA,GAAY,IAAA,CAAK,sBAAC,CAAsB,MAAC,CAAM,UAAC,EAAW,QAAA,CAAS,CAAC;gBAqB3E,IAAI,SApBC,EAAU;oBAqBb,OApBO,SAAA,CAAU;iBAqBlB;aACF;SACF;QACD,OApBO,IAAA,CAAK;KAqBb;;;;;;;IAdA,sBAAA,CAAA,MAAA,EAAH;QAsBI,OArBO,GAAA,CAAI,IAAC,CAAI,IAAC,CAAI,SAAC,CAAS,MAAC,CAAM,GAAC,CAAG,EAsBtC,OAAO,IArBI,IAAA,CAAK,8BAAC,CAA8B,OAAC,CAAO,CAAC,CAAC;KAsB9D;;;;;;;IAfA,yBAAA,CAAA,MAAA,EAAH;;QAwBI,OAtBO,GAAA,CAAI,IAAC,CAAI,IAAC,CAAI,SAAC,CAAS,MAAC,CAAM,GAAC,CAAG,EAuBtC,OAAO,IAtBI,IAAA,CAAK,qBAAC,CAAqB,OAAC,CAAO,CAAC,CAAC;KAuBrD;;;;;;IAjBA,8BAAA,CAAA,YAAA,EAAH;QAwBI,uBAvBM,GAAA,GAAM,IAAA,CAAK,qBAAC,CAAqB,YAAC,CAAY,CAAC;QAwBrD,IAAI,CAvBC,iBAAC,CAAiB,GAAC,CAAG,CAAC;QAwB5B,OAvBO,GAAA,CAAI;KAwBZ;;;;;;;;;IAhBA,sBAAA,CAAA,OAAA,EAAA,QAAA,EAAH;QA0BI,uBAzBM,QAAA,GAAW,OAAA,CAAQ,aAAC,CAAa,GAAC,GAAK,QAAA,CAAS,CAAC;QA2BvD,IAAI,CAzBC,QAAC,EAAS;YA0Bb,OAzBO,IAAA,CAAK;SA0Bb;;;QAID,IAAI,QAzBC,CAAQ,OAAC,CAAO,WAAC,EAAW,KAAM,KAAA,EAAO;YA0B5C,OAzBO,IAAA,CAAK,iBAAC,mBAAiB,QAAC,CAAQ,SAAC,CAAS,IAAC,CAAQ,EAAW,CAAC;SA0BvE;;;;QAKD,IAAI,QAzBC,CAAQ,QAAC,CAAQ,WAAC,EAAW,KAAM,QAAA,EAAU;YA0BhD,OAzBO,IAAA,CAAK,iBAAC,CAAiB,IAAC,CAAI,aAAC,CAAa,QAAC,CAAQ,CAAC,CAAC;SA0B7D;;;;;;QAOD,uBAzBM,GAAA,GAAM,IAAA,CAAK,qBAAC,CAAqB,aAAC,CAAa,CAAC;;QA2BtD,GAAG,CAzBC,WAAC,CAAW,QAAC,CAAQ,SAAC,CAAS,IAAC,CAAI,CAAC,CAAC;QA2B1C,OAzBO,IAAA,CAAK,iBAAC,CAAiB,GAAC,CAAG,CAAC;KA0BpC;;;;;;IApBA,qBAAA,CAAA,GAAA,EAAH;;;QA6BI,uBA1BM,GAAA,GAAM,QAAA,CAAS,aAAC,CAAa,KAAC,CAAK,CAAC;QA2B1C,GAAG,CA1BC,SAAC,GAAW,GAAA,CAAI;QA2BpB,uBA1BM,GAAA,IAAM,GAAA,CAAI,aAAC,CAAa,KAAC,CAAS,CAAA,CAAW;QA2BnD,IAAI,CA1BC,GAAC,EAAI;YA2BR,MA1BM,KAAA,CAAM,qBAAC,CAAqB,CAAC;SA2BpC;QACD,OA1BO,GAAA,CAAI;KA2BZ;;;;;;IArBA,aAAA,CAAA,OAAA,EAAH;QA4BI,qBA3BI,GAAA,GAAM,IAAA,CAAK,qBAAC,CAAqB,aAAC,CAAa,CAAC;QA6BpD,KAAK,qBA3BI,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,OAAA,CAAQ,UAAC,CAAU,MAAC,EAAO,CAAA,EAAE,EAAG;YA4BlD,IAAI,OA3BC,CAAO,UAAC,CAAU,CAAC,CAAC,CAAC,QAAC,KAAY,IAAA,CAAK,YAAC,EAAa;gBA4BxD,GAAG,CA3BC,WAAC,CAAW,OAAC,CAAO,UAAC,CAAU,CAAC,CAAC,CAAC,SAAC,CAAS,IAAC,CAAI,CAAC,CAAC;aA4BxD;SACF;QAED,OA3BO,GAAA,CAAI;KA4BZ;;;;;;IAtBA,iBAAA,CAAA,GAAA,EAAH;QA6BI,IAAI,CA5BC,GAAC,CAAG,YAAC,CAAY,OAAC,CAAO,EAAE;YA6B9B,GAAG,CA5BC,YAAC,CAAY,OAAC,EAAQ,4BAAA,CAA6B,CAAC;SA6BzD;QACD,GAAG,CA5BC,YAAC,CAAY,KAAC,EAAM,EAAA,CAAG,CAAC;QA6B5B,GAAG,CA5BC,YAAC,CAAY,QAAC,EAAS,MAAA,CAAO,CAAC;QA6BnC,GAAG,CA5BC,YAAC,CAAY,OAAC,EAAQ,MAAA,CAAO,CAAC;QA6BlC,GAAG,CA5BC,YAAC,CAAY,qBAAC,EAAsB,eAAA,CAAgB,CAAC;QA6BzD,GAAG,CA5BC,YAAC,CAAY,WAAC,EAAY,OAAA,CAAQ,CAAC;QA6BvC,OA5BO,GAAA,CAAI;KA6BZ;;;;;;;IAtBA,SAAA,CAAA,OAAA,EAAH;QA8BI,IAAI,CA7BC,IAAC,CAAI,KAAC,EAAM;YA8Bf,MA7BM,4BAAA,EAA6B,CAAE;SA8BtC;QAED,uBA7BM,GAAA,GAAM,IAAA,CAAK,UAAC,CAAU,QAAC,CAAQ,eAAC,CAAe,YAAC,EAAa,OAAA,CAAQ,CAAC;QA+B5E,IAAI,CA7BC,GAAC,EAAI;YA8BR,MA7BM,8BAAA,CAA+B,OAAC,CAAO,CAAC;SA8B/C;;;;QAKD,uBA7BM,eAAA,GAAkB,IAAA,CAAK,qBAAC,CAAqB,GAAC,CAAG,GAAC,CAAG,CAAC;QAuB9D,IAAA,eArBO,EAAgB;YA8BnB,OA7BO,eAAA,CAAgB;SA8BxB;;;QAID,uBA7BM,GAAA,GAAM,OAAA,CAAQ,IAAC,CAAI,IAAC,CAAI,KAAC,CAAK,GAAC,CAAG,GAAC,CAAG,CAAC;aA8B1C,IA7BC,CAAI,GAAC,EAAI,QAAA,IAAY,QAAA,CAAS,IAAC,EAAI,CAAE;aAsB1C,IArBK,CAAI,eAAC,EAAgB,MAAM,IAAA,CAAK,qBAAC,CAAqB,MAAC,CAAM,GAAC,CAAG,CAAC;aA8BnE,IA7BC,CAAI,KAAC,CAAK;aA8BX,MA7BC,EAAM,CAAE;QA+BZ,IAAI,CA7BC,qBAAC,CAAqB,GAAC,CAAG,GAAC,EAAI,GAAA,CAAI,CAAC;QAsB3C,OArBS,GAAA,CAAI;KA8BZ;;AA5BI,cAAP,CAAA,UAAO,GAAoC;IA8B3C,EA7BE,IAAA,EAAM,UAAA,EAAW;CA8BlB,CA7BC;;;;AAED,cAAD,CAAA,cAAC,GAAA,MAAA;IAgCD,EAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAG,EAAC;IAChD,EAAC,IAAI,EAAE,YAAY,GAAG;CACrB,CAAC;AAGF,AA+CA;;;;;;;AAOA,AAAA,SAAA,8BAAA,CACI,cAA8B,EAAE,IAAU,EAAE,SAAuB,EADvE;IAEE,OA5FO,cAAA,IAAkB,IAAI,cAAA,CAAe,IAAC,EAAK,SAAA,CAAU,CAAC;CA6F9D;;;;AAID,AArFC,MAAA,sBAAA,GAAA;;IAuFC,OAAO,EAAE,cAAc;IACvB,IAAI,EAAE,CAAC,CAAC,IAAI,QAAQ,EAAE,EAAE,IAAI,QAAQ,EAAE,EAAE,cAAc,CAAC,EAAE,CAAC,IAAI,QAAQ,EAAE,EAAE,IAAI,CAAC,EAAE,YAAY,CAAC;IAC9F,UAAU,EAAE,8BAA8B;CAC3C,CAAC;;;;;;AAMF,SAAA,QAAA,CAxFC,GAAA,EAwFD;IACE,QAhGO,GAAA,CAAI,SAAC,CAAS,IAAC,CAAQ,EAAW;CAiG1C;;;;;;;AAOD,SAAA,OAAA,CA5FC,SAAA,EAAA,IAAA,EA4FD;IACE,OApGO,SAAA,GAAY,GAAA,GAAM,IAAA,CAAK;CAqG/B;;ADpkBD;;;AAGA,AAAA,MAAA,UAAA,CAAA;;;;;IAKA,WAAA,CAJqB,SAAW,EAAkB,WAAa,EAI/D;QAJqB,IAArB,CAAA,SAAqB,GAAA,SAAA,CAAW;QAAkB,IAAlD,CAAA,WAAkD,GAAA,WAAA,CAAa;KAAW;CAMzE;AAED,AAOA,AAbO,MAAM,gBAAA,GAAmB,UAAA,CAAW,UAAC,CAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCvD,AAAA,MAAA,MAVC,SAAA,gBAAA,CAUD;;;;;;;IAqBA,WAAA,CACM,QAjBU,EAkBV,UAjBY,EACJ,eAAiB,EAkBxB,UAjBY,EAanB;QAKI,KAAK,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAnBlB,IAAd,CAAA,eAAc,GAAA,eAAA,CAAiB;;;QAuB3B,IAAI,CAAC,UAAU,EAAE;YACf,QAAQ,CAAC,YAAY,CAAC,UAAU,CAAC,aAAa,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC;SACxE;KACF;;;;;;;;;;;;;;;;IAFA,cAAA,CAAA,QAAA,EAAH;QAmBI,IAAI,CAlBC,QAAC,EAAS;YAmBb,OAlBO,CAAA,EAAE,EAAG,EAAA,CAAG,CAAC;SAmBjB;QACD,uBAlBM,KAAA,GAAQ,QAAA,CAAS,KAAC,CAAK,GAAC,CAAG,CAAC;QAmBlC,QAAQ,KAlBC,CAAK,MAAC;YAmBb,KAlBK,CAAA,EAAG,OAAO,CAAA,EAAE,EAAG,KAAA,CAAM,CAAC,CAAC,CAAC,CAAC;YAmB9B,KAlBK,CAAA,EAAG,QAAyB,KAAC,EAAK;YAmBvC,SAlBS,MAAM,KAAA,CAAM,CAkB3B,oBAAA,EAlB4B,QAAuB,CAkBnD,CAAA,CAlB2D,CAAG,CAAC;SAmB1D;KACF;;;;;IAKH,WArBG,CAAA,OAAA,EAqBH;;QAEI,IAAI,OArBC,CAAO,OAAC,EAAQ;YAsBnB,IAAI,IArBC,CAAI,OAAC,EAAQ;gBAsBhB,MArBM,CAAA,SAAE,EAAU,QAAA,CAAS,GAAG,IAAA,CAAK,cAAC,CAAc,IAAC,CAAI,OAAC,CAAO,CAAC;gBAuBhE,KAAK,CArBC,IAAC,CAAI,IAAC,CAAI,eAAC,CAAe,eAAC,CAAe,QAAC,EAAS,SAAA,CAAU,CAAC,CAAC,SAAC,CAsBnE,GAAG,IArBI,IAAA,CAAK,cAAC,CAAc,GAAC,CAAG,EAsB/B,CAAC,GArBK,KAAU,OAAA,CAAQ,GAAC,CAAG,CAmBxC,uBAAA,EAnByC,GAA0B,CAAG,OAAC,CAmBvE,CAnB8E,CAAE,CAAC,CAAC;aAsB3E;iBArBM;gBAsBL,IAAI,CArBC,gBAAC,EAAgB,CAAE;aAsBzB;SACF;QAED,IAAI,IArBC,CAAI,cAAC,EAAc,EAAG;YAsBzB,IAAI,CArBC,sBAAC,EAAsB,CAAE;SAsB/B;KACF;;;;IAIH,QAvBG,GAuBH;;;QAGI,IAAI,IAvBC,CAAI,cAAC,EAAc,EAAG;YAwBzB,IAAI,CAvBC,sBAAC,EAAsB,CAAE;SAwB/B;KACF;;;;IArBA,cAAA,GAAH;QA0BI,OAzBO,CAAA,IAAE,CAAI,OAAC,CAAO;KA0BtB;;;;;IAvBA,cAAA,CAAA,GAAA,EAAH;QA6BI,IAAI,CA5BC,gBAAC,EAAgB,CAAE;QA6BxB,IAAI,CA5BC,SAAC,CAAS,WAAC,CAAW,IAAC,CAAI,WAAC,CAAW,aAAC,EAAc,GAAA,CAAI,CAAC;KA6BjE;;;;IA1BA,gBAAA,GAAH;QA+BI,uBA9BM,aAAA,GAAgB,IAAA,CAAK,WAAC,CAAW,aAAC,CAAa;QA+BrD,uBA9BM,UAAA,GAAa,aAAA,CAAc,UAAC,CAAU,MAAC,CAAM;;;QAkCnD,KAAK,qBA9BI,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,UAAA,EAAY,CAAA,EAAE,EAAG;YA+BnC,IAAI,CA9BC,SAAC,CAAS,WAAC,CAAW,aAAC,EAAc,aAAA,CAAc,UAAC,CAAU,CAAC,CAAC,CAAC,CAAC;SA+BxE;KACF;;;;IA5BA,sBAAA,GAAH;QAiCI,IAAI,CAhCC,IAAC,CAAI,cAAC,EAAc,EAAG;YAiC1B,OAAO;SACR;QAED,uBAhCM,IAAA,GAAO,IAAA,CAAK,WAAC,CAAW,aAAC,CAAa;QAiC5C,uBAhCM,YAAA,GAAe,IAAA,CAAK,OAAC;YAiCvB,IAAI,CAhCC,eAAC,CAAe,qBAAC,CAAqB,IAAC,CAAI,OAAC,CAAO;YAiCxD,IAAI,CAhCC,eAAC,CAAe,sBAAC,EAAsB,CAAE;QAkClD,IAAI,YAhCC,IAAe,IAAA,CAAK,qBAAC,EAAsB;YAiC9C,IAAI,IAhCC,CAAI,qBAAC,EAAsB;gBAiC9B,IAAI,CAhCC,SAAC,CAAS,WAAC,CAAW,IAAC,EAAK,IAAA,CAAK,qBAAC,CAAqB,CAAC;aAiC9D;YACD,IAAI,YAhCC,EAAa;gBAiChB,IAAI,CAhCC,SAAC,CAAS,QAAC,CAAQ,IAAC,EAAK,YAAA,CAAa,CAAC;aAiC7C;YACD,IAAI,CAhCC,qBAAC,GAAuB,YAAA,CAAa;SAiC3C;QAED,IAAI,IAhCC,CAAI,QAAC,IAAW,IAAA,CAAK,sBAAC,EAAuB;YAiChD,IAAI,IAhCC,CAAI,sBAAC,EAAuB;gBAiC/B,IAAI,CAhCC,SAAC,CAAS,WAAC,CAAW,IAAC,EAAK,IAAA,CAAK,sBAAC,CAAsB,CAAC;aAiC/D;YACD,IAAI,IAhCC,CAAI,QAAC,EAAS;gBAiCjB,IAAI,CAhCC,SAAC,CAAS,QAAC,CAAQ,IAAC,EAAK,IAAA,CAAK,QAAC,CAAQ,CAAC;aAkBnD;YAgBI,IAAI,CAhCC,sBAAC,GAAwB,IAAA,CAAK,QAAC,CAAQ;SAiC7C;KACF;;AA/BI,MAAP,CAAA,UAAO,GAAoC;IAiC3C,EAhCE,IAAA,EAAM,SAAA,EAAW,IAAA,EAAM,CAAA,CAgCzB,QAAA,EAAA,2BAAA;gBACE,QAAQ,EAhCE,mBAgCZ;gBACE,MAAF,EAAU,CAAV,sGAAA,CAAA;gBACE,MAAF,EAAU,CAAV,OAAA,CAAA;gBACE,IAAF,EAAA;oBACA,MAAA,EAAA,KAhCmB;oBAiCb,OAAN,EAAA,UAAA;iBACA;gBACA,aAhCa,EAgCb,iBAAA,CAAA,IAAA;gBACA,mBAAA,EAAA,KAAA;gBACE,eAhCe,EAgCjB,uBAAA,CAAA,MAAA;aACA,EAAA,EAAA;CACA,CAAA;;;;;IAKA,EAAA,IAAA,EAAA,SAAA,GAAA;IAjCA,EAAA,IAAA,EAAA,UAAA,GAAA;IAmCA,EAAC,IAAI,EAAE,cAAP,GAAA;IACA,EAAC,IAAI,EAAE,SAAP,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,SAAA,EAAA,IAAA,EAAA,CAAA,aAAA,EAAA,EAAA,EAAA,EAAA;CACA,CAAA;AACA,MAAC,CAAD,cAAgB,GAAhB;IACA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,KAAA,EAAA,EAAA;IAjCA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAgE,KAAhE,EAAA,EAAA;IAmCA,UAAA,EAlCW,CAkCX,EAAA,IAAA,EAAA,KAAA,EAAA,EAAA;CACA,CAAA,AACA,AAiCA,AACA;;ADhRA,MAAA,YAAA,CAAA;;AAEkC,YAAlC,CAAA,UAAkC,GAAoC;IADtE,EAEE,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,CAAA;gBADtB,OAAO,EAEE,CAAA,cAAE,CAAc;gBADzB,OAAO,EAEE,CAAA,MAAE,EAAO,cAAA,CAAe;gBADjC,YAAY,EAEE,CAAA,MAAE,CAAM;gBADtB,SAAS,EAEE,CAAA,sBAAE,CAAsB;aADpC,EAEC,EAAG;CADJ,CAEC;;;;AAED,YAAD,CAAA,cAAC,GAAA,MAAA,EACA,CAAC,AAGF,AAQC;;ADpCD;;GAEG,AAEH,AAA2R;;"}

package/esm2015/input.js

@@ -0,0 +1,568 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Directive, ElementRef, Inject, Input, NgModule, Optional, Renderer2, Self } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { FormGroupDirective, NgControl, NgForm } from '@angular/forms';
+import { Platform, getSupportedInputTypes } from '@angular/cdk/platform';
+import { MD_ERROR_GLOBAL_OPTIONS, PlatformModule, defaultErrorStateMatcher } from '@angular/material/core';
+import { Subject } from 'rxjs/Subject';
+import { MdFormFieldControl, MdFormFieldModule } from '@angular/material/form-field';
+import { CommonModule } from '@angular/common';
+
+/**
+ * \@docs-private
+ * @param {?} type
+ * @return {?}
+ */
+function getMdInputUnsupportedTypeError(type) {
+    return Error(`Input type "${type}" isn't supported by mdInput.`);
+}
+
+// Invalid input type. Using one of these will throw an MdInputUnsupportedTypeError.
+const MD_INPUT_INVALID_TYPES = [
+    'button',
+    'checkbox',
+    'color',
+    'file',
+    'hidden',
+    'image',
+    'radio',
+    'range',
+    'reset',
+    'submit'
+];
+let nextUniqueId = 0;
+/**
+ * Directive that allows a native input to work inside a `MdFormField`.
+ */
+class MdInput {
+    /**
+     * @param {?} _elementRef
+     * @param {?} _renderer
+     * @param {?} _platform
+     * @param {?} ngControl
+     * @param {?} _parentForm
+     * @param {?} _parentFormGroup
+     * @param {?} errorOptions
+     */
+    constructor(_elementRef, _renderer, _platform, ngControl, _parentForm, _parentFormGroup, errorOptions) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        this._platform = _platform;
+        this.ngControl = ngControl;
+        this._parentForm = _parentForm;
+        this._parentFormGroup = _parentFormGroup;
+        /**
+         * Variables used as cache for getters and setters.
+         */
+        this._type = 'text';
+        this._disabled = false;
+        this._required = false;
+        this._uid = `md-input-${nextUniqueId++}`;
+        this._previousNativeValue = this.value;
+        /**
+         * Whether the input is focused.
+         */
+        this.focused = false;
+        /**
+         * Whether the input is in an error state.
+         */
+        this.errorState = false;
+        /**
+         * Stream that emits whenever the state of the input changes such that the wrapping `MdFormField`
+         * needs to run change detection.
+         */
+        this.stateChanges = new Subject();
+        /**
+         * Placeholder attribute of the element.
+         */
+        this.placeholder = '';
+        this._neverEmptyInputTypes = [
+            'date',
+            'datetime',
+            'datetime-local',
+            'month',
+            'time',
+            'week'
+        ].filter(t => getSupportedInputTypes().has(t));
+        // Force setter to be called in case id was not specified.
+        this.id = this.id;
+        this._errorOptions = errorOptions ? errorOptions : {};
+        this.errorStateMatcher = this._errorOptions.errorStateMatcher || defaultErrorStateMatcher;
+        // On some versions of iOS the caret gets stuck in the wrong place when holding down the delete
+        // key. In order to get around this we need to "jiggle" the caret loose. Since this bug only
+        // exists on iOS, we only bother to install the listener on iOS.
+        if (_platform.IOS) {
+            _renderer.listen(_elementRef.nativeElement, 'keyup', (event) => {
+                let el = event.target;
+                if (!el.value && !el.selectionStart && !el.selectionEnd) {
+                    // Note: Just setting `0, 0` doesn't fix the issue. Setting `1, 1` fixes it for the first
+                    // time that you type text and then hold delete. Toggling to `1, 1` and then back to
+                    // `0, 0` seems to completely fix it.
+                    el.setSelectionRange(1, 1);
+                    el.setSelectionRange(0, 0);
+                }
+            });
+        }
+    }
+    /**
+     * Whether the element is disabled.
+     * @return {?}
+     */
+    get disabled() { return this.ngControl ? this.ngControl.disabled : this._disabled; }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    set disabled(value) { this._disabled = coerceBooleanProperty(value); }
+    /**
+     * Unique id of the element.
+     * @return {?}
+     */
+    get id() { return this._id; }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    set id(value) { this._id = value || this._uid; }
+    /**
+     * Whether the element is required.
+     * @return {?}
+     */
+    get required() { return this._required; }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    set required(value) { this._required = coerceBooleanProperty(value); }
+    /**
+     * Input type of the element.
+     * @return {?}
+     */
+    get type() { return this._type; }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    set type(value) {
+        this._type = value || 'text';
+        this._validateType();
+        // When using Angular inputs, developers are no longer able to set the properties on the native
+        // input element. To ensure that bindings for `type` work, we need to sync the setter
+        // with the native property. Textarea elements don't support the type property or attribute.
+        if (!this._isTextarea() && getSupportedInputTypes().has(this._type)) {
+            this._renderer.setProperty(this._elementRef.nativeElement, 'type', this._type);
+        }
+    }
+    /**
+     * The input element's value.
+     * @return {?}
+     */
+    get value() { return this._elementRef.nativeElement.value; }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    set value(value) {
+        if (value !== this.value) {
+            this._elementRef.nativeElement.value = value;
+            this.stateChanges.next();
+        }
+    }
+    /**
+     * @return {?}
+     */
+    ngOnChanges() {
+        this.stateChanges.next();
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        this.stateChanges.complete();
+    }
+    /**
+     * @return {?}
+     */
+    ngDoCheck() {
+        if (this.ngControl) {
+            // We need to re-evaluate this on every change detection cycle, because there are some
+            // error triggers that we can't subscribe to (e.g. parent form submissions). This means
+            // that whatever logic is in here has to be super lean or we risk destroying the performance.
+            this._updateErrorState();
+        }
+        else {
+            // When the input isn't used together with `@angular/forms`, we need to check manually for
+            // changes to the native `value` property in order to update the floating label.
+            this._dirtyCheckNativeValue();
+        }
+    }
+    /**
+     * Callback for the cases where the focused state of the input changes.
+     * @param {?} isFocused
+     * @return {?}
+     */
+    _focusChanged(isFocused) {
+        if (isFocused !== this.focused) {
+            this.focused = isFocused;
+            this.stateChanges.next();
+        }
+    }
+    /**
+     * @return {?}
+     */
+    _onInput() {
+        // This is a noop function and is used to let Angular know whenever the value changes.
+        // Angular will run a new change detection each time the `input` event has been dispatched.
+        // It's necessary that Angular recognizes the value change, because when floatingLabel
+        // is set to false and Angular forms aren't used, the placeholder won't recognize the
+        // value changes and will not disappear.
+        // Listening to the input event wouldn't be necessary when the input is using the
+        // FormsModule or ReactiveFormsModule, because Angular forms also listens to input events.
+    }
+    /**
+     * Re-evaluates the error state. This is only relevant with \@angular/forms.
+     * @return {?}
+     */
+    _updateErrorState() {
+        const /** @type {?} */ oldState = this.errorState;
+        const /** @type {?} */ ngControl = this.ngControl;
+        const /** @type {?} */ parent = this._parentFormGroup || this._parentForm;
+        const /** @type {?} */ newState = ngControl && this.errorStateMatcher(/** @type {?} */ (ngControl.control), parent);
+        if (newState !== oldState) {
+            this.errorState = newState;
+            this.stateChanges.next();
+        }
+    }
+    /**
+     * Does some manual dirty checking on the native input `value` property.
+     * @return {?}
+     */
+    _dirtyCheckNativeValue() {
+        const /** @type {?} */ newValue = this.value;
+        if (this._previousNativeValue !== newValue) {
+            this._previousNativeValue = newValue;
+            this.stateChanges.next();
+        }
+    }
+    /**
+     * Make sure the input is a supported type.
+     * @return {?}
+     */
+    _validateType() {
+        if (MD_INPUT_INVALID_TYPES.indexOf(this._type) > -1) {
+            throw getMdInputUnsupportedTypeError(this._type);
+        }
+    }
+    /**
+     * Checks whether the input type is one of the types that are never empty.
+     * @return {?}
+     */
+    _isNeverEmpty() {
+        return this._neverEmptyInputTypes.indexOf(this._type) > -1;
+    }
+    /**
+     * Checks whether the input is invalid based on the native validation.
+     * @return {?}
+     */
+    _isBadInput() {
+        // The `validity` property won't be present on platform-server.
+        let /** @type {?} */ validity = ((this._elementRef.nativeElement)).validity;
+        return validity && validity.badInput;
+    }
+    /**
+     * Determines if the component host is a textarea. If not recognizable it returns false.
+     * @return {?}
+     */
+    _isTextarea() {
+        let /** @type {?} */ nativeElement = this._elementRef.nativeElement;
+        // In Universal, we don't have access to `nodeName`, but the same can be achieved with `name`.
+        // Note that this shouldn't be necessary once Angular switches to an API that resembles the
+        // DOM closer.
+        let /** @type {?} */ nodeName = this._platform.isBrowser ? nativeElement.nodeName : nativeElement.name;
+        return nodeName ? nodeName.toLowerCase() === 'textarea' : false;
+    }
+    /**
+     * @return {?}
+     */
+    get empty() {
+        return !this._isNeverEmpty() &&
+            (this.value == null || this.value === '') &&
+            // Check if the input contains bad input. If so, we know that it only appears empty because
+            // the value failed to parse. From the user's perspective it is not empty.
+            // TODO(mmalerba): Add e2e test for bad input case.
+            !this._isBadInput();
+    }
+    /**
+     * @param {?} ids
+     * @return {?}
+     */
+    setDescribedByIds(ids) { this._ariaDescribedby = ids.join(' '); }
+    /**
+     * @return {?}
+     */
+    focus() { this._elementRef.nativeElement.focus(); }
+}
+MdInput.decorators = [
+    { type: Directive, args: [{
+                selector: `input[mdInput], textarea[mdInput], input[matInput], textarea[matInput]`,
+                host: {
+                    'class': 'mat-input-element mat-form-field-autofill-control',
+                    // Native input properties that are overwritten by Angular inputs need to be synced with
+                    // the native input element. Otherwise property bindings for those don't work.
+                    '[id]': 'id',
+                    '[placeholder]': 'placeholder',
+                    '[disabled]': 'disabled',
+                    '[required]': 'required',
+                    '[attr.aria-describedby]': '_ariaDescribedby || null',
+                    '[attr.aria-invalid]': 'errorState',
+                    '(blur)': '_focusChanged(false)',
+                    '(focus)': '_focusChanged(true)',
+                    '(input)': '_onInput()',
+                },
+                providers: [{ provide: MdFormFieldControl, useExisting: MdInput }],
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MdInput.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Renderer2, },
+    { type: Platform, },
+    { type: NgControl, decorators: [{ type: Optional }, { type: Self },] },
+    { type: NgForm, decorators: [{ type: Optional },] },
+    { type: FormGroupDirective, decorators: [{ type: Optional },] },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [MD_ERROR_GLOBAL_OPTIONS,] },] },
+];
+MdInput.propDecorators = {
+    'disabled': [{ type: Input },],
+    'id': [{ type: Input },],
+    'placeholder': [{ type: Input },],
+    'required': [{ type: Input },],
+    'type': [{ type: Input },],
+    'errorStateMatcher': [{ type: Input },],
+};
+
+/**
+ * Directive to automatically resize a textarea to fit its content.
+ */
+class MdTextareaAutosize {
+    /**
+     * @param {?} _elementRef
+     * @param {?} _platform
+     */
+    constructor(_elementRef, _platform) {
+        this._elementRef = _elementRef;
+        this._platform = _platform;
+    }
+    /**
+     * @return {?}
+     */
+    get minRows() { return this._minRows; }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    set minRows(value) {
+        this._minRows = value;
+        this._setMinHeight();
+    }
+    /**
+     * @return {?}
+     */
+    get maxRows() { return this._maxRows; }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    set maxRows(value) {
+        this._maxRows = value;
+        this._setMaxHeight();
+    }
+    /**
+     * @return {?}
+     */
+    get _matAutosizeMinRows() { return this.minRows; }
+    /**
+     * @param {?} v
+     * @return {?}
+     */
+    set _matAutosizeMinRows(v) { this.minRows = v; }
+    /**
+     * @return {?}
+     */
+    get _matAutosizeMaxRows() { return this.maxRows; }
+    /**
+     * @param {?} v
+     * @return {?}
+     */
+    set _matAutosizeMaxRows(v) { this.maxRows = v; }
+    /**
+     * Sets the minimum height of the textarea as determined by minRows.
+     * @return {?}
+     */
+    _setMinHeight() {
+        const /** @type {?} */ minHeight = this.minRows && this._cachedLineHeight ?
+            `${this.minRows * this._cachedLineHeight}px` : null;
+        if (minHeight) {
+            this._setTextareaStyle('minHeight', minHeight);
+        }
+    }
+    /**
+     * Sets the maximum height of the textarea as determined by maxRows.
+     * @return {?}
+     */
+    _setMaxHeight() {
+        const /** @type {?} */ maxHeight = this.maxRows && this._cachedLineHeight ?
+            `${this.maxRows * this._cachedLineHeight}px` : null;
+        if (maxHeight) {
+            this._setTextareaStyle('maxHeight', maxHeight);
+        }
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        if (this._platform.isBrowser) {
+            this._cacheTextareaLineHeight();
+            this.resizeToFitContent();
+        }
+    }
+    /**
+     * Sets a style property on the textarea element.
+     * @param {?} property
+     * @param {?} value
+     * @return {?}
+     */
+    _setTextareaStyle(property, value) {
+        const /** @type {?} */ textarea = (this._elementRef.nativeElement);
+        textarea.style[property] = value;
+    }
+    /**
+     * Cache the height of a single-row textarea.
+     *
+     * We need to know how large a single "row" of a textarea is in order to apply minRows and
+     * maxRows. For the initial version, we will assume that the height of a single line in the
+     * textarea does not ever change.
+     * @return {?}
+     */
+    _cacheTextareaLineHeight() {
+        let /** @type {?} */ textarea = (this._elementRef.nativeElement);
+        // Use a clone element because we have to override some styles.
+        let /** @type {?} */ textareaClone = (textarea.cloneNode(false));
+        textareaClone.rows = 1;
+        // Use `position: absolute` so that this doesn't cause a browser layout and use
+        // `visibility: hidden` so that nothing is rendered. Clear any other styles that
+        // would affect the height.
+        textareaClone.style.position = 'absolute';
+        textareaClone.style.visibility = 'hidden';
+        textareaClone.style.border = 'none';
+        textareaClone.style.padding = '0';
+        textareaClone.style.height = '';
+        textareaClone.style.minHeight = '';
+        textareaClone.style.maxHeight = '';
+        // In Firefox it happens that textarea elements are always bigger than the specified amount
+        // of rows. This is because Firefox tries to add extra space for the horizontal scrollbar.
+        // As a workaround that removes the extra space for the scrollbar, we can just set overflow
+        // to hidden. This ensures that there is no invalid calculation of the line height.
+        // See Firefox bug report: https://bugzilla.mozilla.org/show_bug.cgi?id=33654
+        textareaClone.style.overflow = 'hidden'; /** @type {?} */
+        ((textarea.parentNode)).appendChild(textareaClone);
+        this._cachedLineHeight = textareaClone.clientHeight; /** @type {?} */
+        ((textarea.parentNode)).removeChild(textareaClone);
+        // Min and max heights have to be re-calculated if the cached line height changes
+        this._setMinHeight();
+        this._setMaxHeight();
+    }
+    /**
+     * @return {?}
+     */
+    ngDoCheck() {
+        this.resizeToFitContent();
+    }
+    /**
+     * Resize the textarea to fit its content.
+     * @return {?}
+     */
+    resizeToFitContent() {
+        const /** @type {?} */ textarea = (this._elementRef.nativeElement);
+        const /** @type {?} */ value = textarea.value;
+        // Only resize of the value changed since these calculations can be expensive.
+        if (value === this._previousValue) {
+            return;
+        }
+        // Reset the textarea height to auto in order to shrink back to its default size.
+        // Also temporarily force overflow:hidden, so scroll bars do not interfere with calculations.
+        textarea.style.height = 'auto';
+        textarea.style.overflow = 'hidden';
+        // Use the scrollHeight to know how large the textarea *would* be if fit its entire value.
+        textarea.style.height = `${textarea.scrollHeight}px`;
+        textarea.style.overflow = '';
+        this._previousValue = value;
+    }
+}
+MdTextareaAutosize.decorators = [
+    { type: Directive, args: [{
+                selector: `textarea[md-autosize], textarea[mdTextareaAutosize],
+             textarea[mat-autosize], textarea[matTextareaAutosize]`,
+                exportAs: 'mdTextareaAutosize, matTextareaAutosize',
+                host: {
+                    // Textarea elements that have the directive applied should have a single row by default.
+                    // Browsers normally show two rows by default and therefore this limits the minRows binding.
+                    'rows': '1',
+                },
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MdTextareaAutosize.ctorParameters = () => [
+    { type: ElementRef, },
+    { type: Platform, },
+];
+MdTextareaAutosize.propDecorators = {
+    'minRows': [{ type: Input, args: ['mdAutosizeMinRows',] },],
+    'maxRows': [{ type: Input, args: ['mdAutosizeMaxRows',] },],
+    '_matAutosizeMinRows': [{ type: Input, args: ['matAutosizeMinRows',] },],
+    '_matAutosizeMaxRows': [{ type: Input, args: ['matAutosizeMaxRows',] },],
+};
+
+class MdInputModule {
+}
+MdInputModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    MdInput,
+                    MdTextareaAutosize,
+                ],
+                imports: [
+                    CommonModule,
+                    MdFormFieldModule,
+                    PlatformModule,
+                ],
+                exports: [
+                    // We re-export the `MdFormFieldModule` since `MdInput` will almost always be used together with
+                    // `MdFormField`.
+                    MdFormFieldModule,
+                    MdInput,
+                    MdTextareaAutosize,
+                ],
+            },] },
+];
+/**
+ * @nocollapse
+ */
+MdInputModule.ctorParameters = () => [];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MdInputModule, MdTextareaAutosize, MdInput, getMdInputUnsupportedTypeError, MdInput as MatInput, MdInputModule as MatInputModule, MdTextareaAutosize as MatTextareaAutosize };
+//# sourceMappingURL=input.js.map