@angular/material - npm Package Compare versions

Comparing version 2.0.0-alpha.9-experimental to 2.0.0-alpha.9-experimental-5

card/card.d.ts

@@ -22,2 +22,7 @@ import { ModuleWithProviders } from '@angular/core';
 }
+/**
+ * Footer of a card, needed as it's used as a selector in the API.
+ */
+export declare class MdCardFooter {
+}
 export declare class MdCard {
@@ -24,0 +29,0 @@ }

card/card.js

@@ -67,2 +67,16 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 }());
+/**
+ * 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;
+}());
 /*
@@ -92,3 +106,3 @@
             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; bottom: 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 */ "],
+            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,
@@ -163,7 +177,7 @@ changeDetection: ChangeDetectionStrategy.OnPush,
                 MdCard, MdCardHeader, MdCardTitleGroup, MdCardContent, MdCardTitle, MdCardSubtitle,
-                MdCardActions
+                MdCardActions, MdCardFooter
             ],
             declarations: [
                 MdCard, MdCardHeader, MdCardTitleGroup, MdCardContent, MdCardTitle, MdCardSubtitle,
-                MdCardActions
+                MdCardActions, MdCardFooter
             ],
@@ -170,0 +184,0 @@ }),

card/card.metadata.json

@@ -1,1 +0,1 @@
-{"__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"}]}]},"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"}],"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"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdCardModule"},"providers":[]}}}}}}
+{"__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":[]}}}}}}

card/README.md

@@ -30,3 +30,3 @@ # md-card
   * `<md-card-actions>`: wraps and styles buttons
-  * `<md-card-footer>`: anchors section to bottom of card
+  * `<md-card-footer>`: anchors section to bottom of card (e.g progress bar)
 
@@ -33,0 +33,0 @@ Example markup for a card with section presets:

checkbox/checkbox.d.ts

@@ -49,2 +49,4 @@ import { ElementRef, EventEmitter, Renderer, ModuleWithProviders } from '@angular/core';
     readonly inputId: string;
+    /** Whether the checkbox is required or not. */
+    required: boolean;
     /** Whether or not the checkbox should come before or after the label. */
@@ -51,0 +53,0 @@ align: 'start' | 'end';

checkbox/checkbox.js

@@ -12,2 +12,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { BooleanFieldValue } from '../core';
 /**
@@ -69,2 +70,4 @@ * Monotonically increasing integer used to auto-generate unique ids for checkbox components.
         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. */
@@ -273,2 +276,7 @@ this.align = 'start';
     __decorate([
+        Input(),
+        BooleanFieldValue(), 
+        __metadata('design:type', Boolean)
+    ], MdCheckbox.prototype, "required", void 0);
+    __decorate([
         Input(), 
@@ -303,4 +311,4 @@ __metadata('design:type', Object)
         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\" [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-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 */ "],
+            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: {
@@ -307,0 +315,0 @@ '[class.md-checkbox-indeterminate]': 'indeterminate',

checkbox/checkbox.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"MD_CHECKBOX_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MdCheckbox"},"multi":true},"TransitionCheckState":{"Init":0,"Checked":1,"Unchecked":2,"Indeterminate":3},"MdCheckbox":{"__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-checkbox","templateUrl":"checkbox.html","styleUrls":["checkbox.css"],"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":[{"__symbolic":"reference","name":"MD_CHECKBOX_CONTROL_VALUE_ACCESSOR"}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-labelledby"]}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"indeterminate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"_transitionCheckState":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"_onInputFocus":[{"__symbolic":"method"}],"_onInputBlur":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"_onInteractionEvent":[{"__symbolic":"method"}],"_onInputClick":[{"__symbolic":"method"}],"_getAnimationClassForCheckStateTransition":[{"__symbolic":"method"}]}},"MdCheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","name":"MdCheckbox"}],"declarations":[{"__symbolic":"reference","name":"MdCheckbox"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdCheckboxModule"},"providers":[]}}}}}}
+{"__symbolic":"module","version":1,"metadata":{"MD_CHECKBOX_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MdCheckbox"},"multi":true},"TransitionCheckState":{"Init":0,"Checked":1,"Unchecked":2,"Indeterminate":3},"MdCheckbox":{"__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-checkbox","templateUrl":"checkbox.html","styleUrls":["checkbox.css"],"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":[{"__symbolic":"reference","name":"MD_CHECKBOX_CONTROL_VALUE_ACCESSOR"}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-label"]}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["aria-labelledby"]}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core","name":"BooleanFieldValue"}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"indeterminate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"_transitionCheckState":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"_onInputFocus":[{"__symbolic":"method"}],"_onInputBlur":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"_onInteractionEvent":[{"__symbolic":"method"}],"_onInputClick":[{"__symbolic":"method"}],"_getAnimationClassForCheckStateTransition":[{"__symbolic":"method"}]}},"MdCheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","name":"MdCheckbox"}],"declarations":[{"__symbolic":"reference","name":"MdCheckbox"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdCheckboxModule"},"providers":[]}}}}}}

core/core.d.ts

@@ -16,2 +16,4 @@ import { ModuleWithProviders } from '@angular/core';
 export { AriaLivePoliteness, MdLiveAnnouncer, LIVE_ANNOUNCER_ELEMENT_TOKEN } from './a11y/live-announcer';
+export { FocusTrap } from './a11y/focus-trap';
+export { InteractivityChecker } from './a11y/interactivity-checker';
 export { MdUniqueSelectionDispatcher, MdUniqueSelectionDispatcherListener } from './coordination/unique-selection-dispatcher';
@@ -18,0 +20,0 @@ export { MdLineModule, MdLine, MdLineSetter } from './line/line';

core/core.js

@@ -16,3 +16,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 import { OverlayModule } from './overlay/overlay-directives';
-import { MdLiveAnnouncer } from './a11y/live-announcer';
+import { A11yModule } from './a11y/index';
 // RTL
@@ -38,2 +38,4 @@ export { Dir, RtlModule } from './rtl/dir';
 export { MdLiveAnnouncer, LIVE_ANNOUNCER_ELEMENT_TOKEN } from './a11y/live-announcer';
+export { FocusTrap } from './a11y/focus-trap';
+export { InteractivityChecker } from './a11y/interactivity-checker';
 export { MdUniqueSelectionDispatcher } from './coordination/unique-selection-dispatcher';
@@ -56,3 +58,3 @@ export { MdLineModule, MdLine, MdLineSetter } from './line/line';
             ngModule: MdCoreModule,
-            providers: [MdLiveAnnouncer]
+            providers: [A11yModule.forRoot().providers],
         };
@@ -62,4 +64,4 @@ };
         NgModule({
-            imports: [MdLineModule, RtlModule, MdRippleModule, PortalModule, OverlayModule],
-            exports: [MdLineModule, RtlModule, MdRippleModule, PortalModule, OverlayModule],
+            imports: [MdLineModule, RtlModule, MdRippleModule, PortalModule, OverlayModule, A11yModule],
+            exports: [MdLineModule, RtlModule, MdRippleModule, PortalModule, OverlayModule, A11yModule],
         }), 
@@ -66,0 +68,0 @@ __metadata('design:paramtypes', [])

core/core.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"MdCoreModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"./line/line","name":"MdLineModule"},{"__symbolic":"reference","module":"./rtl/dir","name":"RtlModule"},{"__symbolic":"reference","module":"./ripple/ripple","name":"MdRippleModule"},{"__symbolic":"reference","module":"./portal/portal-directives","name":"PortalModule"},{"__symbolic":"reference","module":"./overlay/overlay-directives","name":"OverlayModule"}],"exports":[{"__symbolic":"reference","module":"./line/line","name":"MdLineModule"},{"__symbolic":"reference","module":"./rtl/dir","name":"RtlModule"},{"__symbolic":"reference","module":"./ripple/ripple","name":"MdRippleModule"},{"__symbolic":"reference","module":"./portal/portal-directives","name":"PortalModule"},{"__symbolic":"reference","module":"./overlay/overlay-directives","name":"OverlayModule"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdCoreModule"},"providers":[{"__symbolic":"reference","module":"./a11y/live-announcer","name":"MdLiveAnnouncer"}]}}}}},"exports":[{"from":"./rtl/dir","export":["Dir","LayoutDirection","RtlModule"]},{"from":"./portal/portal","export":["Portal","PortalHost","BasePortalHost","ComponentPortal","TemplatePortal"]},{"from":"./portal/portal-directives","export":["PortalHostDirective","TemplatePortalDirective","PortalModule"]},{"from":"./portal/dom-portal-host","export":["DomPortalHost"]},{"from":"./overlay/overlay","export":["Overlay","OVERLAY_PROVIDERS"]},{"from":"./overlay/overlay-container","export":["OverlayContainer"]},{"from":"./overlay/overlay-ref","export":["OverlayRef"]},{"from":"./overlay/overlay-state","export":["OverlayState"]},{"from":"./overlay/overlay-directives","export":["ConnectedOverlayDirective","OverlayOrigin","OverlayModule"]},{"from":"./overlay/position/connected-position-strategy"},{"from":"./overlay/position/connected-position"},{"from":"./gestures/MdGestureConfig","export":["MdGestureConfig"]},{"from":"./ripple/ripple","export":["MdRipple","MdRippleModule"]},{"from":"./a11y/live-announcer","export":["AriaLivePoliteness","MdLiveAnnouncer","LIVE_ANNOUNCER_ELEMENT_TOKEN"]},{"from":"./coordination/unique-selection-dispatcher","export":["MdUniqueSelectionDispatcher","MdUniqueSelectionDispatcherListener"]},{"from":"./line/line","export":["MdLineModule","MdLine","MdLineSetter"]},{"from":"./style/apply-transform","export":["applyCssTransform"]},{"from":"./errors/error","export":["MdError"]},{"from":"./annotations/field-value","export":["BooleanFieldValue"]},{"from":"./overlay/generic-component-type","export":["ComponentType"]},{"from":"./keyboard/keycodes"}]}
+{"__symbolic":"module","version":1,"metadata":{"MdCoreModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"./line/line","name":"MdLineModule"},{"__symbolic":"reference","module":"./rtl/dir","name":"RtlModule"},{"__symbolic":"reference","module":"./ripple/ripple","name":"MdRippleModule"},{"__symbolic":"reference","module":"./portal/portal-directives","name":"PortalModule"},{"__symbolic":"reference","module":"./overlay/overlay-directives","name":"OverlayModule"},{"__symbolic":"reference","module":"./a11y/index","name":"A11yModule"}],"exports":[{"__symbolic":"reference","module":"./line/line","name":"MdLineModule"},{"__symbolic":"reference","module":"./rtl/dir","name":"RtlModule"},{"__symbolic":"reference","module":"./ripple/ripple","name":"MdRippleModule"},{"__symbolic":"reference","module":"./portal/portal-directives","name":"PortalModule"},{"__symbolic":"reference","module":"./overlay/overlay-directives","name":"OverlayModule"},{"__symbolic":"reference","module":"./a11y/index","name":"A11yModule"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdCoreModule"},"providers":[{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./a11y/index","name":"A11yModule"},"member":"forRoot"}},"member":"providers"}]}}}}},"exports":[{"from":"./rtl/dir","export":["Dir","LayoutDirection","RtlModule"]},{"from":"./portal/portal","export":["Portal","PortalHost","BasePortalHost","ComponentPortal","TemplatePortal"]},{"from":"./portal/portal-directives","export":["PortalHostDirective","TemplatePortalDirective","PortalModule"]},{"from":"./portal/dom-portal-host","export":["DomPortalHost"]},{"from":"./overlay/overlay","export":["Overlay","OVERLAY_PROVIDERS"]},{"from":"./overlay/overlay-container","export":["OverlayContainer"]},{"from":"./overlay/overlay-ref","export":["OverlayRef"]},{"from":"./overlay/overlay-state","export":["OverlayState"]},{"from":"./overlay/overlay-directives","export":["ConnectedOverlayDirective","OverlayOrigin","OverlayModule"]},{"from":"./overlay/position/connected-position-strategy"},{"from":"./overlay/position/connected-position"},{"from":"./gestures/MdGestureConfig","export":["MdGestureConfig"]},{"from":"./ripple/ripple","export":["MdRipple","MdRippleModule"]},{"from":"./a11y/live-announcer","export":["AriaLivePoliteness","MdLiveAnnouncer","LIVE_ANNOUNCER_ELEMENT_TOKEN"]},{"from":"./a11y/focus-trap","export":["FocusTrap"]},{"from":"./a11y/interactivity-checker","export":["InteractivityChecker"]},{"from":"./coordination/unique-selection-dispatcher","export":["MdUniqueSelectionDispatcher","MdUniqueSelectionDispatcherListener"]},{"from":"./line/line","export":["MdLineModule","MdLine","MdLineSetter"]},{"from":"./style/apply-transform","export":["applyCssTransform"]},{"from":"./errors/error","export":["MdError"]},{"from":"./annotations/field-value","export":["BooleanFieldValue"]},{"from":"./overlay/generic-component-type","export":["ComponentType"]},{"from":"./keyboard/keycodes"}]}

dialog/dialog-container.d.ts

@@ -1,15 +0,24 @@
-import { ComponentRef } from '@angular/core';
+import { ComponentRef, NgZone, OnDestroy } from '@angular/core';
 import { BasePortalHost, ComponentPortal, PortalHostDirective, TemplatePortal } from '../core';
 import { MdDialogConfig } from './dialog-config';
+import { FocusTrap } from '../core/a11y/focus-trap';
+import 'rxjs/add/operator/first';
 /**
  * Internal component that wraps user-provided dialog content.
  */
-export declare class MdDialogContainer extends BasePortalHost {
+export declare class MdDialogContainer extends BasePortalHost implements OnDestroy {
+    private _ngZone;
     /** The portal host inside of this container into which the dialog content will be loaded. */
     _portalHost: PortalHostDirective;
+    /** The directive that traps and manages focus within the dialog. */
+    _focusTrap: FocusTrap;
+    /** Element that was focused before the dialog was opened. Save this to restore upon close. */
+    private _elementFocusedBeforeDialogWasOpened;
     /** The dialog configuration. */
     dialogConfig: MdDialogConfig;
+    constructor(_ngZone: NgZone);
     /** Attach a portal as content to this dialog container. */
     attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
     attachTemplatePortal(portal: TemplatePortal): Map<string, any>;
+    ngOnDestroy(): void;
 }

dialog/dialog-container.js

@@ -15,5 +15,7 @@ var __extends = (this && this.__extends) || function (d, b) {
 };
-import { Component, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Component, ViewChild, ViewEncapsulation, NgZone } from '@angular/core';
 import { BasePortalHost, PortalHostDirective } from '../core';
 import { MdDialogContentAlreadyAttachedError } from './dialog-errors';
+import { FocusTrap } from '../core/a11y/focus-trap';
+import 'rxjs/add/operator/first';
 /**
@@ -24,11 +26,23 @@ * Internal component that wraps user-provided dialog content.
     __extends(MdDialogContainer, _super);
-    function MdDialogContainer() {
-        _super.apply(this, arguments);
+    function MdDialogContainer(_ngZone) {
+        _super.call(this);
+        this._ngZone = _ngZone;
+        /** Element that was focused before the dialog was opened. Save this to restore upon close. */
+        this._elementFocusedBeforeDialogWasOpened = null;
     }
     /** Attach a portal as content to this dialog container. */
     MdDialogContainer.prototype.attachComponentPortal = function (portal) {
+        var _this = this;
         if (this._portalHost.hasAttached()) {
             throw new MdDialogContentAlreadyAttachedError();
         }
-        return this._portalHost.attachComponentPortal(portal);
+        var attachResult = this._portalHost.attachComponentPortal(portal);
+        // If were to attempt to focus immediately, then the content of the dialog would not yet be
+        // ready in instances where change detection has to run first. To deal with this, we simply
+        // wait for the microtask queue to be empty.
+        this._ngZone.onMicrotaskEmpty.first().subscribe(function () {
+            _this._elementFocusedBeforeDialogWasOpened = document.activeElement;
+            _this._focusTrap.focusFirstTabbableElement();
+        });
+        return attachResult;
     };
@@ -38,2 +52,11 @@ MdDialogContainer.prototype.attachTemplatePortal = function (portal) {
     };
+    MdDialogContainer.prototype.ngOnDestroy = function () {
+        var _this = this;
+        // When the dialog is destroyed, return focus to the element that originally had it before
+        // the dialog was opened. Wait for the DOM to finish settling before changing the focus so
+        // that it doesn't end up back on the <body>.
+        this._ngZone.onMicrotaskEmpty.first().subscribe(function () {
+            _this._elementFocusedBeforeDialogWasOpened.focus();
+        });
+    };
     __decorate([
@@ -43,5 +66,9 @@ ViewChild(PortalHostDirective),
     ], MdDialogContainer.prototype, "_portalHost", void 0);
+    __decorate([
+        ViewChild(FocusTrap), 
+        __metadata('design:type', FocusTrap)
+    ], MdDialogContainer.prototype, "_focusTrap", void 0);
     MdDialogContainer = __decorate([
         Component({selector: 'md-dialog-container',
-            template: "<template portalHost></template> ",
+            template: "<focus-trap> <template portalHost></template> </focus-trap> ",
             styles: ["md-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); display: block; overflow: hidden; padding: 24px; } /*# sourceMappingURL=dialog-container.css.map */ "],
@@ -54,3 +81,3 @@ host: {
         }), 
-        __metadata('design:paramtypes', [])
+        __metadata('design:paramtypes', [NgZone])
     ], MdDialogContainer);
@@ -57,0 +84,0 @@ return MdDialogContainer;

dialog/dialog-container.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"MdDialogContainer":{"__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-dialog-container","templateUrl":"dialog-container.html","styleUrls":["dialog-container.css"],"host":{"class":"md-dialog-container","[attr.role]":"dialogConfig?.role"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"_portalHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../core","name":"PortalHostDirective"}]}]}],"attachComponentPortal":[{"__symbolic":"method"}],"attachTemplatePortal":[{"__symbolic":"method"}]}}}}
+{"__symbolic":"module","version":1,"metadata":{"MdDialogContainer":{"__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-dialog-container","templateUrl":"dialog-container.html","styleUrls":["dialog-container.css"],"host":{"class":"md-dialog-container","[attr.role]":"dialogConfig?.role"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"_portalHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../core","name":"PortalHostDirective"}]}]}],"_focusTrap":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../core/a11y/focus-trap","name":"FocusTrap"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"attachComponentPortal":[{"__symbolic":"method"}],"attachTemplatePortal":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}

dialog/dialog.js

@@ -15,11 +15,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 import { MdDialogContainer } from './dialog-container';
+import { A11yModule } from '../core/a11y/index';
 export { MdDialogConfig } from './dialog-config';
 export { MdDialogRef } from './dialog-ref';
-// TODO(jelbourn): add shortcuts for `alert` and `confirm`.
 // TODO(jelbourn): add support for opening with a TemplateRef
 // TODO(jelbourn): add `closeAll` method
-// TODO(jelbourn): add backdrop
 // TODO(jelbourn): default dialog config
-// TODO(jelbourn): focus trapping
-// TODO(jelbourn): potentially change API from accepting component constructor to component factory.
+// TODO(jelbourn): escape key closes dialog
+// TODO(jelbourn): dialog content directives (e.g., md-dialog-header)
+// TODO(jelbourn): animations
 /**
@@ -112,3 +112,3 @@ * Service to open Material Design modal dialogs.
             ngModule: MdDialogModule,
-            providers: [MdDialog, OVERLAY_PROVIDERS],
+            providers: [MdDialog, OVERLAY_PROVIDERS, A11yModule.forRoot().providers],
         };
@@ -118,3 +118,3 @@ };
         NgModule({
-            imports: [OverlayModule, PortalModule],
+            imports: [OverlayModule, PortalModule, A11yModule],
             exports: [MdDialogContainer],
@@ -121,0 +121,0 @@ declarations: [MdDialogContainer],

dialog/dialog.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"MdDialog":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../core","name":"Overlay"},{"__symbolic":"reference","module":"@angular/core","name":"Injector"}]}],"open":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_attachDialogContainer":[{"__symbolic":"method"}],"_attachDialogContent":[{"__symbolic":"method"}],"_getOverlayState":[{"__symbolic":"method"}]}},"MdDialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"../core","name":"OverlayModule"},{"__symbolic":"reference","module":"../core","name":"PortalModule"}],"exports":[{"__symbolic":"reference","module":"./dialog-container","name":"MdDialogContainer"}],"declarations":[{"__symbolic":"reference","module":"./dialog-container","name":"MdDialogContainer"}],"entryComponents":[{"__symbolic":"reference","module":"./dialog-container","name":"MdDialogContainer"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdDialogModule"},"providers":[{"__symbolic":"reference","name":"MdDialog"},{"__symbolic":"reference","module":"../core","name":"OVERLAY_PROVIDERS"}]}}}}},"exports":[{"from":"./dialog-config","export":["MdDialogConfig"]},{"from":"./dialog-ref","export":["MdDialogRef"]}]}
+{"__symbolic":"module","version":1,"metadata":{"MdDialog":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../core","name":"Overlay"},{"__symbolic":"reference","module":"@angular/core","name":"Injector"}]}],"open":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_attachDialogContainer":[{"__symbolic":"method"}],"_attachDialogContent":[{"__symbolic":"method"}],"_getOverlayState":[{"__symbolic":"method"}]}},"MdDialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"../core","name":"OverlayModule"},{"__symbolic":"reference","module":"../core","name":"PortalModule"},{"__symbolic":"reference","module":"../core/a11y/index","name":"A11yModule"}],"exports":[{"__symbolic":"reference","module":"./dialog-container","name":"MdDialogContainer"}],"declarations":[{"__symbolic":"reference","module":"./dialog-container","name":"MdDialogContainer"}],"entryComponents":[{"__symbolic":"reference","module":"./dialog-container","name":"MdDialogContainer"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdDialogModule"},"providers":[{"__symbolic":"reference","name":"MdDialog"},{"__symbolic":"reference","module":"../core","name":"OVERLAY_PROVIDERS"},{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../core/a11y/index","name":"A11yModule"},"member":"forRoot"}},"member":"providers"}]}}}}},"exports":[{"from":"./dialog-config","export":["MdDialogConfig"]},{"from":"./dialog-ref","export":["MdDialogRef"]}]}

grid-list/grid-list.js

@@ -137,3 +137,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
             template: "<div class=\"md-grid-list\"> <ng-content></ng-content> </div>",
-            styles: ["md-grid-list { display: block; position: relative; } md-grid-tile { display: block; position: absolute; overflow: hidden; } md-grid-tile figure { display: flex; position: absolute; align-items: center; justify-content: center; height: 100%; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; } md-grid-tile md-grid-tile-header, md-grid-tile md-grid-tile-footer { display: flex; align-items: center; height: 48px; color: #fff; background: rgba(0, 0, 0, 0.18); overflow: hidden; padding: 0 16px; font-size: 16px; position: absolute; left: 0; right: 0; } md-grid-tile md-grid-tile-header [md-line], md-grid-tile md-grid-tile-footer [md-line] { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } md-grid-tile md-grid-tile-header [md-line]:nth-child(n+2), md-grid-tile md-grid-tile-footer [md-line]:nth-child(n+2) { font-size: 12px; } md-grid-tile md-grid-tile-header > *, md-grid-tile md-grid-tile-footer > * { margin: 0; padding: 0; font-weight: normal; font-size: inherit; } md-grid-tile md-grid-tile-header.md-2-line, md-grid-tile md-grid-tile-footer.md-2-line { height: 68px; } md-grid-tile .md-grid-list-text { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; overflow: hidden; } md-grid-tile .md-grid-list-text > * { margin: 0; padding: 0; font-weight: normal; font-size: inherit; } md-grid-tile .md-grid-list-text:empty { display: none; } md-grid-tile md-grid-tile-header { top: 0; } md-grid-tile md-grid-tile-footer { bottom: 0; } md-grid-tile [md-grid-avatar] { padding-right: 16px; } [dir='rtl'] md-grid-tile [md-grid-avatar] { padding-right: 0; padding-left: 16px; } md-grid-tile [md-grid-avatar]:empty { display: none; } /*# sourceMappingURL=grid-list.css.map */ "],
+            styles: ["md-grid-list { display: block; position: relative; } md-grid-tile { display: block; position: absolute; overflow: hidden; } md-grid-tile figure { display: flex; position: absolute; align-items: center; justify-content: center; height: 100%; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; } md-grid-tile md-grid-tile-header, md-grid-tile md-grid-tile-footer { display: flex; align-items: center; height: 48px; color: #fff; background: rgba(0, 0, 0, 0.38); overflow: hidden; padding: 0 16px; font-size: 16px; position: absolute; left: 0; right: 0; } md-grid-tile md-grid-tile-header [md-line], md-grid-tile md-grid-tile-footer [md-line] { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } md-grid-tile md-grid-tile-header [md-line]:nth-child(n+2), md-grid-tile md-grid-tile-footer [md-line]:nth-child(n+2) { font-size: 12px; } md-grid-tile md-grid-tile-header > *, md-grid-tile md-grid-tile-footer > * { margin: 0; padding: 0; font-weight: normal; font-size: inherit; } md-grid-tile md-grid-tile-header.md-2-line, md-grid-tile md-grid-tile-footer.md-2-line { height: 68px; } md-grid-tile .md-grid-list-text { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; overflow: hidden; } md-grid-tile .md-grid-list-text > * { margin: 0; padding: 0; font-weight: normal; font-size: inherit; } md-grid-tile .md-grid-list-text:empty { display: none; } md-grid-tile md-grid-tile-header { top: 0; } md-grid-tile md-grid-tile-footer { bottom: 0; } md-grid-tile [md-grid-avatar] { padding-right: 16px; } [dir='rtl'] md-grid-tile [md-grid-avatar] { padding-right: 0; padding-left: 16px; } md-grid-tile [md-grid-avatar]:empty { display: none; } /*# sourceMappingURL=grid-list.css.map */ "],
             encapsulation: ViewEncapsulation.None,
@@ -140,0 +140,0 @@ }),

grid-list/grid-tile.js

@@ -59,3 +59,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
             template: "<!-- TODO(kara): Revisit why this is a figure.--> <figure> <ng-content></ng-content> </figure>",
-            styles: ["md-grid-list { display: block; position: relative; } md-grid-tile { display: block; position: absolute; overflow: hidden; } md-grid-tile figure { display: flex; position: absolute; align-items: center; justify-content: center; height: 100%; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; } md-grid-tile md-grid-tile-header, md-grid-tile md-grid-tile-footer { display: flex; align-items: center; height: 48px; color: #fff; background: rgba(0, 0, 0, 0.18); overflow: hidden; padding: 0 16px; font-size: 16px; position: absolute; left: 0; right: 0; } md-grid-tile md-grid-tile-header [md-line], md-grid-tile md-grid-tile-footer [md-line] { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } md-grid-tile md-grid-tile-header [md-line]:nth-child(n+2), md-grid-tile md-grid-tile-footer [md-line]:nth-child(n+2) { font-size: 12px; } md-grid-tile md-grid-tile-header > *, md-grid-tile md-grid-tile-footer > * { margin: 0; padding: 0; font-weight: normal; font-size: inherit; } md-grid-tile md-grid-tile-header.md-2-line, md-grid-tile md-grid-tile-footer.md-2-line { height: 68px; } md-grid-tile .md-grid-list-text { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; overflow: hidden; } md-grid-tile .md-grid-list-text > * { margin: 0; padding: 0; font-weight: normal; font-size: inherit; } md-grid-tile .md-grid-list-text:empty { display: none; } md-grid-tile md-grid-tile-header { top: 0; } md-grid-tile md-grid-tile-footer { bottom: 0; } md-grid-tile [md-grid-avatar] { padding-right: 16px; } [dir='rtl'] md-grid-tile [md-grid-avatar] { padding-right: 0; padding-left: 16px; } md-grid-tile [md-grid-avatar]:empty { display: none; } /*# sourceMappingURL=grid-list.css.map */ "],
+            styles: ["md-grid-list { display: block; position: relative; } md-grid-tile { display: block; position: absolute; overflow: hidden; } md-grid-tile figure { display: flex; position: absolute; align-items: center; justify-content: center; height: 100%; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; } md-grid-tile md-grid-tile-header, md-grid-tile md-grid-tile-footer { display: flex; align-items: center; height: 48px; color: #fff; background: rgba(0, 0, 0, 0.38); overflow: hidden; padding: 0 16px; font-size: 16px; position: absolute; left: 0; right: 0; } md-grid-tile md-grid-tile-header [md-line], md-grid-tile md-grid-tile-footer [md-line] { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } md-grid-tile md-grid-tile-header [md-line]:nth-child(n+2), md-grid-tile md-grid-tile-footer [md-line]:nth-child(n+2) { font-size: 12px; } md-grid-tile md-grid-tile-header > *, md-grid-tile md-grid-tile-footer > * { margin: 0; padding: 0; font-weight: normal; font-size: inherit; } md-grid-tile md-grid-tile-header.md-2-line, md-grid-tile md-grid-tile-footer.md-2-line { height: 68px; } md-grid-tile .md-grid-list-text { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; overflow: hidden; } md-grid-tile .md-grid-list-text > * { margin: 0; padding: 0; font-weight: normal; font-size: inherit; } md-grid-tile .md-grid-list-text:empty { display: none; } md-grid-tile md-grid-tile-header { top: 0; } md-grid-tile md-grid-tile-footer { bottom: 0; } md-grid-tile [md-grid-avatar] { padding-right: 16px; } [dir='rtl'] md-grid-tile [md-grid-avatar] { padding-right: 0; padding-left: 16px; } md-grid-tile [md-grid-avatar]:empty { display: none; } /*# sourceMappingURL=grid-list.css.map */ "],
             encapsulation: ViewEncapsulation.None,
@@ -62,0 +62,0 @@ }),

index.d.ts

@@ -20,4 +20,5 @@ export * from './core';
 export * from './slide-toggle/index';
+export * from './snack-bar/index';
 export * from './tabs/index';
 export * from './toolbar/index';
 export * from './tooltip/index';

index.js

@@ -20,2 +20,3 @@ export * from './core';
 export * from './slide-toggle/index';
+export * from './snack-bar/index';
 export * from './tabs/index';
@@ -22,0 +23,0 @@ export * from './toolbar/index';

index.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./core"},{"from":"./module"},{"from":"./button/index"},{"from":"./button-toggle/index"},{"from":"./card/index"},{"from":"./checkbox/index"},{"from":"./dialog/index"},{"from":"./grid-list/index"},{"from":"./icon/index"},{"from":"./input/index"},{"from":"./list/index"},{"from":"./menu/index"},{"from":"./progress-bar/index"},{"from":"./progress-circle/index"},{"from":"./radio/index"},{"from":"./select/index"},{"from":"./sidenav/index"},{"from":"./slider/index"},{"from":"./slide-toggle/index"},{"from":"./tabs/index"},{"from":"./toolbar/index"},{"from":"./tooltip/index"}]}
+{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./core"},{"from":"./module"},{"from":"./button/index"},{"from":"./button-toggle/index"},{"from":"./card/index"},{"from":"./checkbox/index"},{"from":"./dialog/index"},{"from":"./grid-list/index"},{"from":"./icon/index"},{"from":"./input/index"},{"from":"./list/index"},{"from":"./menu/index"},{"from":"./progress-bar/index"},{"from":"./progress-circle/index"},{"from":"./radio/index"},{"from":"./select/index"},{"from":"./sidenav/index"},{"from":"./slider/index"},{"from":"./slide-toggle/index"},{"from":"./snack-bar/index"},{"from":"./tabs/index"},{"from":"./toolbar/index"},{"from":"./tooltip/index"}]}

module.js

@@ -27,2 +27,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 import { MdInputModule } from './input/index';
+import { MdSnackBarModule } from './snack-bar/snack-bar';
 import { MdTabsModule } from './tabs/index';
@@ -52,2 +53,3 @@ import { MdToolbarModule } from './toolbar/index';
     MdSlideToggleModule,
+    MdSnackBarModule,
     MdTabsModule,
@@ -89,2 +91,3 @@ MdToolbarModule,
                 MdSlideToggleModule.forRoot(),
+                MdSnackBarModule.forRoot(),
                 MdTooltipModule.forRoot(),
@@ -91,0 +94,0 @@ OverlayModule.forRoot(),

module.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"MaterialRootModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./button/index","name":"MdButtonModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./card/index","name":"MdCardModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./checkbox/index","name":"MdCheckboxModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./grid-list/index","name":"MdGridListModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./input/index","name":"MdInputModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./list/index","name":"MdListModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./progress-bar/index","name":"MdProgressBarModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./progress-circle/index","name":"MdProgressCircleModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./core/index","name":"MdRippleModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./select/index","name":"MdSelectModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./sidenav/index","name":"MdSidenavModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./tabs/index","name":"MdTabsModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./toolbar/index","name":"MdToolbarModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./core/index","name":"PortalModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./core/index","name":"RtlModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./button-toggle/index","name":"MdButtonToggleModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./dialog/index","name":"MdDialogModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./icon/index","name":"MdIconModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./menu/index","name":"MdMenuModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./radio/index","name":"MdRadioModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./slider/index","name":"MdSliderModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./slide-toggle/index","name":"MdSlideToggleModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./tooltip/index","name":"MdTooltipModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./core/index","name":"OverlayModule"},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","module":"./button/index","name":"MdButtonModule"},{"__symbolic":"reference","module":"./button-toggle/index","name":"MdButtonToggleModule"},{"__symbolic":"reference","module":"./card/index","name":"MdCardModule"},{"__symbolic":"reference","module":"./checkbox/index","name":"MdCheckboxModule"},{"__symbolic":"reference","module":"./dialog/index","name":"MdDialogModule"},{"__symbolic":"reference","module":"./grid-list/index","name":"MdGridListModule"},{"__symbolic":"reference","module":"./icon/index","name":"MdIconModule"},{"__symbolic":"reference","module":"./input/index","name":"MdInputModule"},{"__symbolic":"reference","module":"./list/index","name":"MdListModule"},{"__symbolic":"reference","module":"./menu/index","name":"MdMenuModule"},{"__symbolic":"reference","module":"./progress-bar/index","name":"MdProgressBarModule"},{"__symbolic":"reference","module":"./progress-circle/index","name":"MdProgressCircleModule"},{"__symbolic":"reference","module":"./radio/index","name":"MdRadioModule"},{"__symbolic":"reference","module":"./core/index","name":"MdRippleModule"},{"__symbolic":"reference","module":"./select/index","name":"MdSelectModule"},{"__symbolic":"reference","module":"./sidenav/index","name":"MdSidenavModule"},{"__symbolic":"reference","module":"./slider/index","name":"MdSliderModule"},{"__symbolic":"reference","module":"./slide-toggle/index","name":"MdSlideToggleModule"},{"__symbolic":"reference","module":"./tabs/index","name":"MdTabsModule"},{"__symbolic":"reference","module":"./toolbar/index","name":"MdToolbarModule"},{"__symbolic":"reference","module":"./tooltip/index","name":"MdTooltipModule"},{"__symbolic":"reference","module":"./core/index","name":"OverlayModule"},{"__symbolic":"reference","module":"./core/index","name":"PortalModule"},{"__symbolic":"reference","module":"./core/index","name":"RtlModule"}],"providers":[{"__symbolic":"reference","module":"./core/index","name":"MdLiveAnnouncer"}]}]}]},"MaterialModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"./button/index","name":"MdButtonModule"},{"__symbolic":"reference","module":"./button-toggle/index","name":"MdButtonToggleModule"},{"__symbolic":"reference","module":"./card/index","name":"MdCardModule"},{"__symbolic":"reference","module":"./checkbox/index","name":"MdCheckboxModule"},{"__symbolic":"reference","module":"./dialog/index","name":"MdDialogModule"},{"__symbolic":"reference","module":"./grid-list/index","name":"MdGridListModule"},{"__symbolic":"reference","module":"./icon/index","name":"MdIconModule"},{"__symbolic":"reference","module":"./input/index","name":"MdInputModule"},{"__symbolic":"reference","module":"./list/index","name":"MdListModule"},{"__symbolic":"reference","module":"./menu/index","name":"MdMenuModule"},{"__symbolic":"reference","module":"./progress-bar/index","name":"MdProgressBarModule"},{"__symbolic":"reference","module":"./progress-circle/index","name":"MdProgressCircleModule"},{"__symbolic":"reference","module":"./radio/index","name":"MdRadioModule"},{"__symbolic":"reference","module":"./core/index","name":"MdRippleModule"},{"__symbolic":"reference","module":"./select/index","name":"MdSelectModule"},{"__symbolic":"reference","module":"./sidenav/index","name":"MdSidenavModule"},{"__symbolic":"reference","module":"./slider/index","name":"MdSliderModule"},{"__symbolic":"reference","module":"./slide-toggle/index","name":"MdSlideToggleModule"},{"__symbolic":"reference","module":"./tabs/index","name":"MdTabsModule"},{"__symbolic":"reference","module":"./toolbar/index","name":"MdToolbarModule"},{"__symbolic":"reference","module":"./tooltip/index","name":"MdTooltipModule"},{"__symbolic":"reference","module":"./core/index","name":"OverlayModule"},{"__symbolic":"reference","module":"./core/index","name":"PortalModule"},{"__symbolic":"reference","module":"./core/index","name":"RtlModule"}],"exports":[{"__symbolic":"reference","module":"./button/index","name":"MdButtonModule"},{"__symbolic":"reference","module":"./button-toggle/index","name":"MdButtonToggleModule"},{"__symbolic":"reference","module":"./card/index","name":"MdCardModule"},{"__symbolic":"reference","module":"./checkbox/index","name":"MdCheckboxModule"},{"__symbolic":"reference","module":"./dialog/index","name":"MdDialogModule"},{"__symbolic":"reference","module":"./grid-list/index","name":"MdGridListModule"},{"__symbolic":"reference","module":"./icon/index","name":"MdIconModule"},{"__symbolic":"reference","module":"./input/index","name":"MdInputModule"},{"__symbolic":"reference","module":"./list/index","name":"MdListModule"},{"__symbolic":"reference","module":"./menu/index","name":"MdMenuModule"},{"__symbolic":"reference","module":"./progress-bar/index","name":"MdProgressBarModule"},{"__symbolic":"reference","module":"./progress-circle/index","name":"MdProgressCircleModule"},{"__symbolic":"reference","module":"./radio/index","name":"MdRadioModule"},{"__symbolic":"reference","module":"./core/index","name":"MdRippleModule"},{"__symbolic":"reference","module":"./select/index","name":"MdSelectModule"},{"__symbolic":"reference","module":"./sidenav/index","name":"MdSidenavModule"},{"__symbolic":"reference","module":"./slider/index","name":"MdSliderModule"},{"__symbolic":"reference","module":"./slide-toggle/index","name":"MdSlideToggleModule"},{"__symbolic":"reference","module":"./tabs/index","name":"MdTabsModule"},{"__symbolic":"reference","module":"./toolbar/index","name":"MdToolbarModule"},{"__symbolic":"reference","module":"./tooltip/index","name":"MdTooltipModule"},{"__symbolic":"reference","module":"./core/index","name":"OverlayModule"},{"__symbolic":"reference","module":"./core/index","name":"PortalModule"},{"__symbolic":"reference","module":"./core/index","name":"RtlModule"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MaterialRootModule"}}}}}}}
+{"__symbolic":"module","version":1,"metadata":{"MaterialRootModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./button/index","name":"MdButtonModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./card/index","name":"MdCardModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./checkbox/index","name":"MdCheckboxModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./grid-list/index","name":"MdGridListModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./input/index","name":"MdInputModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./list/index","name":"MdListModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./progress-bar/index","name":"MdProgressBarModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./progress-circle/index","name":"MdProgressCircleModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./core/index","name":"MdRippleModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./select/index","name":"MdSelectModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./sidenav/index","name":"MdSidenavModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./tabs/index","name":"MdTabsModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./toolbar/index","name":"MdToolbarModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./core/index","name":"PortalModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./core/index","name":"RtlModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./button-toggle/index","name":"MdButtonToggleModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./dialog/index","name":"MdDialogModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./icon/index","name":"MdIconModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./menu/index","name":"MdMenuModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./radio/index","name":"MdRadioModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./slider/index","name":"MdSliderModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./slide-toggle/index","name":"MdSlideToggleModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./snack-bar/snack-bar","name":"MdSnackBarModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./tooltip/index","name":"MdTooltipModule"},"member":"forRoot"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"./core/index","name":"OverlayModule"},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","module":"./button/index","name":"MdButtonModule"},{"__symbolic":"reference","module":"./button-toggle/index","name":"MdButtonToggleModule"},{"__symbolic":"reference","module":"./card/index","name":"MdCardModule"},{"__symbolic":"reference","module":"./checkbox/index","name":"MdCheckboxModule"},{"__symbolic":"reference","module":"./dialog/index","name":"MdDialogModule"},{"__symbolic":"reference","module":"./grid-list/index","name":"MdGridListModule"},{"__symbolic":"reference","module":"./icon/index","name":"MdIconModule"},{"__symbolic":"reference","module":"./input/index","name":"MdInputModule"},{"__symbolic":"reference","module":"./list/index","name":"MdListModule"},{"__symbolic":"reference","module":"./menu/index","name":"MdMenuModule"},{"__symbolic":"reference","module":"./progress-bar/index","name":"MdProgressBarModule"},{"__symbolic":"reference","module":"./progress-circle/index","name":"MdProgressCircleModule"},{"__symbolic":"reference","module":"./radio/index","name":"MdRadioModule"},{"__symbolic":"reference","module":"./core/index","name":"MdRippleModule"},{"__symbolic":"reference","module":"./select/index","name":"MdSelectModule"},{"__symbolic":"reference","module":"./sidenav/index","name":"MdSidenavModule"},{"__symbolic":"reference","module":"./slider/index","name":"MdSliderModule"},{"__symbolic":"reference","module":"./slide-toggle/index","name":"MdSlideToggleModule"},{"__symbolic":"reference","module":"./snack-bar/snack-bar","name":"MdSnackBarModule"},{"__symbolic":"reference","module":"./tabs/index","name":"MdTabsModule"},{"__symbolic":"reference","module":"./toolbar/index","name":"MdToolbarModule"},{"__symbolic":"reference","module":"./tooltip/index","name":"MdTooltipModule"},{"__symbolic":"reference","module":"./core/index","name":"OverlayModule"},{"__symbolic":"reference","module":"./core/index","name":"PortalModule"},{"__symbolic":"reference","module":"./core/index","name":"RtlModule"}],"providers":[{"__symbolic":"reference","module":"./core/index","name":"MdLiveAnnouncer"}]}]}]},"MaterialModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"./button/index","name":"MdButtonModule"},{"__symbolic":"reference","module":"./button-toggle/index","name":"MdButtonToggleModule"},{"__symbolic":"reference","module":"./card/index","name":"MdCardModule"},{"__symbolic":"reference","module":"./checkbox/index","name":"MdCheckboxModule"},{"__symbolic":"reference","module":"./dialog/index","name":"MdDialogModule"},{"__symbolic":"reference","module":"./grid-list/index","name":"MdGridListModule"},{"__symbolic":"reference","module":"./icon/index","name":"MdIconModule"},{"__symbolic":"reference","module":"./input/index","name":"MdInputModule"},{"__symbolic":"reference","module":"./list/index","name":"MdListModule"},{"__symbolic":"reference","module":"./menu/index","name":"MdMenuModule"},{"__symbolic":"reference","module":"./progress-bar/index","name":"MdProgressBarModule"},{"__symbolic":"reference","module":"./progress-circle/index","name":"MdProgressCircleModule"},{"__symbolic":"reference","module":"./radio/index","name":"MdRadioModule"},{"__symbolic":"reference","module":"./core/index","name":"MdRippleModule"},{"__symbolic":"reference","module":"./select/index","name":"MdSelectModule"},{"__symbolic":"reference","module":"./sidenav/index","name":"MdSidenavModule"},{"__symbolic":"reference","module":"./slider/index","name":"MdSliderModule"},{"__symbolic":"reference","module":"./slide-toggle/index","name":"MdSlideToggleModule"},{"__symbolic":"reference","module":"./snack-bar/snack-bar","name":"MdSnackBarModule"},{"__symbolic":"reference","module":"./tabs/index","name":"MdTabsModule"},{"__symbolic":"reference","module":"./toolbar/index","name":"MdToolbarModule"},{"__symbolic":"reference","module":"./tooltip/index","name":"MdTooltipModule"},{"__symbolic":"reference","module":"./core/index","name":"OverlayModule"},{"__symbolic":"reference","module":"./core/index","name":"PortalModule"},{"__symbolic":"reference","module":"./core/index","name":"RtlModule"}],"exports":[{"__symbolic":"reference","module":"./button/index","name":"MdButtonModule"},{"__symbolic":"reference","module":"./button-toggle/index","name":"MdButtonToggleModule"},{"__symbolic":"reference","module":"./card/index","name":"MdCardModule"},{"__symbolic":"reference","module":"./checkbox/index","name":"MdCheckboxModule"},{"__symbolic":"reference","module":"./dialog/index","name":"MdDialogModule"},{"__symbolic":"reference","module":"./grid-list/index","name":"MdGridListModule"},{"__symbolic":"reference","module":"./icon/index","name":"MdIconModule"},{"__symbolic":"reference","module":"./input/index","name":"MdInputModule"},{"__symbolic":"reference","module":"./list/index","name":"MdListModule"},{"__symbolic":"reference","module":"./menu/index","name":"MdMenuModule"},{"__symbolic":"reference","module":"./progress-bar/index","name":"MdProgressBarModule"},{"__symbolic":"reference","module":"./progress-circle/index","name":"MdProgressCircleModule"},{"__symbolic":"reference","module":"./radio/index","name":"MdRadioModule"},{"__symbolic":"reference","module":"./core/index","name":"MdRippleModule"},{"__symbolic":"reference","module":"./select/index","name":"MdSelectModule"},{"__symbolic":"reference","module":"./sidenav/index","name":"MdSidenavModule"},{"__symbolic":"reference","module":"./slider/index","name":"MdSliderModule"},{"__symbolic":"reference","module":"./slide-toggle/index","name":"MdSlideToggleModule"},{"__symbolic":"reference","module":"./snack-bar/snack-bar","name":"MdSnackBarModule"},{"__symbolic":"reference","module":"./tabs/index","name":"MdTabsModule"},{"__symbolic":"reference","module":"./toolbar/index","name":"MdToolbarModule"},{"__symbolic":"reference","module":"./tooltip/index","name":"MdTooltipModule"},{"__symbolic":"reference","module":"./core/index","name":"OverlayModule"},{"__symbolic":"reference","module":"./core/index","name":"PortalModule"},{"__symbolic":"reference","module":"./core/index","name":"RtlModule"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MaterialRootModule"}}}}}}}

package.json

 {
   "name": "@angular/material",
-  "version": "2.0.0-alpha.9-experimental",
+  "version": "2.0.0-alpha.9-experimental-5",
   "description": "Angular 2 Material",
@@ -5,0 +5,0 @@ "main": "./material.umd.js",

slide-toggle/slide-toggle.d.ts

@@ -21,2 +21,3 @@ import { ElementRef, Renderer, AfterContentInit, ModuleWithProviders } from '@angular/core';
     disabled: boolean;
+    required: boolean;
     name: string;
@@ -23,0 +24,0 @@ id: string;

slide-toggle/slide-toggle.js

@@ -43,2 +43,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
         this.disabled = false;
+        this.required = false;
         this.name = null;
@@ -195,2 +196,7 @@ this.id = this._uniqueId;
     __decorate([
+        Input(),
+        BooleanFieldValue(), 
+        __metadata('design:type', Boolean)
+    ], MdSlideToggle.prototype, "required", void 0);
+    __decorate([
         Input(), 
@@ -236,4 +242,4 @@ __metadata('design:type', String)
             },
-            template: "<label class=\"md-slide-toggle-label\"> <div class=\"md-slide-toggle-container\"> <div class=\"md-slide-toggle-bar\"></div> <div class=\"md-slide-toggle-thumb-container\" (slidestart)=\"_onDragStart()\" (slide)=\"_onDrag($event)\" (slideend)=\"_onDragEnd()\"> <div class=\"md-slide-toggle-thumb\"> <div class=\"md-ink-ripple\"></div> </div> </div> <input #input class=\"md-slide-toggle-checkbox md-visually-hidden\" type=\"checkbox\" [id]=\"getInputId()\" [tabIndex]=\"tabIndex\" [checked]=\"checked\" [disabled]=\"disabled\" [attr.name]=\"name\" [attr.aria-label]=\"ariaLabel\" [attr.aria-labelledby]=\"ariaLabelledby\" (blur)=\"_onInputBlur()\" (focus)=\"_onInputFocus()\" (change)=\"_onChangeEvent($event)\" (click)=\"_onInputClick($event)\"> </div> <span class=\"md-slide-toggle-content\"> <ng-content></ng-content> </span> </label> ",
-            styles: [":host { display: flex; height: 24px; margin: 16px 0; line-height: 24px; white-space: nowrap; user-select: none; outline: none; } :host.md-checked .md-slide-toggle-thumb-container { transform: translate3d(100%, 0, 0); } :host .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; } :host.md-slide-toggle-focused .md-ink-ripple { opacity: 1; } :host.md-slide-toggle-disabled .md-ink-ripple { background-color: #000; } :host.md-disabled .md-slide-toggle-label, :host.md-disabled .md-slide-toggle-container { cursor: default; } .md-slide-toggle-content { font-size: 14px; font-family: Roboto, \"Helvetica Neue\", sans-serif; font-weight: 500; } .md-slide-toggle-label { display: flex; flex: 1; cursor: pointer; } .md-slide-toggle-container { cursor: grab; width: 36px; height: 24px; position: relative; user-select: none; margin-right: 8px; } .md-slide-toggle-thumb-container { position: absolute; top: 2px; left: 0; z-index: 1; width: 16px; transform: translate3d(0, 0, 0); transition: all 80ms linear; transition-property: transform; } .md-slide-toggle-thumb-container.md-dragging { transition-duration: 0ms; } .md-slide-toggle-thumb { position: absolute; margin: 0; left: 0; top: 0; height: 20px; width: 20px; border-radius: 50%; 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); } .md-slide-toggle-bar { position: absolute; left: 1px; top: 5px; width: 34px; height: 14px; border-radius: 8px; } .md-slide-toggle-bar, .md-slide-toggle-thumb { transition: all 80ms linear; transition-property: background-color; transition-delay: 50ms; } /*# sourceMappingURL=slide-toggle.css.map */ "],
+            template: "<label class=\"md-slide-toggle-label\"> <div class=\"md-slide-toggle-container\"> <div class=\"md-slide-toggle-bar\"></div> <div class=\"md-slide-toggle-thumb-container\" (slidestart)=\"_onDragStart()\" (slide)=\"_onDrag($event)\" (slideend)=\"_onDragEnd()\"> <div class=\"md-slide-toggle-thumb\"> <div class=\"md-ink-ripple\"></div> </div> </div> <input #input class=\"md-slide-toggle-input md-visually-hidden\" type=\"checkbox\" [id]=\"getInputId()\" [required]=\"required\" [tabIndex]=\"tabIndex\" [checked]=\"checked\" [disabled]=\"disabled\" [attr.name]=\"name\" [attr.aria-label]=\"ariaLabel\" [attr.aria-labelledby]=\"ariaLabelledby\" (blur)=\"_onInputBlur()\" (focus)=\"_onInputFocus()\" (change)=\"_onChangeEvent($event)\" (click)=\"_onInputClick($event)\"> </div> <span class=\"md-slide-toggle-content\"> <ng-content></ng-content> </span> </label> ",
+            styles: [":host { display: flex; height: 24px; margin: 16px 0; line-height: 24px; white-space: nowrap; user-select: none; outline: none; } :host.md-checked .md-slide-toggle-thumb-container { transform: translate3d(100%, 0, 0); } :host .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; } :host.md-slide-toggle-focused .md-ink-ripple { opacity: 1; } :host.md-slide-toggle-disabled .md-ink-ripple { background-color: #000; } :host.md-disabled .md-slide-toggle-label, :host.md-disabled .md-slide-toggle-container { cursor: default; } .md-slide-toggle-content { font-size: 14px; font-family: Roboto, \"Helvetica Neue\", sans-serif; font-weight: 500; } .md-slide-toggle-label { display: flex; flex: 1; cursor: pointer; } .md-slide-toggle-container { cursor: grab; width: 36px; height: 24px; position: relative; user-select: none; margin-right: 8px; } .md-slide-toggle-thumb-container { position: absolute; top: 2px; left: 0; z-index: 1; width: 16px; transform: translate3d(0, 0, 0); transition: all 80ms linear; transition-property: transform; } .md-slide-toggle-thumb-container.md-dragging { transition-duration: 0ms; } .md-slide-toggle-thumb { position: absolute; margin: 0; left: 0; top: 0; height: 20px; width: 20px; border-radius: 50%; 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); } .md-slide-toggle-bar { position: absolute; left: 1px; top: 5px; width: 34px; height: 14px; border-radius: 8px; } .md-slide-toggle-input { bottom: 0; left: 10px; } .md-slide-toggle-bar, .md-slide-toggle-thumb { transition: all 80ms linear; transition-property: background-color; transition-delay: 50ms; } /*# sourceMappingURL=slide-toggle.css.map */ "],
             providers: [MD_SLIDE_TOGGLE_VALUE_ACCESSOR],
@@ -240,0 +246,0 @@ changeDetection: ChangeDetectionStrategy.OnPush

slide-toggle/slide-toggle.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"MD_SLIDE_TOGGLE_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MdSlideToggle"},"multi":true},"MdSlideToggle":{"__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-slide-toggle","host":{"[class.md-checked]":"checked","[class.md-disabled]":"disabled","[class.md-slide-toggle-focused]":"_hasFocus","(mousedown)":"_setMousedown()"},"templateUrl":"slide-toggle.html","styleUrls":["slide-toggle.css"],"providers":[{"__symbolic":"reference","name":"MD_SLIDE_TOGGLE_VALUE_ACCESSOR"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core","name":"BooleanFieldValue"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_onChangeEvent":[{"__symbolic":"method"}],"_onInputClick":[{"__symbolic":"method"}],"_setMousedown":[{"__symbolic":"method"}],"_onInputFocus":[{"__symbolic":"method"}],"_onInputBlur":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"toggle":[{"__symbolic":"method"}],"_updateColor":[{"__symbolic":"method"}],"_setElementColor":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"_onDragStart":[{"__symbolic":"method"}],"_onDrag":[{"__symbolic":"method"}],"_onDragEnd":[{"__symbolic":"method"}]}},"MdSlideToggleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"}],"exports":[{"__symbolic":"reference","name":"MdSlideToggle"}],"declarations":[{"__symbolic":"reference","name":"MdSlideToggle"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdSlideToggleModule"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/platform-browser","name":"HAMMER_GESTURE_CONFIG"},"useClass":{"__symbolic":"reference","module":"../core","name":"MdGestureConfig"}}]}}}}}}
+{"__symbolic":"module","version":1,"metadata":{"MD_SLIDE_TOGGLE_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"MdSlideToggle"},"multi":true},"MdSlideToggle":{"__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-slide-toggle","host":{"[class.md-checked]":"checked","[class.md-disabled]":"disabled","[class.md-slide-toggle-focused]":"_hasFocus","(mousedown)":"_setMousedown()"},"templateUrl":"slide-toggle.html","styleUrls":["slide-toggle.css"],"providers":[{"__symbolic":"reference","name":"MD_SLIDE_TOGGLE_VALUE_ACCESSOR"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core","name":"BooleanFieldValue"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../core","name":"BooleanFieldValue"}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ariaLabelledby":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_onChangeEvent":[{"__symbolic":"method"}],"_onInputClick":[{"__symbolic":"method"}],"_setMousedown":[{"__symbolic":"method"}],"_onInputFocus":[{"__symbolic":"method"}],"_onInputBlur":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"toggle":[{"__symbolic":"method"}],"_updateColor":[{"__symbolic":"method"}],"_setElementColor":[{"__symbolic":"method"}],"_emitChangeEvent":[{"__symbolic":"method"}],"_onDragStart":[{"__symbolic":"method"}],"_onDrag":[{"__symbolic":"method"}],"_onDragEnd":[{"__symbolic":"method"}]}},"MdSlideToggleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"}],"exports":[{"__symbolic":"reference","name":"MdSlideToggle"}],"declarations":[{"__symbolic":"reference","name":"MdSlideToggle"}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"MdSlideToggleModule"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/platform-browser","name":"HAMMER_GESTURE_CONFIG"},"useClass":{"__symbolic":"reference","module":"../core","name":"MdGestureConfig"}}]}}}}}}

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3252508

7.1%

Number of package files

565

9.28%

Lines of code

24436

6.07%

No dependency changes