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

package/radio/radio.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio/radio.css","sources":["radio/radio.scss","core/style/_variables.scss","core/typography/_typography.scss","core/ripple/_ripple.scss","core/theming/_theming.scss","core/theming/_palette.scss"],"sourcesContent":["@import '../core/style/variables';\n@import '../core/ripple/ripple';\n\n\n$md-radio-size: $md-toggle-size !default;\n\n// Top-level host container.\nmd-radio-button {\n  display: inline-block;\n}\n\n// Inner label container, wrapping entire element.\n// Enables focus by click.\n.md-radio-label {\n  cursor: pointer;\n  display: inline-flex;\n  align-items: baseline;\n  white-space: nowrap;\n}\n\n// Container for radio circles and ripple.\n.md-radio-container {\n  box-sizing: border-box;\n  display: inline-block;\n  height: $md-radio-size;\n  position: relative;\n  width: $md-radio-size;\n  top: 2px;\n}\n\n// The outer circle for the radio, always present.\n.md-radio-outer-circle {\n  border: solid 2px;\n  border-radius: 50%;\n  box-sizing: border-box;\n  height: $md-radio-size;\n  left: 0;\n  position: absolute;\n  top: 0;\n  transition: border-color ease 280ms;\n  width: $md-radio-size;\n}\n\n// The inner circle for the radio, shown when checked.\n.md-radio-inner-circle {\n  border-radius: 50%;\n  box-sizing: border-box;\n  height: $md-radio-size;\n  left: 0;\n  position: absolute;\n  top: 0;\n  transition: transform ease 280ms, background-color ease 280ms;\n  transform: scale(0);\n  width: $md-radio-size;\n\n  .md-radio-checked & {\n    transform: scale(0.5);\n  }\n}\n\n// Text label next to radio.\n.md-radio-label-content {\n  display: inline-block;\n  order: 0;\n  line-height: inherit;\n  padding-left: $md-toggle-padding;\n  padding-right: 0;\n\n  [dir='rtl'] & {\n    padding-right: $md-toggle-padding;\n    padding-left: 0;\n  }\n}\n\n// Alignment.\n.md-radio-label-content.md-radio-align-end {\n  order: -1;\n  padding-left: 0;\n  padding-right: $md-toggle-padding;\n\n  [dir='rtl'] & {\n    padding-right: 0;\n    padding-left: $md-toggle-padding;\n  }\n}\n\n// Basic disabled state.\n.md-radio-disabled, .md-radio-disabled .md-radio-label {\n  cursor: default;\n}\n\n@include md-temporary-ink-ripple(radio);\n","@import '../typography/typography';\n\n\n// Typography\n$md-body-font-size-base: rem(1.4) !default;\n$md-font-family: Roboto, 'Helvetica Neue', sans-serif !default;\n\n// Media queries\n$md-xsmall: 'max-width: 600px';\n\n// TODO: Revisit all z-indices before beta\n// z-index master list\n\n$z-index-fab: 20 !default;\n$z-index-drawer: 100 !default;\n\n// Overlay z indices.\n$md-z-index-overlay: 1000;\n$md-z-index-overlay-container: 1;\n$md-z-index-overlay-backdrop: 1;\n\n\n// Global constants\n$pi: 3.14159265;\n\n// Padding between input toggles and their labels\n$md-toggle-padding: 8px !default;\n// Width and height of input toggles\n$md-toggle-size: 20px !default;\n\n// Easing Curves\n// TODO(jelbourn): all of these need to be revisited\n\n// The default animation curves used by material design.\n$md-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 0.1) !default;\n$md-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;\n$md-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1) !default;\n\n$ease-in-out-curve-function: cubic-bezier(0.35, 0, 0.25, 1) !default;\n\n$swift-ease-out-duration: 400ms !default;\n$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;\n$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;\n\n$swift-ease-in-duration: 300ms !default;\n$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;\n$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;\n\n$swift-ease-in-out-duration: 500ms !default;\n$swift-ease-in-out-timing-function: $ease-in-out-curve-function !default;\n$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;\n\n$swift-linear-duration: 80ms !default;\n$swift-linear-timing-function: linear !default;\n$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;\n","// Implement the rem unit with SCSS so we don't have to actually set a font-size on\n// the user's body element.\n@function rem($multiplier) {\n  $font-size: 10px;\n  @return $multiplier * $font-size;\n}\n","@import '../theming/theming';\n\n\n$md-ripple-focused-opacity: 0.1;\n$md-ripple-background-fade-duration: 300ms;\n$md-ripple-background-default-color: rgba(0, 0, 0, 0.0588);\n$md-ripple-foreground-initial-opacity: 0.25;\n$md-ripple-foreground-default-color: rgba(0, 0, 0, 0.0588);\n\n\n@mixin md-ripple() {\n  // The host element of an md-ripple directive should always have a position of \"absolute\" or\n  // \"relative\" so that the ripple divs it creates inside itself are correctly positioned.\n  [md-ripple] {\n    overflow: hidden;\n  }\n\n  [md-ripple].md-ripple-unbounded {\n    overflow: visible;\n  }\n\n  .md-ripple-background {\n    background-color: $md-ripple-background-default-color;\n    opacity: 0;\n    transition: opacity $md-ripple-background-fade-duration linear;\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n  }\n\n  .md-ripple-unbounded .md-ripple-background {\n    display: none;\n  }\n\n  .md-ripple-background.md-ripple-active {\n    opacity: 1;\n  }\n\n  .md-ripple-focused .md-ripple-background {\n    opacity: 1;\n  }\n\n  .md-ripple-foreground {\n    background-color: $md-ripple-foreground-default-color;\n    border-radius: 50%;\n    pointer-events: none;\n    opacity: $md-ripple-foreground-initial-opacity;\n    position: absolute;\n    // The transition duration is manually set based on the ripple size.\n    transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);\n  }\n\n  .md-ripple-foreground.md-ripple-fade-in {\n    opacity: 1;\n  }\n\n  .md-ripple-foreground.md-ripple-fade-out {\n    opacity: 0;\n  }\n}\n\n@mixin md-ripple-theme($theme) {\n  $accent: map-get($theme, accent);\n\n  .md-ripple-focused .md-ripple-background {\n    background-color: md-color($accent, $md-ripple-focused-opacity);\n  }\n}\n\n\n// A mixin, which generates temporary ink ripple on a given component.\n// To be removed once the real ripple is applied to all elements.\n// When $bindToParent is set to true, it will check for the focused class on the same selector as you included\n// that mixin.\n// It is also possible to specify the color palette of the temporary ripple. By default it uses the\n// accent palette for its background.\n@mixin md-temporary-ink-ripple($component, $bindToParent: false) {\n  // TODO(mtlin): Replace when ink ripple component is implemented.\n  // A placeholder ink ripple, shown when keyboard focused.\n  .md-ink-ripple {\n    border-radius: 50%;\n    opacity: 0;\n    height: 48px;\n    left: 50%;\n    overflow: hidden;\n    pointer-events: none;\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    transition: opacity ease 280ms, background-color ease 280ms;\n    width: 48px;\n  }\n\n  // Fade in when radio focused.\n  #{if($bindToParent, '&', '')}.md-#{$component}-focused .md-ink-ripple {\n    opacity: 1;\n  }\n\n  // TODO(mtlin): This corresponds to disabled focus state, but it's unclear how to enter into\n  // this state.\n  #{if($bindToParent, '&', '')}.md-#{$component}-disabled .md-ink-ripple {\n    background-color: #000;\n  }\n}\n","@import 'palette';\n\n\n// For a given hue in a palette, return the contrast color from the map of contrast palettes.\n// @param $color-map\n// @param $hue\n@function md-contrast($palette, $hue) {\n  @return map-get(map-get($palette, contrast), $hue);\n}\n\n\n// Creates a map of hues to colors for a theme. This is used to define a theme palette in terms\n// of the Material Design hues.\n// @param $color-map\n// @param $primary\n// @param $lighter\n@function md-palette($base-palette, $default: 500, $lighter: 100, $darker: 700) {\n  $result: map_merge($base-palette, (\n    default: map-get($base-palette, $default),\n    lighter: map-get($base-palette, $lighter),\n    darker: map-get($base-palette, $darker),\n\n    default-contrast: md-contrast($base-palette, $default),\n    lighter-contrast: md-contrast($base-palette, $lighter),\n    darker-contrast: md-contrast($base-palette, $darker)\n  ));\n\n  // For each hue in the palette, add a \"-contrast\" color to the map.\n  @each $hue, $color in $base-palette {\n    $result: map_merge($result, (\n      '#{$hue}-contrast': md-contrast($base-palette, $hue)\n    ));\n  }\n\n  @return $result;\n}\n\n\n// Gets a color from a theme palette (the output of md-palette).\n// The hue can be one of the standard values (500, A400, etc.), one of the three preconfigured\n// hues (default, lighter, darker), or any of the aforementioned prefixed with \"-contrast\".\n//\n// @param $color-map The theme palette (output of md-palette).\n// @param $hue The hue from the palette to use. If this is a value between 0 and 1, it will\n//     be treated as opacity.\n// @param $opacity The alpha channel value for the color.\n@function md-color($palette, $hue: default, $opacity: 1) {\n  // If hueKey is a number between zero and one, then it actually contains an\n  // opacity value, so recall this function with the default hue and that given opacity.\n  @if type-of($hue) == number and $hue >= 0 and $hue <= 1 {\n    @return md-color($palette, default, $hue);\n  }\n\n  $color: map-get($palette, $hue);\n  $opacity: if(opacity($color) < 1, opacity($color), $opacity);\n\n  @return rgba($color, $opacity);\n}\n\n\n// Creates a container object for a light theme to be given to individual component theme mixins.\n@function md-light-theme($primary, $accent, $warn: md-palette($md-red)) {\n  @return (\n    primary: $primary,\n    accent: $accent,\n    warn: $warn,\n    is-dark: false,\n    foreground: $md-light-theme-foreground,\n    background: $md-light-theme-background,\n  );\n}\n\n\n// Creates a container object for a dark theme to be given to individual component theme mixins.\n@function md-dark-theme($primary, $accent, $warn: md-palette($md-red)) {\n  @return (\n    primary: $primary,\n    accent: $accent,\n    warn: $warn,\n    is-dark: true,\n    foreground: $md-dark-theme-foreground,\n    background: $md-dark-theme-background,\n  );\n}\n","// Color palettes from the Material Design spec.\n// See https://www.google.com/design/spec/style/color.html\n//\n// Contrast colors are hard-coded because it is too difficult (probably impossible) to\n// calculate them. These contrast colors are pulled from the public Material Design spec swatches.\n// While the contrast colors in the spec are not prescriptive, we use them for convenience.\n\n\n$black-87-opacity: rgba(black, 0.87);\n$white-87-opacity: rgba(white, 0.87);\n\n$md-red: (\n  50: #ffebee,\n  100: #ffcdd2,\n  200: #ef9a9a,\n  300: #e57373,\n  400: #ef5350,\n  500: #f44336,\n  600: #e53935,\n  700: #d32f2f,\n  800: #c62828,\n  900: #b71c1c,\n  A100: #ff8a80,\n  A200: #ff5252,\n  A400: #ff1744,\n  A700: #d50000,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: white,\n    600: white,\n    700: white,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: white,\n    A400: white,\n    A700: white,\n  )\n);\n\n$md-pink: (\n  50: #fce4ec,\n  100: #f8bbd0,\n  200: #f48fb1,\n  300: #f06292,\n  400: #ec407a,\n  500: #e91e63,\n  600: #d81b60,\n  700: #c2185b,\n  800: #ad1457,\n  900: #880e4f,\n  A100: #ff80ab,\n  A200: #ff4081,\n  A400: #f50057,\n  A700: #c51162,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: white,\n    600: white,\n    700: $white-87-opacity,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: white,\n    A400: white,\n    A700: white,\n  )\n);\n\n$md-purple: (\n  50: #f3e5f5,\n  100: #e1bee7,\n  200: #ce93d8,\n  300: #ba68c8,\n  400: #ab47bc,\n  500: #9c27b0,\n  600: #8e24aa,\n  700: #7b1fa2,\n  800: #6a1b9a,\n  900: #4a148c,\n  A100: #ea80fc,\n  A200: #e040fb,\n  A400: #d500f9,\n  A700: #aa00ff,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: white,\n    400: white,\n    500: $white-87-opacity,\n    600: $white-87-opacity,\n    700: $white-87-opacity,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: white,\n    A400: white,\n    A700: white,\n  )\n);\n\n$md-deep-purple: (\n  50: #ede7f6,\n  100: #d1c4e9,\n  200: #b39ddb,\n  300: #9575cd,\n  400: #7e57c2,\n  500: #673ab7,\n  600: #5e35b1,\n  700: #512da8,\n  800: #4527a0,\n  900: #311b92,\n  A100: #b388ff,\n  A200: #7c4dff,\n  A400: #651fff,\n  A700: #6200ea,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: white,\n    400: white,\n    500: $white-87-opacity,\n    600: $white-87-opacity,\n    700: $white-87-opacity,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: white,\n    A400: $white-87-opacity,\n    A700: $white-87-opacity,\n  )\n);\n\n$md-indigo: (\n  50: #e8eaf6,\n  100: #c5cae9,\n  200: #9fa8da,\n  300: #7986cb,\n  400: #5c6bc0,\n  500: #3f51b5,\n  600: #3949ab,\n  700: #303f9f,\n  800: #283593,\n  900: #1a237e,\n  A100: #8c9eff,\n  A200: #536dfe,\n  A400: #3d5afe,\n  A700: #304ffe,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: white,\n    400: white,\n    500: $white-87-opacity,\n    600: $white-87-opacity,\n    700: $white-87-opacity,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: white,\n    A400: white,\n    A700: $white-87-opacity,\n  )\n);\n\n$md-blue: (\n  50: #e3f2fd,\n  100: #bbdefb,\n  200: #90caf9,\n  300: #64b5f6,\n  400: #42a5f5,\n  500: #2196f3,\n  600: #1e88e5,\n  700: #1976d2,\n  800: #1565c0,\n  900: #0d47a1,\n  A100: #82b1ff,\n  A200: #448aff,\n  A400: #2979ff,\n  A700: #2962ff,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: white,\n    600: white,\n    700: white,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: white,\n    A400: white,\n    A700: white,\n  )\n);\n\n$md-light-blue: (\n  50: #e1f5fe,\n  100: #b3e5fc,\n  200: #81d4fa,\n  300: #4fc3f7,\n  400: #29b6f6,\n  500: #03a9f4,\n  600: #039be5,\n  700: #0288d1,\n  800: #0277bd,\n  900: #01579b,\n  A100: #80d8ff,\n  A200: #40c4ff,\n  A400: #00b0ff,\n  A700: #0091ea,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: white,\n    600: white,\n    700: white,\n    800: white,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: white,\n  )\n);\n\n$md-cyan: (\n  50: #e0f7fa,\n  100: #b2ebf2,\n  200: #80deea,\n  300: #4dd0e1,\n  400: #26c6da,\n  500: #00bcd4,\n  600: #00acc1,\n  700: #0097a7,\n  800: #00838f,\n  900: #006064,\n  A100: #84ffff,\n  A200: #18ffff,\n  A400: #00e5ff,\n  A700: #00b8d4,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: white,\n    600: white,\n    700: white,\n    800: white,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: $black-87-opacity,\n  )\n);\n\n$md-teal: (\n  50: #e0f2f1,\n  100: #b2dfdb,\n  200: #80cbc4,\n  300: #4db6ac,\n  400: #26a69a,\n  500: #009688,\n  600: #00897b,\n  700: #00796b,\n  800: #00695c,\n  900: #004d40,\n  A100: #a7ffeb,\n  A200: #64ffda,\n  A400: #1de9b6,\n  A700: #00bfa5,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: white,\n    600: white,\n    700: white,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: $black-87-opacity,\n  )\n);\n\n$md-green: (\n  50: #e8f5e9,\n  100: #c8e6c9,\n  200: #a5d6a7,\n  300: #81c784,\n  400: #66bb6a,\n  500: #4caf50,\n  600: #43a047,\n  700: #388e3c,\n  800: #2e7d32,\n  900: #1b5e20,\n  A100: #b9f6ca,\n  A200: #69f0ae,\n  A400: #00e676,\n  A700: #00c853,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: white,\n    600: white,\n    700: white,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: $black-87-opacity,\n  )\n);\n\n$md-light-green: (\n  50: #f1f8e9,\n  100: #dcedc8,\n  200: #c5e1a5,\n  300: #aed581,\n  400: #9ccc65,\n  500: #8bc34a,\n  600: #7cb342,\n  700: #689f38,\n  800: #558b2f,\n  900: #33691e,\n  A100: #ccff90,\n  A200: #b2ff59,\n  A400: #76ff03,\n  A700: #64dd17,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: $black-87-opacity,\n    600: $black-87-opacity,\n    700: $black-87-opacity,\n    800: white,\n    900: white,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: $black-87-opacity,\n  )\n);\n\n$md-lime: (\n  50: #f9fbe7,\n  100: #f0f4c3,\n  200: #e6ee9c,\n  300: #dce775,\n  400: #d4e157,\n  500: #cddc39,\n  600: #c0ca33,\n  700: #afb42b,\n  800: #9e9d24,\n  900: #827717,\n  A100: #f4ff81,\n  A200: #eeff41,\n  A400: #c6ff00,\n  A700: #aeea00,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: $black-87-opacity,\n    600: $black-87-opacity,\n    700: $black-87-opacity,\n    800: $black-87-opacity,\n    900: white,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: $black-87-opacity,\n  )\n);\n\n$md-yellow: (\n  50: #fffde7,\n  100: #fff9c4,\n  200: #fff59d,\n  300: #fff176,\n  400: #ffee58,\n  500: #ffeb3b,\n  600: #fdd835,\n  700: #fbc02d,\n  800: #f9a825,\n  900: #f57f17,\n  A100: #ffff8d,\n  A200: #ffff00,\n  A400: #ffea00,\n  A700: #ffd600,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: $black-87-opacity,\n    600: $black-87-opacity,\n    700: $black-87-opacity,\n    800: $black-87-opacity,\n    900: $black-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: $black-87-opacity,\n  )\n);\n\n$md-amber: (\n  50: #fff8e1,\n  100: #ffecb3,\n  200: #ffe082,\n  300: #ffd54f,\n  400: #ffca28,\n  500: #ffc107,\n  600: #ffb300,\n  700: #ffa000,\n  800: #ff8f00,\n  900: #ff6f00,\n  A100: #ffe57f,\n  A200: #ffd740,\n  A400: #ffc400,\n  A700: #ffab00,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: $black-87-opacity,\n    600: $black-87-opacity,\n    700: $black-87-opacity,\n    800: $black-87-opacity,\n    900: $black-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: $black-87-opacity,\n  )\n);\n\n$md-orange: (\n  50: #fff3e0,\n  100: #ffe0b2,\n  200: #ffcc80,\n  300: #ffb74d,\n  400: #ffa726,\n  500: #ff9800,\n  600: #fb8c00,\n  700: #f57c00,\n  800: #ef6c00,\n  900: #e65100,\n  A100: #ffd180,\n  A200: #ffab40,\n  A400: #ff9100,\n  A700: #ff6d00,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: $black-87-opacity,\n    600: $black-87-opacity,\n    700: $black-87-opacity,\n    800: white,\n    900: white,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: black,\n  )\n);\n\n$md-deep-orange: (\n  50: #fbe9e7,\n  100: #ffccbc,\n  200: #ffab91,\n  300: #ff8a65,\n  400: #ff7043,\n  500: #ff5722,\n  600: #f4511e,\n  700: #e64a19,\n  800: #d84315,\n  900: #bf360c,\n  A100: #ff9e80,\n  A200: #ff6e40,\n  A400: #ff3d00,\n  A700: #dd2c00,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: white,\n    600: white,\n    700: white,\n    800: white,\n    900: white,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: white,\n    A700: white,\n  )\n);\n\n$md-brown: (\n  50: #efebe9,\n  100: #d7ccc8,\n  200: #bcaaa4,\n  300: #a1887f,\n  400: #8d6e63,\n  500: #795548,\n  600: #6d4c41,\n  700: #5d4037,\n  800: #4e342e,\n  900: #3e2723,\n  A100: #d7ccc8,\n  A200: #bcaaa4,\n  A400: #8d6e63,\n  A700: #5d4037,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: white,\n    400: white,\n    500: $white-87-opacity,\n    600: $white-87-opacity,\n    700: $white-87-opacity,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: white,\n    A700: $white-87-opacity,\n  )\n);\n\n$md-grey: (\n  0: #ffffff,\n  50: #fafafa,\n  100: #f5f5f5,\n  200: #eeeeee,\n  300: #e0e0e0,\n  400: #bdbdbd,\n  500: #9e9e9e,\n  600: #757575,\n  700: #616161,\n  800: #424242,\n  900: #212121,\n  1000: #000000,\n  A100: #ffffff,\n  A200: #eeeeee,\n  A400: #bdbdbd,\n  A700: #616161,\n  contrast: (\n    0: $black-87-opacity,\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: $black-87-opacity,\n    500: $black-87-opacity,\n    600: $white-87-opacity,\n    700: $white-87-opacity,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    1000: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: $black-87-opacity,\n    A700: $white-87-opacity,\n  )\n);\n\n$md-blue-grey: (\n  50: #eceff1,\n  100: #cfd8dc,\n  200: #b0bec5,\n  300: #90a4ae,\n  400: #78909c,\n  500: #607d8b,\n  600: #546e7a,\n  700: #455a64,\n  800: #37474f,\n  900: #263238,\n  A100: #cfd8dc,\n  A200: #b0bec5,\n  A400: #78909c,\n  A700: #455a64,\n  contrast: (\n    50: $black-87-opacity,\n    100: $black-87-opacity,\n    200: $black-87-opacity,\n    300: $black-87-opacity,\n    400: white,\n    500: white,\n    600: $white-87-opacity,\n    700: $white-87-opacity,\n    800: $white-87-opacity,\n    900: $white-87-opacity,\n    A100: $black-87-opacity,\n    A200: $black-87-opacity,\n    A400: white,\n    A700: $white-87-opacity,\n  )\n);\n\n\n// Background palette for light themes.\n$md-light-theme-background: (\n  status-bar: map_get($md-grey, 300),\n  app-bar:    map_get($md-grey, 100),\n  background: map_get($md-grey, 50),\n  hover:      rgba(black, 0.04), // TODO(kara): check style with Material Design UX\n  card:       white,\n  dialog:     white,\n  disabled-button:   rgba(black, 0.12)\n);\n\n// Background palette for dark themes.\n$md-dark-theme-background: (\n  status-bar: black,\n  app-bar:    map_get($md-grey, 900),\n  background: #303030,\n  hover:      rgba(white, 0.04), // TODO(kara): check style with Material Design UX\n  card:       map_get($md-grey, 800),\n  dialog:     map_get($md-grey, 800),\n  disabled-button: rgba(white, 0.12)\n);\n\n// Foreground palette for light themes.\n$md-light-theme-foreground: (\n  base:            black,\n  divider:         rgba(black, 0.12),\n  dividers:        rgba(black, 0.12),\n  disabled:        rgba(black, 0.38),\n  disabled-button: rgba(black, 0.38),\n  disabled-text:   rgba(black, 0.38),\n  hint-text:       rgba(black, 0.38),\n  secondary-text:  rgba(black, 0.54),\n  icon:            rgba(black, 0.54),\n  icons:           rgba(black, 0.54),\n  text:            rgba(black, 0.87)\n);\n\n// Foreground palette for dark themes.\n$md-dark-theme-foreground: (\n  base:            white,\n  divider:         rgba(white, 0.12),\n  dividers:        rgba(white, 0.12),\n  disabled:        rgba(white, 0.3),\n  disabled-button: rgba(white, 0.3),\n  disabled-text:   rgba(white, 0.3),\n  hint-text:       rgba(white, 0.3),\n  secondary-text:  rgba(white, 0.7),\n  icon:            white,\n  icons:           white,\n  text:            white\n);\n"],"mappings":"AAOA,AAAA,eAAe,CAAC;EACd,OAAO,EAAE,YAAa,GACvB;;AAID,AAAA,eAAe,CAAC;EACd,MAAM,EAAE,OAAQ;EAChB,OAAO,EAAE,WAAY;EACrB,WAAW,EAAE,QAAS;EACtB,WAAW,EAAE,MAAO,GACrB;;AAGD,AAAA,mBAAmB,CAAC;EAClB,UAAU,EAAE,UAAW;EACvB,OAAO,EAAE,YAAa;EACtB,MAAM,ECIS,IAAI;EDHnB,QAAQ,EAAE,QAAS;EACnB,KAAK,ECEU,IAAI;EDDnB,GAAG,EAAE,GAAI,GACV;;AAGD,AAAA,sBAAsB,CAAC;EACrB,MAAM,EAAE,SAAU;EAClB,aAAa,EAAE,GAAI;EACnB,UAAU,EAAE,UAAW;EACvB,MAAM,ECPS,IAAI;EDQnB,IAAI,EAAE,CAAE;EACR,QAAQ,EAAE,QAAS;EACnB,GAAG,EAAE,CAAE;EACP,UAAU,EAAE,uBAAwB;EACpC,KAAK,ECZU,IAAI,GDapB;;AAGD,AAAA,sBAAsB,CAAC;EACrB,aAAa,EAAE,GAAI;EACnB,UAAU,EAAE,UAAW;EACvB,MAAM,ECnBS,IAAI;EDoBnB,IAAI,EAAE,CAAE;EACR,QAAQ,EAAE,QAAS;EACnB,GAAG,EAAE,CAAE;EACP,UAAU,EAAE,iDAAkD;EAC9D,SAAS,EAAE,QAAK;EAChB,KAAK,ECzBU,IAAI,GD8BpB;EAHC,AAXF,iBAWmB,CAXnB,sBAAsB,CAWA;IAClB,SAAS,EAAE,UAAK,GACjB;;AAIH,AAAA,uBAAuB,CAAC;EACtB,OAAO,EAAE,YAAa;EACtB,KAAK,EAAE,CAAE;EACT,WAAW,EAAE,OAAQ;EACrB,YAAY,ECvCM,GAAG;EDwCrB,aAAa,EAAE,CAAE,GAMlB;GAJC,AAAA,AAPF,GAOG,CAAI,KAAK,AAAT,EAPH,uBAAuB,CAOP;IACZ,aAAa,EC3CG,GAAG;ID4CnB,YAAY,EAAE,CAAE,GACjB;;AAIH,AAAuB,uBAAA,AAAA,mBAAmB,CAAC;EACzC,KAAK,EAAE,EAAG;EACV,YAAY,EAAE,CAAE;EAChB,aAAa,ECpDK,GAAG,GD0DtB;GAJC,AAAA,AALqB,GAKpB,CAAI,KAAK,AAAT,EALH,uBAAuB,AAAA,mBAAmB,CAK1B;IACZ,aAAa,EAAE,CAAE;IACjB,YAAY,ECxDI,GAAG,GDyDpB;;AAIH,AAAA,kBAAkB,EAAE,AAAmB,kBAAD,CAAC,eAAe,CAAC;EACrD,MAAM,EAAE,OAAQ,GACjB;;AGRC,AAAA,cAAc,CAAC;EACb,aAAa,EAAE,GAAI;EACnB,OAAO,EAAE,CAAE;EACX,MAAM,EAAE,IAAK;EACb,IAAI,EAAE,GAAI;EACV,QAAQ,EAAE,MAAO;EACjB,cAAc,EAAE,IAAK;EACrB,QAAQ,EAAE,QAAS;EACnB,GAAG,EAAE,GAAI;EACT,SAAS,EAAE,qBAAS;EACpB,UAAU,EAAE,+CAAgD;EAC5D,KAAK,EAAE,IAAK,GACb;;AAGD,AAAkB,iBAAD,CAAC,cAAc,CAAhC;EACE,OAAO,EAAE,CAAE,GACZ;;AAID,AAAmB,kBAAD,CAAC,cAAc,CAAjC;EACE,gBAAgB,EAAE,IAAK,GACxB","names":[],"sourceRoot":"/source/"}

package/radio/radio.d.ts

@@ -1,127 +0,0 @@
-import { AfterContentInit, EventEmitter, OnInit, QueryList, ModuleWithProviders } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { MdUniqueSelectionDispatcher } from '../core';
-/**
- * Provider Expression that allows md-radio-group to register as a ControlValueAccessor. This
- * allows it to support [(ngModel)] and ngControl.
- */
-export declare const MD_RADIO_GROUP_CONTROL_VALUE_ACCESSOR: any;
-/** A simple change event emitted by either MdRadioButton or MdRadioGroup. */
-export declare class MdRadioChange {
-    source: MdRadioButton;
-    value: any;
-}
-export declare class MdRadioGroup implements AfterContentInit, ControlValueAccessor {
-    /**
-     * Selected value for group. Should equal the value of the selected radio button if there *is*
-     * a corresponding radio button with a matching value. If there is *not* such a corresponding
-     * radio button, this value persists to be applied in case a new radio button is added with a
-     * matching value.
-     */
-    private _value;
-    /** The HTML name attribute applied to radio buttons in this group. */
-    private _name;
-    /** Disables all individual radio buttons assigned to this group. */
-    private _disabled;
-    /** The currently selected radio button. Should match value. */
-    private _selected;
-    /** Whether the `value` has been set to its initial value. */
-    private _isInitialized;
-    /** The method to be called in order to update ngModel */
-    private _controlValueAccessorChangeFn;
-    /** onTouch function registered via registerOnTouch (ControlValueAccessor). */
-    onTouched: () => any;
-    /** Event emitted when the group value changes. */
-    change: EventEmitter<MdRadioChange>;
-    /** Child radio buttons. */
-    _radios: QueryList<MdRadioButton>;
-    name: string;
-    align: 'start' | 'end';
-    disabled: boolean;
-    value: any;
-    selected: MdRadioButton;
-    /**
-     * Initialize properties once content children are available.
-     * This allows us to propagate relevant attributes to associated buttons.
-     * TODO: internal
-     */
-    ngAfterContentInit(): void;
-    /**
-     * Mark this group as being "touched" (for ngModel). Meant to be called by the contained
-     * radio buttons upon their blur.
-     */
-    _touch(): void;
-    private _updateRadioButtonNames();
-    /** Updates the `selected` radio button from the internal _value state. */
-    private _updateSelectedRadioFromValue();
-    /** Dispatch change event with current selection and group value. */
-    private _emitChangeEvent();
-    /**
-      * Implemented as part of ControlValueAccessor.
-      * TODO: internal
-      */
-    writeValue(value: any): void;
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    registerOnChange(fn: (value: any) => void): void;
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    registerOnTouched(fn: any): void;
-}
-export declare class MdRadioButton implements OnInit {
-    radioDispatcher: MdUniqueSelectionDispatcher;
-    _isFocused: boolean;
-    /** Whether this radio is checked. */
-    private _checked;
-    /** The unique ID for the radio button. */
-    id: string;
-    /** Analog to HTML 'name' attribute used to group radios for unique selection. */
-    name: string;
-    /** Used to set the 'aria-label' attribute on the underlying input element. */
-    ariaLabel: string;
-    /** The 'aria-labelledby' attribute takes precedence as the element's text alternative. */
-    ariaLabelledby: string;
-    /** Whether this radio is disabled. */
-    private _disabled;
-    /** Value assigned to this radio.*/
-    private _value;
-    /** The parent radio group. May or may not be present. */
-    radioGroup: MdRadioGroup;
-    /** Event emitted when the group value changes. */
-    change: EventEmitter<MdRadioChange>;
-    constructor(radioGroup: MdRadioGroup, radioDispatcher: MdUniqueSelectionDispatcher);
-    readonly inputId: string;
-    checked: boolean;
-    /** MdRadioGroup reads this to assign its own value. */
-    value: any;
-    private _align;
-    align: 'start' | 'end';
-    disabled: boolean;
-    /** TODO: internal */
-    ngOnInit(): void;
-    /** Dispatch change event with current value. */
-    private _emitChangeEvent();
-    /**
-     * We use a hidden native input field to handle changes to focus state via keyboard navigation,
-     * with visual rendering done separately. The native element is kept in sync with the overall
-     * state of the component.
-     */
-    _onInputFocus(): void;
-    /** TODO: internal */
-    _onInputBlur(): void;
-    /** TODO: internal */
-    _onInputClick(event: Event): void;
-    /**
-     * Triggered when the radio button received a click or the input recognized any change.
-     * Clicking on a label element, will trigger a change event on the associated input.
-     * TODO: internal
-     */
-    _onInputChange(event: Event): void;
-}
-export declare class MdRadioModule {
-    static forRoot(): ModuleWithProviders;
-}

package/radio/radio.html

@@ -1,27 +0,0 @@
-<!-- TODO(jelbourn): render the radio on either side of the content -->
-<!-- TODO(mtlin): Evaluate trade-offs of using native radio vs. cost of additional bindings. -->
-<label [attr.for]="inputId" class="md-radio-label">
-  <!-- The actual 'radio' part of the control. -->
-  <div class="md-radio-container">
-    <div class="md-radio-outer-circle"></div>
-    <div class="md-radio-inner-circle"></div>
-    <div class="md-ink-ripple"></div>
-  </div>
-
-  <input #input class="md-radio-input md-visually-hidden" type="radio"
-          [id]="inputId"
-          [checked]="checked"
-          [disabled]="disabled"
-          [name]="name"
-          [attr.aria-label]="ariaLabel"
-          [attr.aria-labelledby]="ariaLabelledby"
-          (change)="_onInputChange($event)"
-          (focus)="_onInputFocus()"
-          (blur)="_onInputBlur()"
-          (click)="_onInputClick($event)">
-
-  <!-- The label content for radio control. -->
-  <div class="md-radio-label-content" [class.md-radio-align-end]="align == 'end'">
-    <ng-content></ng-content>
-  </div>
-</label>

package/radio/radio.js

@@ -1,445 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-import { Component, ContentChildren, Directive, EventEmitter, HostBinding, Input, Optional, Output, QueryList, ViewEncapsulation, forwardRef, NgModule } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { MdUniqueSelectionDispatcher } from '../core';
-/**
- * Provider Expression that allows md-radio-group to register as a ControlValueAccessor. This
- * allows it to support [(ngModel)] and ngControl.
- */
-export var MD_RADIO_GROUP_CONTROL_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return MdRadioGroup; }),
-    multi: true
-};
-// TODO(mtlin):
-// Ink ripple is currently placeholder.
-// Determine motion spec for button transitions.
-// Design review.
-// RTL
-// Support forms API.
-// Use ChangeDetectionStrategy.OnPush
-var _uniqueIdCounter = 0;
-/** A simple change event emitted by either MdRadioButton or MdRadioGroup. */
-export var MdRadioChange = (function () {
-    function MdRadioChange() {
-    }
-    return MdRadioChange;
-}());
-export var MdRadioGroup = (function () {
-    function MdRadioGroup() {
-        /**
-         * Selected value for group. Should equal the value of the selected radio button if there *is*
-         * a corresponding radio button with a matching value. If there is *not* such a corresponding
-         * radio button, this value persists to be applied in case a new radio button is added with a
-         * matching value.
-         */
-        this._value = null;
-        /** The HTML name attribute applied to radio buttons in this group. */
-        this._name = "md-radio-group-" + _uniqueIdCounter++;
-        /** Disables all individual radio buttons assigned to this group. */
-        this._disabled = false;
-        /** The currently selected radio button. Should match value. */
-        this._selected = null;
-        /** Whether the `value` has been set to its initial value. */
-        this._isInitialized = false;
-        /** The method to be called in order to update ngModel */
-        this._controlValueAccessorChangeFn = function (value) { };
-        /** onTouch function registered via registerOnTouch (ControlValueAccessor). */
-        this.onTouched = function () { };
-        /** Event emitted when the group value changes. */
-        this.change = new EventEmitter();
-        /** Child radio buttons. */
-        this._radios = null;
-    }
-    Object.defineProperty(MdRadioGroup.prototype, "name", {
-        get: function () {
-            return this._name;
-        },
-        set: function (value) {
-            this._name = value;
-            this._updateRadioButtonNames();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdRadioGroup.prototype, "disabled", {
-        get: function () {
-            return this._disabled;
-        },
-        set: function (value) {
-            // The presence of *any* disabled value makes the component disabled, *except* for false.
-            this._disabled = (value != null && value !== false) ? true : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdRadioGroup.prototype, "value", {
-        get: function () {
-            return this._value;
-        },
-        set: function (newValue) {
-            if (this._value != newValue) {
-                // Set this before proceeding to ensure no circular loop occurs with selection.
-                this._value = newValue;
-                this._updateSelectedRadioFromValue();
-                // Only fire a change event if this isn't the first time the value is ever set.
-                if (this._isInitialized) {
-                    this._emitChangeEvent();
-                }
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdRadioGroup.prototype, "selected", {
-        get: function () {
-            return this._selected;
-        },
-        set: function (selected) {
-            this._selected = selected;
-            this.value = selected ? selected.value : null;
-            if (selected && !selected.checked) {
-                selected.checked = true;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Initialize properties once content children are available.
-     * This allows us to propagate relevant attributes to associated buttons.
-     * TODO: internal
-     */
-    MdRadioGroup.prototype.ngAfterContentInit = function () {
-        // Mark this component as initialized in AfterContentInit because the initial value can
-        // possibly be set by NgModel on MdRadioGroup, and it is possible that the OnInit of the
-        // NgModel occurs *after* the OnInit of the MdRadioGroup.
-        this._isInitialized = true;
-    };
-    /**
-     * Mark this group as being "touched" (for ngModel). Meant to be called by the contained
-     * radio buttons upon their blur.
-     */
-    MdRadioGroup.prototype._touch = function () {
-        if (this.onTouched) {
-            this.onTouched();
-        }
-    };
-    MdRadioGroup.prototype._updateRadioButtonNames = function () {
-        var _this = this;
-        if (this._radios) {
-            this._radios.forEach(function (radio) {
-                radio.name = _this.name;
-            });
-        }
-    };
-    /** Updates the `selected` radio button from the internal _value state. */
-    MdRadioGroup.prototype._updateSelectedRadioFromValue = function () {
-        var _this = this;
-        // If the value already matches the selected radio, do nothing.
-        var isAlreadySelected = this._selected != null && this._selected.value == this._value;
-        if (this._radios != null && !isAlreadySelected) {
-            var matchingRadio = this._radios.filter(function (radio) { return radio.value == _this._value; })[0];
-            if (matchingRadio) {
-                this.selected = matchingRadio;
-            }
-            else if (this.value == null) {
-                this.selected = null;
-                this._radios.forEach(function (radio) { radio.checked = false; });
-            }
-        }
-    };
-    /** Dispatch change event with current selection and group value. */
-    MdRadioGroup.prototype._emitChangeEvent = function () {
-        var event = new MdRadioChange();
-        event.source = this._selected;
-        event.value = this._value;
-        this._controlValueAccessorChangeFn(event.value);
-        this.change.emit(event);
-    };
-    /**
-      * Implemented as part of ControlValueAccessor.
-      * TODO: internal
-      */
-    MdRadioGroup.prototype.writeValue = function (value) {
-        this.value = value;
-    };
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    MdRadioGroup.prototype.registerOnChange = function (fn) {
-        this._controlValueAccessorChangeFn = fn;
-    };
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    MdRadioGroup.prototype.registerOnTouched = function (fn) {
-        this.onTouched = fn;
-    };
-    __decorate([
-        Output(), 
-        __metadata('design:type', EventEmitter)
-    ], MdRadioGroup.prototype, "change", void 0);
-    __decorate([
-        ContentChildren(forwardRef(function () { return MdRadioButton; })), 
-        __metadata('design:type', QueryList)
-    ], MdRadioGroup.prototype, "_radios", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdRadioGroup.prototype, "name", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdRadioGroup.prototype, "align", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdRadioGroup.prototype, "disabled", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdRadioGroup.prototype, "value", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdRadioGroup.prototype, "selected", null);
-    MdRadioGroup = __decorate([
-        Directive({
-            selector: 'md-radio-group',
-            providers: [MD_RADIO_GROUP_CONTROL_VALUE_ACCESSOR],
-            host: {
-                'role': 'radiogroup',
-            },
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdRadioGroup);
-    return MdRadioGroup;
-}());
-export var MdRadioButton = (function () {
-    function MdRadioButton(radioGroup, radioDispatcher) {
-        // Assertions. Ideally these should be stripped out by the compiler.
-        // TODO(jelbourn): Assert that there's no name binding AND a parent radio group.
-        var _this = this;
-        this.radioDispatcher = radioDispatcher;
-        /** Whether this radio is checked. */
-        this._checked = false;
-        /** The unique ID for the radio button. */
-        this.id = "md-radio-" + _uniqueIdCounter++;
-        /** Value assigned to this radio.*/
-        this._value = null;
-        /** Event emitted when the group value changes. */
-        this.change = new EventEmitter();
-        this.radioGroup = radioGroup;
-        radioDispatcher.listen(function (id, name) {
-            if (id != _this.id && name == _this.name) {
-                _this.checked = false;
-            }
-        });
-    }
-    Object.defineProperty(MdRadioButton.prototype, "inputId", {
-        get: function () {
-            return this.id + "-input";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdRadioButton.prototype, "checked", {
-        get: function () {
-            return this._checked;
-        },
-        set: function (newCheckedState) {
-            if (newCheckedState) {
-                // Notify all radio buttons with the same name to un-check.
-                this.radioDispatcher.notify(this.id, this.name);
-            }
-            this._checked = newCheckedState;
-            if (newCheckedState && this.radioGroup && this.radioGroup.value != this.value) {
-                this.radioGroup.selected = this;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdRadioButton.prototype, "value", {
-        /** MdRadioGroup reads this to assign its own value. */
-        get: function () {
-            return this._value;
-        },
-        set: function (value) {
-            if (this._value != value) {
-                if (this.radioGroup != null && this.checked) {
-                    this.radioGroup.value = value;
-                }
-                this._value = value;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdRadioButton.prototype, "align", {
-        get: function () {
-            return this._align || (this.radioGroup != null && this.radioGroup.align) || 'start';
-        },
-        set: function (value) {
-            this._align = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdRadioButton.prototype, "disabled", {
-        get: function () {
-            return this._disabled || (this.radioGroup != null && this.radioGroup.disabled);
-        },
-        set: function (value) {
-            // The presence of *any* disabled value makes the component disabled, *except* for false.
-            this._disabled = (value != null && value !== false) ? true : null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /** TODO: internal */
-    MdRadioButton.prototype.ngOnInit = function () {
-        if (this.radioGroup) {
-            // If the radio is inside a radio group, determine if it should be checked
-            this.checked = this.radioGroup.value === this._value;
-            // Copy name from parent radio group
-            this.name = this.radioGroup.name;
-        }
-    };
-    /** Dispatch change event with current value. */
-    MdRadioButton.prototype._emitChangeEvent = function () {
-        var event = new MdRadioChange();
-        event.source = this;
-        event.value = this._value;
-        this.change.emit(event);
-    };
-    /**
-     * We use a hidden native input field to handle changes to focus state via keyboard navigation,
-     * with visual rendering done separately. The native element is kept in sync with the overall
-     * state of the component.
-     */
-    MdRadioButton.prototype._onInputFocus = function () {
-        this._isFocused = true;
-    };
-    /** TODO: internal */
-    MdRadioButton.prototype._onInputBlur = function () {
-        this._isFocused = false;
-        if (this.radioGroup) {
-            this.radioGroup._touch();
-        }
-    };
-    /** TODO: internal */
-    MdRadioButton.prototype._onInputClick = function (event) {
-        // We have to stop propagation for click events on the visual hidden input element.
-        // By default, when a user clicks on a label element, a generated click event will be
-        // dispatched on the associated input element. Since we are using a label element as our
-        // root container, the click event on the `radio-button` will be executed twice.
-        // The real click event will bubble up, and the generated click event also tries to bubble up.
-        // This will lead to multiple click events.
-        // Preventing bubbling for the second event will solve that issue.
-        event.stopPropagation();
-    };
-    /**
-     * Triggered when the radio button received a click or the input recognized any change.
-     * Clicking on a label element, will trigger a change event on the associated input.
-     * TODO: internal
-     */
-    MdRadioButton.prototype._onInputChange = function (event) {
-        // We always have to stop propagation on the change event.
-        // Otherwise the change event, from the input element, will bubble up and
-        // emit its event object to the `change` output.
-        event.stopPropagation();
-        this.checked = true;
-        this._emitChangeEvent();
-        if (this.radioGroup) {
-            this.radioGroup._touch();
-        }
-    };
-    __decorate([
-        HostBinding('class.md-radio-focused'), 
-        __metadata('design:type', Boolean)
-    ], MdRadioButton.prototype, "_isFocused", void 0);
-    __decorate([
-        HostBinding('id'),
-        Input(), 
-        __metadata('design:type', String)
-    ], MdRadioButton.prototype, "id", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdRadioButton.prototype, "name", void 0);
-    __decorate([
-        Input('aria-label'), 
-        __metadata('design:type', String)
-    ], MdRadioButton.prototype, "ariaLabel", void 0);
-    __decorate([
-        Input('aria-labelledby'), 
-        __metadata('design:type', String)
-    ], MdRadioButton.prototype, "ariaLabelledby", void 0);
-    __decorate([
-        Output(), 
-        __metadata('design:type', EventEmitter)
-    ], MdRadioButton.prototype, "change", void 0);
-    __decorate([
-        HostBinding('class.md-radio-checked'),
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdRadioButton.prototype, "checked", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdRadioButton.prototype, "value", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdRadioButton.prototype, "align", null);
-    __decorate([
-        HostBinding('class.md-radio-disabled'),
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdRadioButton.prototype, "disabled", null);
-    MdRadioButton = __decorate([
-        Component({selector: 'md-radio-button',
-            template: "<!-- TODO(jelbourn): render the radio on either side of the content --> <!-- TODO(mtlin): Evaluate trade-offs of using native radio vs. cost of additional bindings. --> <label [attr.for]=\"inputId\" class=\"md-radio-label\"> <!-- The actual 'radio' part of the control. --> <div class=\"md-radio-container\"> <div class=\"md-radio-outer-circle\"></div> <div class=\"md-radio-inner-circle\"></div> <div class=\"md-ink-ripple\"></div> </div> <input #input class=\"md-radio-input md-visually-hidden\" type=\"radio\" [id]=\"inputId\" [checked]=\"checked\" [disabled]=\"disabled\" [name]=\"name\" [attr.aria-label]=\"ariaLabel\" [attr.aria-labelledby]=\"ariaLabelledby\" (change)=\"_onInputChange($event)\" (focus)=\"_onInputFocus()\" (blur)=\"_onInputBlur()\" (click)=\"_onInputClick($event)\"> <!-- The label content for radio control. --> <div class=\"md-radio-label-content\" [class.md-radio-align-end]=\"align == 'end'\"> <ng-content></ng-content> </div> </label> ",
-            styles: ["md-radio-button { display: inline-block; } .md-radio-label { cursor: pointer; display: inline-flex; align-items: baseline; white-space: nowrap; } .md-radio-container { box-sizing: border-box; display: inline-block; height: 20px; position: relative; width: 20px; top: 2px; } .md-radio-outer-circle { border: solid 2px; border-radius: 50%; box-sizing: border-box; height: 20px; left: 0; position: absolute; top: 0; transition: border-color ease 280ms; width: 20px; } .md-radio-inner-circle { border-radius: 50%; box-sizing: border-box; height: 20px; left: 0; position: absolute; top: 0; transition: transform ease 280ms, background-color ease 280ms; transform: scale(0); width: 20px; } .md-radio-checked .md-radio-inner-circle { transform: scale(0.5); } .md-radio-label-content { display: inline-block; order: 0; line-height: inherit; padding-left: 8px; padding-right: 0; } [dir='rtl'] .md-radio-label-content { padding-right: 8px; padding-left: 0; } .md-radio-label-content.md-radio-align-end { order: -1; padding-left: 0; padding-right: 8px; } [dir='rtl'] .md-radio-label-content.md-radio-align-end { padding-right: 0; padding-left: 8px; } .md-radio-disabled, .md-radio-disabled .md-radio-label { cursor: default; } .md-ink-ripple { border-radius: 50%; opacity: 0; height: 48px; left: 50%; overflow: hidden; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: opacity ease 280ms, background-color ease 280ms; width: 48px; } .md-radio-focused .md-ink-ripple { opacity: 1; } .md-radio-disabled .md-ink-ripple { background-color: #000; } /*# sourceMappingURL=radio.css.map */ "],
-            encapsulation: ViewEncapsulation.None
-        }),
-        __param(0, Optional()), 
-        __metadata('design:paramtypes', [MdRadioGroup, MdUniqueSelectionDispatcher])
-    ], MdRadioButton);
-    return MdRadioButton;
-}());
-export var MdRadioModule = (function () {
-    function MdRadioModule() {
-    }
-    MdRadioModule.forRoot = function () {
-        return {
-            ngModule: MdRadioModule,
-            providers: [MdUniqueSelectionDispatcher],
-        };
-    };
-    MdRadioModule = __decorate([
-        NgModule({
-            exports: [MdRadioGroup, MdRadioButton],
-            declarations: [MdRadioGroup, MdRadioButton],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdRadioModule);
-    return MdRadioModule;
-}());
-
-//# sourceMappingURL=radio.js.map