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

package/icon/typings/icon-registry.d.ts

@@ -0,0 +1,194 @@
+/**
+ * @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 { Optional } from '@angular/core';
+import { Http } from '@angular/http';
+import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
+import { Observable } from 'rxjs/Observable';
+/**
+ * Returns an exception to be thrown in the case when attempting to
+ * load an icon with a name that cannot be found.
+ * @docs-private
+ */
+export declare function getMdIconNameNotFoundError(iconName: string): Error;
+/**
+ * Returns an exception to be thrown when the consumer attempts to use
+ * `<md-icon>` without including @angular/http.
+ * @docs-private
+ */
+export declare function getMdIconNoHttpProviderError(): Error;
+/**
+ * Returns an exception to be thrown when a URL couldn't be sanitized.
+ * @param url URL that was attempted to be sanitized.
+ * @docs-private
+ */
+export declare function getMdIconFailedToSanitizeError(url: SafeResourceUrl): Error;
+/**
+ * Service to register and display icons used by the <md-icon> component.
+ * - Registers icon URLs by namespace and name.
+ * - Registers icon set URLs by namespace.
+ * - Registers aliases for CSS classes, for use with icon fonts.
+ * - Loads icons from URLs and extracts individual icons from icon sets.
+ */
+export declare class MdIconRegistry {
+    private _http;
+    private _sanitizer;
+    /**
+     * URLs and cached SVG elements for individual icons. Keys are of the format "[namespace]:[icon]".
+     */
+    private _svgIconConfigs;
+    /**
+     * SvgIconConfig objects and cached SVG elements for icon sets, keyed by namespace.
+     * Multiple icon sets can be registered under the same namespace.
+     */
+    private _iconSetConfigs;
+    /** Cache for icons loaded by direct URLs. */
+    private _cachedIconsByUrl;
+    /** In-progress icon fetches. Used to coalesce multiple requests to the same URL. */
+    private _inProgressUrlFetches;
+    /** Map from font identifiers to their CSS class names. Used for icon fonts. */
+    private _fontCssClassesByAlias;
+    /**
+     * The CSS class to apply when an <md-icon> component has no icon name, url, or font specified.
+     * The default 'material-icons' value assumes that the material icon font has been loaded as
+     * described at http://google.github.io/material-design-icons/#icon-font-for-the-web
+     */
+    private _defaultFontSetClass;
+    constructor(_http: Http, _sanitizer: DomSanitizer);
+    /**
+     * Registers an icon by URL in the default namespace.
+     * @param iconName Name under which the icon should be registered.
+     * @param url
+     */
+    addSvgIcon(iconName: string, url: SafeResourceUrl): this;
+    /**
+     * Registers an icon by URL in the specified namespace.
+     * @param namespace Namespace in which the icon should be registered.
+     * @param iconName Name under which the icon should be registered.
+     * @param url
+     */
+    addSvgIconInNamespace(namespace: string, iconName: string, url: SafeResourceUrl): this;
+    /**
+     * Registers an icon set by URL in the default namespace.
+     * @param url
+     */
+    addSvgIconSet(url: SafeResourceUrl): this;
+    /**
+     * Registers an icon set by URL in the specified namespace.
+     * @param namespace Namespace in which to register the icon set.
+     * @param url
+     */
+    addSvgIconSetInNamespace(namespace: string, url: SafeResourceUrl): this;
+    /**
+     * Defines an alias for a CSS class name to be used for icon fonts. Creating an mdIcon
+     * component with the alias as the fontSet input will cause the class name to be applied
+     * to the <md-icon> element.
+     *
+     * @param alias Alias for the font.
+     * @param className Class name override to be used instead of the alias.
+     */
+    registerFontClassAlias(alias: string, className?: string): this;
+    /**
+     * Returns the CSS class name associated with the alias by a previous call to
+     * registerFontClassAlias. If no CSS class has been associated, returns the alias unmodified.
+     */
+    classNameForFontAlias(alias: string): string;
+    /**
+     * Sets the CSS class name to be used for icon fonts when an <md-icon> component does not
+     * have a fontSet input value, and is not loading an icon by name or URL.
+     *
+     * @param className
+     */
+    setDefaultFontSetClass(className: string): this;
+    /**
+     * Returns the CSS class name to be used for icon fonts when an <md-icon> component does not
+     * have a fontSet input value, and is not loading an icon by name or URL.
+     */
+    getDefaultFontSetClass(): string;
+    /**
+     * Returns an Observable that produces the icon (as an <svg> DOM element) from the given URL.
+     * The response from the URL may be cached so this will not always cause an HTTP request, but
+     * the produced element will always be a new copy of the originally fetched icon. (That is,
+     * it will not contain any modifications made to elements previously returned).
+     *
+     * @param safeUrl URL from which to fetch the SVG icon.
+     */
+    getSvgIconFromUrl(safeUrl: SafeResourceUrl): Observable<SVGElement>;
+    /**
+     * Returns an Observable that produces the icon (as an <svg> DOM element) with the given name
+     * and namespace. The icon must have been previously registered with addIcon or addIconSet;
+     * if not, the Observable will throw an error.
+     *
+     * @param name Name of the icon to be retrieved.
+     * @param namespace Namespace in which to look for the icon.
+     */
+    getNamedSvgIcon(name: string, namespace?: string): Observable<SVGElement>;
+    /**
+     * Returns the cached icon for a SvgIconConfig if available, or fetches it from its URL if not.
+     */
+    private _getSvgFromConfig(config);
+    /**
+     * Attempts to find an icon with the specified name in any of the SVG icon sets.
+     * First searches the available cached icons for a nested element with a matching name, and
+     * if found copies the element to a new <svg> element. If not found, fetches all icon sets
+     * that have not been cached, and searches again after all fetches are completed.
+     * The returned Observable produces the SVG element if possible, and throws
+     * an error if no icon with the specified name can be found.
+     */
+    private _getSvgFromIconSetConfigs(name, iconSetConfigs);
+    /**
+     * Searches the cached SVG elements for the given icon sets for a nested icon element whose "id"
+     * tag matches the specified name. If found, copies the nested element to a new SVG element and
+     * returns it. Returns null if no matching element is found.
+     */
+    private _extractIconWithNameFromAnySet(iconName, iconSetConfigs);
+    /**
+     * Loads the content of the icon URL specified in the SvgIconConfig and creates an SVG element
+     * from it.
+     */
+    private _loadSvgIconFromConfig(config);
+    /**
+     * Loads the content of the icon set URL specified in the SvgIconConfig and creates an SVG element
+     * from it.
+     */
+    private _loadSvgIconSetFromConfig(config);
+    /**
+     * Creates a DOM element from the given SVG string, and adds default attributes.
+     */
+    private _createSvgElementForSingleIcon(responseText);
+    /**
+     * Searches the cached element of the given SvgIconConfig for a nested icon element whose "id"
+     * tag matches the specified name. If found, copies the nested element to a new SVG element and
+     * returns it. Returns null if no matching element is found.
+     */
+    private _extractSvgIconFromSet(iconSet, iconName);
+    /**
+     * Creates a DOM element from the given SVG string.
+     */
+    private _svgElementFromString(str);
+    /**
+     * Converts an element into an SVG node by cloning all of its children.
+     */
+    private _toSvgElement(element);
+    /**
+     * Sets the default attributes for an SVG element to be used as an icon.
+     */
+    private _setSvgAttributes(svg);
+    /**
+     * Returns an Observable which produces the string contents of the given URL. Results may be
+     * cached, so future calls with the same URL may not cause another HTTP request.
+     */
+    private _fetchUrl(safeUrl);
+}
+/** @docs-private */
+export declare function ICON_REGISTRY_PROVIDER_FACTORY(parentRegistry: MdIconRegistry, http: Http, sanitizer: DomSanitizer): MdIconRegistry;
+/** @docs-private */
+export declare const ICON_REGISTRY_PROVIDER: {
+    provide: typeof MdIconRegistry;
+    deps: (Optional[] | typeof DomSanitizer)[];
+    useFactory: (parentRegistry: MdIconRegistry, http: Http, sanitizer: DomSanitizer) => MdIconRegistry;
+};

package/icon/typings/icon.d.ts

@@ -0,0 +1,76 @@
+/**
+ * @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 { ElementRef, OnChanges, OnInit, Renderer2, SimpleChanges } from '@angular/core';
+import { MdIconRegistry } from './icon-registry';
+import { CanColor } from '@angular/material/core';
+/** @docs-private */
+export declare class MdIconBase {
+    _renderer: Renderer2;
+    _elementRef: ElementRef;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+}
+export declare const _MdIconMixinBase: (new (...args: any[]) => CanColor) & typeof MdIconBase;
+/**
+ * Component to display an icon. It can be used in the following ways:
+ *
+ * - 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 declare class MdIcon extends _MdIconMixinBase implements OnChanges, OnInit, CanColor {
+    private _mdIconRegistry;
+    /** Name of the icon in the SVG icon set. */
+    svgIcon: string;
+    /** Font set that the icon is a part of. */
+    fontSet: string;
+    /** Name of an icon within a font set. */
+    fontIcon: string;
+    private _previousFontSetClass;
+    private _previousFontIconClass;
+    constructor(renderer: Renderer2, elementRef: ElementRef, _mdIconRegistry: MdIconRegistry, ariaHidden: string);
+    /**
+     * 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 an error if the name contains two or more ':' separators.
+     * Examples:
+     *   'social:cake' -> ['social', 'cake']
+     *   'penguin' -> ['', 'penguin']
+     *   null -> ['', '']
+     *   'a:b:c' -> (throws Error)
+     */
+    private _splitIconName(iconName);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    private _usingFontIcon();
+    private _setSvgElement(svg);
+    private _clearSvgElement();
+    private _updateFontIconClasses();
+}

package/icon/typings/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';

package/icon/typings/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MdIconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/material/core","name":"MdCommonModule"}],"exports":[{"__symbolic":"reference","name":"MatIcon"},{"__symbolic":"reference","module":"@angular/material/core","name":"MdCommonModule"}],"declarations":[{"__symbolic":"reference","name":"MatIcon"}],"providers":[{"__symbolic":"reference","name":"ICON_REGISTRY_PROVIDER"}]}]}],"members":{}},"MdIconBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}]}},"_MdIconMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/material/core","name":"mixinColor"},"arguments":[{"__symbolic":"reference","name":"MatIconBase"}]},"MdIcon":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_MdIconMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"template":"<ng-content></ng-content>","selector":"md-icon, mat-icon","inputs":["color"],"host":{"role":"img","class":"mat-icon"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"preserveWhitespaces":false,"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"styles":[".mat-icon{background-repeat:no-repeat;display:inline-block;fill:currentColor;height:24px;width:24px}"]}]}],"members":{"svgIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fontSet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fontIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute"},"arguments":["aria-hidden"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","name":"MatIconRegistry"},{"__symbolic":"reference","name":"string"}]}],"_splitIconName":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"_usingFontIcon":[{"__symbolic":"method"}],"_setSvgElement":[{"__symbolic":"method"}],"_clearSvgElement":[{"__symbolic":"method"}],"_updateFontIconClasses":[{"__symbolic":"method"}]}},"getMdIconNameNotFoundError":{"__symbolic":"function","parameters":["iconName"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Error"},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"Unable to find icon with the name \"","right":{"__symbolic":"reference","name":"iconName"}},"right":"\""}]}},"getMdIconNoHttpProviderError":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Error"},"arguments":["Could not find Http provider for use with Angular Material icons. Please include the HttpModule from @angular/http in your app imports."]}},"getMdIconFailedToSanitizeError":{"__symbolic":"function","parameters":["url"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Error"},"arguments":[{"__symbolic":"binop","operator":"+","left":"The URL provided to MdIconRegistry was not trusted as a resource URL ","right":{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"via Angular's DomSanitizer. Attempted URL was \"","right":{"__symbolic":"reference","name":"url"}},"right":"\"."}}]}},"MdIconRegistry":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/http","name":"Http"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer"}]}],"addSvgIcon":[{"__symbolic":"method"}],"addSvgIconInNamespace":[{"__symbolic":"method"}],"addSvgIconSet":[{"__symbolic":"method"}],"addSvgIconSetInNamespace":[{"__symbolic":"method"}],"registerFontClassAlias":[{"__symbolic":"method"}],"classNameForFontAlias":[{"__symbolic":"method"}],"setDefaultFontSetClass":[{"__symbolic":"method"}],"getDefaultFontSetClass":[{"__symbolic":"method"}],"getSvgIconFromUrl":[{"__symbolic":"method"}],"getNamedSvgIcon":[{"__symbolic":"method"}],"_getSvgFromConfig":[{"__symbolic":"method"}],"_getSvgFromIconSetConfigs":[{"__symbolic":"method"}],"_extractIconWithNameFromAnySet":[{"__symbolic":"method"}],"_loadSvgIconFromConfig":[{"__symbolic":"method"}],"_loadSvgIconSetFromConfig":[{"__symbolic":"method"}],"_createSvgElementForSingleIcon":[{"__symbolic":"method"}],"_extractSvgIconFromSet":[{"__symbolic":"method"}],"_svgElementFromString":[{"__symbolic":"method"}],"_toSvgElement":[{"__symbolic":"method"}],"_setSvgAttributes":[{"__symbolic":"method"}],"_fetchUrl":[{"__symbolic":"method"}]}},"ICON_REGISTRY_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["parentRegistry","http","sanitizer"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"parentRegistry"},"right":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"MatIconRegistry"},"arguments":[{"__symbolic":"reference","name":"http"},{"__symbolic":"reference","name":"sanitizer"}]}}},"ICON_REGISTRY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MatIconRegistry"},"deps":[[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}},{"__symbolic":"reference","name":"MatIconRegistry"}],[{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"reference","module":"@angular/http","name":"Http"}],{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer"}],"useFactory":{"__symbolic":"reference","name":"ICON_REGISTRY_PROVIDER_FACTORY"}},"MatIcon":{"__symbolic":"reference","name":"MdIcon"},"MatIconBase":{"__symbolic":"reference","name":"MdIconBase"},"MatIconModule":{"__symbolic":"reference","name":"MdIconModule"},"MatIconRegistry":{"__symbolic":"reference","name":"MdIconRegistry"}},"origins":{"MdIconModule":"./icon-module","MdIconBase":"./icon","_MdIconMixinBase":"./icon","MdIcon":"./icon","getMdIconNameNotFoundError":"./icon-registry","getMdIconNoHttpProviderError":"./icon-registry","getMdIconFailedToSanitizeError":"./icon-registry","MdIconRegistry":"./icon-registry","ICON_REGISTRY_PROVIDER_FACTORY":"./icon-registry","ICON_REGISTRY_PROVIDER":"./icon-registry","MatIcon":"./icon","MatIconBase":"./icon","MatIconModule":"./icon-module","MatIconRegistry":"./icon-registry"},"importAs":"@angular/material/icon"}

package/icon/typings/mat-exports.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @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 { MdIcon, MdIconBase } from './icon';
+import { MdIconRegistry } from './icon-registry';
+import { MdIconModule } from './icon-module';
+export { MdIcon as MatIcon };
+export { MdIconBase as MatIconBase };
+export { MdIconModule as MatIconModule };
+export { MdIconRegistry as MatIconRegistry };

package/icon/typings/public_api.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @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
+ */
+export * from './icon-module';
+export * from './icon';
+export * from './icon-registry';
+export * from './mat-exports';

package/icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @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
+ */
+export * from './icon/index';

package/icon.metadata.json

@@ -0,0 +1,11 @@
+{
+  "__symbolic": "module",
+  "version": 3,
+  "metadata": {},
+  "exports": [
+    {
+      "from": "./icon/index"
+    }
+  ],
+  "flatModuleIndexRedirect": true
+}

package/input/index.d.ts

@@ -1 +1,8 @@
-export * from './input';
+/**
+ * @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
+ */
+export * from './typings/index';

package/input/index.metadata.json

@@ -1 +1,11 @@
-{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./input"}]}
+{
+  "__symbolic": "module",
+  "version": 3,
+  "metadata": {},
+  "exports": [
+    {
+      "from": "./typings/index"
+    }
+  ],
+  "flatModuleIndexRedirect": true
+}

package/input/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@angular/material/input",
+  "typings": "../input.d.ts",
+  "main": "../bundles/material-input.umd.js",
+  "module": "../esm5/input.es5.js",
+  "es2015": "../esm2015/input.js"
+}

package/input/typings/autosize.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @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 { ElementRef, AfterViewInit, DoCheck } from '@angular/core';
+import { Platform } from '@angular/cdk/platform';
+/**
+ * Directive to automatically resize a textarea to fit its content.
+ */
+export declare class MdTextareaAutosize implements AfterViewInit, DoCheck {
+    private _elementRef;
+    private _platform;
+    /** Keep track of the previous textarea value to avoid resizing when the value hasn't changed. */
+    private _previousValue;
+    private _minRows;
+    private _maxRows;
+    minRows: number;
+    maxRows: number;
+    _matAutosizeMinRows: number;
+    _matAutosizeMaxRows: number;
+    /** Cached height of a textarea with a single row. */
+    private _cachedLineHeight;
+    constructor(_elementRef: ElementRef, _platform: Platform);
+    /** Sets the minimum height of the textarea as determined by minRows. */
+    _setMinHeight(): void;
+    /** Sets the maximum height of the textarea as determined by maxRows. */
+    _setMaxHeight(): void;
+    ngAfterViewInit(): void;
+    /** Sets a style property on the textarea element. */
+    private _setTextareaStyle(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.
+     */
+    private _cacheTextareaLineHeight();
+    ngDoCheck(): void;
+    /** Resize the textarea to fit its content. */
+    resizeToFitContent(): void;
+}

package/input/typings/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';

package/input/typings/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"metadata":{"MdInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MatInput"},{"__symbolic":"reference","name":"MatTextareaAutosize"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MdFormFieldModule"},{"__symbolic":"reference","module":"@angular/material/core","name":"PlatformModule"}],"exports":[{"__symbolic":"reference","module":"@angular/material/form-field","name":"MdFormFieldModule"},{"__symbolic":"reference","name":"MatInput"},{"__symbolic":"reference","name":"MatTextareaAutosize"}]}]}],"members":{}},"MdTextareaAutosize":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"textarea[md-autosize], textarea[mdTextareaAutosize],\n             textarea[mat-autosize], textarea[matTextareaAutosize]","exportAs":"mdTextareaAutosize, matTextareaAutosize","host":{"rows":"1"}}]}],"members":{"minRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdAutosizeMinRows"]}]}],"maxRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mdAutosizeMaxRows"]}]}],"_matAutosizeMinRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["matAutosizeMinRows"]}]}],"_matAutosizeMaxRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["matAutosizeMaxRows"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform"}]}],"_setMinHeight":[{"__symbolic":"method"}],"_setMaxHeight":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"_setTextareaStyle":[{"__symbolic":"method"}],"_cacheTextareaLineHeight":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"resizeToFitContent":[{"__symbolic":"method"}]}},"MdInput":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"input[mdInput], textarea[mdInput], input[matInput], textarea[matInput]","host":{"class":"mat-input-element mat-form-field-autofill-control","[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":{"__symbolic":"reference","module":"@angular/material/form-field","name":"MdFormFieldControl"},"useExisting":{"__symbolic":"reference","name":"MatInput"}}]}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"errorStateMatcher":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@angular/material/core","name":"MD_ERROR_GLOBAL_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/cdk/platform","name":"Platform"},{"__symbolic":"reference","module":"@angular/forms","name":"NgControl"},{"__symbolic":"reference","module":"@angular/forms","name":"NgForm"},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective"},{"__symbolic":"reference","module":"@angular/material/core","name":"ErrorOptions"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"_focusChanged":[{"__symbolic":"method"}],"_onInput":[{"__symbolic":"method"}],"_updateErrorState":[{"__symbolic":"method"}],"_dirtyCheckNativeValue":[{"__symbolic":"method"}],"_validateType":[{"__symbolic":"method"}],"_isNeverEmpty":[{"__symbolic":"method"}],"_isBadInput":[{"__symbolic":"method"}],"_isTextarea":[{"__symbolic":"method"}],"setDescribedByIds":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}]}},"getMdInputUnsupportedTypeError":{"__symbolic":"function","parameters":["type"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"Error"},"arguments":[{"__symbolic":"binop","operator":"+","left":{"__symbolic":"binop","operator":"+","left":"Input type \"","right":{"__symbolic":"reference","name":"type"}},"right":"\" isn't supported by mdInput."}]}},"MatInput":{"__symbolic":"reference","name":"MdInput"},"MatInputModule":{"__symbolic":"reference","name":"MdInputModule"},"MatTextareaAutosize":{"__symbolic":"reference","name":"MdTextareaAutosize"}},"origins":{"MdInputModule":"./input-module","MdTextareaAutosize":"./autosize","MdInput":"./input","getMdInputUnsupportedTypeError":"./input-errors","MatInput":"./input","MatInputModule":"./input-module","MatTextareaAutosize":"./autosize"},"importAs":"@angular/material/input"}

package/input/typings/input-errors.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @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
+ */
+/** @docs-private */
+export declare function getMdInputUnsupportedTypeError(type: string): Error;

package/input/typings/input-module.d.ts

@@ -0,0 +1,2 @@
+export declare class MdInputModule {
+}

package/input/typings/input.d.ts

@@ -0,0 +1,78 @@
+/**
+ * @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 { DoCheck, ElementRef, OnChanges, OnDestroy, Renderer2 } from '@angular/core';
+import { FormGroupDirective, NgControl, NgForm } from '@angular/forms';
+import { Platform } from '@angular/cdk/platform';
+import { ErrorOptions, ErrorStateMatcher } from '@angular/material/core';
+import { Subject } from 'rxjs/Subject';
+import { MdFormFieldControl } from '@angular/material/form-field';
+/** Directive that allows a native input to work inside a `MdFormField`. */
+export declare class MdInput implements MdFormFieldControl<any>, OnChanges, OnDestroy, DoCheck {
+    protected _elementRef: ElementRef;
+    protected _renderer: Renderer2;
+    protected _platform: Platform;
+    ngControl: NgControl;
+    protected _parentForm: NgForm;
+    protected _parentFormGroup: FormGroupDirective;
+    /** Variables used as cache for getters and setters. */
+    protected _type: string;
+    protected _disabled: boolean;
+    protected _required: boolean;
+    protected _id: string;
+    protected _uid: string;
+    protected _errorOptions: ErrorOptions;
+    protected _previousNativeValue: string;
+    /** Whether the input is focused. */
+    focused: boolean;
+    /** Whether the input is in an error state. */
+    errorState: boolean;
+    /** The aria-describedby attribute on the input for improved a11y. */
+    _ariaDescribedby: string;
+    /**
+     * Stream that emits whenever the state of the input changes such that the wrapping `MdFormField`
+     * needs to run change detection.
+     */
+    stateChanges: Subject<void>;
+    /** Whether the element is disabled. */
+    disabled: any;
+    /** Unique id of the element. */
+    id: string;
+    /** Placeholder attribute of the element. */
+    placeholder: string;
+    /** Whether the element is required. */
+    required: any;
+    /** Input type of the element. */
+    type: string;
+    /** A function used to control when error messages are shown. */
+    errorStateMatcher: ErrorStateMatcher;
+    /** The input element's value. */
+    value: string;
+    protected _neverEmptyInputTypes: string[];
+    constructor(_elementRef: ElementRef, _renderer: Renderer2, _platform: Platform, ngControl: NgControl, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, errorOptions: ErrorOptions);
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    ngDoCheck(): void;
+    /** Callback for the cases where the focused state of the input changes. */
+    _focusChanged(isFocused: boolean): void;
+    _onInput(): void;
+    /** Re-evaluates the error state. This is only relevant with @angular/forms. */
+    protected _updateErrorState(): void;
+    /** Does some manual dirty checking on the native input `value` property. */
+    protected _dirtyCheckNativeValue(): void;
+    /** Make sure the input is a supported type. */
+    protected _validateType(): void;
+    /** Checks whether the input type is one of the types that are never empty. */
+    protected _isNeverEmpty(): boolean;
+    /** Checks whether the input is invalid based on the native validation. */
+    protected _isBadInput(): boolean;
+    /** Determines if the component host is a textarea. If not recognizable it returns false. */
+    protected _isTextarea(): boolean;
+    readonly empty: boolean;
+    setDescribedByIds(ids: string[]): void;
+    focus(): void;
+}

package/input/typings/mat-exports.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @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 { MdInput } from './input';
+import { MdTextareaAutosize } from './autosize';
+import { MdInputModule } from './input-module';
+export { MdInput as MatInput };
+export { MdInputModule as MatInputModule };
+export { MdTextareaAutosize as MatTextareaAutosize };

package/input/typings/public_api.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @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
+ */
+export * from './input-module';
+export * from './autosize';
+export * from './input';
+export * from './input-errors';
+export * from './mat-exports';

package/input.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @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
+ */
+export * from './input/index';

package/input.metadata.json

@@ -0,0 +1,11 @@
+{
+  "__symbolic": "module",
+  "version": 3,
+  "metadata": {},
+  "exports": [
+    {
+      "from": "./input/index"
+    }
+  ],
+  "flatModuleIndexRedirect": true
+}

package/list/index.d.ts

@@ -1 +1,8 @@
-export * from './list';
+/**
+ * @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
+ */
+export * from './typings/index';

package/list/index.metadata.json

@@ -1 +1,11 @@
-{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./list"}]}
+{
+  "__symbolic": "module",
+  "version": 3,
+  "metadata": {},
+  "exports": [
+    {
+      "from": "./typings/index"
+    }
+  ],
+  "flatModuleIndexRedirect": true
+}

package/list/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@angular/material/list",
+  "typings": "../list.d.ts",
+  "main": "../bundles/material-list.umd.js",
+  "module": "../esm5/list.es5.js",
+  "es2015": "../esm2015/list.js"
+}