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

package/checkbox/checkbox.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox/checkbox.css","sources":["checkbox/checkbox.scss","core/theming/_theming.scss","core/theming/_palette.scss","core/style/_variables.scss","core/typography/_typography.scss","core/ripple/_ripple.scss"],"sourcesContent":["@import '../core/theming/theming';\n@import '../core/style/variables';\n@import '../core/ripple/ripple';\n\n\n// The width/height of the checkbox element.\n$md-checkbox-size: $md-toggle-size !default;\n// The width of the line used to draw the checkmark / mixedmark.\n$md-checkbox-mark-stroke-size: 2/15 * $md-checkbox-size !default;\n// The width of the checkbox border shown when the checkbox is unchecked.\n$md-checkbox-border-width: 2px;\n// The base duration used for the majority of transitions for the checkbox.\n$md-checkbox-transition-duration: 90ms;\n// The amount of spacing between the checkbox and its label.\n$md-checkbox-item-spacing: $md-toggle-padding;\n\n// Manual calculation done on SVG\n$_md-checkbox-mark-path-length: 22.910259;\n$_md-checkbox-indeterminate-checked-easing-function: cubic-bezier(0.14, 0, 0, 1);\n\n// Fades in the background of the checkbox when it goes from unchecked -> {checked,indeterminate}.\n@keyframes md-checkbox-fade-in-background {\n  0% {\n    opacity: 0;\n  }\n\n  50% {\n    opacity: 1;\n  }\n}\n\n// Fades out the background of the checkbox when it goes from {checked,indeterminate} -> unchecked.\n@keyframes md-checkbox-fade-out-background {\n  0%, 50% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n}\n\n// \"Draws\" in the checkmark when the checkbox goes from unchecked -> checked.\n@keyframes md-checkbox-unchecked-checked-checkmark-path {\n  0%, 50% {\n    stroke-dashoffset: $_md-checkbox-mark-path-length;\n  }\n\n  50% {\n    animation-timing-function: $md-linear-out-slow-in-timing-function;\n  }\n\n  100% {\n    stroke-dashoffset: 0;\n  }\n}\n\n// Horizontally expands the mixedmark when the checkbox goes from unchecked -> indeterminate.\n@keyframes md-checkbox-unchecked-indeterminate-mixedmark {\n  0%, 68.2% {\n    transform: scaleX(0);\n  }\n\n  68.2% {\n    animation-timing-function: cubic-bezier(0, 0, 0, 1);\n  }\n\n  100% {\n    transform: scaleX(1);\n  }\n}\n\n// \"Erases\" the checkmark when the checkbox goes from checked -> unchecked.\n@keyframes md-checkbox-checked-unchecked-checkmark-path {\n  from {\n    animation-timing-function: $md-fast-out-linear-in-timing-function;\n    stroke-dashoffset: 0;\n  }\n\n  to {\n    stroke-dashoffset: $_md-checkbox-mark-path-length * -1;\n  }\n}\n\n\n// Rotates and fades out the checkmark when the checkbox goes from checked -> indeterminate. This\n// animation helps provide the illusion of the checkmark \"morphing\" into the mixedmark.\n@keyframes md-checkbox-checked-indeterminate-checkmark {\n  from {\n    animation-timing-function: $md-linear-out-slow-in-timing-function;\n    opacity: 1;\n    transform: rotate(0deg);\n  }\n\n  to {\n    opacity: 0;\n    transform: rotate(45deg);\n  }\n}\n\n// Rotates and fades the checkmark back into position when the checkbox goes from indeterminate ->\n// checked. This animation helps provide the illusion that the mixedmark is \"morphing\" into the\n// checkmark.\n@keyframes md-checkbox-indeterminate-checked-checkmark {\n  from {\n    animation-timing-function: $_md-checkbox-indeterminate-checked-easing-function;\n    opacity: 0;\n    transform: rotate(45deg);\n  }\n\n  to {\n    opacity: 1;\n    transform: rotate(360deg);\n  }\n}\n\n// Rotates and fades in the mixedmark when the checkbox goes from checked -> indeterminate. This\n// animation, similar to md-checkbox-checked-indeterminate-checkmark, helps provide an illusion\n// of \"morphing\" from checkmark -> mixedmark.\n@keyframes md-checkbox-checked-indeterminate-mixedmark {\n  from {\n    animation-timing-function: $md-linear-out-slow-in-timing-function;\n    opacity: 0;\n    transform: rotate(-45deg);\n  }\n\n  to {\n    opacity: 1;\n    transform: rotate(0deg);\n  }\n}\n\n// Rotates and fades out the mixedmark when the checkbox goes from indeterminate -> checked. This\n// animation, similar to md-checkbox-indeterminate-checked-checkmark, helps provide an illusion\n// of \"morphing\" from mixedmark -> checkmark.\n@keyframes md-checkbox-indeterminate-checked-mixedmark {\n  from {\n    animation-timing-function: $_md-checkbox-indeterminate-checked-easing-function;\n    opacity: 1;\n    transform: rotate(0deg);\n  }\n\n  to {\n    opacity: 0;\n    transform: rotate(315deg);\n  }\n}\n\n\n// Horizontally collapses and fades out the mixedmark when the checkbox goes from indeterminate ->\n// unchecked.\n@keyframes md-checkbox-indeterminate-unchecked-mixedmark {\n  0% {\n    animation-timing-function: linear;\n    opacity: 1;\n    transform: scaleX(1);\n  }\n\n  32.8%, 100% {\n    opacity: 0;\n    transform: scaleX(0);\n  }\n}\n\n// Applied to elements that cover the checkbox's entire inner container.\n%md-checkbox-cover-element {\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n// Applied to elements that are considered \"marks\" within the checkbox, e.g. the checkmark and\n// the mixedmark.\n%md-checkbox-mark {\n  $width-padding-inset: 2 * $md-checkbox-border-width;\n  width: calc(100% - #{$width-padding-inset});\n}\n\n// Applied to elements that appear to make up the outer box of the checkmark, such as the frame\n// that contains the border and the actual background element that contains the marks.\n%md-checkbox-outer-box {\n  @extend %md-checkbox-cover-element;\n  border-radius: 2px;\n  box-sizing: border-box;\n  pointer-events: none;\n}\n\nmd-checkbox {\n  cursor: pointer;\n}\n\n.md-checkbox-layout {\n  // `cursor: inherit` ensures that the wrapper element gets the same cursor as the md-checkbox\n  // (e.g. pointer by default, regular when disabled), instead of the browser default.\n  cursor: inherit;\n  align-items: baseline;\n  display: inline-flex;\n}\n\n.md-checkbox-inner-container {\n  display: inline-block;\n  height: $md-checkbox-size;\n  line-height: 0;\n  margin: auto;\n  margin-right: $md-checkbox-item-spacing;\n  order: 0;\n  position: relative;\n  vertical-align: middle;\n  white-space: nowrap;\n  width: $md-checkbox-size;\n\n  [dir='rtl'] & {\n    margin: {\n      left: $md-checkbox-item-spacing;\n      right: auto;\n    }\n  }\n}\n\n// TODO(kara): Remove this style when fixing vertical baseline\n.md-checkbox-layout .md-checkbox-label {\n  line-height: 24px;\n}\n\n.md-checkbox-frame {\n  @extend %md-checkbox-outer-box;\n\n  background-color: transparent;\n  border: $md-checkbox-border-width solid;\n  transition: border-color $md-checkbox-transition-duration $md-linear-out-slow-in-timing-function;\n  will-change: border-color;\n}\n\n.md-checkbox-background {\n  @extend %md-checkbox-outer-box;\n\n  align-items: center;\n  display: inline-flex;\n  justify-content: center;\n  transition: background-color $md-checkbox-transition-duration\n                  $md-linear-out-slow-in-timing-function,\n              opacity $md-checkbox-transition-duration $md-linear-out-slow-in-timing-function;\n  will-change: background-color, opacity;\n}\n\n.md-checkbox-checkmark {\n  @extend %md-checkbox-cover-element;\n  @extend %md-checkbox-mark;\n\n  width: 100%;\n}\n\n.md-checkbox-checkmark-path {\n  stroke: {\n    dashoffset: $_md-checkbox-mark-path-length;\n    dasharray: $_md-checkbox-mark-path-length;\n    width: $md-checkbox-mark-stroke-size;\n  }\n}\n\n.md-checkbox-mixedmark {\n  @extend %md-checkbox-mark;\n\n  height: floor($md-checkbox-mark-stroke-size);\n  opacity: 0;\n  transform: scaleX(0) rotate(0deg);\n}\n\n.md-checkbox-align-end {\n  .md-checkbox-inner-container {\n    order: 1;\n    margin: {\n      left: $md-checkbox-item-spacing;\n      right: auto;\n    }\n\n    [dir='rtl'] & {\n      margin: {\n        left: auto;\n        right: $md-checkbox-item-spacing;\n      }\n    }\n  }\n}\n\n.md-checkbox-checked {\n  .md-checkbox-checkmark {\n    opacity: 1;\n  }\n\n  .md-checkbox-checkmark-path {\n    stroke-dashoffset: 0;\n  }\n\n  .md-checkbox-mixedmark {\n    transform: scaleX(1) rotate(-45deg);\n  }\n}\n\n.md-checkbox-indeterminate {\n  .md-checkbox-checkmark {\n    opacity: 0;\n    transform: rotate(45deg);\n  }\n\n  .md-checkbox-checkmark-path {\n    stroke-dashoffset: 0;\n  }\n\n  .md-checkbox-mixedmark {\n    opacity: 1;\n    transform: scaleX(1) rotate(0deg);\n  }\n}\n\n\n.md-checkbox-unchecked {\n  .md-checkbox-background {\n    background-color: transparent;\n  }\n}\n\n.md-checkbox-disabled {\n  cursor: default;\n}\n\n.md-checkbox-anim {\n  $indeterminate-change-duration: 500ms;\n\n  &-unchecked-checked {\n    .md-checkbox-background {\n      animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-in-background;\n    }\n\n    .md-checkbox-checkmark-path {\n      // Instead of delaying the animation, we simply multiply its length by 2 and begin the\n      // animation at 50% in order to prevent a flash of styles applied to a checked checkmark\n      // as the background is fading in before the animation begins.\n      animation:\n        $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-unchecked-checked-checkmark-path;\n    }\n  }\n\n  &-unchecked-indeterminate {\n    .md-checkbox-background {\n      animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-in-background;\n    }\n\n    .md-checkbox-mixedmark {\n      animation:\n        $md-checkbox-transition-duration linear 0ms md-checkbox-unchecked-indeterminate-mixedmark;\n    }\n  }\n\n  &-checked-unchecked {\n    .md-checkbox-background {\n      animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-out-background;\n    }\n\n    .md-checkbox-checkmark-path {\n      animation:\n        $md-checkbox-transition-duration linear 0ms md-checkbox-checked-unchecked-checkmark-path;\n    }\n  }\n\n  &-checked-indeterminate {\n    .md-checkbox-checkmark {\n      animation:\n        $md-checkbox-transition-duration linear 0ms md-checkbox-checked-indeterminate-checkmark;\n    }\n\n    .md-checkbox-mixedmark {\n      animation:\n        $md-checkbox-transition-duration linear 0ms md-checkbox-checked-indeterminate-mixedmark;\n    }\n  }\n\n  &-indeterminate-checked {\n    .md-checkbox-checkmark {\n      animation:\n        $indeterminate-change-duration linear 0ms md-checkbox-indeterminate-checked-checkmark;\n    }\n\n    .md-checkbox-mixedmark {\n      animation:\n        $indeterminate-change-duration linear 0ms md-checkbox-indeterminate-checked-mixedmark;\n    }\n  }\n\n  &-indeterminate-unchecked {\n    .md-checkbox-background {\n      animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-out-background;\n    }\n\n    .md-checkbox-mixedmark {\n      animation:\n        $indeterminate-change-duration * 0.6 linear 0ms\n        md-checkbox-indeterminate-unchecked-mixedmark;\n    }\n  }\n}\n\n.md-checkbox-input {\n  // Move the input to the bottom and in the middle.\n  // Visual improvement to properly show browser popups when being required.\n  bottom: 0;\n  left: 50%;\n}\n\n@include md-temporary-ink-ripple(checkbox);\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","@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"],"mappings":"AAqBA,UAAU,CAAV,8BAAU;EACR,AAAA,EAAE;IACA,OAAO,EAAE,CAAE;EAGb,AAAA,GAAG;IACD,OAAO,EAAE,CAAE;;AAKf,UAAU,CAAV,+BAAU;EACR,AAAA,EAAE,EAAE,AAAA,GAAG;IACL,OAAO,EAAE,CAAE;EAGb,AAAA,IAAI;IACF,OAAO,EAAE,CAAE;;AAKf,UAAU,CAAV,4CAAU;EACR,AAAA,EAAE,EAAE,AAAA,GAAG;IACL,iBAAiB,EA5BW,QAAS;EA+BvC,AAAA,GAAG;IACD,yBAAyB,EGfW,4BAAY;EHkBlD,AAAA,IAAI;IACF,iBAAiB,EAAE,CAAE;;AAKzB,UAAU,CAAV,6CAAU;EACR,AAAA,EAAE,EAAE,AAAA,KAAK;IACP,SAAS,EAAE,SAAM;EAGnB,AAAA,KAAK;IACH,yBAAyB,EAAE,wBAAY;EAGzC,AAAA,IAAI;IACF,SAAS,EAAE,SAAM;;AAKrB,UAAU,CAAV,4CAAU;EACR,AAAA,IAAI;IACF,yBAAyB,EGvCW,0BAAY;IHwChD,iBAAiB,EAAE,CAAE;EAGvB,AAAA,EAAE;IACA,iBAAiB,EAAE,SAA8B;;AAOrD,UAAU,CAAV,2CAAU;EACR,AAAA,IAAI;IACF,yBAAyB,EGvDW,4BAAY;IHwDhD,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,YAAM;EAGnB,AAAA,EAAE;IACA,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,aAAM;;AAOrB,UAAU,CAAV,2CAAU;EACR,AAAA,IAAI;IACF,yBAAyB,EAvFwB,2BAAY;IAwF7D,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,aAAM;EAGnB,AAAA,EAAE;IACA,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,cAAM;;AAOrB,UAAU,CAAV,2CAAU;EACR,AAAA,IAAI;IACF,yBAAyB,EGvFW,4BAAY;IHwFhD,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,cAAM;EAGnB,AAAA,EAAE;IACA,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,YAAM;;AAOrB,UAAU,CAAV,2CAAU;EACR,AAAA,IAAI;IACF,yBAAyB,EAvHwB,2BAAY;IAwH7D,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,YAAM;EAGnB,AAAA,EAAE;IACA,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,cAAM;;AAOrB,UAAU,CAAV,6CAAU;EACR,AAAA,EAAE;IACA,yBAAyB,EAAE,MAAO;IAClC,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,SAAM;EAGnB,AAAA,KAAK,EAAE,AAAA,IAAI;IACT,OAAO,EAAE,CAAE;IACX,SAAS,EAAE,SAAM;;AAkErB,AA7DA,kBA6DkB,EASlB,AAtEA,uBAsEuB,EAYvB,AAlFA,sBAkFsB,CAlFK;EACzB,MAAM,EAAE,CAAE;EACV,IAAI,EAAE,CAAE;EACR,QAAQ,EAAE,QAAS;EACnB,KAAK,EAAE,CAAE;EACT,GAAG,EAAE,CAAE,GACR;;AA4ED,AAxEA,sBAwEsB,EAetB,AAvFA,sBAuFsB,CAvFJ;EAEhB,KAAK,EAAE,gBAAI,GACZ;;AAgDD,AA5CA,kBA4CkB,EASlB,AArDA,uBAqDuB,CArDA;EAErB,aAAa,EAAE,GAAI;EACnB,UAAU,EAAE,UAAW;EACvB,cAAc,EAAE,IAAK,GACtB;;AAED,AAAA,WAAW,CAAC;EACV,MAAM,EAAE,OAAQ,GACjB;;AAED,AAAA,mBAAmB,CAAC;EAGlB,MAAM,EAAE,OAAQ;EAChB,WAAW,EAAE,QAAS;EACtB,OAAO,EAAE,WAAY,GACtB;;AAED,AAAA,4BAA4B,CAAC;EAC3B,OAAO,EAAE,YAAa;EACtB,MAAM,EG/KS,IAAI;EHgLnB,WAAW,EAAE,CAAE;EACf,MAAM,EAAE,IAAK;EACb,YAAY,EGpLM,GAAG;EHqLrB,KAAK,EAAE,CAAE;EACT,QAAQ,EAAE,QAAS;EACnB,cAAc,EAAE,MAAO;EACvB,WAAW,EAAE,MAAO;EACpB,KAAK,EGvLU,IAAI,GH+LpB;GANC,AAAA,AAZF,GAYG,CAAI,KAAK,AAAT,EAZH,4BAA4B,CAYZ;IACZ,MAAM,AAAC,CAAC,AACN,IAAI,EG7LU,GAAG;IH4LnB,MAAM,AAAC,CAAC,AAEN,KAAK,EAAE,IAAK,GAEf;;AAIH,AAAoB,mBAAD,CAAC,kBAAkB,CAAC;EACrC,WAAW,EAAE,IAAK,GACnB;;AAED,AAAA,kBAAkB,CAAC;EAGjB,gBAAgB,EAAE,WAAY;EAC9B,MAAM,EA5NmB,GAAG,CA4NM,KAAK;EACvC,UAAU,EAAE,YAAY,CA3NQ,IAAI,CGsBE,4BAAY;EHsMlD,WAAW,EAAE,YAAa,GAC3B;;AAED,AAAA,uBAAuB,CAAC;EAGtB,WAAW,EAAE,MAAO;EACpB,OAAO,EAAE,WAAY;EACrB,eAAe,EAAE,MAAO;EACxB,UAAU,EAAE,gBAAgB,CArOI,IAAI,CGsBE,4BAAY,EHiNtC,OAAO,CAvOa,IAAI,CGsBE,4BAAY;EHkNlD,WAAW,EAAE,yBAA0B,GACxC;;AAED,AAAA,sBAAsB,CAAC;EAIrB,KAAK,EAAE,IAAK,GACb;;AAED,AAAA,2BAA2B,CAAC;EAC1B,MAAM,AAAC,CAAC,AACN,UAAU,EA/OkB,QAAS;EA8OvC,MAAM,AAAC,CAAC,AAEN,SAAS,EAhPmB,QAAS;EA8OvC,MAAM,AAAC,CAAC,AAGN,KAAK,EA1PsB,SAAC,GA4P/B;;AAED,AAAA,sBAAsB,CAAC;EAGrB,MAAM,EAAE,GAAK;EACb,OAAO,EAAE,CAAE;EACX,SAAS,EAAE,SAAM,CAAI,YAAM,GAC5B;;AAED,AACE,sBADoB,CACpB,4BAA4B,CAAC;EAC3B,KAAK,EAAE,CAAE;EACT,MAAM,AAAC,CAAC,AACN,IAAI,EGxPU,GAAG;EHuPnB,MAAM,AAAC,CAAC,AAEN,KAAK,EAAE,IAAK,GASf;GANC,AAAA,AAPF,GAOG,CAAI,KAAK,AAAT,EARL,sBAAsB,CACpB,4BAA4B,CAOZ;IACZ,MAAM,AAAC,CAAC,AACN,IAAI,EAAE,IAAK;IADb,MAAM,AAAC,CAAC,AAEN,KAAK,EG/PO,GAAG,GHiQlB;;AAIL,AACE,oBADkB,CAClB,sBAAsB,CAAC;EACrB,OAAO,EAAE,CAAE,GACZ;;AAHH,AAKE,oBALkB,CAKlB,2BAA2B,CAAC;EAC1B,iBAAiB,EAAE,CAAE,GACtB;;AAPH,AASE,oBATkB,CASlB,sBAAsB,CAAC;EACrB,SAAS,EAAE,SAAM,CAAI,cAAM,GAC5B;;AAGH,AACE,0BADwB,CACxB,sBAAsB,CAAC;EACrB,OAAO,EAAE,CAAE;EACX,SAAS,EAAE,aAAM,GAClB;;AAJH,AAME,0BANwB,CAMxB,2BAA2B,CAAC;EAC1B,iBAAiB,EAAE,CAAE,GACtB;;AARH,AAUE,0BAVwB,CAUxB,sBAAsB,CAAC;EACrB,OAAO,EAAE,CAAE;EACX,SAAS,EAAE,SAAM,CAAI,YAAM,GAC5B;;AAIH,AACE,sBADoB,CACpB,uBAAuB,CAAC;EACtB,gBAAgB,EAAE,WAAY,GAC/B;;AAGH,AAAA,qBAAqB,CAAC;EACpB,MAAM,EAAE,OAAQ,GACjB;;AAED,AAII,mCAJa,CAIb,uBAAuB,CAAC;EACtB,SAAS,EAAE,KAAgC,CAAK,MAAM,CAAC,GAAG,CAAC,8BAA8B,GAC1F;;AANL,AAQI,mCARa,CAQb,2BAA2B,CAAC;EAI1B,SAAS,EACP,KAAgC,CAAK,MAAM,CAAC,GAAG,CAAC,4CAA4C,GAC/F;;AAdL,AAkBI,yCAlBa,CAkBb,uBAAuB,CAAC;EACtB,SAAS,EAAE,KAAgC,CAAK,MAAM,CAAC,GAAG,CAAC,8BAA8B,GAC1F;;AApBL,AAsBI,yCAtBa,CAsBb,sBAAsB,CAAC;EACrB,SAAS,EAnVmB,IAAI,CAoVG,MAAM,CAAC,GAAG,CAAC,6CAA6C,GAC5F;;AAzBL,AA6BI,mCA7Ba,CA6Bb,uBAAuB,CAAC;EACtB,SAAS,EAAE,KAAgC,CAAK,MAAM,CAAC,GAAG,CAAC,+BAA+B,GAC3F;;AA/BL,AAiCI,mCAjCa,CAiCb,2BAA2B,CAAC;EAC1B,SAAS,EA9VmB,IAAI,CA+VG,MAAM,CAAC,GAAG,CAAC,4CAA4C,GAC3F;;AApCL,AAwCI,uCAxCa,CAwCb,sBAAsB,CAAC;EACrB,SAAS,EArWmB,IAAI,CAsWG,MAAM,CAAC,GAAG,CAAC,2CAA2C,GAC1F;;AA3CL,AA6CI,uCA7Ca,CA6Cb,sBAAsB,CAAC;EACrB,SAAS,EA1WmB,IAAI,CA2WG,MAAM,CAAC,GAAG,CAAC,2CAA2C,GAC1F;;AAhDL,AAoDI,uCApDa,CAoDb,sBAAsB,CAAC;EACrB,SAAS,EApDmB,KAAK,CAqDA,MAAM,CAAC,GAAG,CAAC,2CAA2C,GACxF;;AAvDL,AAyDI,uCAzDa,CAyDb,sBAAsB,CAAC;EACrB,SAAS,EAzDmB,KAAK,CA0DA,MAAM,CAAC,GAAG,CAAC,2CAA2C,GACxF;;AA5DL,AAgEI,yCAhEa,CAgEb,uBAAuB,CAAC;EACtB,SAAS,EAAE,KAAgC,CAAK,MAAM,CAAC,GAAG,CAAC,+BAA+B,GAC3F;;AAlEL,AAoEI,yCApEa,CAoEb,sBAAsB,CAAC;EACrB,SAAS,EACP,KAA8B,CAAO,MAAM,CAAC,GAAG,CAC/C,6CAA6C,GAChD;;AAIL,AAAA,kBAAkB,CAAC;EAGjB,MAAM,EAAE,CAAE;EACV,IAAI,EAAE,GAAI,GACX;;AKxUC,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,AAAqB,oBAAD,CAAC,cAAc,CAAnC;EACE,OAAO,EAAE,CAAE,GACZ;;AAID,AAAsB,qBAAD,CAAC,cAAc,CAApC;EACE,gBAAgB,EAAE,IAAK,GACxB","names":[],"sourceRoot":"/source/"}

package/checkbox/checkbox.d.ts

@@ -1,127 +0,0 @@
-import { ElementRef, EventEmitter, Renderer, ModuleWithProviders } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-/**
- * Provider Expression that allows md-checkbox to register as a ControlValueAccessor. This allows it
- * to support [(ngModel)].
- */
-export declare const MD_CHECKBOX_CONTROL_VALUE_ACCESSOR: any;
-/**
- * Represents the different states that require custom transitions between them.
- */
-export declare enum TransitionCheckState {
-    /** The initial state of the component before any user interaction. */
-    Init = 0,
-    /** The state representing the component when it's becoming checked. */
-    Checked = 1,
-    /** The state representing the component when it's becoming unchecked. */
-    Unchecked = 2,
-    /** The state representing the component when it's becoming indeterminate. */
-    Indeterminate = 3,
-}
-export declare class MdCheckboxChange {
-    source: MdCheckbox;
-    checked: boolean;
-}
-/**
- * A material design checkbox component. Supports all of the functionality of an HTML5 checkbox,
- * and exposes a similar API. An MdCheckbox can be either checked, unchecked, indeterminate, or
- * disabled. Note that all additional accessibility attributes are taken care of by the component,
- * so there is no need to provide them yourself. However, if you want to omit a label and still
- * have the checkbox be accessible, you may supply an [aria-label] input.
- * See: https://www.google.com/design/spec/components/selection-controls.html
- */
-export declare class MdCheckbox implements ControlValueAccessor {
-    private _renderer;
-    private _elementRef;
-    /**
-     * Attached to the aria-label attribute of the host element. In most cases, arial-labelledby will
-     * take precedence so this may be omitted.
-     */
-    ariaLabel: string;
-    /**
-     * Users can specify the `aria-labelledby` attribute which will be forwarded to the input element
-     */
-    ariaLabelledby: string;
-    /** A unique id for the checkbox. If one is not supplied, it is auto-generated. */
-    id: string;
-    /** ID to be applied to the `input` element */
-    readonly inputId: string;
-    /** Whether the checkbox is required or not. */
-    required: boolean;
-    /** Whether or not the checkbox should come before or after the label. */
-    align: 'start' | 'end';
-    /**
-     * Whether the checkbox is disabled. When the checkbox is disabled it cannot be interacted with.
-     * The correct ARIA attributes are applied to denote this to assistive technology.
-     */
-    disabled: boolean;
-    /**
-     * The tabindex attribute for the checkbox. Note that when the checkbox is disabled, the attribute
-     * on the host element will be removed. It will be placed back when the checkbox is re-enabled.
-     */
-    tabindex: number;
-    /** Name value will be applied to the input element if present */
-    name: string;
-    /** Event emitted when the checkbox's `checked` value changes. */
-    change: EventEmitter<MdCheckboxChange>;
-    /** Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor. */
-    onTouched: () => any;
-    private _currentAnimationClass;
-    private _currentCheckState;
-    private _checked;
-    private _indeterminate;
-    private _controlValueAccessorChangeFn;
-    hasFocus: boolean;
-    constructor(_renderer: Renderer, _elementRef: ElementRef);
-    /**
-     * Whether the checkbox is checked. Note that setting `checked` will immediately set
-     * `indeterminate` to false.
-     */
-    checked: boolean;
-    /**
-     * Whether the checkbox is indeterminate. This is also known as "mixed" mode and can be used to
-     * represent a checkbox with three states, e.g. a checkbox that represents a nested list of
-     * checkable items. Note that whenever `checked` is set, indeterminate is immediately set to
-     * false. This differs from the web platform in that indeterminate state on native
-     * checkboxes is only remove when the user manually checks the checkbox (rather than setting the
-     * `checked` property programmatically). However, we feel that this behavior is more accommodating
-     * to the way consumers would envision using this component.
-     */
-    indeterminate: boolean;
-    /**
-     * 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;
-    private _transitionCheckState(newState);
-    private _emitChangeEvent();
-    /** Informs the component when the input has focus so that we can style accordingly */
-    _onInputFocus(): void;
-    /** Informs the component when we lose focus in order to style accordingly */
-    _onInputBlur(): void;
-    /**
-     * Toggles the `checked` value between true and false
-     */
-    toggle(): void;
-    /**
-     * Event handler for checkbox input element.
-     * Toggles checked state if element is not disabled.
-     * @param event
-     */
-    _onInteractionEvent(event: Event): void;
-    _onInputClick(event: Event): void;
-    private _getAnimationClassForCheckStateTransition(oldState, newState);
-}
-export declare class MdCheckboxModule {
-    static forRoot(): ModuleWithProviders;
-}

package/checkbox/checkbox.html

@@ -1,37 +0,0 @@
-<label class="md-checkbox-layout">
-  <div class="md-checkbox-inner-container">
-    <input class="md-checkbox-input md-visually-hidden" type="checkbox"
-           [id]="inputId"
-           [required]="required"
-           [checked]="checked"
-           [disabled]="disabled"
-           [name]="name"
-           [tabIndex]="tabindex"
-           [indeterminate]="indeterminate"
-           [attr.aria-label]="ariaLabel"
-           [attr.aria-labelledby]="ariaLabelledby"
-           (focus)="_onInputFocus()"
-           (blur)="_onInputBlur()"
-           (change)="_onInteractionEvent($event)"
-           (click)="_onInputClick($event)">
-    <div class="md-ink-ripple"></div>
-    <div class="md-checkbox-frame"></div>
-    <div class="md-checkbox-background">
-      <svg version="1.1"
-           class="md-checkbox-checkmark"
-           xmlns="http://www.w3.org/2000/svg"
-           viewBox="0 0 24 24"
-           xml:space="preserve">
-        <path class="md-checkbox-checkmark-path"
-              fill="none"
-              stroke="white"
-              d="M4.1,12.7 9,17.6 20.3,6.3"/>
-      </svg>
-      <!-- Element for rendering the indeterminate state checkbox. -->
-      <div class="md-checkbox-mixedmark"></div>
-    </div>
-  </div>
-  <span class="md-checkbox-label">
-    <ng-content></ng-content>
-  </span>
-</label>

package/checkbox/checkbox.js

@@ -1,344 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, Renderer, ViewEncapsulation, forwardRef, NgModule } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { BooleanFieldValue } from '../core';
-/**
- * Monotonically increasing integer used to auto-generate unique ids for checkbox components.
- */
-var nextId = 0;
-/**
- * Provider Expression that allows md-checkbox to register as a ControlValueAccessor. This allows it
- * to support [(ngModel)].
- */
-export var MD_CHECKBOX_CONTROL_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return MdCheckbox; }),
-    multi: true
-};
-/**
- * Represents the different states that require custom transitions between them.
- */
-export var TransitionCheckState;
-(function (TransitionCheckState) {
-    /** The initial state of the component before any user interaction. */
-    TransitionCheckState[TransitionCheckState["Init"] = 0] = "Init";
-    /** The state representing the component when it's becoming checked. */
-    TransitionCheckState[TransitionCheckState["Checked"] = 1] = "Checked";
-    /** The state representing the component when it's becoming unchecked. */
-    TransitionCheckState[TransitionCheckState["Unchecked"] = 2] = "Unchecked";
-    /** The state representing the component when it's becoming indeterminate. */
-    TransitionCheckState[TransitionCheckState["Indeterminate"] = 3] = "Indeterminate";
-})(TransitionCheckState || (TransitionCheckState = {}));
-// A simple change event emitted by the MdCheckbox component.
-export var MdCheckboxChange = (function () {
-    function MdCheckboxChange() {
-    }
-    return MdCheckboxChange;
-}());
-/**
- * A material design checkbox component. Supports all of the functionality of an HTML5 checkbox,
- * and exposes a similar API. An MdCheckbox can be either checked, unchecked, indeterminate, or
- * disabled. Note that all additional accessibility attributes are taken care of by the component,
- * so there is no need to provide them yourself. However, if you want to omit a label and still
- * have the checkbox be accessible, you may supply an [aria-label] input.
- * See: https://www.google.com/design/spec/components/selection-controls.html
- */
-export var MdCheckbox = (function () {
-    function MdCheckbox(_renderer, _elementRef) {
-        this._renderer = _renderer;
-        this._elementRef = _elementRef;
-        /**
-         * Attached to the aria-label attribute of the host element. In most cases, arial-labelledby will
-         * take precedence so this may be omitted.
-         */
-        this.ariaLabel = '';
-        /**
-         * Users can specify the `aria-labelledby` attribute which will be forwarded to the input element
-         */
-        this.ariaLabelledby = null;
-        /** A unique id for the checkbox. If one is not supplied, it is auto-generated. */
-        this.id = "md-checkbox-" + ++nextId;
-        /** Whether the checkbox is required or not. */
-        this.required = false;
-        /** Whether or not the checkbox should come before or after the label. */
-        this.align = 'start';
-        /**
-         * Whether the checkbox is disabled. When the checkbox is disabled it cannot be interacted with.
-         * The correct ARIA attributes are applied to denote this to assistive technology.
-         */
-        this.disabled = false;
-        /**
-         * The tabindex attribute for the checkbox. Note that when the checkbox is disabled, the attribute
-         * on the host element will be removed. It will be placed back when the checkbox is re-enabled.
-         */
-        this.tabindex = 0;
-        /** Name value will be applied to the input element if present */
-        this.name = null;
-        /** Event emitted when the checkbox's `checked` value changes. */
-        this.change = new EventEmitter();
-        /** Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor. */
-        this.onTouched = function () { };
-        this._currentAnimationClass = '';
-        this._currentCheckState = TransitionCheckState.Init;
-        this._checked = false;
-        this._indeterminate = false;
-        this._controlValueAccessorChangeFn = function (value) { };
-        this.hasFocus = false;
-    }
-    Object.defineProperty(MdCheckbox.prototype, "inputId", {
-        /** ID to be applied to the `input` element */
-        get: function () {
-            return "input-" + this.id;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdCheckbox.prototype, "checked", {
-        /**
-         * Whether the checkbox is checked. Note that setting `checked` will immediately set
-         * `indeterminate` to false.
-         */
-        get: function () {
-            return this._checked;
-        },
-        set: function (checked) {
-            if (checked != this.checked) {
-                this._indeterminate = false;
-                this._checked = checked;
-                this._transitionCheckState(this._checked ? TransitionCheckState.Checked : TransitionCheckState.Unchecked);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(MdCheckbox.prototype, "indeterminate", {
-        /**
-         * Whether the checkbox is indeterminate. This is also known as "mixed" mode and can be used to
-         * represent a checkbox with three states, e.g. a checkbox that represents a nested list of
-         * checkable items. Note that whenever `checked` is set, indeterminate is immediately set to
-         * false. This differs from the web platform in that indeterminate state on native
-         * checkboxes is only remove when the user manually checks the checkbox (rather than setting the
-         * `checked` property programmatically). However, we feel that this behavior is more accommodating
-         * to the way consumers would envision using this component.
-         */
-        get: function () {
-            return this._indeterminate;
-        },
-        set: function (indeterminate) {
-            this._indeterminate = indeterminate;
-            if (this._indeterminate) {
-                this._transitionCheckState(TransitionCheckState.Indeterminate);
-            }
-            else {
-                this._transitionCheckState(this.checked ? TransitionCheckState.Checked : TransitionCheckState.Unchecked);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    MdCheckbox.prototype.writeValue = function (value) {
-        this.checked = !!value;
-    };
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    MdCheckbox.prototype.registerOnChange = function (fn) {
-        this._controlValueAccessorChangeFn = fn;
-    };
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * TODO: internal
-     */
-    MdCheckbox.prototype.registerOnTouched = function (fn) {
-        this.onTouched = fn;
-    };
-    MdCheckbox.prototype._transitionCheckState = function (newState) {
-        var oldState = this._currentCheckState;
-        var renderer = this._renderer;
-        var elementRef = this._elementRef;
-        if (oldState === newState) {
-            return;
-        }
-        if (this._currentAnimationClass.length > 0) {
-            renderer.setElementClass(elementRef.nativeElement, this._currentAnimationClass, false);
-        }
-        this._currentAnimationClass = this._getAnimationClassForCheckStateTransition(oldState, newState);
-        this._currentCheckState = newState;
-        if (this._currentAnimationClass.length > 0) {
-            renderer.setElementClass(elementRef.nativeElement, this._currentAnimationClass, true);
-        }
-    };
-    MdCheckbox.prototype._emitChangeEvent = function () {
-        var event = new MdCheckboxChange();
-        event.source = this;
-        event.checked = this.checked;
-        this._controlValueAccessorChangeFn(this.checked);
-        this.change.emit(event);
-    };
-    /** Informs the component when the input has focus so that we can style accordingly */
-    MdCheckbox.prototype._onInputFocus = function () {
-        this.hasFocus = true;
-    };
-    /** Informs the component when we lose focus in order to style accordingly */
-    MdCheckbox.prototype._onInputBlur = function () {
-        this.hasFocus = false;
-        this.onTouched();
-    };
-    /**
-     * Toggles the `checked` value between true and false
-     */
-    MdCheckbox.prototype.toggle = function () {
-        this.checked = !this.checked;
-    };
-    /**
-     * Event handler for checkbox input element.
-     * Toggles checked state if element is not disabled.
-     * @param event
-     */
-    MdCheckbox.prototype._onInteractionEvent = 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();
-        if (!this.disabled) {
-            this.toggle();
-            // Emit our custom change event if the native input emitted one.
-            // It is important to only emit it, if the native input triggered one, because
-            // we don't want to trigger a change event, when the `checked` variable changes for example.
-            this._emitChangeEvent();
-        }
-    };
-    MdCheckbox.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 `checkbox` 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();
-    };
-    MdCheckbox.prototype._getAnimationClassForCheckStateTransition = function (oldState, newState) {
-        var animSuffix;
-        switch (oldState) {
-            case TransitionCheckState.Init:
-                // Handle edge case where user interacts with checkbox that does not have [(ngModel)] or
-                // [checked] bound to it.
-                if (newState === TransitionCheckState.Checked) {
-                    animSuffix = 'unchecked-checked';
-                }
-                else {
-                    return '';
-                }
-                break;
-            case TransitionCheckState.Unchecked:
-                animSuffix = newState === TransitionCheckState.Checked ?
-                    'unchecked-checked' : 'unchecked-indeterminate';
-                break;
-            case TransitionCheckState.Checked:
-                animSuffix = newState === TransitionCheckState.Unchecked ?
-                    'checked-unchecked' : 'checked-indeterminate';
-                break;
-            case TransitionCheckState.Indeterminate:
-                animSuffix = newState === TransitionCheckState.Checked ?
-                    'indeterminate-checked' : 'indeterminate-unchecked';
-        }
-        return "md-checkbox-anim-" + animSuffix;
-    };
-    __decorate([
-        Input('aria-label'), 
-        __metadata('design:type', String)
-    ], MdCheckbox.prototype, "ariaLabel", void 0);
-    __decorate([
-        Input('aria-labelledby'), 
-        __metadata('design:type', String)
-    ], MdCheckbox.prototype, "ariaLabelledby", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdCheckbox.prototype, "id", void 0);
-    __decorate([
-        Input(),
-        BooleanFieldValue(), 
-        __metadata('design:type', Boolean)
-    ], MdCheckbox.prototype, "required", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdCheckbox.prototype, "align", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Boolean)
-    ], MdCheckbox.prototype, "disabled", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Number)
-    ], MdCheckbox.prototype, "tabindex", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', String)
-    ], MdCheckbox.prototype, "name", void 0);
-    __decorate([
-        Output(), 
-        __metadata('design:type', EventEmitter)
-    ], MdCheckbox.prototype, "change", void 0);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdCheckbox.prototype, "checked", null);
-    __decorate([
-        Input(), 
-        __metadata('design:type', Object)
-    ], MdCheckbox.prototype, "indeterminate", null);
-    MdCheckbox = __decorate([
-        Component({selector: 'md-checkbox',
-            template: "<label class=\"md-checkbox-layout\"> <div class=\"md-checkbox-inner-container\"> <input class=\"md-checkbox-input md-visually-hidden\" type=\"checkbox\" [id]=\"inputId\" [required]=\"required\" [checked]=\"checked\" [disabled]=\"disabled\" [name]=\"name\" [tabIndex]=\"tabindex\" [indeterminate]=\"indeterminate\" [attr.aria-label]=\"ariaLabel\" [attr.aria-labelledby]=\"ariaLabelledby\" (focus)=\"_onInputFocus()\" (blur)=\"_onInputBlur()\" (change)=\"_onInteractionEvent($event)\" (click)=\"_onInputClick($event)\"> <div class=\"md-ink-ripple\"></div> <div class=\"md-checkbox-frame\"></div> <div class=\"md-checkbox-background\"> <svg version=\"1.1\" class=\"md-checkbox-checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" xml:space=\"preserve\"> <path class=\"md-checkbox-checkmark-path\" fill=\"none\" stroke=\"white\" d=\"M4.1,12.7 9,17.6 20.3,6.3\"/> </svg> <!-- Element for rendering the indeterminate state checkbox. --> <div class=\"md-checkbox-mixedmark\"></div> </div> </div> <span class=\"md-checkbox-label\"> <ng-content></ng-content> </span> </label> ",
-            styles: ["@keyframes md-checkbox-fade-in-background { 0% { opacity: 0; } 50% { opacity: 1; } } @keyframes md-checkbox-fade-out-background { 0%, 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes md-checkbox-unchecked-checked-checkmark-path { 0%, 50% { stroke-dashoffset: 22.91026; } 50% { animation-timing-function: cubic-bezier(0, 0, 0.2, 0.1); } 100% { stroke-dashoffset: 0; } } @keyframes md-checkbox-unchecked-indeterminate-mixedmark { 0%, 68.2% { transform: scaleX(0); } 68.2% { animation-timing-function: cubic-bezier(0, 0, 0, 1); } 100% { transform: scaleX(1); } } @keyframes md-checkbox-checked-unchecked-checkmark-path { from { animation-timing-function: cubic-bezier(0.4, 0, 1, 1); stroke-dashoffset: 0; } to { stroke-dashoffset: -22.91026; } } @keyframes md-checkbox-checked-indeterminate-checkmark { from { animation-timing-function: cubic-bezier(0, 0, 0.2, 0.1); opacity: 1; transform: rotate(0deg); } to { opacity: 0; transform: rotate(45deg); } } @keyframes md-checkbox-indeterminate-checked-checkmark { from { animation-timing-function: cubic-bezier(0.14, 0, 0, 1); opacity: 0; transform: rotate(45deg); } to { opacity: 1; transform: rotate(360deg); } } @keyframes md-checkbox-checked-indeterminate-mixedmark { from { animation-timing-function: cubic-bezier(0, 0, 0.2, 0.1); opacity: 0; transform: rotate(-45deg); } to { opacity: 1; transform: rotate(0deg); } } @keyframes md-checkbox-indeterminate-checked-mixedmark { from { animation-timing-function: cubic-bezier(0.14, 0, 0, 1); opacity: 1; transform: rotate(0deg); } to { opacity: 0; transform: rotate(315deg); } } @keyframes md-checkbox-indeterminate-unchecked-mixedmark { 0% { animation-timing-function: linear; opacity: 1; transform: scaleX(1); } 32.8%, 100% { opacity: 0; transform: scaleX(0); } } .md-checkbox-frame, .md-checkbox-background, .md-checkbox-checkmark { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .md-checkbox-checkmark, .md-checkbox-mixedmark { width: calc(100% - 4px); } .md-checkbox-frame, .md-checkbox-background { border-radius: 2px; box-sizing: border-box; pointer-events: none; } md-checkbox { cursor: pointer; } .md-checkbox-layout { cursor: inherit; align-items: baseline; display: inline-flex; } .md-checkbox-inner-container { display: inline-block; height: 20px; line-height: 0; margin: auto; margin-right: 8px; order: 0; position: relative; vertical-align: middle; white-space: nowrap; width: 20px; } [dir='rtl'] .md-checkbox-inner-container { margin-left: 8px; margin-right: auto; } .md-checkbox-layout .md-checkbox-label { line-height: 24px; } .md-checkbox-frame { background-color: transparent; border: 2px solid; transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1); will-change: border-color; } .md-checkbox-background { align-items: center; display: inline-flex; justify-content: center; transition: background-color 90ms cubic-bezier(0, 0, 0.2, 0.1), opacity 90ms cubic-bezier(0, 0, 0.2, 0.1); will-change: background-color, opacity; } .md-checkbox-checkmark { width: 100%; } .md-checkbox-checkmark-path { stroke-dashoffset: 22.91026; stroke-dasharray: 22.91026; stroke-width: 2.66667px; } .md-checkbox-mixedmark { height: 2px; opacity: 0; transform: scaleX(0) rotate(0deg); } .md-checkbox-align-end .md-checkbox-inner-container { order: 1; margin-left: 8px; margin-right: auto; } [dir='rtl'] .md-checkbox-align-end .md-checkbox-inner-container { margin-left: auto; margin-right: 8px; } .md-checkbox-checked .md-checkbox-checkmark { opacity: 1; } .md-checkbox-checked .md-checkbox-checkmark-path { stroke-dashoffset: 0; } .md-checkbox-checked .md-checkbox-mixedmark { transform: scaleX(1) rotate(-45deg); } .md-checkbox-indeterminate .md-checkbox-checkmark { opacity: 0; transform: rotate(45deg); } .md-checkbox-indeterminate .md-checkbox-checkmark-path { stroke-dashoffset: 0; } .md-checkbox-indeterminate .md-checkbox-mixedmark { opacity: 1; transform: scaleX(1) rotate(0deg); } .md-checkbox-unchecked .md-checkbox-background { background-color: transparent; } .md-checkbox-disabled { cursor: default; } .md-checkbox-anim-unchecked-checked .md-checkbox-background { animation: 180ms linear 0ms md-checkbox-fade-in-background; } .md-checkbox-anim-unchecked-checked .md-checkbox-checkmark-path { animation: 180ms linear 0ms md-checkbox-unchecked-checked-checkmark-path; } .md-checkbox-anim-unchecked-indeterminate .md-checkbox-background { animation: 180ms linear 0ms md-checkbox-fade-in-background; } .md-checkbox-anim-unchecked-indeterminate .md-checkbox-mixedmark { animation: 90ms linear 0ms md-checkbox-unchecked-indeterminate-mixedmark; } .md-checkbox-anim-checked-unchecked .md-checkbox-background { animation: 180ms linear 0ms md-checkbox-fade-out-background; } .md-checkbox-anim-checked-unchecked .md-checkbox-checkmark-path { animation: 90ms linear 0ms md-checkbox-checked-unchecked-checkmark-path; } .md-checkbox-anim-checked-indeterminate .md-checkbox-checkmark { animation: 90ms linear 0ms md-checkbox-checked-indeterminate-checkmark; } .md-checkbox-anim-checked-indeterminate .md-checkbox-mixedmark { animation: 90ms linear 0ms md-checkbox-checked-indeterminate-mixedmark; } .md-checkbox-anim-indeterminate-checked .md-checkbox-checkmark { animation: 500ms linear 0ms md-checkbox-indeterminate-checked-checkmark; } .md-checkbox-anim-indeterminate-checked .md-checkbox-mixedmark { animation: 500ms linear 0ms md-checkbox-indeterminate-checked-mixedmark; } .md-checkbox-anim-indeterminate-unchecked .md-checkbox-background { animation: 180ms linear 0ms md-checkbox-fade-out-background; } .md-checkbox-anim-indeterminate-unchecked .md-checkbox-mixedmark { animation: 300ms linear 0ms md-checkbox-indeterminate-unchecked-mixedmark; } .md-checkbox-input { bottom: 0; left: 50%; } .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-checkbox-focused .md-ink-ripple { opacity: 1; } .md-checkbox-disabled .md-ink-ripple { background-color: #000; } /*# sourceMappingURL=checkbox.css.map */ "],
-            host: {
-                '[class.md-checkbox-indeterminate]': 'indeterminate',
-                '[class.md-checkbox-checked]': 'checked',
-                '[class.md-checkbox-disabled]': 'disabled',
-                '[class.md-checkbox-align-end]': 'align == "end"',
-                '[class.md-checkbox-focused]': 'hasFocus',
-            },
-            providers: [MD_CHECKBOX_CONTROL_VALUE_ACCESSOR],
-            encapsulation: ViewEncapsulation.None,
-            changeDetection: ChangeDetectionStrategy.OnPush
-        }), 
-        __metadata('design:paramtypes', [Renderer, ElementRef])
-    ], MdCheckbox);
-    return MdCheckbox;
-}());
-export var MdCheckboxModule = (function () {
-    function MdCheckboxModule() {
-    }
-    MdCheckboxModule.forRoot = function () {
-        return {
-            ngModule: MdCheckboxModule,
-            providers: []
-        };
-    };
-    MdCheckboxModule = __decorate([
-        NgModule({
-            exports: [MdCheckbox],
-            declarations: [MdCheckbox],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdCheckboxModule);
-    return MdCheckboxModule;
-}());
-
-//# sourceMappingURL=checkbox.js.map