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

package/input/input.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MD_INPUT_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MdInput"},"multi":true},"MdInputPlaceholderConflictError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"MdInputUnsupportedTypeError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}]}},"MdInputDuplicatedHintError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}]}},"MdInput":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-input, md-textarea","templateUrl":"input.html","styleUrls":["input.css"],"providers":[{"__symbolic":"reference","name":"MD_INPUT_CONTROL_VALUE_ACCESSOR"}],"host":{"(click)":"focus()"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-label"]}]}],"ariaLabelledBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-labelledby"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-disabled"]}]}],"ariaRequired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-required"]}]}],"ariaInvalid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-invalid"]}]}],"_placeholderChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./input-container","name":"MdPlaceholder"}]}]}],"_hintChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./input-container","name":"MdHint"}]}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dividerColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hintLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"autocomplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"autocorrect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"autocapitalize":[{"__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"}}]}],"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minlength":[{"__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"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabindex":[{"__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"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cols":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"wrap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"floatingPlaceholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"readonly":[{"__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"}}]}],"spellcheck":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["blur"]}]}],"onFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["focus"]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.align"]}]}],"_inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"focus":[{"__symbolic":"method"}],"_handleFocus":[{"__symbolic":"method"}],"_handleBlur":[{"__symbolic":"method"}],"_handleChange":[{"__symbolic":"method"}],"_hasPlaceholder":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_convertValueForInputType":[{"__symbolic":"method"}],"_validateConstraints":[{"__symbolic":"method"}]}},"MdInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MdInput"},{"__symbolic":"reference","module":"./input-container","name":"MdPlaceholder"},{"__symbolic":"reference","module":"./input-container","name":"MdInputContainer"},{"__symbolic":"reference","module":"./input-container","name":"MdHint"},{"__symbolic":"reference","module":"./autosize","name":"MdTextareaAutosize"},{"__symbolic":"reference","module":"./input-container","name":"MdInputDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","module":"../core/platform/index","name":"PlatformModule"}],"exports":[{"__symbolic":"reference","name":"MdInput"},{"__symbolic":"reference","module":"./input-container","name":"MdPlaceholder"},{"__symbolic":"reference","module":"./input-container","name":"MdInputContainer"},{"__symbolic":"reference","module":"./input-container","name":"MdHint"},{"__symbolic":"reference","module":"./autosize","name":"MdTextareaAutosize"},{"__symbolic":"reference","module":"./input-container","name":"MdInputDirective"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdInputModule"},"providers":{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../core/platform/index","name":"PlatformModule"},"member":"forRoot"}},"member":"providers"}}}}}}},{"__symbolic":"module","metadata":{"MD_INPUT_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MdInput"},"multi":true},"MdInputPlaceholderConflictError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"MdInputUnsupportedTypeError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}]}},"MdInputDuplicatedHintError":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../core","name":"MdError"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"}]}]}},"MdInput":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-input, md-textarea","templateUrl":"input.html","styleUrls":["input.css"],"providers":[{"__symbolic":"reference","name":"MD_INPUT_CONTROL_VALUE_ACCESSOR"}],"host":{"(click)":"focus()"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-label"]}]}],"ariaLabelledBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-labelledby"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-disabled"]}]}],"ariaRequired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-required"]}]}],"ariaInvalid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-invalid"]}]}],"_placeholderChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./input-container","name":"MdPlaceholder"}]}]}],"_hintChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./input-container","name":"MdHint"}]}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dividerColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hintLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"autocomplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"autocorrect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"autocapitalize":[{"__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"}}]}],"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minlength":[{"__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"}}]}],"step":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabindex":[{"__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"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cols":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"wrap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"floatingPlaceholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"readonly":[{"__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"}}]}],"spellcheck":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["blur"]}]}],"onFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["focus"]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.align"]}]}],"_inputElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"focus":[{"__symbolic":"method"}],"_handleFocus":[{"__symbolic":"method"}],"_handleBlur":[{"__symbolic":"method"}],"_handleChange":[{"__symbolic":"method"}],"_hasPlaceholder":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"_convertValueForInputType":[{"__symbolic":"method"}],"_validateConstraints":[{"__symbolic":"method"}]}},"MdInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MdInput"},{"__symbolic":"reference","module":"./input-container","name":"MdPlaceholder"},{"__symbolic":"reference","module":"./input-container","name":"MdInputContainer"},{"__symbolic":"reference","module":"./input-container","name":"MdHint"},{"__symbolic":"reference","module":"./autosize","name":"MdTextareaAutosize"},{"__symbolic":"reference","module":"./input-container","name":"MdInputDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","module":"../core/platform/index","name":"PlatformModule"}],"exports":[{"__symbolic":"reference","name":"MdInput"},{"__symbolic":"reference","module":"./input-container","name":"MdPlaceholder"},{"__symbolic":"reference","module":"./input-container","name":"MdInputContainer"},{"__symbolic":"reference","module":"./input-container","name":"MdHint"},{"__symbolic":"reference","module":"./autosize","name":"MdTextareaAutosize"},{"__symbolic":"reference","module":"./input-container","name":"MdInputDirective"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdInputModule"},"providers":{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../core/platform/index","name":"PlatformModule"},"member":"forRoot"}},"member":"providers"}}}}}},"version":1}]

package/input/input.scss

@@ -1,202 +0,0 @@
-@import '../core/style/variables';
-@import '../core/style/form-common';
-
-
-$md-input-floating-placeholder-scale-factor: 0.75 !default;
-
-// Gradient for showing the dashed line when the input is disabled.
-$md-input-underline-disabled-background-image:
-    linear-gradient(to right, rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0.26) 33%, transparent 0%);
-
-// Applies a floating placeholder above the input itself.
-@mixin md-input-placeholder-floating {
-  display: block;
-  padding-bottom: 5px;
-  transform: translateY(-100%) scale($md-input-floating-placeholder-scale-factor);
-  width: 100% / $md-input-floating-placeholder-scale-factor;
-}
-
-md-input, md-textarea {
-  display: inline-block;
-  position: relative;
-  font-family: $md-font-family;
-  line-height: normal;
-
-  // To avoid problems with text-align.
-  text-align: left;
-
-  [dir='rtl'] & {
-    text-align: right;
-  }
-}
-
-// Global wrapper. We need to apply margin to the element for spacing, but
-// cannot apply it to the host element directly.
-.md-input-wrapper {
-  margin: 16px 0;
-}
-
-// We use a table layout to baseline align the prefix and suffix classes.
-// The underline is outside of it so it can cover all of the elements under
-// this table.
-// Flex does not respect the baseline. What we really want is akin to a table
-// as want an inline-block where elements don't wrap.
-.md-input-table {
-  display: inline-table;
-  flex-flow: column;
-  vertical-align: bottom;
-  width: 100%;
-
-  & > * {
-    display: table-cell;
-  }
-}
-
-.md-input-infix {
-  position: relative;
-}
-
-// The Input element proper.
-.md-input-element {
-  // Font needs to be inherited, because by default <input> has a system font.
-  font: inherit;
-
-  // The Material input should match whatever background it is above.
-  background: transparent;
-
-  // If background matches current background then so should the color for proper contrast
-  color: currentColor;
-
-  // By default, <input> has a padding, border, outline and a default width.
-  border: none;
-  outline: none;
-  padding: 0;
-  width: 100%;
-
-  &.md-end {
-    text-align: right;
-
-    [dir='rtl'] & {
-      text-align: left;
-    }
-  }
-
-  // Undo the red box-shadow glow added by Firefox on invalid inputs.
-  // See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid
-  &:-moz-ui-invalid {
-    box-shadow: none;
-  }
-
-  // Pseudo-class for Chrome and Safari auto-fill to move the placeholder to
-  // the floating position. This is necessary because these browsers do not actually
-  // fire any events when a form auto-fill is occurring.
-  // Once the autofill is committed, a change event happen and the regular md-input
-  // classes take over to fulfill this behaviour.
-  // Assumes the autofill is non-empty.
-  &:-webkit-autofill + .md-input-placeholder.md-float {
-    @include md-input-placeholder-floating;
-  }
-}
-
-// The placeholder label. This is invisible unless it is. The logic to show it is
-// basically `empty || (float && (!empty || focused))`. Float is dependent on the
-// `floatingPlaceholder` input.
-.md-input-placeholder {
-  // The placeholder is after the <input>, but needs to be aligned top-left of the
-  // infix <div>.
-  position: absolute;
-  left: 0;
-  top: 0;
-
-  font-size: 100%;
-  pointer-events: none;  // We shouldn't catch mouse events (let them through).
-  z-index: 1;
-
-  // Put ellipsis text overflow.
-  width: 100%;
-  display: none;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow-x: hidden;
-
-  transform: translateY(0);
-  transform-origin: bottom left;
-  transition: transform $swift-ease-out-duration $swift-ease-out-timing-function,
-              scale $swift-ease-out-duration $swift-ease-out-timing-function,
-              color $swift-ease-out-duration $swift-ease-out-timing-function,
-              width $swift-ease-out-duration $swift-ease-out-timing-function;
-
-  &.md-empty {
-    display: block;
-    cursor: text;
-  }
-
-  // Show the placeholder above the input when it's not empty, or focused.
-  &.md-float:not(.md-empty), &.md-float.md-focused {
-    @include md-input-placeholder-floating;
-  }
-
-  [dir='rtl'] & {
-    transform-origin: bottom right;
-    left: auto;
-    right: 0;
-  }
-}
-
-// The underline is what's shown under the input, its prefix and its suffix.
-// The ripple is the blue animation coming on top of it.
-.md-input-underline {
-  position: absolute;
-  height: 1px;
-  width: 100%;
-  margin-top: 4px;
-  border-top-width: 1px;
-  border-top-style: solid;
-
-  &.md-disabled {
-    @include md-control-disabled-underline();
-    border-top: 0;
-    background-position: 0;
-  }
-
-  .md-input-ripple {
-    position: absolute;
-    height: 2px;
-    z-index: 1;
-    top: -1px;
-    width: 100%;
-    transform-origin: top;
-    opacity: 0;
-    transform: scaleY(0);
-    transition: transform $swift-ease-out-duration $swift-ease-out-timing-function,
-                opacity $swift-ease-out-duration $swift-ease-out-timing-function;
-
-    &.md-focused {
-      opacity: 1;
-      transform: scaleY(1);
-    }
-  }
-}
-
-// The hint is shown below the underline. There can be more than one; one at the start
-// and one at the end.
-.md-hint {
-  display: block;
-  position: absolute;
-  font-size: 75%;
-  bottom: -0.5em;
-
-  &.md-right {
-    right: 0;
-  }
-
-  [dir='rtl'] & {
-    right: 0;
-    left: auto;
-
-    &.md-right {
-      right: auto;
-      left: 0;
-    }
-  }
-}

package/list/OVERVIEW.md

@@ -1,124 +0,0 @@
-`<md-list>` is a container component that wraps and formats a series of line items. As the base 
-list component, it provides Material Design styling, but no behavior of its own.
-
-<!-- example(list-overview) -->
-
-
-### Simple lists
-
-An `<md-list>` element contains a number of `<md-list-item>` elements.
-
-```html
-<md-list>
- <md-list-item> Pepper </md-list-item>
- <md-list-item> Salt </md-list-item>
- <md-list-item> Paprika </md-list-item>
-</md-list>
-```
-
-### Navigation lists
-
-Use `md-nav-list` tags for navigation lists (i.e. lists that have anchor tags).
-
-Simple navigation lists can use the `md-list-item` attribute on anchor tag elements directly:
-
-```html
-<md-nav-list>
-   <a md-list-item href="..." *ngFor="let link of links"> {{ link }} </a>
-</md-nav-list>
-```
-
-For more complex navigation lists (e.g. with more than one target per item), wrap the anchor 
-element in an `<md-list-item>`.
-
-```html
-<md-nav-list>
-  <md-list-item *ngFor="let link of links">
-     <a md-line href="...">{{ link }}</a>
-     <button md-icon-button (click)="showInfo(link)">
-        <md-icon>info</md-icon>
-     </button>
-  </md-list-item>
-</md-nav-list>
-```
-
-### Multi-line lists
-For lists that require multiple lines per item, annotate each line with an `md-line` attribute.
-Whichever heading tag is appropriate for your DOM hierarchy should be used (not necesarily `<h3>`
-as shown in the example).
-
-```html
-<!-- two line list -->
-<md-list>
-  <md-list-item *ngFor="let message of messages">
-    <h3 md-line> {{message.from}} </h3>
-    <p md-line>
-      <span> {{message.subject}} </span>
-      <span class="demo-2"> -- {{message.content}} </span>
-    </p>
-  </md-list-item>
-</md-list>
-
-<!-- three line list -->
-<md-list>
-  <md-list-item *ngFor="let message of messages">
-    <h3 md-line> {{message.from}} </h3>
-    <p md-line> {{message.subject}} </p>
-    <p md-line class="demo-2"> {{message.content}} </p>
-  </md-list-item>
-</md-list>
-```
-
-### Lists with avatars
-To include an avatar, add an image tag with an `md-list-avatar` attribute.
-
-```html
-<md-list>
-  <md-list-item *ngFor="let message of messages">
-    <img md-list-avatar src="..." alt="...">
-    <h3 md-line> {{message.from}} </h3>
-    <p md-line>
-      <span> {{message.subject}} </span>
-      <span class="demo-2"> -- {{message.content}} </span>
-    </p>
-  </md-list-item>
-</md-list>
-```
-
-### Dense lists
-Lists are also available in "dense layout" mode, which shrinks the font size and height of the list
-to suit UIs that may need to display more information. To enable this mode, add a `dense` attribute
-to the main `md-list` tag.
-
-
-```html
-<md-list dense>
- <md-list-item> Pepper </md-list-item>
- <md-list-item> Salt </md-list-item>
- <md-list-item> Paprika </md-list-item>
-</md-list>
-```
-
-
-### Lists with multiple sections
-
-Subheader can be added to a list by annotating a heading tag with an `md-subheader` attribute. 
-To add a divider, use `<md-divider>`.
-
-```html
-<md-list>
-   <h3 md-subheader>Folders</h3>
-   <md-list-item *ngFor="let folder of folders">
-      <md-icon md-list-avatar>folder</md-icon>
-      <h4 md-line>{{folder.name}}</h4>
-      <p md-line class="demo-2"> {{folder.updated}} </p>
-   </md-list-item>
-   <md-divider></md-divider>
-   <h3 md-subheader>Notes</h3>
-   <md-list-item *ngFor="let note of notes">
-      <md-icon md-list-avatar>note</md-icon>
-      <h4 md-line>{{note.name}}</h4>
-      <p md-line class="demo-2"> {{note.updated}} </p>
-   </md-list-item>
-</md-list>
-```

package/list/README.md

@@ -1,154 +0,0 @@
-# md-list
-
-`md-list` is a container component that wraps and formats a series of line items. As the base list component,
- it provides Material Design styling, but no behavior of its own.
-
-## Usage
-
-### Simple list
-
-In your template, create an `md-list` element and wrap each of your items in an `md-list-item` tag.
-
-```html
-<md-list>
-   <md-list-item> Pepper </md-list-item>
-   <md-list-item> Salt </md-list-item>
-   <md-list-item> Paprika </md-list-item>
-</md-list>
-```
-
-Output:
-
-<img src="https://material.angularjs.org/material2_assets/list/basic-list.png">
-
-### Multi-line lists
-
-If your list requires multiple lines per list item, annotate each line with an `md-line` attribute.
-You can use whichever heading tag is appropriate for your DOM hierarchy (doesn't have to be `h3`),
-as long as the `md-line` attribute is included.
-
-```html
-<!-- two line list -->
-<md-list>
-  <md-list-item *ngFor="let message of messages">
-    <h3 md-line> {{message.from}} </h3>
-    <p md-line>
-      <span> {{message.subject}} </span>
-      <span class="demo-2"> -- {{message.message}} </span>
-    </p>
-  </md-list-item>
-</md-list>
-
-<!-- three line list -->
-<md-list>
-  <md-list-item *ngFor="let message of messages">
-    <h3 md-line> {{message.from}} </h3>
-    <p md-line> {{message.subject}} </p>
-    <p md-line class="demo-2"> {{message.message}} </p>
-  </md-list-item>
-</md-list>
-```
-
-Two line list output:
-
-<img src="https://material.angularjs.org/material2_assets/list/two-line-list.png">
-
-Three line list output:
-
-<img src="https://material.angularjs.org/material2_assets/list/three-line-list.png">
-
-### Lists with avatars
-
-To include an avatar, add an image tag with an `md-list-avatar` attribute.
-
-```html
-<md-list>
-  <md-list-item *ngFor="let message of messages">
-    <img md-list-avatar src="..." alt="...">
-    <h3 md-line> {{message.from}} </h3>
-    <p md-line>
-      <span> {{message.subject}} </span>
-      <span class="demo-2"> -- {{message.message}} </span>
-    </p>
-  </md-list-item>
-</md-list>
-```
-
-Output:
-
-<img src="https://material.angularjs.org/material2_assets/list/list-with-avatar-2.png">
-
-### Dense lists
-Lists are also available in "dense layout" mode, which shrinks the font size and height of the list
-to suit UIs that may need to display more information.  To enable this mode, add a `dense` attribute
-to the main `md-list` tag.
-
-
-```html
-<md-list dense>
-   <md-list-item> Pepper </md-list-item>
-   <md-list-item> Salt </md-list-item>
-   <md-list-item> Paprika </md-list-item>
-</md-list>
-```
-
-Output:
-
-<img src="https://material.angularjs.org/material2_assets/list/dense-list.png">
-
-### Lists with multiple sections
-
-You can add a subheader to a list by annotating a heading tag with an `md-subheader` attribute. To add a divider,
-use `<md-divider>` tags.
-
-```html
-<md-list>
-   <h3 md-subheader>Folders</h3>
-   <md-list-item *ngFor="let folder of folders">
-      <md-icon md-list-avatar>folder</md-icon>
-      <h4 md-line>{{folder.name}}</h4>
-      <p md-line class="demo-2"> {{folder.updated}} </p>
-   </md-list-item>
-   <md-divider></md-divider>
-   <h3 md-subheader>Notes</h3>
-   <md-list-item *ngFor="let note of notes">
-      <md-icon md-list-avatar>note</md-icon>
-      <h4 md-line>{{note.name}}</h4>
-      <p md-line class="demo-2"> {{note.updated}} </p>
-   </md-list-item>
-</md-list>
-```
-
-Output:
-
-<img src="https://material.angularjs.org/material2_assets/list/subheader-list.png">
-
-### Navigation lists
-
-Use `md-nav-list` tags for navigation lists (i.e. lists that have anchor tags).
-
-Simple nav lists can tack an `md-list-item` attribute onto the anchor tag itself:
-
-```html
-<md-nav-list>
-   <a md-list-item href="..." *ngFor="let link of links"> {{ link }} </a>
-</md-nav-list>
-```
-
-If you require a more complex nav list (e.g. with more than one target per item), wrap your anchor tag in an `md-list-item` element.
-
-```html
-<md-nav-list>
-  <md-list-item *ngFor="let link of links">
-     <a md-line href="...">{{ link }}</a>
-     <button md-icon-button (click)="showInfo(link)">
-        <md-icon>info</md-icon>
-     </button>
-  </md-list-item>
-</md-nav-list>
-```
-
-### Lists with secondary text
-Secondary text styling will be part of a broader typography module to
-[come later](https://github.com/angular/material2/issues/205), and won’t be implemented as part of this component
-specifically. Gray text in the examples above comes from a "demo-2" class added manually by the demo.

package/list/_list-theme.scss

@@ -1,28 +0,0 @@
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-
-
-@mixin md-list-theme($theme) {
-  $background: map-get($theme, background);
-  $foreground: map-get($theme, foreground);
-
-  md-list, md-nav-list {
-    md-list-item, a[md-list-item] {
-      color: md-color($foreground, base);
-    }
-
-    [md-subheader] {
-      color: md-color($foreground, secondary-text);
-    }
-  }
-
-  md-divider {
-    border-top-color: md-color($foreground, divider);
-  }
-
-  md-nav-list .md-list-item {
-    &:hover, &.md-list-item-focus {
-      background: md-color($background, 'hover');
-    }
-  }
-}

package/list/index.js

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

package/list/index.js.map

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

package/list/list-item.html

@@ -1 +0,0 @@
-<div class="md-list-item" [class.md-list-item-focus]="_hasFocus"><ng-content select="[md-list-avatar],[md-list-icon], [mat-list-avatar], [mat-list-icon]"></ng-content><div class="md-list-text"><ng-content select="[md-line], [mat-line]"></ng-content></div><ng-content></ng-content></div>

package/list/list.css

@@ -1 +0,0 @@
-md-list,md-nav-list{padding-top:8px;display:block}md-list [md-subheader],md-nav-list [md-subheader]{display:block;box-sizing:border-box;height:48px;padding:16px;margin:0;font-size:14px;font-weight:500}md-list [md-subheader]:first-child,md-nav-list [md-subheader]:first-child{margin-top:-8px}md-list a[md-list-item],md-list md-list-item,md-nav-list a[md-list-item],md-nav-list md-list-item{display:block}md-list a[md-list-item] .md-list-item,md-list md-list-item .md-list-item,md-nav-list a[md-list-item] .md-list-item,md-nav-list md-list-item .md-list-item{display:flex;flex-direction:row;align-items:center;font-family:Roboto,"Helvetica Neue",sans-serif;box-sizing:border-box;font-size:16px;height:48px;padding:0 16px}md-list a[md-list-item].md-list-avatar .md-list-item,md-list md-list-item.md-list-avatar .md-list-item,md-nav-list a[md-list-item].md-list-avatar .md-list-item,md-nav-list md-list-item.md-list-avatar .md-list-item{height:56px}md-list a[md-list-item].md-2-line .md-list-item,md-list md-list-item.md-2-line .md-list-item,md-nav-list a[md-list-item].md-2-line .md-list-item,md-nav-list md-list-item.md-2-line .md-list-item{height:72px}md-list a[md-list-item].md-3-line .md-list-item,md-list md-list-item.md-3-line .md-list-item,md-nav-list a[md-list-item].md-3-line .md-list-item,md-nav-list md-list-item.md-3-line .md-list-item{height:88px}md-list a[md-list-item].md-multi-line .md-list-item,md-list md-list-item.md-multi-line .md-list-item,md-nav-list a[md-list-item].md-multi-line .md-list-item,md-nav-list md-list-item.md-multi-line .md-list-item{height:100%;padding:8px 16px}md-list a[md-list-item] .md-list-text,md-list md-list-item .md-list-text,md-nav-list a[md-list-item] .md-list-text,md-nav-list md-list-item .md-list-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;overflow:hidden;padding:0 16px}md-list a[md-list-item] .md-list-text>*,md-list md-list-item .md-list-text>*,md-nav-list a[md-list-item] .md-list-text>*,md-nav-list md-list-item .md-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}md-list a[md-list-item] .md-list-text:empty,md-list md-list-item .md-list-text:empty,md-nav-list a[md-list-item] .md-list-text:empty,md-nav-list md-list-item .md-list-text:empty{display:none}md-list a[md-list-item] .md-list-text:first-child,md-list md-list-item .md-list-text:first-child,md-nav-list a[md-list-item] .md-list-text:first-child,md-nav-list md-list-item .md-list-text:first-child{padding:0}md-list a[md-list-item] [md-list-avatar],md-list md-list-item [md-list-avatar],md-nav-list a[md-list-item] [md-list-avatar],md-nav-list md-list-item [md-list-avatar]{flex-shrink:0;width:40px;height:40px;border-radius:50%}md-list a[md-list-item] [md-list-icon],md-list md-list-item [md-list-icon],md-nav-list a[md-list-item] [md-list-icon],md-nav-list md-list-item [md-list-icon]{width:24px;height:24px;border-radius:50%;padding:4px}md-list a[md-list-item] [md-line],md-list md-list-item [md-line],md-nav-list a[md-list-item] [md-line],md-nav-list md-list-item [md-line]{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}md-list a[md-list-item] [md-line]:nth-child(n+2),md-list md-list-item [md-line]:nth-child(n+2),md-nav-list a[md-list-item] [md-line]:nth-child(n+2),md-nav-list md-list-item [md-line]:nth-child(n+2){font-size:14px}md-list[dense],md-nav-list[dense]{padding-top:4px;display:block}md-list[dense] [md-subheader],md-nav-list[dense] [md-subheader]{display:block;box-sizing:border-box;height:40px;padding:16px;margin:0;font-size:13px;font-weight:500}md-list[dense] [md-subheader]:first-child,md-nav-list[dense] [md-subheader]:first-child{margin-top:-4px}md-list[dense] a[md-list-item],md-list[dense] md-list-item,md-nav-list[dense] a[md-list-item],md-nav-list[dense] md-list-item{display:block}md-list[dense] a[md-list-item] .md-list-item,md-list[dense] md-list-item .md-list-item,md-nav-list[dense] a[md-list-item] .md-list-item,md-nav-list[dense] md-list-item .md-list-item{display:flex;flex-direction:row;align-items:center;font-family:Roboto,"Helvetica Neue",sans-serif;box-sizing:border-box;font-size:13px;height:40px;padding:0 16px}md-list[dense] a[md-list-item].md-list-avatar .md-list-item,md-list[dense] md-list-item.md-list-avatar .md-list-item,md-nav-list[dense] a[md-list-item].md-list-avatar .md-list-item,md-nav-list[dense] md-list-item.md-list-avatar .md-list-item{height:48px}md-list[dense] a[md-list-item].md-2-line .md-list-item,md-list[dense] md-list-item.md-2-line .md-list-item,md-nav-list[dense] a[md-list-item].md-2-line .md-list-item,md-nav-list[dense] md-list-item.md-2-line .md-list-item{height:60px}md-list[dense] a[md-list-item].md-3-line .md-list-item,md-list[dense] md-list-item.md-3-line .md-list-item,md-nav-list[dense] a[md-list-item].md-3-line .md-list-item,md-nav-list[dense] md-list-item.md-3-line .md-list-item{height:76px}md-list[dense] a[md-list-item].md-multi-line .md-list-item,md-list[dense] md-list-item.md-multi-line .md-list-item,md-nav-list[dense] a[md-list-item].md-multi-line .md-list-item,md-nav-list[dense] md-list-item.md-multi-line .md-list-item{height:100%;padding:8px 16px}md-list[dense] a[md-list-item] .md-list-text,md-list[dense] md-list-item .md-list-text,md-nav-list[dense] a[md-list-item] .md-list-text,md-nav-list[dense] md-list-item .md-list-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;overflow:hidden;padding:0 16px}md-list[dense] a[md-list-item] .md-list-text>*,md-list[dense] md-list-item .md-list-text>*,md-nav-list[dense] a[md-list-item] .md-list-text>*,md-nav-list[dense] md-list-item .md-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}md-list[dense] a[md-list-item] .md-list-text:empty,md-list[dense] md-list-item .md-list-text:empty,md-nav-list[dense] a[md-list-item] .md-list-text:empty,md-nav-list[dense] md-list-item .md-list-text:empty{display:none}md-list[dense] a[md-list-item] .md-list-text:first-child,md-list[dense] md-list-item .md-list-text:first-child,md-nav-list[dense] a[md-list-item] .md-list-text:first-child,md-nav-list[dense] md-list-item .md-list-text:first-child{padding:0}md-list[dense] a[md-list-item] [md-list-avatar],md-list[dense] md-list-item [md-list-avatar],md-nav-list[dense] a[md-list-item] [md-list-avatar],md-nav-list[dense] md-list-item [md-list-avatar]{flex-shrink:0;width:40px;height:40px;border-radius:50%}md-list[dense] a[md-list-item] [md-list-icon],md-list[dense] md-list-item [md-list-icon],md-nav-list[dense] a[md-list-item] [md-list-icon],md-nav-list[dense] md-list-item [md-list-icon]{width:24px;height:24px;border-radius:50%;padding:4px}md-list[dense] a[md-list-item] [md-line],md-list[dense] md-list-item [md-line],md-nav-list[dense] a[md-list-item] [md-line],md-nav-list[dense] md-list-item [md-line]{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}md-list[dense] a[md-list-item] [md-line]:nth-child(n+2),md-list[dense] md-list-item [md-line]:nth-child(n+2),md-nav-list[dense] a[md-list-item] [md-line]:nth-child(n+2),md-nav-list[dense] md-list-item [md-line]:nth-child(n+2){font-size:13px}md-divider{display:block;border-top-style:solid;border-top-width:1px;margin:0}md-nav-list a{text-decoration:none;color:inherit}md-nav-list .md-list-item{cursor:pointer}md-nav-list .md-list-item.md-list-item-focus,md-nav-list .md-list-item:hover{outline:0}

package/list/list.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["list.css"],"names":[],"mappings":"AAAA;EACE,iBAAiB;EACjB,eAAe,EAAE;EACjB;IACE,eAAe;IACf,uBAAuB;IACvB,aAAa;IACb,cAAc;IACd,UAAU;IACV,gBAAgB;IAChB,iBAAiB,EAAE;IACnB;MACE,iBAAiB,EAAE;EACvB;IACE,eAAe,EAAE;IACjB;MACE,cAAc;MACd,oBAAoB;MACpB,oBAAoB;MACpB,kDAAkD;MAClD,uBAAuB;MACvB,gBAAgB;MAChB,aAAa;MACb,gBAAgB,EAAE;IACpB;MACE,aAAa,EAAE;IACjB;MACE,aAAa,EAAE;IACjB;MACE,aAAa,EAAE;IACjB;MACE,aAAa;MACb,kBAAkB,EAAE;IACtB;MACE,cAAc;MACd,uBAAuB;MACvB,YAAY;MACZ,uBAAuB;MACvB,iBAAiB;MACjB,gBAAgB,EAAE;MAClB;QACE,UAAU;QACV,WAAW;QACX,oBAAoB;QACpB,mBAAmB,EAAE;MACvB;QACE,cAAc,EAAE;MAClB;QACE,WAAW,EAAE;IACjB;MACE,eAAe;MACf,YAAY;MACZ,aAAa;MACb,mBAAmB,EAAE;IACvB;MACE,YAAY;MACZ,aAAa;MACb,mBAAmB;MACnB,aAAa,EAAE;IACjB;MACE,oBAAoB;MACpB,mBAAmB;MACnB,wBAAwB;MACxB,eAAe;MACf,uBAAuB,EAAE;MACzB;QACE,gBAAgB,EAAE;;AAE1B;EACE,iBAAiB;EACjB,eAAe,EAAE;EACjB;IACE,eAAe;IACf,uBAAuB;IACvB,aAAa;IACb,cAAc;IACd,UAAU;IACV,gBAAgB;IAChB,iBAAiB,EAAE;IACnB;MACE,iBAAiB,EAAE;EACvB;IACE,eAAe,EAAE;IACjB;MACE,cAAc;MACd,oBAAoB;MACpB,oBAAoB;MACpB,kDAAkD;MAClD,uBAAuB;MACvB,gBAAgB;MAChB,aAAa;MACb,gBAAgB,EAAE;IACpB;MACE,aAAa,EAAE;IACjB;MACE,aAAa,EAAE;IACjB;MACE,aAAa,EAAE;IACjB;MACE,aAAa;MACb,kBAAkB,EAAE;IACtB;MACE,cAAc;MACd,uBAAuB;MACvB,YAAY;MACZ,uBAAuB;MACvB,iBAAiB;MACjB,gBAAgB,EAAE;MAClB;QACE,UAAU;QACV,WAAW;QACX,oBAAoB;QACpB,mBAAmB,EAAE;MACvB;QACE,cAAc,EAAE;MAClB;QACE,WAAW,EAAE;IACjB;MACE,eAAe;MACf,YAAY;MACZ,aAAa;MACb,mBAAmB,EAAE;IACvB;MACE,YAAY;MACZ,aAAa;MACb,mBAAmB;MACnB,aAAa,EAAE;IACjB;MACE,oBAAoB;MACpB,mBAAmB;MACnB,wBAAwB;MACxB,eAAe;MACf,uBAAuB,EAAE;MACzB;QACE,gBAAgB,EAAE;;AAE1B;EACE,eAAe;EACf,wBAAwB;EACxB,sBAAsB;EACtB,UAAU,EAAE;;AAEd;EACE,sBAAsB;EACtB,eAAe,EAAE;;AAEnB;EACE,gBAAgB,EAAE;EAClB;IACE,cAAc,EAAE","file":"list.css","sourcesContent":["md-list, md-nav-list {\n  padding-top: 8px;\n  display: block; }\n  md-list [md-subheader], md-nav-list [md-subheader] {\n    display: block;\n    box-sizing: border-box;\n    height: 48px;\n    padding: 16px;\n    margin: 0;\n    font-size: 14px;\n    font-weight: 500; }\n    md-list [md-subheader]:first-child, md-nav-list [md-subheader]:first-child {\n      margin-top: -8px; }\n  md-list md-list-item, md-list a[md-list-item], md-nav-list md-list-item, md-nav-list a[md-list-item] {\n    display: block; }\n    md-list md-list-item .md-list-item, md-list a[md-list-item] .md-list-item, md-nav-list md-list-item .md-list-item, md-nav-list a[md-list-item] .md-list-item {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      font-family: Roboto, \"Helvetica Neue\", sans-serif;\n      box-sizing: border-box;\n      font-size: 16px;\n      height: 48px;\n      padding: 0 16px; }\n    md-list md-list-item.md-list-avatar .md-list-item, md-list a[md-list-item].md-list-avatar .md-list-item, md-nav-list md-list-item.md-list-avatar .md-list-item, md-nav-list a[md-list-item].md-list-avatar .md-list-item {\n      height: 56px; }\n    md-list md-list-item.md-2-line .md-list-item, md-list a[md-list-item].md-2-line .md-list-item, md-nav-list md-list-item.md-2-line .md-list-item, md-nav-list a[md-list-item].md-2-line .md-list-item {\n      height: 72px; }\n    md-list md-list-item.md-3-line .md-list-item, md-list a[md-list-item].md-3-line .md-list-item, md-nav-list md-list-item.md-3-line .md-list-item, md-nav-list a[md-list-item].md-3-line .md-list-item {\n      height: 88px; }\n    md-list md-list-item.md-multi-line .md-list-item, md-list a[md-list-item].md-multi-line .md-list-item, md-nav-list md-list-item.md-multi-line .md-list-item, md-nav-list a[md-list-item].md-multi-line .md-list-item {\n      height: 100%;\n      padding: 8px 16px; }\n    md-list md-list-item .md-list-text, md-list a[md-list-item] .md-list-text, md-nav-list md-list-item .md-list-text, md-nav-list a[md-list-item] .md-list-text {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      box-sizing: border-box;\n      overflow: hidden;\n      padding: 0 16px; }\n      md-list md-list-item .md-list-text > *, md-list a[md-list-item] .md-list-text > *, md-nav-list md-list-item .md-list-text > *, md-nav-list a[md-list-item] .md-list-text > * {\n        margin: 0;\n        padding: 0;\n        font-weight: normal;\n        font-size: inherit; }\n      md-list md-list-item .md-list-text:empty, md-list a[md-list-item] .md-list-text:empty, md-nav-list md-list-item .md-list-text:empty, md-nav-list a[md-list-item] .md-list-text:empty {\n        display: none; }\n      md-list md-list-item .md-list-text:first-child, md-list a[md-list-item] .md-list-text:first-child, md-nav-list md-list-item .md-list-text:first-child, md-nav-list a[md-list-item] .md-list-text:first-child {\n        padding: 0; }\n    md-list md-list-item [md-list-avatar], md-list a[md-list-item] [md-list-avatar], md-nav-list md-list-item [md-list-avatar], md-nav-list a[md-list-item] [md-list-avatar] {\n      flex-shrink: 0;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%; }\n    md-list md-list-item [md-list-icon], md-list a[md-list-item] [md-list-icon], md-nav-list md-list-item [md-list-icon], md-nav-list a[md-list-item] [md-list-icon] {\n      width: 24px;\n      height: 24px;\n      border-radius: 50%;\n      padding: 4px; }\n    md-list md-list-item [md-line], md-list a[md-list-item] [md-line], md-nav-list md-list-item [md-line], md-nav-list a[md-list-item] [md-line] {\n      white-space: nowrap;\n      overflow-x: hidden;\n      text-overflow: ellipsis;\n      display: block;\n      box-sizing: border-box; }\n      md-list md-list-item [md-line]:nth-child(n+2), md-list a[md-list-item] [md-line]:nth-child(n+2), md-nav-list md-list-item [md-line]:nth-child(n+2), md-nav-list a[md-list-item] [md-line]:nth-child(n+2) {\n        font-size: 14px; }\n\nmd-list[dense], md-nav-list[dense] {\n  padding-top: 4px;\n  display: block; }\n  md-list[dense] [md-subheader], md-nav-list[dense] [md-subheader] {\n    display: block;\n    box-sizing: border-box;\n    height: 40px;\n    padding: 16px;\n    margin: 0;\n    font-size: 13px;\n    font-weight: 500; }\n    md-list[dense] [md-subheader]:first-child, md-nav-list[dense] [md-subheader]:first-child {\n      margin-top: -4px; }\n  md-list[dense] md-list-item, md-list[dense] a[md-list-item], md-nav-list[dense] md-list-item, md-nav-list[dense] a[md-list-item] {\n    display: block; }\n    md-list[dense] md-list-item .md-list-item, md-list[dense] a[md-list-item] .md-list-item, md-nav-list[dense] md-list-item .md-list-item, md-nav-list[dense] a[md-list-item] .md-list-item {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      font-family: Roboto, \"Helvetica Neue\", sans-serif;\n      box-sizing: border-box;\n      font-size: 13px;\n      height: 40px;\n      padding: 0 16px; }\n    md-list[dense] md-list-item.md-list-avatar .md-list-item, md-list[dense] a[md-list-item].md-list-avatar .md-list-item, md-nav-list[dense] md-list-item.md-list-avatar .md-list-item, md-nav-list[dense] a[md-list-item].md-list-avatar .md-list-item {\n      height: 48px; }\n    md-list[dense] md-list-item.md-2-line .md-list-item, md-list[dense] a[md-list-item].md-2-line .md-list-item, md-nav-list[dense] md-list-item.md-2-line .md-list-item, md-nav-list[dense] a[md-list-item].md-2-line .md-list-item {\n      height: 60px; }\n    md-list[dense] md-list-item.md-3-line .md-list-item, md-list[dense] a[md-list-item].md-3-line .md-list-item, md-nav-list[dense] md-list-item.md-3-line .md-list-item, md-nav-list[dense] a[md-list-item].md-3-line .md-list-item {\n      height: 76px; }\n    md-list[dense] md-list-item.md-multi-line .md-list-item, md-list[dense] a[md-list-item].md-multi-line .md-list-item, md-nav-list[dense] md-list-item.md-multi-line .md-list-item, md-nav-list[dense] a[md-list-item].md-multi-line .md-list-item {\n      height: 100%;\n      padding: 8px 16px; }\n    md-list[dense] md-list-item .md-list-text, md-list[dense] a[md-list-item] .md-list-text, md-nav-list[dense] md-list-item .md-list-text, md-nav-list[dense] a[md-list-item] .md-list-text {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      box-sizing: border-box;\n      overflow: hidden;\n      padding: 0 16px; }\n      md-list[dense] md-list-item .md-list-text > *, md-list[dense] a[md-list-item] .md-list-text > *, md-nav-list[dense] md-list-item .md-list-text > *, md-nav-list[dense] a[md-list-item] .md-list-text > * {\n        margin: 0;\n        padding: 0;\n        font-weight: normal;\n        font-size: inherit; }\n      md-list[dense] md-list-item .md-list-text:empty, md-list[dense] a[md-list-item] .md-list-text:empty, md-nav-list[dense] md-list-item .md-list-text:empty, md-nav-list[dense] a[md-list-item] .md-list-text:empty {\n        display: none; }\n      md-list[dense] md-list-item .md-list-text:first-child, md-list[dense] a[md-list-item] .md-list-text:first-child, md-nav-list[dense] md-list-item .md-list-text:first-child, md-nav-list[dense] a[md-list-item] .md-list-text:first-child {\n        padding: 0; }\n    md-list[dense] md-list-item [md-list-avatar], md-list[dense] a[md-list-item] [md-list-avatar], md-nav-list[dense] md-list-item [md-list-avatar], md-nav-list[dense] a[md-list-item] [md-list-avatar] {\n      flex-shrink: 0;\n      width: 40px;\n      height: 40px;\n      border-radius: 50%; }\n    md-list[dense] md-list-item [md-list-icon], md-list[dense] a[md-list-item] [md-list-icon], md-nav-list[dense] md-list-item [md-list-icon], md-nav-list[dense] a[md-list-item] [md-list-icon] {\n      width: 24px;\n      height: 24px;\n      border-radius: 50%;\n      padding: 4px; }\n    md-list[dense] md-list-item [md-line], md-list[dense] a[md-list-item] [md-line], md-nav-list[dense] md-list-item [md-line], md-nav-list[dense] a[md-list-item] [md-line] {\n      white-space: nowrap;\n      overflow-x: hidden;\n      text-overflow: ellipsis;\n      display: block;\n      box-sizing: border-box; }\n      md-list[dense] md-list-item [md-line]:nth-child(n+2), md-list[dense] a[md-list-item] [md-line]:nth-child(n+2), md-nav-list[dense] md-list-item [md-line]:nth-child(n+2), md-nav-list[dense] a[md-list-item] [md-line]:nth-child(n+2) {\n        font-size: 13px; }\n\nmd-divider {\n  display: block;\n  border-top-style: solid;\n  border-top-width: 1px;\n  margin: 0; }\n\nmd-nav-list a {\n  text-decoration: none;\n  color: inherit; }\n\nmd-nav-list .md-list-item {\n  cursor: pointer; }\n  md-nav-list .md-list-item:hover, md-nav-list .md-list-item.md-list-item-focus {\n    outline: none; }\n"]}