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

package/button-toggle/index.js

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

package/button-toggle/index.js.map

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

package/card/README.md

@@ -1,116 +0,0 @@
-# md-card
-
-`md-card` is a content container component that conforms to the spec of a Material Design card.
-
-See plunker example [here](http://plnkr.co/edit/pkUNGMXPcf8RXKapXNXQ?p=preview).
-
-## Usage
-
-Simply add your content between `md-card` tags to consume basic card styles like box-shadow and default padding.
-
-```html
-<md-card>
-   Basic card.
-</md-card>
-```
-
-Output:
-
-<img src="https://material.angularjs.org/material2_assets/cards/basic-card-min.png">
-
-### Preset sections 
-
-We also provide a number of preset sections that you can mix and match within the `md-card` tags. 
-
-  * `<md-card-title>`: adds styles for a title
-  * `<md-card-subtitle>`: adds styles for a subtitle
-  * `<md-card-content>`: main content section, intended for blocks of text
-  * `<img md-card-image>`: stretches image to container width
-  * `<md-card-actions>`: wraps and styles buttons
-  * `<md-card-footer>`: anchors section to bottom of card (e.g progress bar)
-
-Example markup for a card with section presets:
-
-```html
-<md-card>
-   <md-card-subtitle>Subtitle first</md-card-subtitle>
-   <md-card-title>Card with title</md-card-title>   
-   <md-card-content>
-        <p>This is supporting text.</p>
-        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do 
-        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad</p>
-   </md-card-content>
-   <md-card-actions>
-        <button md-button>LIKE</button>
-        <button md-button>SHARE</button>
-   </md-card-actions>
-</md-card>
-```
-
-Output:
-
-<img src="https://material.angularjs.org/material2_assets/cards/sections-card-min.png">
-
-#### Preset shortcuts
-
-`md-card-actions` has a few layout shortcuts. You can add `align="end"` to align the buttons at the end of
-the main axis (flex-end). The default is `align="start"` (flex-start).
-
-### Preset layouts
-
-You can also leverage preset layouts that format some of the sections together.
-
-#### `<md-card-header>`
-
-Formats the following sections into a header:
-
-  * `<md-card-title>`: title to format within header
-  * `<md-card-subtitle>`: subtitle to format within header
-  * `<img md-card-avatar>`: image to use for avatar
-    
-Example markup for a card with a header:
-
-```html
-<md-card>
-   <md-card-header>
-      <img md-card-avatar src="path/to/img.png">
-      <md-card-title>Header title</md-card-title>
-      <md-card-subtitle>Header subtitle</md-card-subtitle>
-   </md-card-header>
-   <img md-card-image src="path/to/img.png">
-   <md-card-content>
-      <p>Here is some more content</p>
-   </md-card-content>
-</md-card>
-```
-
-Output:
-
-<img src="https://material.angularjs.org/material2_assets/cards/header-card-min.png">    
-    
-#### `<md-card-title-group>`
-
-Groups the following sections together:
-
-  * `<md-card-title>`: title to format within group
-  * `<md-card-subtitle>`: subtitle to format within group
-  * One of the following image sizes:
-    * `<img md-card-sm-image>`
-    * `<img md-card-md-image>`
-    * `<img md-card-lg-image>`
-
-Example markup for a card with title-group layout:
-
-```html
-<md-card>
-   <md-card-title-group>
-      <img md-card-sm-image src="path/to/img.png">
-      <md-card-title>Card with title</md-card-title>
-      <md-card-subtitle>Subtitle</md-card-subtitle>
-   </md-card-title-group>
-</md-card>
-```
-
-Output:
-
-<img src="https://material.angularjs.org/material2_assets/cards/title-group-card-min.png">

package/card/_card-theme.scss

@@ -1,17 +0,0 @@
-@import '../core/theming/palette';
-@import '../core/theming/theming';
-
-
-@mixin md-card-theme($theme) {
-  $background: map-get($theme, background);
-  $foreground: map-get($theme, foreground);
-
-  md-card {
-    background: md-color($background, card);
-    color: md-color($foreground, base);
-  }
-
-  md-card-subtitle {
-    color: md-color($foreground, secondary-text);
-  }
-}

package/card/card-header.html

@@ -1,5 +0,0 @@
-<ng-content select="[md-card-avatar]"></ng-content>
-<div class="md-card-header-text">
-  <ng-content select="md-card-title, md-card-subtitle"></ng-content>
-</div>
-<ng-content></ng-content>

package/card/card-title-group.html

@@ -1,5 +0,0 @@
-<div>
-  <ng-content select="md-card-title, md-card-subtitle"></ng-content>
-</div>
-<ng-content select="img"></ng-content>
-<ng-content></ng-content>

package/card/card.css

@@ -1,140 +0,0 @@
-md-card {
-  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
-  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
-  will-change: box-shadow;
-  display: block;
-  position: relative;
-  padding: 24px;
-  border-radius: 2px;
-  font-family: Roboto, "Helvetica Neue", sans-serif; }
-
-md-card:hover {
-  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
-
-.md-card-flat {
-  box-shadow: none; }
-
-md-card-title, md-card-subtitle, md-card-content, md-card-actions {
-  display: block;
-  margin-bottom: 16px; }
-
-md-card-title {
-  font-size: 24px;
-  font-weight: 400; }
-
-md-card-subtitle {
-  font-size: 14px; }
-
-md-card-content {
-  font-size: 14px; }
-
-md-card-actions {
-  margin-left: -16px;
-  margin-right: -16px;
-  padding: 8px 0; }
-  md-card-actions[align='end'] {
-    display: flex;
-    justify-content: flex-end; }
-
-[md-card-image] {
-  width: calc(100% + 48px);
-  margin: 0 -24px 16px -24px; }
-
-[md-card-xl-image] {
-  width: 240px;
-  height: 240px;
-  margin: -8px; }
-
-md-card-footer {
-  position: absolute;
-  width: 100%;
-  min-height: 5px;
-  bottom: 0;
-  left: 0; }
-
-md-card-actions [md-button], md-card-actions [md-raised-button] {
-  margin: 0 4px; }
-
-md-card-header {
-  display: flex;
-  flex-direction: row;
-  height: 40px;
-  margin: -8px 0 16px 0; }
-
-.md-card-header-text {
-  height: 40px;
-  margin: 0 8px; }
-
-[md-card-avatar] {
-  height: 40px;
-  width: 40px;
-  border-radius: 50%; }
-
-md-card-header md-card-title {
-  font-size: 14px; }
-
-[md-card-sm-image], [md-card-md-image], [md-card-lg-image] {
-  margin: -8px 0; }
-
-md-card-title-group {
-  display: flex;
-  justify-content: space-between;
-  margin: 0 -8px; }
-
-[md-card-sm-image] {
-  width: 80px;
-  height: 80px; }
-
-[md-card-md-image] {
-  width: 112px;
-  height: 112px; }
-
-[md-card-lg-image] {
-  width: 152px;
-  height: 152px; }
-
-@media (max-width: 600px) {
-  md-card {
-    padding: 24px 16px; }
-  [md-card-image] {
-    width: calc(100% + 32px);
-    margin: 16px -16px; }
-  md-card-title-group {
-    margin: 0; }
-  [md-card-xl-image] {
-    margin-left: 0;
-    margin-right: 0; }
-  md-card-header {
-    margin: -8px 0 0 0; } }
-
-md-card > :first-child, md-card-content > :first-child {
-  margin-top: 0; }
-
-md-card > :last-child, md-card-content > :last-child {
-  margin-bottom: 0; }
-
-[md-card-image]:first-child {
-  margin-top: -24px; }
-
-md-card > md-card-actions:last-child {
-  margin-bottom: -16px;
-  padding-bottom: 0; }
-
-md-card-actions [md-button]:first-child,
-md-card-actions [md-raised-button]:first-child {
-  margin-left: 0;
-  margin-right: 0; }
-
-md-card-title:not(:first-child), md-card-subtitle:not(:first-child) {
-  margin-top: -4px; }
-
-md-card-header md-card-subtitle:not(:first-child) {
-  margin-top: -8px; }
-
-md-card > [md-card-xl-image]:first-child {
-  margin-top: -8px; }
-
-md-card > [md-card-xl-image]:last-child {
-  margin-bottom: -8px; }
-
-/*# sourceMappingURL=card.css.map */

package/card/card.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"card/card.css","sources":["card/card.scss","core/style/_variables.scss","core/typography/_typography.scss","core/style/_elevation.scss"],"sourcesContent":["@import '../core/style/variables';\n@import '../core/style/elevation';\n\n\n$md-card-default-padding: 24px !default;\n$md-card-mobile-padding: 24px 16px !default;\n$md-card-border-radius: 2px !default;\n$md-card-header-size: 40px !default;\n\nmd-card {\n  @include md-elevation(1);\n  @include md-elevation-transition;\n  display: block;\n  position: relative;\n  padding: $md-card-default-padding;\n  border-radius: $md-card-border-radius;\n  font-family: $md-font-family;\n}\n\nmd-card:hover {\n  @include md-elevation(2);\n}\n\n.md-card-flat {\n  box-shadow: none;\n}\n\n// base styles for each card section preset (md-card-content, etc)\n%md-card-section-base {\n  display: block;\n  margin-bottom: 16px;\n}\n\nmd-card-title {\n  @extend %md-card-section-base;\n  font-size: 24px;\n  font-weight: 400;\n}\n\nmd-card-subtitle {\n  @extend %md-card-section-base;\n  font-size: $md-body-font-size-base;\n}\n\nmd-card-content {\n  @extend %md-card-section-base;\n  font-size: $md-body-font-size-base;\n}\n\nmd-card-actions {\n  @extend %md-card-section-base;\n  margin-left: -16px;\n  margin-right: -16px;\n  padding: 8px 0;\n\n  &[align='end'] {\n    display: flex;\n    justify-content: flex-end;\n  }\n}\n\n[md-card-image] {\n  width: calc(100% + 48px);\n  margin: 0 -24px 16px -24px;\n}\n\n[md-card-xl-image] {\n  width: 240px;\n  height: 240px;\n  margin: -8px;\n}\n\nmd-card-footer {\n  position: absolute;\n  width: 100%;\n  min-height: 5px;\n  bottom: 0;\n  left: 0;\n}\n\nmd-card-actions {\n  [md-button], [md-raised-button] {\n    margin: 0 4px;\n  }\n}\n\n// HEADER STYLES\n\nmd-card-header {\n  display: flex;\n  flex-direction: row;\n  height: $md-card-header-size;\n  margin: -8px 0 16px 0;\n}\n\n.md-card-header-text {\n  height: $md-card-header-size;\n  margin: 0 8px;\n}\n\n[md-card-avatar] {\n  height: $md-card-header-size;\n  width: $md-card-header-size;\n  border-radius: 50%;\n}\n\nmd-card-header md-card-title {\n  font-size: $md-body-font-size-base;\n}\n\n// TITLE-GROUP STYLES\n\n// images grouped with title in title-group layout\n%md-card-title-img {\n  margin: -8px 0;\n}\n\nmd-card-title-group {\n  display: flex;\n  justify-content: space-between;\n  margin: 0 -8px;\n}\n\n[md-card-sm-image] {\n  @extend %md-card-title-img;\n  width: 80px;\n  height: 80px;\n}\n\n[md-card-md-image] {\n  @extend %md-card-title-img;\n  width: 112px;\n  height: 112px;\n}\n\n[md-card-lg-image] {\n  @extend %md-card-title-img;\n  width: 152px;\n  height: 152px;\n}\n\n// MEDIA QUERIES\n\n@media ($md-xsmall) {\n  md-card {\n    padding: $md-card-mobile-padding;\n  }\n\n  [md-card-image] {\n    width: calc(100% + 32px);\n    margin: 16px -16px;\n  }\n\n  md-card-title-group {\n    margin: 0;\n  }\n\n  [md-card-xl-image] {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  md-card-header {\n    margin: -8px 0 0 0;\n  }\n\n}\n\n// FIRST/LAST CHILD ADJUSTMENTS\n\n// top els in md-card-content and md-card can't have their default margin-tops (e.g. <p> tags)\n// or they'll incorrectly add to card's top padding\nmd-card > :first-child, md-card-content > :first-child {\n  margin-top: 0;\n}\n\n// last els in md-card-content and md-card can't have their default margin-bottoms (e.g. <p> tags)\n// or they'll incorrectly add to card's bottom padding\nmd-card > :last-child, md-card-content > :last-child {\n  margin-bottom: 0;\n}\n\n// if main image is on top, need to place it flush against top\n// (by stripping card's default 24px padding)\n[md-card-image]:first-child {\n  margin-top: -24px;\n}\n\n// actions panel on bottom should be 8px from bottom of card\n// so must strip 16px from default card padding of 24px\nmd-card > md-card-actions:last-child {\n  margin-bottom: -16px;\n  padding-bottom: 0;\n}\n\n// actions panel should always be 8px from sides,\n// so the first button in the actions panel can't add its own margins\nmd-card-actions [md-button]:first-child,\nmd-card-actions [md-raised-button]:first-child {\n  margin-left: 0;\n  margin-right: 0;\n}\n\n// should be 12px space between titles and subtitles generally\n// default margin-bottom is 16px, so need to move lower title up 4px\nmd-card-title:not(:first-child), md-card-subtitle:not(:first-child) {\n  margin-top: -4px;\n}\n\n// should be 8px space between titles and subtitles in header\n// default margin-bottom is 16px, so need to move subtitle in header up 4px\nmd-card-header md-card-subtitle:not(:first-child) {\n  margin-top: -8px;\n}\n\n// xl image should always have 16px on top.\n// when it's the first el, it'll need to remove 8px from default card padding of 24px\nmd-card > [md-card-xl-image]:first-child {\n  margin-top: -8px;\n}\n\n// xl image should always have 16px on bottom\n// when it's the last el, it'll need to remove 8px from default card padding of 24px\nmd-card > [md-card-xl-image]:last-child {\n  margin-bottom: -8px;\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 'variables';\n\n\n// A collection of mixins and CSS classes that can be used to apply elevation to a material\n// element.\n// See: https://www.google.com/design/spec/what-is-material/elevation-shadows.html\n// Examples:\n//\n//\n// .md-foo {\n//   @include $md-elevation(2);\n//\n//   &:active {\n//     @include $md-elevation(8);\n//   }\n// }\n//\n// <div id=\"external-card\" class=\"md-elevation-z2\"><p>Some content</p></div>\n//\n// For an explanation of the design behind how elevation is implemented, see the design doc at\n// https://goo.gl/Kq0k9Z.\n\n// Colors for umbra, penumbra, and ambient shadows. As described in the design doc, each elevation\n// level is created using a set of 3 shadow values, one for umbra (the shadow representing the\n// space completely obscured by an object relative to its light source), one for penumbra (the\n// space partially obscured by an object), and one for ambient (the space which contains the object\n// itself). For a further explanation of these terms and their meanings, see\n// https://en.wikipedia.org/wiki/Umbra,_penumbra_and_antumbra.\n\n$_umbra-color: rgba(black, 0.2);\n$_penumbra-color: rgba(black, 0.14);\n$_ambient-color: rgba(black, 0.12);\n\n// Maps for the different shadow sets and their values within each z-space. These values were\n// created by taking a few reference shadow sets created by Google's Designers and interpolating\n// all of the values between them.\n\n$_umbra-elevation-map: (\n  0: '0px 0px 0px 0px #{$_umbra-color}',\n  1: '0px 2px 1px -1px #{$_umbra-color}',\n  2: '0px 3px 1px -2px #{$_umbra-color}',\n  3: '0px 3px 3px -2px #{$_umbra-color}',\n  4: '0px 2px 4px -1px #{$_umbra-color}',\n  5: '0px 3px 5px -1px #{$_umbra-color}',\n  6: '0px 3px 5px -1px #{$_umbra-color}',\n  7: '0px 4px 5px -2px #{$_umbra-color}',\n  8: '0px 5px 5px -3px #{$_umbra-color}',\n  9: '0px 5px 6px -3px #{$_umbra-color}',\n  10: '0px 6px 6px -3px #{$_umbra-color}',\n  11: '0px 6px 7px -4px #{$_umbra-color}',\n  12: '0px 7px 8px -4px #{$_umbra-color}',\n  13: '0px 7px 8px -4px #{$_umbra-color}',\n  14: '0px 7px 9px -4px #{$_umbra-color}',\n  15: '0px 8px 9px -5px #{$_umbra-color}',\n  16: '0px 8px 10px -5px #{$_umbra-color}',\n  17: '0px 8px 11px -5px #{$_umbra-color}',\n  18: '0px 9px 11px -5px #{$_umbra-color}',\n  19: '0px 9px 12px -6px #{$_umbra-color}',\n  20: '0px 10px 13px -6px #{$_umbra-color}',\n  21: '0px 10px 13px -6px #{$_umbra-color}',\n  22: '0px 10px 14px -6px #{$_umbra-color}',\n  23: '0px 11px 14px -7px #{$_umbra-color}',\n  24: '0px 11px 15px -7px #{$_umbra-color}'\n);\n\n$_penumbra-elevation-map: (\n  0: '0px 0px 0px 0px #{$_penumbra-color}',\n  1: '0px 1px 1px 0px #{$_penumbra-color}',\n  2: '0px 2px 2px 0px #{$_penumbra-color}',\n  3: '0px 3px 4px 0px #{$_penumbra-color}',\n  4: '0px 4px 5px 0px #{$_penumbra-color}',\n  5: '0px 5px 8px 0px #{$_penumbra-color}',\n  6: '0px 6px 10px 0px #{$_penumbra-color}',\n  7: '0px 7px 10px 1px #{$_penumbra-color}',\n  8: '0px 8px 10px 1px #{$_penumbra-color}',\n  9: '0px 9px 12px 1px #{$_penumbra-color}',\n  10: '0px 10px 14px 1px #{$_penumbra-color}',\n  11: '0px 11px 15px 1px #{$_penumbra-color}',\n  12: '0px 12px 17px 2px #{$_penumbra-color}',\n  13: '0px 13px 19px 2px #{$_penumbra-color}',\n  14: '0px 14px 21px 2px #{$_penumbra-color}',\n  15: '0px 15px 22px 2px #{$_penumbra-color}',\n  16: '0px 16px 24px 2px #{$_penumbra-color}',\n  17: '0px 17px 26px 2px #{$_penumbra-color}',\n  18: '0px 18px 28px 2px #{$_penumbra-color}',\n  19: '0px 19px 29px 2px #{$_penumbra-color}',\n  20: '0px 20px 31px 3px #{$_penumbra-color}',\n  21: '0px 21px 33px 3px #{$_penumbra-color}',\n  22: '0px 22px 35px 3px #{$_penumbra-color}',\n  23: '0px 23px 36px 3px #{$_penumbra-color}',\n  24: '0px 24px 38px 3px #{$_penumbra-color}'\n);\n\n$_ambient-elevation-map: (\n  0: '0px 0px 0px 0px #{$_ambient-color}',\n  1: '0px 1px 3px 0px #{$_ambient-color}',\n  2: '0px 1px 5px 0px #{$_ambient-color}',\n  3: '0px 1px 8px 0px #{$_ambient-color}',\n  4: '0px 1px 10px 0px #{$_ambient-color}',\n  5: '0px 1px 14px 0px #{$_ambient-color}',\n  6: '0px 1px 18px 0px #{$_ambient-color}',\n  7: '0px 2px 16px 1px #{$_ambient-color}',\n  8: '0px 3px 14px 2px #{$_ambient-color}',\n  9: '0px 3px 16px 2px #{$_ambient-color}',\n  10: '0px 4px 18px 3px #{$_ambient-color}',\n  11: '0px 4px 20px 3px #{$_ambient-color}',\n  12: '0px 5px 22px 4px #{$_ambient-color}',\n  13: '0px 5px 24px 4px #{$_ambient-color}',\n  14: '0px 5px 26px 4px #{$_ambient-color}',\n  15: '0px 6px 28px 5px #{$_ambient-color}',\n  16: '0px 6px 30px 5px #{$_ambient-color}',\n  17: '0px 6px 32px 5px #{$_ambient-color}',\n  18: '0px 7px 34px 6px #{$_ambient-color}',\n  19: '0px 7px 36px 6px #{$_ambient-color}',\n  20: '0px 8px 38px 7px #{$_ambient-color}',\n  21: '0px 8px 40px 7px #{$_ambient-color}',\n  22: '0px 8px 42px 7px #{$_ambient-color}',\n  23: '0px 9px 44px 8px #{$_ambient-color}',\n  24: '0px 9px 46px 8px #{$_ambient-color}'\n);\n\n\n// The css property used for elevation. In most cases this should not be changed. It is exposed\n// as a variable for abstraction / easy use when needing to reference the property directly, for\n// example in a will-change rule.\n$md-elevation-property: box-shadow !default;\n\n// The default duration value for elevation transitions.\n$md-elevation-transition-duration: 280ms !default;\n\n// The default easing value for elevation transitions.\n$md-elevation-transition-timing-function: $md-fast-out-slow-in-timing-function;\n\n// Applies the correct css rules to an element to give it the elevation specified by $zValue.\n// The $zValue must be between 0 and 24.\n@mixin md-elevation($zValue) {\n  @if type-of($zValue) != number or not unitless($zValue) {\n    @error '$zValue must be a unitless number';\n  }\n  @if $zValue < 0 or $zValue > 24 {\n    @error '$zValue must be between 0 and 24';\n  }\n\n  #{$md-elevation-property}: #{map-get($_umbra-elevation-map, $zValue)},\n                             #{map-get($_penumbra-elevation-map, $zValue)},\n                             #{map-get($_ambient-elevation-map, $zValue)};\n}\n\n// Returns a string that can be used as the value for a transition property for elevation.\n// Calling this function directly is useful in situations where a component needs to transition\n// more than one property.\n//\n// .foo {\n//   transition: md-elevation-transition-property-value(), opacity 100ms ease;\n//   will-change: $md-elevation-property, opacity;\n// }\n@function md-elevation-transition-property-value(\n    $duration: $md-elevation-transition-duration,\n    $easing: $md-elevation-transition-timing-function) {\n  @return #{$md-elevation-property} #{$duration} #{$easing};\n}\n\n// Applies the correct css rules needed to have an element transition between elevations.\n// This mixin should be applied to elements whose elevation values will change depending on their\n// context (e.g. when active or disabled).\n//\n// NOTE(traviskaufman): Both this mixin and the above function use default parameters so they can\n// be used in the same way by clients.\n@mixin md-elevation-transition(\n    $duration: $md-elevation-transition-duration,\n    $easing: $md-elevation-transition-timing-function) {\n  transition: md-elevation-transition-property-value($duration, $easing);\n  will-change: $md-elevation-property;\n}\n"],"mappings":"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","names":[],"sourceRoot":"/source/"}

package/card/card.d.ts

@@ -1,35 +0,0 @@
-import { ModuleWithProviders } from '@angular/core';
-/**
- * Content of a card, needed as it's used as a selector in the API.
- */
-export declare class MdCardContent {
-}
-/**
- * Title of a card, needed as it's used as a selector in the API.
- */
-export declare class MdCardTitle {
-}
-/**
- * Sub-title of a card, needed as it's used as a selector in the API.
- */
-export declare class MdCardSubtitle {
-}
-/**
- * Action section of a card, needed as it's used as a selector in the API.
- */
-export declare class MdCardActions {
-}
-/**
- * Footer of a card, needed as it's used as a selector in the API.
- */
-export declare class MdCardFooter {
-}
-export declare class MdCard {
-}
-export declare class MdCardHeader {
-}
-export declare class MdCardTitleGroup {
-}
-export declare class MdCardModule {
-    static forRoot(): ModuleWithProviders;
-}

package/card/card.html

@@ -1 +0,0 @@
-<ng-content></ng-content>

package/card/card.js

@@ -1,187 +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 { NgModule, Component, ViewEncapsulation, ChangeDetectionStrategy, Directive } from '@angular/core';
-/**
- * Content of a card, needed as it's used as a selector in the API.
- */
-export var MdCardContent = (function () {
-    function MdCardContent() {
-    }
-    MdCardContent = __decorate([
-        Directive({
-            selector: 'md-card-content'
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdCardContent);
-    return MdCardContent;
-}());
-/**
- * Title of a card, needed as it's used as a selector in the API.
- */
-export var MdCardTitle = (function () {
-    function MdCardTitle() {
-    }
-    MdCardTitle = __decorate([
-        Directive({
-            selector: 'md-card-title'
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdCardTitle);
-    return MdCardTitle;
-}());
-/**
- * Sub-title of a card, needed as it's used as a selector in the API.
- */
-export var MdCardSubtitle = (function () {
-    function MdCardSubtitle() {
-    }
-    MdCardSubtitle = __decorate([
-        Directive({
-            selector: 'md-card-subtitle'
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdCardSubtitle);
-    return MdCardSubtitle;
-}());
-/**
- * Action section of a card, needed as it's used as a selector in the API.
- */
-export var MdCardActions = (function () {
-    function MdCardActions() {
-    }
-    MdCardActions = __decorate([
-        Directive({
-            selector: 'md-card-actions'
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdCardActions);
-    return MdCardActions;
-}());
-/**
- * Footer of a card, needed as it's used as a selector in the API.
- */
-export var MdCardFooter = (function () {
-    function MdCardFooter() {
-    }
-    MdCardFooter = __decorate([
-        Directive({
-            selector: 'md-card-footer'
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdCardFooter);
-    return MdCardFooter;
-}());
-/*
-
-<md-card> is a basic content container component that adds the styles of a material design card.
-
-While you can use this component alone,
-it also provides a number of preset styles for common card sections, including:
- - md-card-title
- - md-card-subtitle
- - md-card-content
- - md-card-actions
- - md-card-footer
-
- You can see some examples of cards here:
- http://embed.plnkr.co/s5O4YcyvbLhIApSrIhtj/
-
- TODO(kara): update link to demo site when it exists
-
-*/
-export var MdCard = (function () {
-    function MdCard() {
-    }
-    MdCard = __decorate([
-        Component({selector: 'md-card',
-            template: "<ng-content></ng-content> ",
-            styles: ["md-card { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); will-change: box-shadow; display: block; position: relative; padding: 24px; border-radius: 2px; font-family: Roboto, \"Helvetica Neue\", sans-serif; } md-card:hover { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .md-card-flat { box-shadow: none; } md-card-title, md-card-subtitle, md-card-content, md-card-actions { display: block; margin-bottom: 16px; } md-card-title { font-size: 24px; font-weight: 400; } md-card-subtitle { font-size: 14px; } md-card-content { font-size: 14px; } md-card-actions { margin-left: -16px; margin-right: -16px; padding: 8px 0; } md-card-actions[align='end'] { display: flex; justify-content: flex-end; } [md-card-image] { width: calc(100% + 48px); margin: 0 -24px 16px -24px; } [md-card-xl-image] { width: 240px; height: 240px; margin: -8px; } md-card-footer { position: absolute; width: 100%; min-height: 5px; bottom: 0; left: 0; } md-card-actions [md-button], md-card-actions [md-raised-button] { margin: 0 4px; } md-card-header { display: flex; flex-direction: row; height: 40px; margin: -8px 0 16px 0; } .md-card-header-text { height: 40px; margin: 0 8px; } [md-card-avatar] { height: 40px; width: 40px; border-radius: 50%; } md-card-header md-card-title { font-size: 14px; } [md-card-sm-image], [md-card-md-image], [md-card-lg-image] { margin: -8px 0; } md-card-title-group { display: flex; justify-content: space-between; margin: 0 -8px; } [md-card-sm-image] { width: 80px; height: 80px; } [md-card-md-image] { width: 112px; height: 112px; } [md-card-lg-image] { width: 152px; height: 152px; } @media (max-width: 600px) { md-card { padding: 24px 16px; } [md-card-image] { width: calc(100% + 32px); margin: 16px -16px; } md-card-title-group { margin: 0; } [md-card-xl-image] { margin-left: 0; margin-right: 0; } md-card-header { margin: -8px 0 0 0; } } md-card > :first-child, md-card-content > :first-child { margin-top: 0; } md-card > :last-child, md-card-content > :last-child { margin-bottom: 0; } [md-card-image]:first-child { margin-top: -24px; } md-card > md-card-actions:last-child { margin-bottom: -16px; padding-bottom: 0; } md-card-actions [md-button]:first-child, md-card-actions [md-raised-button]:first-child { margin-left: 0; margin-right: 0; } md-card-title:not(:first-child), md-card-subtitle:not(:first-child) { margin-top: -4px; } md-card-header md-card-subtitle:not(:first-child) { margin-top: -8px; } md-card > [md-card-xl-image]:first-child { margin-top: -8px; } md-card > [md-card-xl-image]:last-child { margin-bottom: -8px; } /*# sourceMappingURL=card.css.map */ "],
-            encapsulation: ViewEncapsulation.None,
-            changeDetection: ChangeDetectionStrategy.OnPush,
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdCard);
-    return MdCard;
-}());
-/*  The following components don't have any behavior.
- They simply use content projection to wrap user content
- for flex layout purposes in <md-card> (and thus allow a cleaner, boilerplate-free API).
-
-
-<md-card-header> is a component intended to be used within the <md-card> component.
-It adds styles for a preset header section (i.e. a title, subtitle, and avatar layout).
-
-You can see an example of a card with a header here:
-http://embed.plnkr.co/tvJl19z3gZTQd6WmwkIa/
-
-TODO(kara): update link to demo site when it exists
-*/
-export var MdCardHeader = (function () {
-    function MdCardHeader() {
-    }
-    MdCardHeader = __decorate([
-        Component({selector: 'md-card-header',
-            template: "<ng-content select=\"[md-card-avatar]\"></ng-content> <div class=\"md-card-header-text\"> <ng-content select=\"md-card-title, md-card-subtitle\"></ng-content> </div> <ng-content></ng-content> ",
-            encapsulation: ViewEncapsulation.None,
-            changeDetection: ChangeDetectionStrategy.OnPush,
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdCardHeader);
-    return MdCardHeader;
-}());
-/*
-
-<md-card-title-group> is a component intended to be used within the <md-card> component.
-It adds styles for a preset layout that groups an image with a title section.
-
-You can see an example of a card with a title-group section here:
-http://embed.plnkr.co/EDfgCF9eKcXjini1WODm/
-
-TODO(kara): update link to demo site when it exists
-*/
-export var MdCardTitleGroup = (function () {
-    function MdCardTitleGroup() {
-    }
-    MdCardTitleGroup = __decorate([
-        Component({selector: 'md-card-title-group',
-            template: "<div> <ng-content select=\"md-card-title, md-card-subtitle\"></ng-content> </div> <ng-content select=\"img\"></ng-content> <ng-content></ng-content> ",
-            encapsulation: ViewEncapsulation.None,
-            changeDetection: ChangeDetectionStrategy.OnPush,
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdCardTitleGroup);
-    return MdCardTitleGroup;
-}());
-export var MdCardModule = (function () {
-    function MdCardModule() {
-    }
-    MdCardModule.forRoot = function () {
-        return {
-            ngModule: MdCardModule,
-            providers: []
-        };
-    };
-    MdCardModule = __decorate([
-        NgModule({
-            exports: [
-                MdCard, MdCardHeader, MdCardTitleGroup, MdCardContent, MdCardTitle, MdCardSubtitle,
-                MdCardActions, MdCardFooter
-            ],
-            declarations: [
-                MdCard, MdCardHeader, MdCardTitleGroup, MdCardContent, MdCardTitle, MdCardSubtitle,
-                MdCardActions, MdCardFooter
-            ],
-        }), 
-        __metadata('design:paramtypes', [])
-    ], MdCardModule);
-    return MdCardModule;
-}());
-
-//# sourceMappingURL=card.js.map

package/card/card.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["card/card.ts"],"names":[],"mappings":";;;;;;;;;OAAO,EACL,QAAQ,EAER,SAAS,EACT,iBAAiB,EACjB,uBAAuB,EACvB,SAAS,EACV,MAAM,eAAe;AAGtB;;GAEG;AAIH;IAAA;IAA4B,CAAC;IAH7B;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,iBAAiB;SAC5B,CAAC;;qBAAA;IAC0B,oBAAC;AAAD,CAA5B,AAA6B,IAAA;AAE7B;;GAEG;AAIH;IAAA;IAA0B,CAAC;IAH3B;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,eAAe;SAC1B,CAAC;;mBAAA;IACwB,kBAAC;AAAD,CAA1B,AAA2B,IAAA;AAE3B;;GAEG;AAIH;IAAA;IAA6B,CAAC;IAH9B;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,kBAAkB;SAC7B,CAAC;;sBAAA;IAC2B,qBAAC;AAAD,CAA7B,AAA8B,IAAA;AAE9B;;GAEG;AAIH;IAAA;IAA4B,CAAC;IAH7B;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,iBAAiB;SAC5B,CAAC;;qBAAA;IAC0B,oBAAC;AAAD,CAA5B,AAA6B,IAAA;AAE7B;;GAEG;AAIH;IAAA;IAA2B,CAAC;IAH5B;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,gBAAgB;SAC3B,CAAC;;oBAAA;IACyB,mBAAC;AAAD,CAA3B,AAA4B,IAAA;AAG5B;;;;;;;;;;;;;;;;;EAiBE;AAUF;IAAA;IAAqB,CAAC;IARtB;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,MAAM,CAAC,EAAE;YACnB,QAAQ,EAAE,SAAS;YACnB,WAAW,EAAE,WAAW;YACxB,SAAS,EAAE,CAAC,UAAU,CAAC;YACvB,aAAa,EAAE,iBAAiB,CAAC,IAAI;YACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;SAChD,CAAC;;cAAA;IACmB,aAAC;AAAD,CAArB,AAAsB,IAAA;AAGtB;;;;;;;;;;;;EAYE;AASF;IAAA;IAA2B,CAAC;IAP5B;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,MAAM,CAAC,EAAE;YACnB,QAAQ,EAAE,gBAAgB;YAC1B,WAAW,EAAE,kBAAkB;YAC/B,aAAa,EAAE,iBAAiB,CAAC,IAAI;YACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;SAChD,CAAC;;oBAAA;IACyB,mBAAC;AAAD,CAA3B,AAA4B,IAAA;AAE5B;;;;;;;;;EASE;AASF;IAAA;IAA+B,CAAC;IAPhC;QAAC,SAAS,CAAC;YACT,QAAQ,EAAE,MAAM,CAAC,EAAE;YACnB,QAAQ,EAAE,qBAAqB;YAC/B,WAAW,EAAE,uBAAuB;YACpC,aAAa,EAAE,iBAAiB,CAAC,IAAI;YACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;SAChD,CAAC;;wBAAA;IAC6B,uBAAC;AAAD,CAA/B,AAAgC,IAAA;AAahC;IAAA;IAOA,CAAC;IANQ,oBAAO,GAAd;QACE,MAAM,CAAC;YACL,QAAQ,EAAE,YAAY;YACtB,SAAS,EAAE,EAAE;SACd,CAAC;IACJ,CAAC;IAhBH;QAAC,QAAQ,CAAC;YACR,OAAO,EAAE;gBACP,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc;gBAClF,aAAa,EAAE,YAAY;aAC5B;YACD,YAAY,EAAE;gBACZ,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc;gBAClF,aAAa,EAAE,YAAY;aAC5B;SACF,CAAC;;oBAAA;IAQF,mBAAC;AAAD,CAPA,AAOC,IAAA","file":"card/card.js","sourcesContent":["import {\n  NgModule,\n  ModuleWithProviders,\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  Directive\n} from '@angular/core';\n\n\n/**\n * Content of a card, needed as it's used as a selector in the API.\n */\n@Directive({\n  selector: 'md-card-content'\n})\nexport class MdCardContent {}\n\n/**\n * Title of a card, needed as it's used as a selector in the API.\n */\n@Directive({\n  selector: 'md-card-title'\n})\nexport class MdCardTitle {}\n\n/**\n * Sub-title of a card, needed as it's used as a selector in the API.\n */\n@Directive({\n  selector: 'md-card-subtitle'\n})\nexport class MdCardSubtitle {}\n\n/**\n * Action section of a card, needed as it's used as a selector in the API.\n */\n@Directive({\n  selector: 'md-card-actions'\n})\nexport class MdCardActions {}\n\n/**\n * Footer of a card, needed as it's used as a selector in the API.\n */\n@Directive({\n  selector: 'md-card-footer'\n})\nexport class MdCardFooter {}\n\n\n/*\n\n<md-card> is a basic content container component that adds the styles of a material design card.\n\nWhile you can use this component alone,\nit also provides a number of preset styles for common card sections, including:\n - md-card-title\n - md-card-subtitle\n - md-card-content\n - md-card-actions\n - md-card-footer\n\n You can see some examples of cards here:\n http://embed.plnkr.co/s5O4YcyvbLhIApSrIhtj/\n\n TODO(kara): update link to demo site when it exists\n\n*/\n\n@Component({\n  moduleId: module.id,\n  selector: 'md-card',\n  templateUrl: 'card.html',\n  styleUrls: ['card.css'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MdCard {}\n\n\n/*  The following components don't have any behavior.\n They simply use content projection to wrap user content\n for flex layout purposes in <md-card> (and thus allow a cleaner, boilerplate-free API).\n\n\n<md-card-header> is a component intended to be used within the <md-card> component.\nIt adds styles for a preset header section (i.e. a title, subtitle, and avatar layout).\n\nYou can see an example of a card with a header here:\nhttp://embed.plnkr.co/tvJl19z3gZTQd6WmwkIa/\n\nTODO(kara): update link to demo site when it exists\n*/\n\n@Component({\n  moduleId: module.id,\n  selector: 'md-card-header',\n  templateUrl: 'card-header.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MdCardHeader {}\n\n/*\n\n<md-card-title-group> is a component intended to be used within the <md-card> component.\nIt adds styles for a preset layout that groups an image with a title section.\n\nYou can see an example of a card with a title-group section here:\nhttp://embed.plnkr.co/EDfgCF9eKcXjini1WODm/\n\nTODO(kara): update link to demo site when it exists\n*/\n\n@Component({\n  moduleId: module.id,\n  selector: 'md-card-title-group',\n  templateUrl: 'card-title-group.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MdCardTitleGroup {}\n\n\n@NgModule({\n  exports: [\n    MdCard, MdCardHeader, MdCardTitleGroup, MdCardContent, MdCardTitle, MdCardSubtitle,\n    MdCardActions, MdCardFooter\n  ],\n  declarations: [\n    MdCard, MdCardHeader, MdCardTitleGroup, MdCardContent, MdCardTitle, MdCardSubtitle,\n    MdCardActions, MdCardFooter\n  ],\n})\nexport class MdCardModule {\n  static forRoot(): ModuleWithProviders {\n    return {\n      ngModule: MdCardModule,\n      providers: []\n    };\n  }\n}\n"],"sourceRoot":"/source/"}

package/card/card.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":1,"metadata":{"MdCardContent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"md-card-content"}]}]},"MdCardTitle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"md-card-title"}]}]},"MdCardSubtitle":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"md-card-subtitle"}]}]},"MdCardActions":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"md-card-actions"}]}]},"MdCardFooter":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"md-card-footer"}]}]},"MdCard":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-card","templateUrl":"card.html","styleUrls":["card.css"],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}]},"MdCardHeader":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-card-header","templateUrl":"card-header.html","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}]},"MdCardTitleGroup":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"md-card-title-group","templateUrl":"card-title-group.html","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}]},"MdCardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","name":"MdCard"},{"__symbolic":"reference","name":"MdCardHeader"},{"__symbolic":"reference","name":"MdCardTitleGroup"},{"__symbolic":"reference","name":"MdCardContent"},{"__symbolic":"reference","name":"MdCardTitle"},{"__symbolic":"reference","name":"MdCardSubtitle"},{"__symbolic":"reference","name":"MdCardActions"},{"__symbolic":"reference","name":"MdCardFooter"}],"declarations":[{"__symbolic":"reference","name":"MdCard"},{"__symbolic":"reference","name":"MdCardHeader"},{"__symbolic":"reference","name":"MdCardTitleGroup"},{"__symbolic":"reference","name":"MdCardContent"},{"__symbolic":"reference","name":"MdCardTitle"},{"__symbolic":"reference","name":"MdCardSubtitle"},{"__symbolic":"reference","name":"MdCardActions"},{"__symbolic":"reference","name":"MdCardFooter"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdCardModule"},"providers":[]}}}}}}