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

package/button/README.md

@@ -1,116 +0,0 @@
-# md-button
-
-`md-button` is an HTML `<button>` or `<a>` tag enhanced with styling and animation to match the
-[Material Design button spec](https://www.google.com/design/spec/components/buttons.html).
-
-Users should employ a button element (`<button>`) when clicking triggers some action in the current
-view *without navigating*. An anchor element (`<a>`) should be used when clicking *navigates*
-the user to another URL. Depending on which element is used, the component will either be an
-instance of `MdButton` or `MdAnchor`. Visually, the two are identical.
-
-
-### Button types
-
-There are five types of buttons:
- 1. Flat buttons - `md-button`
-    * Rectangular button
-    * Defaults to white background
-    * No box shadow
- 2. Raised buttons - `md-raised-button`
-    * Rectangular button
-    * Defaults to white background
-    * Box shadow applied
- 3. Icon buttons - `md-icon-button`
-    * Circular button
-    * Transparent background
-    * 40 by 40 px
- 4. Floating Action Buttons (FABs) - `md-fab`
-    * Circular button
-    * Defaults background to "accent" palette defined in theme
-    * Box shadow applied
-    * 56 by 56 px
- 5. Mini Floating Action Buttons (Mini FABs) - `md-mini-fab`
-    * Circular button
-    * Defaults background to "accent" palette defined in theme
-    * Box shadow applied
-    * 40 by 40 px
-
-Each is an attribute directive that you can add to a `button` or `a` tag.  You can provide custom content to the button by inserting it
-between the tags, as you would with a normal button.
-
-Example:
-
-<!-- example(my example) -->
-
- ```html
-<button md-button>FLAT</button>
-<button md-raised-button>RAISED</button>
-<button md-fab>
-    <md-icon class="md-24">add</md-icon>
-</button>
-<button md-mini-fab>
-    <md-icon class="md-24">add</md-icon>
-</button>
- ```
-
-Output:
-
-<img src="https://material.angularjs.org/material2_assets/buttons/basic-buttons.png">
-
-### Theming
-
-All button types can be themed to match your "primary" palette, your "accent" palette, or your "warn" palette using the `color` attribute.
-Simply pass in the palette name.
-
-In flat buttons, the palette chosen will affect the text color, while in other buttons, it affects the background.
-
-Example:
-
-<!-- example(my other example) -->
-
- ```html
-<button md-raised-button color="primary">PRIMARY</button>
-<button md-raised-button color="accent">ACCENT</button>
-<button md-raised-button color="warn">WARN</button>
- ```
-
-Output:
-
-<img src="https://material.angularjs.org/material2_assets/buttons/colored-buttons.png">
-
-### Disabling
-
-You can disable any button type through the native `disabled` property.  You can add it directly, or bind it to a property on your
-component class by adding `[disabled]="isDisabled"` given that the `isDisabled`
-property exists.
-
-```html
-<button md-button disabled>OFF</button>
-<button md-raised-button [disabled]="isDisabled">OFF</button>
-<button md-mini-fab [disabled]="isDisabled"><md-icon>check</md-icon></button>
-```
-
-Output:
-
-<img src="https://material.angularjs.org/material2_assets/buttons/disabled-buttons.png">
-
-### Accessibility
-
- * In high contrast mode, a strong border is added to the button to make it easier to see.
- * Button focus events originating from the keyboard will retain focus styles, while button focus events from the mouse will not.
- * As `md-button` is added to an existing `button` or `a` tag, it enjoys all the accessibility natively built into these elements.
-
-
-### Upcoming work
-
-We will also be adding ink ripples to buttons in an upcoming milestone.
-
-### API Summary
-
-Properties:
-
-| Name | Type | Description |
-| --- | --- | --- |
-| `color` | `"primary"|"accent"|"warn"` | The color palette of the button
-| `disabled` | boolean | Whether or not the button is disabled
-| `disableRipple` | boolean | Whether the ripple effect when the button is clicked should be disabled

package/button/_button-base.scss

@@ -1,111 +0,0 @@
-@import '../core/style/variables';
-@import '../core/style/elevation';
-@import '../core/style/button-common';
-
-
-// Flat and raised button standards
-$md-button-padding: 0 16px !default;
-$md-button-min-width: 88px !default;
-$md-button-margin: 0 !default;
-$md-button-line-height: 36px !default;
-$md-button-border-radius: 2px !default;
-
-// Icon Button standards
-$md-icon-button-size: 40px !default;
-$md-icon-button-border-radius: 50% !default;
-$md-icon-button-line-height: 24px !default;
-
-// Fab standards
-$md-fab-border-radius: 50% !default;
-$md-fab-size: 56px !default;
-$md-fab-padding: 16px !default;
-
-$md-mini-fab-size: 40px !default;
-$md-mini-fab-padding: 8px !default;
-
-// Applies base styles to all button types.
-%md-button-base {
-  box-sizing: border-box;
-  position: relative;
-
-  // Reset browser <button> styles.
-  @include md-button-reset();
-
-  // Make anchors render like buttons.
-  display: inline-block;
-  white-space: nowrap;
-  text-decoration: none;
-  vertical-align: baseline;
-
-  // Typography.
-  font-size: $md-body-font-size-base;
-  font-family: $md-font-family;
-  font-weight: 500;
-  color: currentColor;
-  text-align: center;
-
-  // Sizing.
-  margin: $md-button-margin;
-  min-width: $md-button-min-width;
-  line-height: $md-button-line-height;
-  padding: $md-button-padding;
-  border-radius: $md-button-border-radius;
-
-  &[disabled] {
-    cursor: default;
-  }
-
-  &.md-button-focus {
-    .md-button-focus-overlay {
-      opacity: 1;
-    }
-  }
-}
-
-// Applies styles to buttons with backgrounds: raised, fab, and mini-fab
-%md-raised-button {
-  @extend %md-button-base;
-
-  @include md-elevation(2);
-
-  // Force hardware acceleration.
-  transform: translate3d(0, 0, 0);
-
-  // Animation.
-  transition: background $swift-ease-out-duration $swift-ease-out-timing-function,
-              md-elevation-transition-property-value();
-
-  &:active {
-    @include md-elevation(8);
-  }
-
-  &[disabled] {
-    box-shadow: none;
-  }
-}
-
-// Applies styles to fab and mini-fab button types only
-@mixin md-fab($size, $padding) {
-  @extend %md-raised-button;
-
-  @include md-elevation(6);
-
-  // Reset the min-width from the button base.
-  min-width: 0;
-
-  border-radius: $md-fab-border-radius;
-  width: $size;
-  height: $size;
-  padding: 0;
-
-  flex-shrink: 0;
-
-  &:active {
-    @include md-elevation(12);
-  }
-
-  i, md-icon {
-    padding: $padding 0;
-    line-height: $md-icon-button-line-height;
-  }
-}

package/button/_button-theme.scss

@@ -1,85 +0,0 @@
-@import '../core/theming/theming';
-
-
-// Applies a focus style to an md-button element for each of the supported palettes.
-@mixin _md-button-focus-color($theme) {
-  $primary: map-get($theme, primary);
-  $accent: map-get($theme, accent);
-  $warn: map-get($theme, warn);
-
-  &.md-primary .md-button-focus-overlay {
-    background-color: md-color($primary, 0.12);
-  }
-
-  &.md-accent .md-button-focus-overlay {
-    background-color: md-color($accent, 0.12);
-  }
-
-  &.md-warn .md-button-focus-overlay {
-    background-color: md-color($warn, 0.12);
-  }
-}
-
-// Applies a property to an md-button element for each of the supported palettes.
-@mixin _md-button-theme-color($theme, $property, $color: 'default') {
-  $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);
-
-  &.md-primary {
-    #{$property}: md-color($primary, $color);
-  }
-  &.md-accent {
-    #{$property}: md-color($accent, $color);
-  }
-  &.md-warn {
-    #{$property}: md-color($warn, $color);
-  }
-
-  &.md-primary, &.md-accent, &.md-warn, &[disabled] {
-    &[disabled] {
-      $palette: if($property == 'color', $foreground, $background);
-      #{$property}: md-color($palette, disabled-button);
-    }
-  }
-}
-
-@mixin md-button-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);
-
-  [md-button], [md-icon-button], [md-raised-button], [md-fab], [md-mini-fab] {
-    &.md-button-focus {
-      @include _md-button-focus-color($theme);
-    }
-  }
-
-  [md-button], [md-icon-button] {
-    @include _md-button-theme-color($theme, 'color');
-    background: transparent;
-
-    // Only flat buttons and icon buttons (not raised or fabs) have a hover style.
-    // Use the same visual treatment for hover as for focus.
-    &:hover {
-      @include _md-button-focus-color($theme);
-    }
-  }
-
-  [md-raised-button], [md-fab], [md-mini-fab] {
-    @include _md-button-theme-color($theme, 'color', default-contrast);
-    @include _md-button-theme-color($theme, 'background-color');
-    background-color: md-color($background, background);
-  }
-
-  [md-fab], [md-mini-fab] {
-    background-color: md-color($accent);
-    color: md-color($accent, default-contrast);
-  }
-}
-
-

package/button/button.css

@@ -1 +0,0 @@
-.md-button-focus[md-button] .md-button-focus-overlay,.md-button-focus[md-fab] .md-button-focus-overlay,.md-button-focus[md-icon-button] .md-button-focus-overlay,.md-button-focus[md-mini-fab] .md-button-focus-overlay,.md-button-focus[md-raised-button] .md-button-focus-overlay,[md-button]:hover .md-button-focus-overlay,[md-icon-button]:hover .md-button-focus-overlay{opacity:1}[md-icon-button],[md-mini-fab]{width:40px;height:40px}[md-button],[md-fab],[md-icon-button],[md-mini-fab],[md-raised-button]{box-sizing:border-box;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;border:none;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;font-size:14px;font-family:Roboto,"Helvetica Neue",sans-serif;font-weight:500;color:currentColor;text-align:center;margin:0;min-width:88px;line-height:36px;padding:0 16px;border-radius:2px}[disabled][md-button],[disabled][md-fab],[disabled][md-icon-button],[disabled][md-mini-fab],[disabled][md-raised-button]{cursor:default}[md-fab],[md-mini-fab],[md-raised-button]{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);transform:translate3d(0,0,0);transition:background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1)}[md-fab],[md-mini-fab]{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);flex-shrink:0;padding:0;min-width:0;border-radius:50%}[md-fab]:active,[md-mini-fab]:active,[md-raised-button]:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}[disabled][md-fab],[disabled][md-mini-fab],[disabled][md-raised-button]{box-shadow:none}[md-button][disabled]:hover .md-button-focus-overlay,[md-button][disabled]:hover.md-accent,[md-button][disabled]:hover.md-primary,[md-button][disabled]:hover.md-warn,[md-icon-button][disabled]:hover .md-button-focus-overlay,[md-icon-button][disabled]:hover.md-accent,[md-icon-button][disabled]:hover.md-primary,[md-icon-button][disabled]:hover.md-warn{background-color:transparent}[md-fab]{width:56px;height:56px}[md-fab]:active,[md-mini-fab]:active{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}[md-fab] i,[md-fab] md-icon{padding:16px 0;line-height:24px}[md-mini-fab] i,[md-mini-fab] md-icon{padding:8px 0;line-height:24px}[md-icon-button]{padding:0;min-width:0;flex-shrink:0;line-height:40px;border-radius:50%}[md-icon-button] i,[md-icon-button] md-icon{line-height:24px}[md-button] .md-button-wrapper>*,[md-icon-button] .md-button-wrapper>*,[md-raised-button] .md-button-wrapper>*{vertical-align:middle}.md-button-focus-overlay,.md-button-ripple{position:absolute;top:0;left:0;bottom:0;right:0}.md-button-focus-overlay{background-color:rgba(0,0,0,.12);border-radius:inherit;pointer-events:none;opacity:0}.md-button-ripple-round{border-radius:50%;z-index:1}@media screen and (-ms-high-contrast:active){.md-button-focus-overlay{background-color:rgba(255,255,255,.5)}[md-button],[md-fab],[md-icon-button],[md-mini-fab],[md-raised-button]{outline:solid 1px}}

package/button/button.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["button.css"],"names":[],"mappings":"AAAA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,gBAAgB;EAChB,0BAAkB;EAAlB,uBAAkB;EAAlB,sBAAkB;EAAlB,kBAAkB;EAClB,cAAc;EACd,aAAa;EACb,sBAAsB;EACtB,oBAAoB;EACpB,sBAAsB;EACtB,yBAAyB;EACzB,gBAAgB;EAChB,kDAAkD;EAClD,iBAAiB;EACjB,oBAAoB;EACpB,mBAAmB;EACnB,UAAU;EACV,gBAAgB;EAChB,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB,EAAE;EACrB;IACE,gBAAgB,EAAE;EACpB;IACE,WAAW,EAAE;;AAEjB;EACE,0HAA0H;EAC1H,gCAAgC;EAChC,6GAA6G,EAAE;EAC/G;IACE,4HAA4H,EAAE;EAChI;IACE,iBAAiB,EAAE;;AAEvB;;;;GAIG;AACH;EACE,WAAW,EAAE;;AAEf;EACE,8BAA8B,EAAE;;AAElC;EACE,4HAA4H;EAC5H,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,aAAa;EACb,WAAW;EACX,eAAe,EAAE;EACjB;IACE,6HAA6H,EAAE;EACjI;IACE,gBAAgB;IAChB,kBAAkB,EAAE;;AAExB;EACE,4HAA4H;EAC5H,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,aAAa;EACb,WAAW;EACX,eAAe,EAAE;EACjB;IACE,6HAA6H,EAAE;EACjI;IACE,eAAe;IACf,kBAAkB,EAAE;;AAExB;EACE,WAAW;EACX,aAAa;EACb,YAAY;EACZ,aAAa;EACb,eAAe;EACf,kBAAkB;EAClB,mBAAmB,EAAE;EACrB;IACE,kBAAkB,EAAE;;AAExB;EACE,uBAAuB,EAAE;;AAE3B;EACE,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,UAAU;EACV,SAAS,EAAE;;AAEb;EACE,sCAAsC;EACtC,uBAAuB;EACvB,qBAAqB;EACrB,WAAW,EAAE;EACb;IACE;MACE,2CAA2C,EAAE,EAAE;;AAErD;EACE,mBAAmB;EACnB,WAAW,EAAE;;AAEf;EACE;IACE,mBAAmB,EAAE,EAAE","file":"button.css","sourcesContent":["[md-raised-button], [md-fab], [md-mini-fab], [md-button], [md-icon-button] {\n  box-sizing: border-box;\n  position: relative;\n  cursor: pointer;\n  user-select: none;\n  outline: none;\n  border: none;\n  display: inline-block;\n  white-space: nowrap;\n  text-decoration: none;\n  vertical-align: baseline;\n  font-size: 14px;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  font-weight: 500;\n  color: currentColor;\n  text-align: center;\n  margin: 0;\n  min-width: 88px;\n  line-height: 36px;\n  padding: 0 16px;\n  border-radius: 2px; }\n  [disabled][md-raised-button], [disabled][md-fab], [disabled][md-mini-fab], [disabled][md-button], [disabled][md-icon-button] {\n    cursor: default; }\n  .md-button-focus[md-raised-button] .md-button-focus-overlay, .md-button-focus[md-fab] .md-button-focus-overlay, .md-button-focus[md-mini-fab] .md-button-focus-overlay, .md-button-focus[md-button] .md-button-focus-overlay, .md-button-focus[md-icon-button] .md-button-focus-overlay {\n    opacity: 1; }\n\n[md-raised-button], [md-fab], [md-mini-fab] {\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n  transform: translate3d(0, 0, 0);\n  transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); }\n  [md-raised-button]:active, [md-fab]:active, [md-mini-fab]:active {\n    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }\n  [disabled][md-raised-button], [disabled][md-fab], [disabled][md-mini-fab] {\n    box-shadow: none; }\n\n/**\n * Applies styles for users in high contrast mode. Note that this only applies\n * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`\n * attribute, however Chrome handles high contrast differently.\n */\n[md-button]:hover .md-button-focus-overlay, [md-icon-button]:hover .md-button-focus-overlay {\n  opacity: 1; }\n\n[md-button][disabled]:hover.md-primary, [md-button][disabled]:hover.md-accent, [md-button][disabled]:hover.md-warn, [md-button][disabled]:hover .md-button-focus-overlay, [md-icon-button][disabled]:hover.md-primary, [md-icon-button][disabled]:hover.md-accent, [md-icon-button][disabled]:hover.md-warn, [md-icon-button][disabled]:hover .md-button-focus-overlay {\n  background-color: transparent; }\n\n[md-fab] {\n  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n  min-width: 0;\n  border-radius: 50%;\n  width: 56px;\n  height: 56px;\n  padding: 0;\n  flex-shrink: 0; }\n  [md-fab]:active {\n    box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }\n  [md-fab] i, [md-fab] md-icon {\n    padding: 16px 0;\n    line-height: 24px; }\n\n[md-mini-fab] {\n  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n  min-width: 0;\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  padding: 0;\n  flex-shrink: 0; }\n  [md-mini-fab]:active {\n    box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }\n  [md-mini-fab] i, [md-mini-fab] md-icon {\n    padding: 8px 0;\n    line-height: 24px; }\n\n[md-icon-button] {\n  padding: 0;\n  min-width: 0;\n  width: 40px;\n  height: 40px;\n  flex-shrink: 0;\n  line-height: 40px;\n  border-radius: 50%; }\n  [md-icon-button] i, [md-icon-button] md-icon {\n    line-height: 24px; }\n\n[md-button] .md-button-wrapper > *, [md-raised-button] .md-button-wrapper > *, [md-icon-button] .md-button-wrapper > * {\n  vertical-align: middle; }\n\n.md-button-ripple, .md-button-focus-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0; }\n\n.md-button-focus-overlay {\n  background-color: rgba(0, 0, 0, 0.12);\n  border-radius: inherit;\n  pointer-events: none;\n  opacity: 0; }\n  @media screen and (-ms-high-contrast: active) {\n    .md-button-focus-overlay {\n      background-color: rgba(255, 255, 255, 0.5); } }\n\n.md-button-ripple-round {\n  border-radius: 50%;\n  z-index: 1; }\n\n@media screen and (-ms-high-contrast: active) {\n  [md-button], [md-raised-button], [md-icon-button], [md-fab], [md-mini-fab] {\n    outline: solid 1px; } }\n"]}

package/button/button.d.ts

@@ -1,46 +0,0 @@
-import { ElementRef, Renderer, ModuleWithProviders } from '@angular/core';
-/**
- * Material design button.
- */
-export declare class MdButton {
-    private _elementRef;
-    private _renderer;
-    private _color;
-    /** Whether the button has focus from the keyboard (not the mouse). Used for class binding. */
-    _isKeyboardFocused: boolean;
-    /** Whether a mousedown has occurred on this element in the last 100ms. */
-    _isMouseDown: boolean;
-    /** Whether the ripple effect on click should be disabled. */
-    private _disableRipple;
-    private _disabled;
-    /** Whether the ripple effect for this button is disabled. */
-    disableRipple: boolean;
-    /** Whether the button is disabled. */
-    disabled: boolean;
-    constructor(_elementRef: ElementRef, _renderer: Renderer);
-    /** The color of the button. Can be `primary`, `accent`, or `warn`. */
-    color: string;
-    _setMousedown(): void;
-    _updateColor(newColor: string): void;
-    _setElementColor(color: string, isAdd: boolean): void;
-    _setKeyboardFocus(): void;
-    _removeKeyboardFocus(): void;
-    /** Focuses the button. */
-    focus(): void;
-    _getHostElement(): any;
-    _isRoundButton(): any;
-    _isRippleDisabled(): boolean;
-}
-/**
- * Raised Material design button.
- */
-export declare class MdAnchor extends MdButton {
-    constructor(elementRef: ElementRef, renderer: Renderer);
-    /** @docs-private */
-    readonly tabIndex: number;
-    readonly _isAriaDisabled: string;
-    _haltDisabledEvents(event: Event): void;
-}
-export declare class MdButtonModule {
-    static forRoot(): ModuleWithProviders;
-}

package/button/button.html

@@ -1 +0,0 @@
-<span class="md-button-wrapper"><ng-content></ng-content></span><div md-ripple *ngIf="!_isRippleDisabled()" class="md-button-ripple" [class.md-button-ripple-round]="_isRoundButton()" [mdRippleTrigger]="_getHostElement()" [mdRippleColor]="_isRoundButton() ? 'rgba(255, 255, 255, 0.2)' : ''" mdRippleBackgroundColor="rgba(0, 0, 0, 0)"></div><div class="md-button-focus-overlay" (touchstart)="$event.preventDefault()"></div>

package/button/button.js

@@ -1,203 +0,0 @@
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { Component, ViewEncapsulation, Input, HostBinding, ChangeDetectionStrategy, ElementRef, Renderer, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MdRippleModule, coerceBooleanProperty, DefaultStyleCompatibilityModeModule } from '../core';
-import { ViewportRuler } from '../core/overlay/position/viewport-ruler';
-// TODO(jelbourn): Make the `isMouseDown` stuff done with one global listener.
-// TODO(kara): Convert attribute selectors to classes when attr maps become available
-/**
- * Material design button.
- */
-export var MdButton = (function () {
-    function MdButton(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-        /** Whether the button has focus from the keyboard (not the mouse). Used for class binding. */
-        this._isKeyboardFocused = false;
-        /** Whether a mousedown has occurred on this element in the last 100ms. */
-        this._isMouseDown = false;
-        /** Whether the ripple effect on click should be disabled. */
-        this._disableRipple = false;
-        this._disabled = null;
-    }
-    Object.defineProperty(MdButton.prototype, "disableRipple", {
-        /** Whether the ripple effect for this button is disabled. */
-        get: function () { return this._disableRipple; },
-        set: function (v) { this._disableRipple = coerceBooleanProperty(v); },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdButton.prototype, "disabled", {
-        /** Whether the button is disabled. */
-        get: function () { return this._disabled; },
-        set: function (value) { this._disabled = coerceBooleanProperty(value) ? true : null; },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdButton.prototype, "color", {
-        /** The color of the button. Can be `primary`, `accent`, or `warn`. */
-        get: function () { return this._color; },
-        set: function (value) { this._updateColor(value); },
-        enumerable: true,
-        configurable: true
-    });
-    MdButton.prototype._setMousedown = function () {
-        var _this = this;
-        // We only *show* the focus style when focus has come to the button via the keyboard.
-        // The Material Design spec is silent on this topic, and without doing this, the
-        // button continues to look :active after clicking.
-        // @see http://marcysutton.com/button-focus-hell/
-        this._isMouseDown = true;
-        setTimeout(function () { _this._isMouseDown = false; }, 100);
-    };
-    MdButton.prototype._updateColor = function (newColor) {
-        this._setElementColor(this._color, false);
-        this._setElementColor(newColor, true);
-        this._color = newColor;
-    };
-    MdButton.prototype._setElementColor = function (color, isAdd) {
-        if (color != null && color != '') {
-            this._renderer.setElementClass(this._elementRef.nativeElement, "md-" + color, isAdd);
-        }
-    };
-    MdButton.prototype._setKeyboardFocus = function () {
-        this._isKeyboardFocused = !this._isMouseDown;
-    };
-    MdButton.prototype._removeKeyboardFocus = function () {
-        this._isKeyboardFocused = false;
-    };
-    /** Focuses the button. */
-    MdButton.prototype.focus = function () {
-        this._renderer.invokeElementMethod(this._elementRef.nativeElement, 'focus');
-    };
-    MdButton.prototype._getHostElement = function () {
-        return this._elementRef.nativeElement;
-    };
-    MdButton.prototype._isRoundButton = function () {
-        var el = this._elementRef.nativeElement;
-        return el.hasAttribute('md-icon-button') ||
-            el.hasAttribute('md-fab') ||
-            el.hasAttribute('md-mini-fab');
-    };
-    MdButton.prototype._isRippleDisabled = function () {
-        return this.disableRipple || this.disabled;
-    };
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdButton.prototype, "disableRipple", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdButton.prototype, "disabled", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdButton.prototype, "color", null);
-    MdButton = __decorate([
-        Component({selector: 'button[md-button], button[md-raised-button], button[md-icon-button], ' +
-                'button[md-fab], button[md-mini-fab]',
-            host: {
-                '[disabled]': 'disabled',
-                '[class.md-button-focus]': '_isKeyboardFocused',
-                '(mousedown)': '_setMousedown()',
-                '(focus)': '_setKeyboardFocus()',
-                '(blur)': '_removeKeyboardFocus()',
-            },
-            template: "<span class=\"md-button-wrapper\"><ng-content></ng-content></span><div md-ripple *ngIf=\"!_isRippleDisabled()\" class=\"md-button-ripple\" [class.md-button-ripple-round]=\"_isRoundButton()\" [mdRippleTrigger]=\"_getHostElement()\" [mdRippleColor]=\"_isRoundButton() ? 'rgba(255, 255, 255, 0.2)' : ''\" mdRippleBackgroundColor=\"rgba(0, 0, 0, 0)\"></div><div class=\"md-button-focus-overlay\" (touchstart)=\"$event.preventDefault()\"></div>",
-            styles: [".md-button-focus[md-button] .md-button-focus-overlay,.md-button-focus[md-fab] .md-button-focus-overlay,.md-button-focus[md-icon-button] .md-button-focus-overlay,.md-button-focus[md-mini-fab] .md-button-focus-overlay,.md-button-focus[md-raised-button] .md-button-focus-overlay,[md-button]:hover .md-button-focus-overlay,[md-icon-button]:hover .md-button-focus-overlay{opacity:1}[md-icon-button],[md-mini-fab]{width:40px;height:40px}[md-button],[md-fab],[md-icon-button],[md-mini-fab],[md-raised-button]{box-sizing:border-box;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;border:none;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;font-size:14px;font-family:Roboto,\"Helvetica Neue\",sans-serif;font-weight:500;color:currentColor;text-align:center;margin:0;min-width:88px;line-height:36px;padding:0 16px;border-radius:2px}[disabled][md-button],[disabled][md-fab],[disabled][md-icon-button],[disabled][md-mini-fab],[disabled][md-raised-button]{cursor:default}[md-fab],[md-mini-fab],[md-raised-button]{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);transform:translate3d(0,0,0);transition:background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1)}[md-fab],[md-mini-fab]{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);flex-shrink:0;padding:0;min-width:0;border-radius:50%}[md-fab]:active,[md-mini-fab]:active,[md-raised-button]:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}[disabled][md-fab],[disabled][md-mini-fab],[disabled][md-raised-button]{box-shadow:none}[md-button][disabled]:hover .md-button-focus-overlay,[md-button][disabled]:hover.md-accent,[md-button][disabled]:hover.md-primary,[md-button][disabled]:hover.md-warn,[md-icon-button][disabled]:hover .md-button-focus-overlay,[md-icon-button][disabled]:hover.md-accent,[md-icon-button][disabled]:hover.md-primary,[md-icon-button][disabled]:hover.md-warn{background-color:transparent}[md-fab]{width:56px;height:56px}[md-fab]:active,[md-mini-fab]:active{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}[md-fab] i,[md-fab] md-icon{padding:16px 0;line-height:24px}[md-mini-fab] i,[md-mini-fab] md-icon{padding:8px 0;line-height:24px}[md-icon-button]{padding:0;min-width:0;flex-shrink:0;line-height:40px;border-radius:50%}[md-icon-button] i,[md-icon-button] md-icon{line-height:24px}[md-button] .md-button-wrapper>*,[md-icon-button] .md-button-wrapper>*,[md-raised-button] .md-button-wrapper>*{vertical-align:middle}.md-button-focus-overlay,.md-button-ripple{position:absolute;top:0;left:0;bottom:0;right:0}.md-button-focus-overlay{background-color:rgba(0,0,0,.12);border-radius:inherit;pointer-events:none;opacity:0}.md-button-ripple-round{border-radius:50%;z-index:1}@media screen and (-ms-high-contrast:active){.md-button-focus-overlay{background-color:rgba(255,255,255,.5)}[md-button],[md-fab],[md-icon-button],[md-mini-fab],[md-raised-button]{outline:solid 1px}}"],
-            encapsulation: ViewEncapsulation.None,
-            changeDetection: ChangeDetectionStrategy.OnPush,
-        }), 
-        __metadata('design:paramtypes', [ElementRef, Renderer])
-    ], MdButton);
-    return MdButton;
-}());
-/**
- * Raised Material design button.
- */
-export var MdAnchor = (function (_super) {
-    __extends(MdAnchor, _super);
-    function MdAnchor(elementRef, renderer) {
-        _super.call(this, elementRef, renderer);
-    }
-    Object.defineProperty(MdAnchor.prototype, "tabIndex", {
-        /** @docs-private */
-        get: function () {
-            return this.disabled ? -1 : 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdAnchor.prototype, "_isAriaDisabled", {
-        get: function () {
-            return this.disabled ? 'true' : 'false';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    MdAnchor.prototype._haltDisabledEvents = function (event) {
-        // A disabled button shouldn't apply any actions
-        if (this.disabled) {
-            event.preventDefault();
-            event.stopImmediatePropagation();
-        }
-    };
-    __decorate([
-        HostBinding('tabIndex'), 
-        __metadata('design:type', Number)
-    ], MdAnchor.prototype, "tabIndex", null);
-    MdAnchor = __decorate([
-        Component({selector: 'a[md-button], a[md-raised-button], a[md-icon-button], a[md-fab], a[md-mini-fab]',
-            inputs: ['color', 'disabled', 'disableRipple'],
-            host: {
-                '[attr.disabled]': 'disabled',
-                '[attr.aria-disabled]': '_isAriaDisabled',
-                '[class.md-button-focus]': '_isKeyboardFocused',
-                '(mousedown)': '_setMousedown()',
-                '(focus)': '_setKeyboardFocus()',
-                '(blur)': '_removeKeyboardFocus()',
-                '(click)': '_haltDisabledEvents($event)',
-            },
-            template: "<span class=\"md-button-wrapper\"><ng-content></ng-content></span><div md-ripple *ngIf=\"!_isRippleDisabled()\" class=\"md-button-ripple\" [class.md-button-ripple-round]=\"_isRoundButton()\" [mdRippleTrigger]=\"_getHostElement()\" [mdRippleColor]=\"_isRoundButton() ? 'rgba(255, 255, 255, 0.2)' : ''\" mdRippleBackgroundColor=\"rgba(0, 0, 0, 0)\"></div><div class=\"md-button-focus-overlay\" (touchstart)=\"$event.preventDefault()\"></div>",
-            styles: [".md-button-focus[md-button] .md-button-focus-overlay,.md-button-focus[md-fab] .md-button-focus-overlay,.md-button-focus[md-icon-button] .md-button-focus-overlay,.md-button-focus[md-mini-fab] .md-button-focus-overlay,.md-button-focus[md-raised-button] .md-button-focus-overlay,[md-button]:hover .md-button-focus-overlay,[md-icon-button]:hover .md-button-focus-overlay{opacity:1}[md-icon-button],[md-mini-fab]{width:40px;height:40px}[md-button],[md-fab],[md-icon-button],[md-mini-fab],[md-raised-button]{box-sizing:border-box;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;border:none;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;font-size:14px;font-family:Roboto,\"Helvetica Neue\",sans-serif;font-weight:500;color:currentColor;text-align:center;margin:0;min-width:88px;line-height:36px;padding:0 16px;border-radius:2px}[disabled][md-button],[disabled][md-fab],[disabled][md-icon-button],[disabled][md-mini-fab],[disabled][md-raised-button]{cursor:default}[md-fab],[md-mini-fab],[md-raised-button]{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);transform:translate3d(0,0,0);transition:background .4s cubic-bezier(.25,.8,.25,1),box-shadow 280ms cubic-bezier(.4,0,.2,1)}[md-fab],[md-mini-fab]{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);flex-shrink:0;padding:0;min-width:0;border-radius:50%}[md-fab]:active,[md-mini-fab]:active,[md-raised-button]:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}[disabled][md-fab],[disabled][md-mini-fab],[disabled][md-raised-button]{box-shadow:none}[md-button][disabled]:hover .md-button-focus-overlay,[md-button][disabled]:hover.md-accent,[md-button][disabled]:hover.md-primary,[md-button][disabled]:hover.md-warn,[md-icon-button][disabled]:hover .md-button-focus-overlay,[md-icon-button][disabled]:hover.md-accent,[md-icon-button][disabled]:hover.md-primary,[md-icon-button][disabled]:hover.md-warn{background-color:transparent}[md-fab]{width:56px;height:56px}[md-fab]:active,[md-mini-fab]:active{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}[md-fab] i,[md-fab] md-icon{padding:16px 0;line-height:24px}[md-mini-fab] i,[md-mini-fab] md-icon{padding:8px 0;line-height:24px}[md-icon-button]{padding:0;min-width:0;flex-shrink:0;line-height:40px;border-radius:50%}[md-icon-button] i,[md-icon-button] md-icon{line-height:24px}[md-button] .md-button-wrapper>*,[md-icon-button] .md-button-wrapper>*,[md-raised-button] .md-button-wrapper>*{vertical-align:middle}.md-button-focus-overlay,.md-button-ripple{position:absolute;top:0;left:0;bottom:0;right:0}.md-button-focus-overlay{background-color:rgba(0,0,0,.12);border-radius:inherit;pointer-events:none;opacity:0}.md-button-ripple-round{border-radius:50%;z-index:1}@media screen and (-ms-high-contrast:active){.md-button-focus-overlay{background-color:rgba(255,255,255,.5)}[md-button],[md-fab],[md-icon-button],[md-mini-fab],[md-raised-button]{outline:solid 1px}}"],
-            encapsulation: ViewEncapsulation.None
-        }), 
-        __metadata('design:paramtypes', [ElementRef, Renderer])
-    ], MdAnchor);
-    return MdAnchor;
-}(MdButton));
-export var MdButtonModule = (function () {
-    function MdButtonModule() {
-    }
-    MdButtonModule.forRoot = function () {
-        return {
-            ngModule: MdButtonModule,
-            providers: [ViewportRuler]
-        };
-    };
-    MdButtonModule = __decorate([
-        NgModule({
-            imports: [CommonModule, MdRippleModule, DefaultStyleCompatibilityModeModule],
-            exports: [MdButton, MdAnchor, DefaultStyleCompatibilityModeModule],
-            declarations: [MdButton, MdAnchor],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdButtonModule);
-    return MdButtonModule;
-}());
-
-//# sourceMappingURL=button.js.map

package/button/button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["button/button.ts"],"names":[],"mappings":"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","file":"button.js","sourcesContent":["import {\n  Component,\n  ViewEncapsulation,\n  Input,\n  HostBinding,\n  ChangeDetectionStrategy,\n  ElementRef,\n  Renderer,\n  NgModule,\n  ModuleWithProviders,\n} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {MdRippleModule, coerceBooleanProperty, DefaultStyleCompatibilityModeModule} from '../core';\nimport {ViewportRuler} from '../core/overlay/position/viewport-ruler';\n\n\n// TODO(jelbourn): Make the `isMouseDown` stuff done with one global listener.\n// TODO(kara): Convert attribute selectors to classes when attr maps become available\n\n/**\n * Material design button.\n */\n@Component({\n  moduleId: module.id,\n  selector: 'button[md-button], button[md-raised-button], button[md-icon-button], ' +\n            'button[md-fab], button[md-mini-fab]',\n  host: {\n    '[disabled]': 'disabled',\n    '[class.md-button-focus]': '_isKeyboardFocused',\n    '(mousedown)': '_setMousedown()',\n    '(focus)': '_setKeyboardFocus()',\n    '(blur)': '_removeKeyboardFocus()',\n  },\n  templateUrl: 'button.html',\n  styleUrls: ['button.css'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MdButton {\n  private _color: string;\n\n  /** Whether the button has focus from the keyboard (not the mouse). Used for class binding. */\n  _isKeyboardFocused: boolean = false;\n\n  /** Whether a mousedown has occurred on this element in the last 100ms. */\n  _isMouseDown: boolean = false;\n\n  /** Whether the ripple effect on click should be disabled. */\n  private _disableRipple: boolean = false;\n  private _disabled: boolean = null;\n\n  /** Whether the ripple effect for this button is disabled. */\n  @Input()\n  get disableRipple() { return this._disableRipple; }\n  set disableRipple(v) { this._disableRipple = coerceBooleanProperty(v); }\n\n  /** Whether the button is disabled. */\n  @Input()\n  get disabled() { return this._disabled; }\n  set disabled(value: boolean) { this._disabled = coerceBooleanProperty(value) ? true : null; }\n\n  constructor(private _elementRef: ElementRef, private _renderer: Renderer) { }\n\n  /** The color of the button. Can be `primary`, `accent`, or `warn`. */\n  @Input()\n  get color(): string { return this._color; }\n  set color(value: string) { this._updateColor(value); }\n\n  _setMousedown() {\n    // We only *show* the focus style when focus has come to the button via the keyboard.\n    // The Material Design spec is silent on this topic, and without doing this, the\n    // button continues to look :active after clicking.\n    // @see http://marcysutton.com/button-focus-hell/\n    this._isMouseDown = true;\n    setTimeout(() => { this._isMouseDown = false; }, 100);\n  }\n\n  _updateColor(newColor: string) {\n    this._setElementColor(this._color, false);\n    this._setElementColor(newColor, true);\n    this._color = newColor;\n  }\n\n  _setElementColor(color: string, isAdd: boolean) {\n    if (color != null && color != '') {\n      this._renderer.setElementClass(this._elementRef.nativeElement, `md-${color}`, isAdd);\n    }\n  }\n\n  _setKeyboardFocus() {\n    this._isKeyboardFocused = !this._isMouseDown;\n  }\n\n  _removeKeyboardFocus() {\n    this._isKeyboardFocused = false;\n  }\n\n  /** Focuses the button. */\n  focus(): void {\n    this._renderer.invokeElementMethod(this._elementRef.nativeElement, 'focus');\n  }\n\n  _getHostElement() {\n    return this._elementRef.nativeElement;\n  }\n\n  _isRoundButton() {\n    const el = this._elementRef.nativeElement;\n    return el.hasAttribute('md-icon-button') ||\n        el.hasAttribute('md-fab') ||\n        el.hasAttribute('md-mini-fab');\n  }\n\n  _isRippleDisabled() {\n    return this.disableRipple || this.disabled;\n  }\n}\n\n/**\n * Raised Material design button.\n */\n@Component({\n  moduleId: module.id,\n  selector: 'a[md-button], a[md-raised-button], a[md-icon-button], a[md-fab], a[md-mini-fab]',\n  inputs: ['color', 'disabled', 'disableRipple'],\n  host: {\n    '[attr.disabled]': 'disabled',\n    '[attr.aria-disabled]': '_isAriaDisabled',\n    '[class.md-button-focus]': '_isKeyboardFocused',\n    '(mousedown)': '_setMousedown()',\n    '(focus)': '_setKeyboardFocus()',\n    '(blur)': '_removeKeyboardFocus()',\n    '(click)': '_haltDisabledEvents($event)',\n  },\n  templateUrl: 'button.html',\n  styleUrls: ['button.css'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class MdAnchor extends MdButton {\n  constructor(elementRef: ElementRef, renderer: Renderer) {\n    super(elementRef, renderer);\n  }\n\n  /** @docs-private */\n  @HostBinding('tabIndex')\n  get tabIndex(): number {\n    return this.disabled ? -1 : 0;\n  }\n\n  get _isAriaDisabled(): string {\n    return this.disabled ? 'true' : 'false';\n  }\n\n  _haltDisabledEvents(event: Event) {\n    // A disabled button shouldn't apply any actions\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  }\n}\n\n\n@NgModule({\n  imports: [CommonModule, MdRippleModule, DefaultStyleCompatibilityModeModule],\n  exports: [MdButton, MdAnchor, DefaultStyleCompatibilityModeModule],\n  declarations: [MdButton, MdAnchor],\n})\nexport class MdButtonModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdButtonModule,\n      providers: [ViewportRuler]\n    };\n  }\n}\n"]}

package/button/button.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":2,"metadata":{"MdButton":{"__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":"button[md-button], button[md-raised-button], button[md-icon-button], button[md-fab], button[md-mini-fab]","host":{"[disabled]":"disabled","[class.md-button-focus]":"_isKeyboardFocused","(mousedown)":"_setMousedown()","(focus)":"_setKeyboardFocus()","(blur)":"_removeKeyboardFocus()"},"templateUrl":"button.html","styleUrls":["button.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"disableRipple":[{"__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"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_setMousedown":[{"__symbolic":"method"}],"_updateColor":[{"__symbolic":"method"}],"_setElementColor":[{"__symbolic":"method"}],"_setKeyboardFocus":[{"__symbolic":"method"}],"_removeKeyboardFocus":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_getHostElement":[{"__symbolic":"method"}],"_isRoundButton":[{"__symbolic":"method"}],"_isRippleDisabled":[{"__symbolic":"method"}]}},"MdAnchor":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MdButton"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"a[md-button], a[md-raised-button], a[md-icon-button], a[md-fab], a[md-mini-fab]","inputs":["color","disabled","disableRipple"],"host":{"[attr.disabled]":"disabled","[attr.aria-disabled]":"_isAriaDisabled","[class.md-button-focus]":"_isKeyboardFocused","(mousedown)":"_setMousedown()","(focus)":"_setKeyboardFocus()","(blur)":"_removeKeyboardFocus()","(click)":"_haltDisabledEvents($event)"},"templateUrl":"button.html","styleUrls":["button.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["tabIndex"]}]}],"_haltDisabledEvents":[{"__symbolic":"method"}]}},"MdButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"../core","name":"MdRippleModule"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"exports":[{"__symbolic":"reference","name":"MdButton"},{"__symbolic":"reference","name":"MdAnchor"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"declarations":[{"__symbolic":"reference","name":"MdButton"},{"__symbolic":"reference","name":"MdAnchor"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdButtonModule"},"providers":[{"__symbolic":"reference","module":"../core/overlay/position/viewport-ruler","name":"ViewportRuler"}]}}}}}},{"__symbolic":"module","metadata":{"MdButton":{"__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":"button[md-button], button[md-raised-button], button[md-icon-button], button[md-fab], button[md-mini-fab]","host":{"[disabled]":"disabled","[class.md-button-focus]":"_isKeyboardFocused","(mousedown)":"_setMousedown()","(focus)":"_setKeyboardFocus()","(blur)":"_removeKeyboardFocus()"},"templateUrl":"button.html","styleUrls":["button.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"disableRipple":[{"__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"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_setMousedown":[{"__symbolic":"method"}],"_updateColor":[{"__symbolic":"method"}],"_setElementColor":[{"__symbolic":"method"}],"_setKeyboardFocus":[{"__symbolic":"method"}],"_removeKeyboardFocus":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_getHostElement":[{"__symbolic":"method"}],"_isRoundButton":[{"__symbolic":"method"}],"_isRippleDisabled":[{"__symbolic":"method"}]}},"MdAnchor":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"MdButton"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"a[md-button], a[md-raised-button], a[md-icon-button], a[md-fab], a[md-mini-fab]","inputs":["color","disabled","disableRipple"],"host":{"[attr.disabled]":"disabled","[attr.aria-disabled]":"_isAriaDisabled","[class.md-button-focus]":"_isKeyboardFocused","(mousedown)":"_setMousedown()","(focus)":"_setKeyboardFocus()","(blur)":"_removeKeyboardFocus()","(click)":"_haltDisabledEvents($event)"},"templateUrl":"button.html","styleUrls":["button.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["tabIndex"]}]}],"_haltDisabledEvents":[{"__symbolic":"method"}]}},"MdButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"../core","name":"MdRippleModule"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"exports":[{"__symbolic":"reference","name":"MdButton"},{"__symbolic":"reference","name":"MdAnchor"},{"__symbolic":"reference","module":"../core","name":"DefaultStyleCompatibilityModeModule"}],"declarations":[{"__symbolic":"reference","name":"MdButton"},{"__symbolic":"reference","name":"MdAnchor"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdButtonModule"},"providers":[{"__symbolic":"reference","module":"../core/overlay/position/viewport-ruler","name":"ViewportRuler"}]}}}}},"version":1}]