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

package/input/README.md

@@ -1,183 +0,0 @@
-**NOTE: The <code>md-input</code> element is deprecated. <code>md-input-container</code> should be
-used instead.**
-
-# md-input-container
-
-Inputs are the basic input component of Material 2. The spec can be found
-[here](https://www.google.com/design/spec/components/text-fields.html). `md-input-container` acts as
-a wrapper for native `input` and `textarea` elements. The native element wrapped by the
-`md-input-container` must be marked with the `md-input` directive.
-
-Simple `input` example:
-```html
-<md-input-container>
-  <input md-input>
-</md-input-container>
-```
-
-Simple `textarea` example:
-```html
-<md-input-container>
-  <textarea md-input></textarea>
-</md-input-container>
-```
-
-## Usage
-
-### `input` and `textarea` attributes
-
-All of the attributes that can be used with normal `input` and `textarea` elements can be used on
-elements within the `md-input-container` as well. This includes angular specific ones such as
-`ngModel` and `formControl`.
-
-The only limitations are that the `type` attribute can only be one of the values supported by
-`md-input-container` and the native element cannot specify a `placeholder` attribute if the
-`md-input-container` also contains a `md-placeholder` element. 
-
-#### Supported `input` types
-
-The following [input types](http://www.w3schools.com/TAGs/att_input_type.asp) can be used with
-`md-input-container`:
-* date
-* datetime-local
-* email
-* month
-* number
-* password
-* search
-* tel
-* text
-* time
-* url
-* week
-
-### Placeholder
-
-A placeholder is an indicative text displayed in the input zone when the input does not contain
-text. When text is present, the indicative text will float above this input zone.
-
-You can set the `floatingPlaceholder` attribute of `md-input-container` to `false` to hide the
-indicative text instead when text is present in the input.
-
-You can specify a placeholder for the input in one of two ways; either using the `placeholder`
-attribute on the `input` or `textarea`, or using an `md-placeholder` element in the
-`md-input-container`. Using both will raise an error.
-
-### Prefix and Suffix
-
-You can include HTML before, and after the input tag, as prefix or suffix. It will be underlined as
-per the Material specification, and clicking it will focus the input.
-
-To add a prefix, use the `md-prefix` attribute on the element. Similarly, to add a suffix, use the
-`md-suffix` attribute. For example, in a template:
-
-```html
-<md-input-container align="end">
-  <input md-input placeholder="amount">
-  <span md-prefix>$&nbsp;</span>
-  <span md-suffix>.00</span>
-</md-input-container>
-```
-
-<img src="https://material.angularjs.org/material2_assets/input/prefix-suffix.png">
-
-### Hint Labels
-
-Hint labels are the labels that show below the underline. You can have up to two hint labels; one on
-the `start` of the line (left in an LTR language, right in RTL), and one on the `end`.
-
-You specify a hint label in one of two ways; either using the `hintLabel` attribute of
-`md-input-container`, or using an `md-hint` element inside the `md-input-container`, which takes an
-`align` attribute containing the side. The attribute version is assumed to be at the `start`.
-Specifying a side twice will result in an exception during initialization.
-
-For example, a simple character counter can be made like the following:
-```html
-<md-input-container>
-  <input md-input
-         placeholder="Character count (100 max)"
-         maxlength="100"
-         value="Hello world. How are you?"
-         #characterCountHintExample>
-  <md-hint align="end">{{characterCountHintExample.value.length}} / 100</md-hint>
-</md-input-container>
-```
-
-<img src="https://material.angularjs.org/material2_assets/input/character-count.png">
-
-### Divider Color
-
-The divider (line under the `input` content) color can be changed by using the `dividerColor`
-attribute of `md-input-container`. A value of `primary` is the default and will correspond to your
-theme primary color. Alternatively, you can specify `accent` or `warn`.
-
-```html
-<md-input-container>
-  <input md-input placeholder="Default color" value="example">
-</md-input-container>
-<md-input-container dividerColor="accent">
-  <input md-input placeholder="Accent color" value="example">
-</md-input-container>
-<md-input-container dividerColor="warn">
-  <input md-input placeholder="Warn color" value="example">
-</md-input-container>
-```
-
-_please note that this image has been doctored to show each `input` as if it were focused:_
-<img src="https://material.angularjs.org/material2_assets/input/divider-colors.png">
-
-### Full Forms
-
-You can make a full form using inputs, and they will support autofill natively.
-
-```html
-<form>
-  <md-input-container style="width: 100%">
-    <input md-input placeholder="Company (disabled)" disabled value="Google">
-  </md-input-container>
-
-  <table style="width: 100%" cellspacing="0"><tr>
-    <td><md-input-container style="width: 100%">
-      <input md-input placeholder="First name">
-    </md-input-container></td>
-    <td><md-input-container style="width: 100%">
-      <input md-input placeholder="Long Last Name That Will Be Truncated">
-    </md-input-container></td>
-  </tr></table>
-  
-  <p>
-    <md-input-container width="100%">
-      <textarea md-input placeholder="Address" value="1600 Amphitheatre Pkway"></textarea>
-    </md-input-container>
-    <md-input-container width="100%">
-      <textarea md-input placeholder="Address 2"></textarea>
-    </md-input-container>
-  </p>
-  
-  <table style="width: 100%" cellspacing="0"><tr>
-    <td><md-input-container width="100%">
-      <input md-input placeholder="City">
-    </md-input-container></td>
-    <td><md-input-container width="100%">
-      <input md-input placeholder="State">
-    </md-input-container></td>
-    <td><md-input-container width="100%">
-      <input md-input #postalCode maxlength="5" placeholder="Postal Code" value="94043">
-      <md-hint align="end">{{postalCode.value.length}} / 5</md-hint>
-    </md-input-container></td>
-  </tr></table>
-</form>
-```
-
-<img src="https://material.angularjs.org/material2_assets/input/full-form.png">
-
-## API Summary
-
-### Inputs
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `align` | `"start" | "end"` | The alignment of the `input` or `textarea`. Default = `"start"`. |
-| `dividerColor` | `"primary" | "accent" | "warn"` | The color of the placeholder and underline. Default = `"primary"`. |
-| `floatingPlaceholder` | boolean | Whether the placeholder should float above the input after text is entered. Default = `true`. |
-| `hintLabel` | string | The hint text to show on the start end of the `md-input-container`. |

package/input/_input-theme.scss

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

package/input/autosize.d.ts

@@ -1,29 +0,0 @@
-import { ElementRef, OnInit } from '@angular/core';
-/**
- * Directive to automatically resize a textarea to fit its content.
- */
-export declare class MdTextareaAutosize implements OnInit {
-    private _elementRef;
-    /** Minimum number of rows for this textarea. */
-    minRows: number;
-    /** Maximum number of rows for this textarea. */
-    maxRows: number;
-    /** Cached height of a textarea with a single row. */
-    private _cachedLineHeight;
-    constructor(_elementRef: ElementRef);
-    /** The minimum height of the textarea as determined by minRows. */
-    readonly _minHeight: string;
-    /** The maximum height of the textarea as determined by maxRows. */
-    readonly _maxHeight: string;
-    ngOnInit(): void;
-    /**
-     * 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();
-    /** Resize the textarea to fit its content. */
-    resizeToFitContent(): void;
-}

package/input/autosize.js

@@ -1,94 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { Directive, ElementRef, Input } from '@angular/core';
-/**
- * Directive to automatically resize a textarea to fit its content.
- */
-export var MdTextareaAutosize = (function () {
-    function MdTextareaAutosize(_elementRef) {
-        this._elementRef = _elementRef;
-    }
-    Object.defineProperty(MdTextareaAutosize.prototype, "_minHeight", {
-        /** The minimum height of the textarea as determined by minRows. */
-        get: function () {
-            return this.minRows ? this.minRows * this._cachedLineHeight + "px" : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdTextareaAutosize.prototype, "_maxHeight", {
-        /** The maximum height of the textarea as determined by maxRows. */
-        get: function () {
-            return this.maxRows ? this.maxRows * this._cachedLineHeight + "px" : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MdTextareaAutosize.prototype.ngOnInit = function () {
-        this._cacheTextareaLineHeight();
-        this.resizeToFitContent();
-    };
-    /**
-     * 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.
-     */
-    MdTextareaAutosize.prototype._cacheTextareaLineHeight = function () {
-        var textarea = this._elementRef.nativeElement;
-        // Use a clone element because we have to override some styles.
-        var 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 = '';
-        textareaClone.style.height = '';
-        textareaClone.style.minHeight = '';
-        textareaClone.style.maxHeight = '';
-        textarea.parentNode.appendChild(textareaClone);
-        this._cachedLineHeight = textareaClone.offsetHeight;
-        textarea.parentNode.removeChild(textareaClone);
-    };
-    /** Resize the textarea to fit its content. */
-    MdTextareaAutosize.prototype.resizeToFitContent = function () {
-        var textarea = this._elementRef.nativeElement;
-        // Reset the textarea height to auto in order to shrink back to its default size.
-        textarea.style.height = 'auto';
-        // Use the scrollHeight to know how large the textarea *would* be if fit its entire value.
-        textarea.style.height = textarea.scrollHeight + "px";
-    };
-    __decorate([
-        Input(), 
-        __metadata('design:type', Number)
-    ], MdTextareaAutosize.prototype, "minRows", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Number)
-    ], MdTextareaAutosize.prototype, "maxRows", void 0);
-    MdTextareaAutosize = __decorate([
-        Directive({
-            selector: 'textarea[md-autosize], textarea[mat-autosize]',
-            host: {
-                '(input)': 'resizeToFitContent()',
-                '[style.min-height]': '_minHeight',
-                '[style.max-height]': '_maxHeight',
-            },
-        }), 
-        __metadata('design:paramtypes', [ElementRef])
-    ], MdTextareaAutosize);
-    return MdTextareaAutosize;
-}());
-
-//# sourceMappingURL=autosize.js.map

package/input/autosize.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["input/autosize.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EAAC,SAAS,EAAE,UAAU,EAAE,KAAK,EAAS,MAAM,eAAe;AAGlE;;GAEG;AASH;IAUE,4BAAoB,WAAuB;QAAvB,gBAAW,GAAX,WAAW,CAAY;IAAI,CAAC;IAGhD,sBAAI,0CAAU;QADd,mEAAmE;aACnE;YACE,MAAM,CAAC,IAAI,CAAC,OAAO,GAAM,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,iBAAiB,OAAI,GAAG,IAAI,CAAC;QAC5E,CAAC;;;OAAA;IAGD,sBAAI,0CAAU;QADd,mEAAmE;aACnE;YACE,MAAM,CAAC,IAAI,CAAC,OAAO,GAAM,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,iBAAiB,OAAI,GAAG,IAAI,CAAC;QAC5E,CAAC;;;OAAA;IAED,qCAAQ,GAAR;QACE,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAChC,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED;;;;;;OAMG;IACK,qDAAwB,GAAhC;QACE,IAAI,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,aAAoC,CAAC;QAErE,+DAA+D;QAC/D,IAAI,aAAa,GAAG,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAwB,CAAC;QACrE,aAAa,CAAC,IAAI,GAAG,CAAC,CAAC;QAEvB,+EAA+E;QAC/E,gFAAgF;QAChF,2BAA2B;QAC3B,aAAa,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QAC1C,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;QAC1C,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACpC,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;QACjC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;QAChC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;QACnC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;QAEnC,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAC/C,IAAI,CAAC,iBAAiB,GAAG,aAAa,CAAC,YAAY,CAAC;QACpD,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IACjD,CAAC;IAED,8CAA8C;IAC9C,+CAAkB,GAAlB;QACE,IAAI,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,aAAoC,CAAC;QACrE,iFAAiF;QACjF,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAE/B,0FAA0F;QAC1F,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAM,QAAQ,CAAC,YAAY,OAAI,CAAC;IACvD,CAAC;IA/DD;QAAC,KAAK,EAAE;;uDAAA;IAGR;QAAC,KAAK,EAAE;;uDAAA;IAbV;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,+CAA+C;YACzD,IAAI,EAAE;gBACJ,SAAS,EAAE,sBAAsB;gBACjC,oBAAoB,EAAE,YAAY;gBAClC,oBAAoB,EAAE,YAAY;aACnC;SACF,CAAC;;0BAAA;IAmEF,yBAAC;AAAD,CAlEA,AAkEC,IAAA","file":"autosize.js","sourcesContent":["import {Directive, ElementRef, Input, OnInit} from '@angular/core';\n\n\n/**\n * Directive to automatically resize a textarea to fit its content.\n */\n@Directive({\n  selector: 'textarea[md-autosize], textarea[mat-autosize]',\n  host: {\n    '(input)': 'resizeToFitContent()',\n    '[style.min-height]': '_minHeight',\n    '[style.max-height]': '_maxHeight',\n  },\n})\nexport class MdTextareaAutosize implements OnInit {\n  /** Minimum number of rows for this textarea. */\n  @Input() minRows: number;\n\n  /** Maximum number of rows for this textarea. */\n  @Input() maxRows: number;\n\n  /** Cached height of a textarea with a single row. */\n  private _cachedLineHeight: number;\n\n  constructor(private _elementRef: ElementRef) { }\n\n  /** The minimum height of the textarea as determined by minRows. */\n  get _minHeight() {\n    return this.minRows ? `${this.minRows * this._cachedLineHeight}px` : null;\n  }\n\n  /** The maximum height of the textarea as determined by maxRows. */\n  get _maxHeight() {\n    return this.maxRows ? `${this.maxRows * this._cachedLineHeight}px` : null;\n  }\n\n  ngOnInit() {\n    this._cacheTextareaLineHeight();\n    this.resizeToFitContent();\n  }\n\n  /**\n   * Cache the height of a single-row textarea.\n   *\n   * We need to know how large a single \"row\" of a textarea is in order to apply minRows and\n   * maxRows. For the initial version, we will assume that the height of a single line in the\n   * textarea does not ever change.\n   */\n  private _cacheTextareaLineHeight(): void {\n    let textarea = this._elementRef.nativeElement as HTMLTextAreaElement;\n\n    // Use a clone element because we have to override some styles.\n    let textareaClone = textarea.cloneNode(false) as HTMLTextAreaElement;\n    textareaClone.rows = 1;\n\n    // Use `position: absolute` so that this doesn't cause a browser layout and use\n    // `visibility: hidden` so that nothing is rendered. Clear any other styles that\n    // would affect the height.\n    textareaClone.style.position = 'absolute';\n    textareaClone.style.visibility = 'hidden';\n    textareaClone.style.border = 'none';\n    textareaClone.style.padding = '';\n    textareaClone.style.height = '';\n    textareaClone.style.minHeight = '';\n    textareaClone.style.maxHeight = '';\n\n    textarea.parentNode.appendChild(textareaClone);\n    this._cachedLineHeight = textareaClone.offsetHeight;\n    textarea.parentNode.removeChild(textareaClone);\n  }\n\n  /** Resize the textarea to fit its content. */\n  resizeToFitContent() {\n    let textarea = this._elementRef.nativeElement as HTMLTextAreaElement;\n    // Reset the textarea height to auto in order to shrink back to its default size.\n    textarea.style.height = 'auto';\n\n    // Use the scrollHeight to know how large the textarea *would* be if fit its entire value.\n    textarea.style.height = `${textarea.scrollHeight}px`;\n  }\n}\n"]}

package/input/autosize.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdTextareaAutosize":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"textarea[md-autosize], textarea[mat-autosize]","host":{"(input)":"resizeToFitContent()","[style.min-height]":"_minHeight","[style.max-height]":"_maxHeight"}}]}],"members":{"minRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"_cacheTextareaLineHeight":[{"__symbolic":"method"}],"resizeToFitContent":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","metadata":{"MdTextareaAutosize":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"textarea[md-autosize], textarea[mat-autosize]","host":{"(input)":"resizeToFitContent()","[style.min-height]":"_minHeight","[style.max-height]":"_maxHeight"}}]}],"members":{"minRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"_cacheTextareaLineHeight":[{"__symbolic":"method"}],"resizeToFitContent":[{"__symbolic":"method"}]}}},"version":1}]

package/input/index.js

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

package/input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["input/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC","file":"index.js","sourcesContent":["export * from './autosize'\nexport * from './input';\nexport * from './input-container';\nexport * from './input-container-errors';\n"]}

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

@@ -1,17 +0,0 @@
-import { MdError } from '../core/errors/error';
-/** @docs-private */
-export declare class MdInputContainerPlaceholderConflictError extends MdError {
-    constructor();
-}
-/** @docs-private */
-export declare class MdInputContainerUnsupportedTypeError extends MdError {
-    constructor(type: string);
-}
-/** @docs-private */
-export declare class MdInputContainerDuplicatedHintError extends MdError {
-    constructor(align: string);
-}
-/** @docs-private */
-export declare class MdInputContainerMissingMdInputError extends MdError {
-    constructor();
-}

package/input/input-container-errors.js

@@ -1,41 +0,0 @@
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-import { MdError } from '../core/errors/error';
-/** @docs-private */
-export var MdInputContainerPlaceholderConflictError = (function (_super) {
-    __extends(MdInputContainerPlaceholderConflictError, _super);
-    function MdInputContainerPlaceholderConflictError() {
-        _super.call(this, 'Placeholder attribute and child element were both specified.');
-    }
-    return MdInputContainerPlaceholderConflictError;
-}(MdError));
-/** @docs-private */
-export var MdInputContainerUnsupportedTypeError = (function (_super) {
-    __extends(MdInputContainerUnsupportedTypeError, _super);
-    function MdInputContainerUnsupportedTypeError(type) {
-        _super.call(this, "Input type \"" + type + "\" isn't supported by md-input-container.");
-    }
-    return MdInputContainerUnsupportedTypeError;
-}(MdError));
-/** @docs-private */
-export var MdInputContainerDuplicatedHintError = (function (_super) {
-    __extends(MdInputContainerDuplicatedHintError, _super);
-    function MdInputContainerDuplicatedHintError(align) {
-        _super.call(this, "A hint was already declared for 'align=\"" + align + "\"'.");
-    }
-    return MdInputContainerDuplicatedHintError;
-}(MdError));
-/** @docs-private */
-export var MdInputContainerMissingMdInputError = (function (_super) {
-    __extends(MdInputContainerMissingMdInputError, _super);
-    function MdInputContainerMissingMdInputError() {
-        _super.call(this, 'md-input-container must contain an md-input directive. Did you forget to add md-input ' +
-            'to the native input or textarea element?');
-    }
-    return MdInputContainerMissingMdInputError;
-}(MdError));
-
-//# sourceMappingURL=input-container-errors.js.map

package/input/input-container-errors.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["input/input-container-errors.ts"],"names":[],"mappings":";;;;;OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB;AAE5C,oBAAoB;AACpB;IAA8D,4DAAO;IACnE;QACE,kBAAM,8DAA8D,CAAC,CAAC;IACxE,CAAC;IACH,+CAAC;AAAD,CAJA,AAIC,CAJ6D,OAAO,GAIpE;AAED,oBAAoB;AACpB;IAA0D,wDAAO;IAC/D,8CAAY,IAAY;QACtB,kBAAM,kBAAe,IAAI,8CAA0C,CAAC,CAAC;IACvE,CAAC;IACH,2CAAC;AAAD,CAJA,AAIC,CAJyD,OAAO,GAIhE;AAED,oBAAoB;AACpB;IAAyD,uDAAO;IAC9D,6CAAY,KAAa;QACvB,kBAAM,8CAA2C,KAAK,SAAK,CAAC,CAAC;IAC/D,CAAC;IACH,0CAAC;AAAD,CAJA,AAIC,CAJwD,OAAO,GAI/D;AAED,oBAAoB;AACpB;IAAyD,uDAAO;IAC9D;QACE,kBAAM,wFAAwF;YACxF,0CAA0C,CAAC,CAAC;IACpD,CAAC;IACH,0CAAC;AAAD,CALA,AAKC,CALwD,OAAO,GAK/D","file":"input-container-errors.js","sourcesContent":["import {MdError} from '../core/errors/error';\n\n/** @docs-private */\nexport class MdInputContainerPlaceholderConflictError extends MdError {\n  constructor() {\n    super('Placeholder attribute and child element were both specified.');\n  }\n}\n\n/** @docs-private */\nexport class MdInputContainerUnsupportedTypeError extends MdError {\n  constructor(type: string) {\n    super(`Input type \"${type}\" isn't supported by md-input-container.`);\n  }\n}\n\n/** @docs-private */\nexport class MdInputContainerDuplicatedHintError extends MdError {\n  constructor(align: string) {\n    super(`A hint was already declared for 'align=\"${align}\"'.`);\n  }\n}\n\n/** @docs-private */\nexport class MdInputContainerMissingMdInputError extends MdError {\n  constructor() {\n    super('md-input-container must contain an md-input directive. Did you forget to add md-input ' +\n          'to the native input or textarea element?');\n  }\n}\n"]}

package/input/input-container-errors.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdInputContainerPlaceholderConflictError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core/errors/error","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"MdInputContainerUnsupportedTypeError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core/errors/error","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}]}},"MdInputContainerDuplicatedHintError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core/errors/error","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}]}},"MdInputContainerMissingMdInputError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core/errors/error","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor"}]}}}},{"__symbolic":"module","metadata":{"MdInputContainerPlaceholderConflictError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core/errors/error","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"MdInputContainerUnsupportedTypeError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core/errors/error","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}]}},"MdInputContainerDuplicatedHintError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core/errors/error","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}]}},"MdInputContainerMissingMdInputError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core/errors/error","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor"}]}}},"version":1}]

package/input/input-container.css

@@ -1 +0,0 @@
-md-input-container{display:inline-block;position:relative;font-family:Roboto,"Helvetica Neue",sans-serif;line-height:normal;text-align:left}.md-end .md-input-element,[dir=rtl] md-input-container{text-align:right}.md-input-element::-webkit-input-placeholder{color:transparent}.md-input-element::-moz-placeholder{color:transparent}.md-input-element:-ms-input-placeholder{color:transparent}.md-input-element::placeholder{color:transparent}[dir=rtl] .md-end .md-input-element{text-align:left}

package/input/input-container.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["input-container.css"],"names":[],"mappings":"AAAA;EACE,sBAAsB;EACtB,mBAAmB;EACnB,kDAAkD;EAClD,oBAAoB;EACpB,iBAAiB,EAAE;EACnB;IACE,kBAAkB,EAAE;;AAExB;EACE,mBAAmB,EAAE;;AADvB;EACE,mBAAmB,EAAE;;AADvB;EACE,mBAAmB,EAAE;;AADvB;EACE,mBAAmB,EAAE;;AAEvB;EACE,kBAAkB,EAAE;EACpB;IACE,iBAAiB,EAAE","file":"input-container.css","sourcesContent":["md-input-container {\n  display: inline-block;\n  position: relative;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  line-height: normal;\n  text-align: left; }\n  [dir='rtl'] md-input-container {\n    text-align: right; }\n\n.md-input-element::placeholder {\n  color: transparent; }\n\n.md-end .md-input-element {\n  text-align: right; }\n  [dir='rtl'] .md-end .md-input-element {\n    text-align: left; }\n"]}

package/input/input-container.d.ts

@@ -1,95 +0,0 @@
-import { AfterContentInit, ElementRef, QueryList, EventEmitter, Renderer } from '@angular/core';
-import { NgControl } from '@angular/forms';
-/**
- * The placeholder directive. The content can declare this to implement more
- * complex placeholders.
- */
-export declare class MdPlaceholder {
-}
-/** The hint directive, used to tag content as hint labels (going under the input). */
-export declare class MdHint {
-    align: 'start' | 'end';
-}
-/** The input directive, used to mark the input that `MdInputContainer` is wrapping. */
-export declare class MdInputDirective implements AfterContentInit {
-    private _elementRef;
-    private _renderer;
-    _ngControl: NgControl;
-    /** Whether the element is disabled. */
-    disabled: any;
-    private _disabled;
-    /** Unique id of the element. */
-    id: string;
-    private _id;
-    /** Placeholder attribute of the element. */
-    placeholder: string;
-    private _placeholder;
-    /** Whether the element is required. */
-    required: any;
-    private _required;
-    /** Input type of the element. */
-    type: string;
-    private _type;
-    /** The element's value. */
-    value: any;
-    /**
-     * Emits an event when the placeholder changes so that the `md-input-container` can re-validate.
-     */
-    _placeholderChange: EventEmitter<string>;
-    readonly empty: boolean;
-    focused: boolean;
-    private readonly _uid;
-    private _cachedUid;
-    private _neverEmptyInputTypes;
-    constructor(_elementRef: ElementRef, _renderer: Renderer, _ngControl: NgControl);
-    ngAfterContentInit(): void;
-    /** Focuses the input element. */
-    focus(): void;
-    _onFocus(): void;
-    _onBlur(): void;
-    _onInput(): void;
-    /** Make sure the input is a supported type. */
-    private _validateType();
-    private _isNeverEmpty();
-}
-/**
- * Component that represents a text input. It encapsulates the <input> HTMLElement and
- * improve on its behaviour, along with styling it according to the Material Design.
- */
-export declare class MdInputContainer implements AfterContentInit {
-    /** Alignment of the input container's content. */
-    align: 'start' | 'end';
-    /** Color of the input divider, based on the theme. */
-    dividerColor: 'primary' | 'accent' | 'warn';
-    /** Text for the input hint. */
-    hintLabel: string;
-    private _hintLabel;
-    /** Text or the floating placeholder. */
-    floatingPlaceholder: boolean;
-    private _floatingPlaceholder;
-    _mdInputChild: MdInputDirective;
-    _placeholderChild: MdPlaceholder;
-    _hintChildren: QueryList<MdHint>;
-    ngAfterContentInit(): void;
-    _isUntouched(): boolean;
-    _isTouched(): boolean;
-    _isPristine(): boolean;
-    _isDirty(): boolean;
-    _isValid(): boolean;
-    _isInvalid(): boolean;
-    _isPending(): boolean;
-    /** Whether the input has a placeholder. */
-    _hasPlaceholder(): boolean;
-    _focusInput(): void;
-    private _hasNgControl();
-    /**
-     * Ensure that there is only one placeholder (either `input` attribute or child element with the
-     * `md-placeholder` attribute.
-     */
-    private _validatePlaceholders();
-    /**
-     * Ensure that there is a maximum of one of each `<md-hint>` alignment specified, with the
-     * attribute being considered as `align="start"`.
-     */
-    private _validateHints();
-}

package/input/input-container.html

@@ -1 +0,0 @@
-<div class="md-input-wrapper"><div class="md-input-table"><div class="md-input-prefix"><ng-content select="[md-prefix]"></ng-content></div><div class="md-input-infix" [class.md-end]="align == 'end'"><ng-content selector="input, textarea"></ng-content><label class="md-input-placeholder" [attr.for]="_mdInputChild.id" [class.md-empty]="_mdInputChild.empty" [class.md-focused]="_mdInputChild.focused" [class.md-float]="floatingPlaceholder" [class.md-accent]="dividerColor == 'accent'" [class.md-warn]="dividerColor == 'warn'" *ngIf="_hasPlaceholder()"><ng-content select="md-placeholder"></ng-content>{{_mdInputChild.placeholder}} <span class="md-placeholder-required" *ngIf="_mdInputChild.required">*</span></label></div><div class="md-input-suffix"><ng-content select="[md-suffix]"></ng-content></div></div><div class="md-input-underline" [class.md-disabled]="_mdInputChild.disabled"><span class="md-input-ripple" [class.md-focused]="_mdInputChild.focused" [class.md-accent]="dividerColor == 'accent'" [class.md-warn]="dividerColor == 'warn'"></span></div><div *ngIf="hintLabel != ''" class="md-hint">{{hintLabel}}</div><ng-content select="md-hint"></ng-content></div>