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

package/bundles/material-examples.umd.min.js

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/forms"),require("@angular/common"),require("@angular/cdk/table"),require("@angular/material"),require("rxjs/add/operator/startWith"),require("rxjs/add/operator/map"),require("@angular/cdk/collections"),require("rxjs/BehaviorSubject"),require("rxjs/add/observable/merge"),require("@angular/platform-browser"),require("rxjs/Observable"),require("rxjs/add/observable/of"),require("rxjs/add/operator/debounceTime"),require("rxjs/add/operator/distinctUntilChanged"),require("rxjs/add/observable/fromEvent"),require("@angular/http"),require("rxjs/add/operator/catch"),require("rxjs/add/operator/switchMap")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/forms","@angular/common","@angular/cdk/table","@angular/material","rxjs/add/operator/startWith","rxjs/add/operator/map","@angular/cdk/collections","rxjs/BehaviorSubject","rxjs/add/observable/merge","@angular/platform-browser","rxjs/Observable","rxjs/add/observable/of","rxjs/add/operator/debounceTime","rxjs/add/operator/distinctUntilChanged","rxjs/add/observable/fromEvent","@angular/http","rxjs/add/operator/catch","rxjs/add/operator/switchMap"],t):t((e.ng=e.ng||{},e.ng["material-examples"]=e.ng["material-examples"]||{}),e.ng.core,e.ng.forms,e.ng.common,e.ng.cdk.table,e.ng.material,e.Rx.Observable.prototype,e.Rx.Observable.prototype,e.ng.cdk.collections,e.Rx,e.Rx.Observable,e.ng.platformBrowser,e.Rx,e.Rx.Observable,e.Rx.Observable.prototype,e.Rx.Observable.prototype,e.Rx.Observable,e.ng.http)}(this,function(e,t,a,o,n,r,l,i,s,d,m,c,u,p,f,h,g,b){"use strict";function x(e,t){function a(){this.constructor=e}w(e,t),e.prototype=null===t?Object.create(t):(a.prototype=t.prototype,new a)}function v(e,t,a){return(e<t?-1:1)*(a?1:-1)}var w=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var a in t)t.hasOwnProperty(a)&&(e[a]=t[a])},y=function(){function e(){}return e}();y.decorators=[{type:t.NgModule,args:[{exports:[n.CdkTableModule,r.MdAutocompleteModule,r.MdButtonModule,r.MdButtonToggleModule,r.MdCardModule,r.MdCheckboxModule,r.MdChipsModule,r.MdDatepickerModule,r.MdDialogModule,r.MdExpansionModule,r.MdFormFieldModule,r.MdGridListModule,r.MdIconModule,r.MdInputModule,r.MdListModule,r.MdMenuModule,r.MdProgressBarModule,r.MdProgressSpinnerModule,r.MdRadioModule,r.MdSelectModule,r.MdSlideToggleModule,r.MdSliderModule,r.MdSidenavModule,r.MdSnackBarModule,r.MdStepperModule,r.MdTabsModule,r.MdToolbarModule,r.MdTooltipModule,r.MdPaginatorModule,r.MdSortModule,r.MdTableModule]}]}],y.ctorParameters=function(){return[]};var C=function(){function e(e){this.name=e}return e}(),k=function(){function e(){this.myControl=new a.FormControl,this.options=[new C("Mary"),new C("Shelley"),new C("Igor")]}return e.prototype.ngOnInit=function(){var e=this;this.filteredOptions=this.myControl.valueChanges.startWith(null).map(function(e){return e&&"object"==typeof e?e.name:e}).map(function(t){return t?e.filter(t):e.options.slice()})},e.prototype.filter=function(e){return this.options.filter(function(t){return 0===t.name.toLowerCase().indexOf(e.toLowerCase())})},e.prototype.displayFn=function(e){return e?e.name:e},e}();k.decorators=[{type:t.Component,args:[{selector:"autocomplete-display-example",template:'<form class="example-form"><md-form-field class="example-full-width"><input type="text" placeholder="Assignee" aria-label="Assignee" mdInput [formControl]="myControl" [mdAutocomplete]="auto"><md-autocomplete #auto="mdAutocomplete" [displayWith]="displayFn"><md-option *ngFor="let option of filteredOptions | async" [value]="option">{{ option.name }}</md-option></md-autocomplete></md-form-field></form>',styles:[".example-form { min-width: 150px; max-width: 500px; width: 100%; } .example-full-width { width: 100%; } "]}]}],k.ctorParameters=function(){return[]};var D=function(){function e(){this.myControl=new a.FormControl,this.options=["One","Two","Three"]}return e.prototype.ngOnInit=function(){var e=this;this.filteredOptions=this.myControl.valueChanges.startWith(null).map(function(t){return t?e.filter(t):e.options.slice()})},e.prototype.filter=function(e){return this.options.filter(function(t){return 0===t.toLowerCase().indexOf(e.toLowerCase())})},e}();D.decorators=[{type:t.Component,args:[{selector:"autocomplete-filter-example",template:'<form class="example-form"><md-form-field class="example-full-width"><input type="text" placeholder="Pick one" aria-label="Number" mdInput [formControl]="myControl" [mdAutocomplete]="auto"><md-autocomplete #auto="mdAutocomplete"><md-option *ngFor="let option of filteredOptions | async" [value]="option">{{ option }}</md-option></md-autocomplete></md-form-field></form>',styles:[".example-form { min-width: 150px; max-width: 500px; width: 100%; } .example-full-width { width: 100%; } "]}]}],D.ctorParameters=function(){return[]};var S=function(){function e(){var e=this;this.states=[{name:"Arkansas",population:"2.978M",flag:"https://upload.wikimedia.org/wikipedia/commons/9/9d/Flag_of_Arkansas.svg"},{name:"California",population:"39.14M",flag:"https://upload.wikimedia.org/wikipedia/commons/0/01/Flag_of_California.svg"},{name:"Florida",population:"20.27M",flag:"https://upload.wikimedia.org/wikipedia/commons/f/f7/Flag_of_Florida.svg"},{name:"Texas",population:"27.47M",flag:"https://upload.wikimedia.org/wikipedia/commons/f/f7/Flag_of_Texas.svg"}],this.stateCtrl=new a.FormControl,this.filteredStates=this.stateCtrl.valueChanges.startWith(null).map(function(t){return t?e.filterStates(t):e.states.slice()})}return e.prototype.filterStates=function(e){return this.states.filter(function(t){return 0===t.name.toLowerCase().indexOf(e.toLowerCase())})},e}();S.decorators=[{type:t.Component,args:[{selector:"autocomplete-overview-example",template:'<form class="example-form"><md-form-field class="example-full-width"><input mdInput placeholder="State" aria-label="State" [mdAutocomplete]="auto" [formControl]="stateCtrl"><md-autocomplete #auto="mdAutocomplete"><md-option *ngFor="let state of filteredStates | async" [value]="state.name"><img style="vertical-align:middle" aria-hidden src="{{state.flag}}" height="25"> <span>{{ state.name }}</span> | <small>Population: {{state.population}}</small></md-option></md-autocomplete></md-form-field><br><md-slide-toggle [checked]="stateCtrl.disabled" (change)="stateCtrl.disabled ? stateCtrl.enable() : stateCtrl.disable()">Disable Input?</md-slide-toggle></form>',styles:[".example-form { min-width: 150px; max-width: 500px; width: 100%; } .example-full-width { width: 100%; } "]}]}],S.ctorParameters=function(){return[]};var M=function(){function e(){this.myControl=new a.FormControl,this.options=["One","Two","Three"]}return e}();M.decorators=[{type:t.Component,args:[{selector:"autocomplete-simple-example",template:'<form class="example-form"><md-form-field class="example-full-width"><input type="text" placeholder="Pick one" aria-label="Number" mdInput [formControl]="myControl" [mdAutocomplete]="auto"><md-autocomplete #auto="mdAutocomplete"><md-option *ngFor="let option of options" [value]="option">{{ option }}</md-option></md-autocomplete></md-form-field></form>',styles:[".example-form { min-width: 150px; max-width: 500px; width: 100%; } .example-full-width { width: 100%; } "]}]}],M.ctorParameters=function(){return[]};var N=function(){function e(){}return e}();N.decorators=[{type:t.Component,args:[{selector:"button-overview-example",template:"<button md-button>Click me!</button>"}]}],N.ctorParameters=function(){return[]};var P=function(){function e(){}return e}();P.decorators=[{type:t.Component,args:[{selector:"button-toggle-exclusive-example",template:'<md-button-toggle-group #group="mdButtonToggleGroup"><md-button-toggle value="left"><md-icon>format_align_left</md-icon></md-button-toggle><md-button-toggle value="center"><md-icon>format_align_center</md-icon></md-button-toggle><md-button-toggle value="right"><md-icon>format_align_right</md-icon></md-button-toggle><md-button-toggle value="justify" disabled="disabled"><md-icon>format_align_justify</md-icon></md-button-toggle></md-button-toggle-group><div class="example-selected-value">Selected value: {{group.value}}</div>',styles:[".example-selected-value { margin: 15px 0; } "]}]}],P.ctorParameters=function(){return[]};var F=function(){function e(){}return e}();F.decorators=[{type:t.Component,args:[{selector:"button-toggle-overview-example",template:"<md-button-toggle>Toggle me!</md-button-toggle>"}]}],F.ctorParameters=function(){return[]};var I=function(){function e(){}return e}();I.decorators=[{type:t.Component,args:[{selector:"button-types-example",template:'<h3>Basic Buttons</h3><div class="button-row"><button md-button>Basic</button> <button md-button color="primary">Primary</button> <button md-button color="accent">Accent</button> <button md-button color="warn">Warn</button> <button md-button disabled="disabled">Disabled</button> <a md-button routerLink=".">Link</a></div><h3>Raised Buttons</h3><div class="button-row"><button md-raised-button>Basic</button> <button md-raised-button color="primary">Primary</button> <button md-raised-button color="accent">Accent</button> <button md-raised-button color="warn">Warn</button> <button md-raised-button disabled="disabled">Disabled</button> <a md-raised-button routerLink=".">Link</a></div><h3>Icon Buttons</h3><div class="button-row"><button md-icon-button><md-icon class="md-24" aria-label="Example icon-button with a heart icon">favorite</md-icon></button> <button md-icon-button color="primary"><md-icon class="md-24" aria-label="Example icon-button with a heart icon">favorite</md-icon></button> <button md-icon-button color="accent"><md-icon class="md-24" aria-label="Example icon-button with a heart icon">favorite</md-icon></button> <button md-icon-button color="warn"><md-icon class="md-24" aria-label="Example icon-button with a heart icon">favorite</md-icon></button> <button md-icon-button disabled="disabled"><md-icon class="md-24" aria-label="Example icon-button with a heart icon">favorite</md-icon></button></div><h3>Fab Buttons</h3><div class="button-row"><button md-fab>Basic</button> <button md-fab color="primary">Primary</button> <button md-fab color="accent">Accent</button> <button md-fab color="warn">Warn</button> <button md-fab disabled="disabled">Disabled</button> <button md-fab><md-icon class="md-24" aria-label="Example icon-button with a heart icon">favorite</md-icon></button> <a md-fab routerLink=".">Link</a></div><h3>Mini Fab Buttons</h3><div class="button-row"><button md-mini-fab>Basic</button> <button md-mini-fab color="primary">Primary</button> <button md-mini-fab color="accent">Accent</button> <button md-mini-fab color="warn">Warn</button> <button md-mini-fab disabled="disabled">Disabled</button> <button md-mini-fab><md-icon class="md-24" aria-label="Example icon-button with a heart icon">favorite</md-icon></button> <a md-mini-fab routerLink=".">Link</a></div>',styles:[".example-button-row { display: flex; align-items: center; justify-content: space-around; } "]}]}],I.ctorParameters=function(){return[]};var O=function(){function e(){}return e}();O.decorators=[{type:t.Component,args:[{selector:"card-fancy-example",template:'<md-card class="example-card"><md-card-header><div md-card-avatar class="example-header-image"></div><md-card-title>Shiba Inu</md-card-title><md-card-subtitle>Dog Breed</md-card-subtitle></md-card-header><img md-card-image src="assets/img/examples/shiba2.jpg" alt="Photo of a Shiba Inu"><md-card-content><p>The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan. A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally bred for hunting.</p></md-card-content><md-card-actions><button md-button>LIKE</button> <button md-button>SHARE</button></md-card-actions></md-card>',styles:[".example-card { width: 400px; } .example-header-image { background-image: url('../../../assets/img/examples/shiba1.jpg'); background-size: cover; } "]}]}],O.ctorParameters=function(){return[]};var T=function(){function e(){}return e}();T.decorators=[{type:t.Component,args:[{selector:"card-overview-example",template:"<md-card>Simple card</md-card>"}]}],T.ctorParameters=function(){return[]};var A=function(){function e(){this.displayedColumns=["userId","userName","progress","color"],this.exampleDatabase=new _}return e.prototype.ngOnInit=function(){this.dataSource=new L(this.exampleDatabase)},e}();A.decorators=[{type:t.Component,args:[{selector:"cdk-table-basic-example",styles:["/* Structure */ .example-container { display: flex; flex-direction: column; min-width: 300px; } /* * Styles to make the demo's cdk-table match the material design spec * https://material.io/guidelines/components/data-tables.html */ .example-table { flex: 1 1 auto; overflow: auto; max-height: 500px; } .example-header-row, .example-row { display: flex; border-bottom: 1px solid #ccc; align-items: center; height: 32px; padding: 0 8px; } .example-cell, .example-header-cell { flex: 1; } .example-header-cell { font-size: 12px; font-weight: bold; color: rgba(0, 0, 0, 0.54); } .example-cell { font-size: 13px; color: rgba(0, 0, 0, 0.87); } "],template:'<div class="example-container mat-elevation-z8"><cdk-table #table [dataSource]="dataSource" class="example-table"><ng-container cdkColumnDef="userId"><cdk-header-cell *cdkHeaderCellDef class="example-header-cell">ID</cdk-header-cell><cdk-cell *cdkCellDef="let row" class="example-cell">{{row.id}}</cdk-cell></ng-container><ng-container cdkColumnDef="progress"><cdk-header-cell *cdkHeaderCellDef class="example-header-cell">Progress</cdk-header-cell><cdk-cell *cdkCellDef="let row" class="example-cell">{{row.progress}}%</cdk-cell></ng-container><ng-container cdkColumnDef="userName"><cdk-header-cell *cdkHeaderCellDef class="example-header-cell">Name</cdk-header-cell><cdk-cell *cdkCellDef="let row" class="example-cell">{{row.name}}</cdk-cell></ng-container><ng-container cdkColumnDef="color"><cdk-header-cell *cdkHeaderCellDef class="example-header-cell">Color</cdk-header-cell><cdk-cell *cdkCellDef="let row" class="example-cell" [style.color]="row.color">{{row.color}}</cdk-cell></ng-container><cdk-header-row *cdkHeaderRowDef="displayedColumns" class="example-header-row"></cdk-header-row><cdk-row *cdkRowDef="let row; columns: displayedColumns;" class="example-row"></cdk-row></cdk-table></div>'}]}],A.ctorParameters=function(){return[]};var B=["maroon","red","orange","yellow","olive","green","purple","fuchsia","lime","teal","aqua","blue","navy","black","gray"],E=["Maia","Asher","Olivia","Atticus","Amelia","Jack","Charlotte","Theodore","Isla","Oliver","Isabella","Jasper","Cora","Levi","Violet","Arthur","Mia","Thomas","Elizabeth"],_=function(){function e(){this.dataChange=new d.BehaviorSubject([]);for(var e=0;e<100;e++)this.addUser()}return Object.defineProperty(e.prototype,"data",{get:function(){return this.dataChange.value},enumerable:!0,configurable:!0}),e.prototype.addUser=function(){var e=this.data.slice();e.push(this.createNewUser()),this.dataChange.next(e)},e.prototype.createNewUser=function(){var e=E[Math.round(Math.random()*(E.length-1))]+" "+E[Math.round(Math.random()*(E.length-1))].charAt(0)+".";return{id:(this.data.length+1).toString(),name:e,progress:Math.round(100*Math.random()).toString(),color:B[Math.round(Math.random()*(B.length-1))]}},e}(),L=function(e){function t(t){var a=e.call(this)||this;return a._exampleDatabase=t,a}return x(t,e),t.prototype.connect=function(){return this._exampleDatabase.dataChange},t.prototype.disconnect=function(){},t}(s.DataSource),z=function(){function e(){this.checked=!1,this.indeterminate=!1,this.align="start",this.disabled=!1}return e}();z.decorators=[{type:t.Component,args:[{selector:"checkbox-configurable-example",template:'<md-card><md-card-content><h2 class="example-h2">Checkbox configuration</h2><section class="example-section"><md-checkbox class="example-margin" [(ngModel)]="checked">Checked</md-checkbox><md-checkbox class="example-margin" [(ngModel)]="indeterminate">Indeterminate</md-checkbox></section><section class="example-section"><label class="example-margin">Align:</label><md-radio-group [(ngModel)]="align"><md-radio-button class="example-margin" value="start">Start</md-radio-button><md-radio-button class="example-margin" value="end">End</md-radio-button></md-radio-group></section><section class="example-section"><md-checkbox class="example-margin" [(ngModel)]="disabled">Disabled</md-checkbox></section></md-card-content></md-card><md-card class="result"><md-card-content><h2 class="example-h2">Result</h2><section class="example-section"><md-checkbox class="example-margin" [(ngModel)]="checked" [(indeterminate)]="indeterminate" [align]="align" [disabled]="disabled">I\'m a checkbox</md-checkbox></section></md-card-content></md-card>',styles:[".example-h2 { margin: 10px; } .example-section { display: flex; align-content: center; align-items: center; height: 60px; } .example-margin { margin: 0 10px; } "]}]}],z.ctorParameters=function(){return[]};var q=function(){function e(){}return e}();q.decorators=[{type:t.Component,args:[{selector:"checkbox-overview-example",template:"<md-checkbox>Check me!</md-checkbox>"}]}],q.ctorParameters=function(){return[]};var R=188,j=function(){function e(){this.visible=!0,this.selectable=!0,this.removable=!0,this.addOnBlur=!0,this.separatorKeysCodes=[r.ENTER,R],this.fruits=[{name:"Lemon"},{name:"Lime"},{name:"Apple"}]}return e.prototype.add=function(e){var t=e.input,a=e.value;(a||"").trim()&&this.fruits.push({name:a.trim()}),t&&(t.value="")},e.prototype.remove=function(e){var t=this.fruits.indexOf(e);t>=0&&this.fruits.splice(t,1)},e}();j.decorators=[{type:t.Component,args:[{selector:"chips-input-example",template:'<md-form-field class="demo-chip-list"><md-chip-list mdPrefix #chipList><md-chip *ngFor="let fruit of fruits" [selectable]="selectable" [removable]="removable" (remove)="remove(fruit)">{{fruit.name}}<md-icon mdChipRemove *ngIf="removable">cancel</md-icon></md-chip></md-chip-list><input mdInput placeholder="New fruit..." [mdChipInputFor]="chipList" [mdChipInputSeparatorKeyCodes]="separatorKeysCodes" [mdChipInputAddOnBlur]="addOnBlur" (mdChipInputTokenEnd)="add($event)"></md-form-field>',styles:[".demo-chip-list{width:100%}"]}]}],j.ctorParameters=function(){return[]};var H=function(){function e(){}return e}();H.decorators=[{type:t.Component,args:[{selector:"chips-overview-example",template:'<md-chip-list><md-chip>One fish</md-chip><md-chip>Two fish</md-chip><md-chip color="primary" selected="true">Primary fish</md-chip><md-chip color="accent" selected="true">Accent fish</md-chip></md-chip-list>',styles:["/** No CSS for this example */ "]}]}],H.ctorParameters=function(){return[]};var V=function(){function e(){this.availableColors=[{name:"none",color:""},{name:"Primary",color:"primary"},{name:"Accent",color:"accent"},{name:"Warn",color:"warn"}]}return e}();V.decorators=[{type:t.Component,args:[{selector:"chips-stacked-example",template:'<md-chip-list class="mat-chip-list-stacked"><md-chip *ngFor="let chipColor of availableColors" selected="true" color="{{chipColor.color}}">{{chipColor.name}}</md-chip></md-chip-list>',styles:["md-chip { max-width: 200px; } "]}]}],V.ctorParameters=function(){return[]};var W=function(){function e(){}return e}();W.decorators=[{type:t.Component,args:[{selector:"datepicker-api-example",template:'<md-form-field class="example-full-width"><input mdInput [mdDatepicker]="picker" placeholder="Choose a date"><md-datepicker #picker></md-datepicker></md-form-field><button md-raised-button (click)="picker.open()">Open</button>',styles:["/** No CSS for this example */ "]}]}],W.ctorParameters=function(){return[]};var U=function(){function e(){this.myFilter=function(e){var t=e.getDay();return 0!==t&&6!==t}}return e}();U.decorators=[{type:t.Component,args:[{selector:"datepicker-filter-example",template:'<md-form-field class="example-full-width"><input mdInput [mdDatepickerFilter]="myFilter" [mdDatepicker]="picker" placeholder="Choose a date"><md-datepicker-toggle mdSuffix [for]="picker"></md-datepicker-toggle><md-datepicker #picker></md-datepicker></md-form-field>',styles:["/** No CSS for this example */ "]}]}],U.ctorParameters=function(){return[]};var G=function(){function e(){this.minDate=new Date(2e3,0,1),this.maxDate=new Date(2020,0,1)}return e}();G.decorators=[{type:t.Component,args:[{selector:"datepicker-min-max-example",template:'<md-form-field class="example-full-width"><input mdInput [min]="minDate" [max]="maxDate" [mdDatepicker]="picker" placeholder="Choose a date"><md-datepicker-toggle mdSuffix [for]="picker"></md-datepicker-toggle><md-datepicker #picker></md-datepicker></md-form-field>',styles:["/** No CSS for this example */ "]}]}],G.ctorParameters=function(){return[]};var J=function(){function e(){}return e}();J.decorators=[{type:t.Component,args:[{selector:"datepicker-overview-example",template:'<md-form-field><input mdInput [mdDatepicker]="picker" placeholder="Choose a date"><md-datepicker-toggle mdSuffix [for]="picker"></md-datepicker-toggle><md-datepicker #picker></md-datepicker></md-form-field>',styles:["/** No CSS for this example */ "]}]}],J.ctorParameters=function(){return[]};var $=function(){function e(){this.startDate=new Date(1990,0,1)}return e}();$.decorators=[{type:t.Component,args:[{selector:"datepicker-start-view-example",template:'<md-form-field><input mdInput [mdDatepicker]="picker" placeholder="Choose a date"><md-datepicker-toggle mdSuffix [for]="picker"></md-datepicker-toggle><md-datepicker #picker startView="year" [startAt]="startDate"></md-datepicker></md-form-field>',styles:["/** No CSS for this example */ "]}]}],$.ctorParameters=function(){return[]};var K=function(){function e(){}return e}();K.decorators=[{type:t.Component,args:[{selector:"datepicker-touch-example",template:'<md-form-field class="example-full-width"><input mdInput [mdDatepicker]="picker" placeholder="Choose a date"><md-datepicker-toggle mdSuffix [for]="picker"></md-datepicker-toggle><md-datepicker touchUi="true" #picker></md-datepicker></md-form-field>',styles:["/** No CSS for this example */ "]}]}],K.ctorParameters=function(){return[]};var Y=function(){function e(e){this.dialog=e}return e.prototype.openDialog=function(){this.dialog.open(Z,{height:"350px"}).afterClosed().subscribe(function(e){console.log("Dialog result: "+e)})},e}();Y.decorators=[{type:t.Component,args:[{selector:"dialog-content-example",template:'<button md-button (click)="openDialog()">Open dialog</button>'}]}],Y.ctorParameters=function(){return[{type:r.MdDialog}]};var Z=function(){function e(){}return e}();Z.decorators=[{type:t.Component,args:[{selector:"dialog-content-example-dialog",template:'<h2 md-dialog-title>Install Angular</h2><md-dialog-content><h3>DEVELOP ACROSS ALL PLATFORMS</h3><p>Learn one way to build applications with Angular and reuse your code and abilities to build apps for any deployment target. For web, mobile web, native mobile and native desktop.</p><h3>SPEED & PERFORMANCE</h3><p>Achieve the maximum speed possible on the Web Platform today, and take it further, via Web Workers and server-side rendering. Angular puts you in control over scalability. Meet huge data requirements by building data models on RxJS, Immutable.js or another push-model.</p><h3>INCREDIBLE TOOLING</h3><p>Build features quickly with simple, declarative templates. Extend the template language with your own components and use a wide array of existing components. Get immediate Angular-specific help and feedback with nearly every IDE and editor. All this comes together so you can focus on building amazing apps rather than trying to make the code work.</p><h3>LOVED BY MILLIONS</h3><p>From prototype through global deployment, Angular delivers the productivity and scalable infrastructure that supports Google\'s largest applications.</p></md-dialog-content><md-dialog-actions><button md-button [md-dialog-close]="true" tabindex="1">Install</button> <button md-button md-dialog-close tabindex="-1">Cancel</button></md-dialog-actions>'}]}],Z.ctorParameters=function(){return[]};var X=function(){function e(e){this.dialog=e}return e.prototype.openDialog=function(){this.dialog.open(Q,{data:{animal:"panda"}})},e}();X.decorators=[{type:t.Component,args:[{selector:"dialog-data-example",template:'<button md-button (click)="openDialog()">Open dialog</button>'}]}],X.ctorParameters=function(){return[{type:r.MdDialog}]};var Q=function(){function e(e){this.data=e}return e}();Q.decorators=[{type:t.Component,args:[{selector:"dialog-data-example-dialog",template:"<h1 md-dialog-title>Favorite Animal</h1><div md-dialog-content>My favorite animal is:<ul><li><span *ngIf=\"data.animal === 'panda'\">&#10003;</span> Panda</li><li><span *ngIf=\"data.animal === 'unicorn'\">&#10003;</span> Unicorn</li><li><span *ngIf=\"data.animal === 'lion'\">&#10003;</span> Lion</li></ul></div>"}]}],Q.ctorParameters=function(){return[{type:void 0,decorators:[{type:t.Inject,args:[r.MD_DIALOG_DATA]}]}]};var ee=function(){function e(e){this.dialog=e}return e.prototype.openDialog=function(){this.dialog.open(te)},e}();ee.decorators=[{type:t.Component,args:[{selector:"dialog-elements-example",template:'<button md-button (click)="openDialog()">Launch dialog</button>'}]}],ee.ctorParameters=function(){return[{type:r.MdDialog}]};var te=function(){function e(){}return e}();te.decorators=[{type:t.Component,args:[{selector:"dialog-elements-example-dialog",template:"<h1 md-dialog-title>Dialog with elements</h1><div md-dialog-content>This dialog showcases the title, close, content and actions elements.</div><div md-dialog-actions><button md-button md-dialog-close>Close</button></div>"}]}],te.ctorParameters=function(){return[]};var ae=function(){function e(e){this.dialog=e}return e.prototype.openDialog=function(){var e=this;this.dialog.open(oe,{width:"250px",data:{name:this.name,animal:this.animal}}).afterClosed().subscribe(function(t){console.log("The dialog was closed"),e.animal=t})},e}();ae.decorators=[{type:t.Component,args:[{selector:"dialog-overview-example",template:'<ol><li><md-form-field><input mdInput [(ngModel)]="name" placeholder="What\'s your name?"></md-form-field></li><li><button md-raised-button (click)="openDialog()">Pick one</button></li><li *ngIf="animal">You chose: <i>{{animal}}</i></li></ol>'}]}],ae.ctorParameters=function(){return[{type:r.MdDialog}]};var oe=function(){function e(e,t){this.dialogRef=e,this.data=t}return e.prototype.onNoClick=function(){this.dialogRef.close()},e}();oe.decorators=[{type:t.Component,args:[{selector:"dialog-overview-example-dialog",template:'<h1 md-dialog-title>Hi {{data.name}}</h1><div md-dialog-content><p>What\'s your favorite animal?</p><md-form-field><input mdInput tabindex="1" [(ngModel)]="data.animal"></md-form-field></div><div md-dialog-actions><button md-button [md-dialog-close]="data.animal" tabindex="2">Ok</button> <button md-button (click)="onNoClick()" tabindex="-1">No Thanks</button></div>'}]}],oe.ctorParameters=function(){return[{type:r.MdDialogRef},{type:void 0,decorators:[{type:t.Inject,args:[r.MD_DIALOG_DATA]}]}]};var ne=function(){function e(){}return e}();ne.decorators=[{type:t.Component,args:[{selector:"expansion-overview-example",template:'<md-expansion-panel><md-expansion-panel-header><md-panel-title>Personal data</md-panel-title><md-panel-description>Type your name and age</md-panel-description></md-expansion-panel-header><md-form-field><input mdInput placeholder="First name"></md-form-field><md-form-field><input mdInput placeholder="Age"></md-form-field></md-expansion-panel>'}]}],ne.ctorParameters=function(){return[]};var re=function(){function e(){this.step=0}return e.prototype.setStep=function(e){this.step=e},e.prototype.nextStep=function(){this.step++},e.prototype.prevStep=function(){this.step--},e}();re.decorators=[{type:t.Component,args:[{selector:"expansion-steps-example",template:'<md-accordion class="example-headers-align"><md-expansion-panel [expanded]="step === 0" (opened)="setStep(0)" hideToggle="true"><md-expansion-panel-header><md-panel-title>Personal data</md-panel-title><md-panel-description>Type your name and age<md-icon>account_circle</md-icon></md-panel-description></md-expansion-panel-header><md-form-field><input mdInput placeholder="First name"></md-form-field><md-form-field><input mdInput type="number" min="1" placeholder="Age"></md-form-field><md-action-row><button md-button color="primary" (click)="nextStep()">Next</button></md-action-row></md-expansion-panel><md-expansion-panel [expanded]="step === 1" (opened)="setStep(1)" hideToggle="true"><md-expansion-panel-header><md-panel-title>Destination</md-panel-title><md-panel-description>Type the country name<md-icon>map</md-icon></md-panel-description></md-expansion-panel-header><md-form-field><input mdInput placeholder="Country"></md-form-field><md-action-row><button md-button color="warn" (click)="prevStep()">Previous</button> <button md-button color="primary" (click)="nextStep()">Next</button></md-action-row></md-expansion-panel><md-expansion-panel [expanded]="step === 2" (opened)="setStep(2)" hideToggle="true"><md-expansion-panel-header><md-panel-title>Day of the trip</md-panel-title><md-panel-description>Inform the date you wish to travel<md-icon>date_range</md-icon></md-panel-description></md-expansion-panel-header><md-form-field><input mdInput placeholder="Date" [mdDatepicker]="picker" (focus)="picker.open()" readonly="readonly"></md-form-field><md-datepicker #picker></md-datepicker><md-action-row><button md-button color="warn" (click)="prevStep()">Previous</button> <button md-button color="primary" (click)="nextStep()">End</button></md-action-row></md-expansion-panel></md-accordion>',styles:[".example-headers-align .mat-expansion-panel-header-title,  .example-headers-align .mat-expansion-panel-header-description { flex-basis: 0; } .example-headers-align .mat-expansion-panel-header-description { justify-content: space-between; align-items: center; } "]}]}],re.ctorParameters=function(){return[]};var le=function(){function e(){this.tiles=[{text:"One",cols:3,rows:1,color:"lightblue"},{text:"Two",cols:1,rows:2,color:"lightgreen"},{text:"Three",cols:1,rows:1,color:"lightpink"},{text:"Four",cols:2,rows:1,color:"#DDBDF1"}]}return e}();le.decorators=[{type:t.Component,args:[{selector:"grid-list-dynamic-example",template:'<md-grid-list cols="4" rowHeight="100px"><md-grid-tile *ngFor="let tile of tiles" [colspan]="tile.cols" [rowspan]="tile.rows" [style.background]="tile.color">{{tile.text}}</md-grid-tile></md-grid-list>'}]}],le.ctorParameters=function(){return[]};var ie=function(){function e(){}return e}();ie.decorators=[{type:t.Component,args:[{selector:"grid-list-overview-example",styles:["md-grid-tile { background: lightblue; } "],template:'<md-grid-list cols="2" rowHeight="2:1"><md-grid-tile>1</md-grid-tile><md-grid-tile>2</md-grid-tile><md-grid-tile>3</md-grid-tile><md-grid-tile>4</md-grid-tile></md-grid-list>'}]}],ie.ctorParameters=function(){return[]};var se=function(){function e(){}return e}();se.decorators=[{type:t.Component,args:[{selector:"icon-overview-example",template:"<md-icon>home</md-icon>"}]}],se.ctorParameters=function(){return[]};var de=function(){function e(e,t){e.addSvgIcon("thumbs-up",t.bypassSecurityTrustResourceUrl("assets/img/examples/thumbup-icon.svg"))}return e}();de.decorators=[{type:t.Component,args:[{selector:"icon-svg-example",template:'<md-icon svgIcon="thumbs-up"></md-icon>'}]}],de.ctorParameters=function(){return[{type:r.MdIconRegistry},{type:c.DomSanitizer}]};var me=function(){function e(){this.value="Clear me"}return e}();me.decorators=[{type:t.Component,args:[{selector:"input-clearable-example",
+template:'<md-form-field class="example-form-field"><input mdInput type="text" placeholder="Clearable input" [(ngModel)]="value"> <button md-button *ngIf="value" mdSuffix md-icon-button aria-label="Clear" (click)="value=\'\'"><md-icon>close</md-icon></button></md-form-field>',styles:[".example-form-field { width: 200px; } "]}]}],me.ctorParameters=function(){return[]};var ce=/^[a-zA-Z0-9.!#$%&’*+\/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/,ue=function(){function e(){this.emailFormControl=new a.FormControl("",[a.Validators.required,a.Validators.pattern(ce)])}return e}();ue.decorators=[{type:t.Component,args:[{selector:"input-errors-example",template:'<form class="example-form"><md-form-field class="example-full-width"><input mdInput placeholder="Email" [formControl]="emailFormControl"><md-error *ngIf="emailFormControl.hasError(\'pattern\')">Please enter a valid email address</md-error><md-error *ngIf="emailFormControl.hasError(\'required\')">Email is <strong>required</strong></md-error></md-form-field></form>',styles:[".example-form { min-width: 150px; max-width: 500px; width: 100%; } .example-full-width { width: 100%; } "]}]}],ue.ctorParameters=function(){return[]};var pe=function(){function e(){}return e}();pe.decorators=[{type:t.Component,args:[{selector:"input-form-example",template:'<form class="example-form"><md-form-field class="example-full-width"><input mdInput placeholder="Company (disabled)" disabled="disabled" value="Google"></md-form-field><table class="example-full-width" cellspacing="0"><tr><td><md-form-field class="example-full-width"><input mdInput placeholder="First name"></md-form-field></td><td><md-form-field class="example-full-width"><input mdInput placeholder="Long Last Name That Will Be Truncated"></md-form-field></td></tr></table><p><md-form-field class="example-full-width"><textarea mdInput placeholder="Address">1600 Amphitheatre Pkwy</textarea></md-form-field><md-form-field class="example-full-width"><textarea mdInput placeholder="Address 2"></textarea></md-form-field></p><table class="example-full-width" cellspacing="0"><tr><td><md-form-field class="example-full-width"><input mdInput placeholder="City"></md-form-field></td><td><md-form-field class="example-full-width"><input mdInput placeholder="State"></md-form-field></td><td><md-form-field class="example-full-width"><input mdInput #postalCode maxlength="5" placeholder="Postal Code" value="94043"><md-hint align="end">{{postalCode.value.length}} / 5</md-hint></md-form-field></td></tr></table></form>',styles:[".example-form { min-width: 150px; max-width: 500px; width: 100%; } .example-full-width { width: 100%; } "]}]}],pe.ctorParameters=function(){return[]};var fe=function(){function e(){}return e}();fe.decorators=[{type:t.Component,args:[{selector:"input-hint-example",template:'<form class="example-form"><md-form-field class="example-full-width"><input mdInput #message maxlength="256" placeholder="Message"><md-hint align="start"><strong>Don\'t disclose personal info</strong></md-hint><md-hint align="end">{{message.value.length}} / 256</md-hint></md-form-field></form>',styles:[".example-form { min-width: 150px; max-width: 500px; width: 100%; } .example-full-width { width: 100%; } "]}]}],fe.ctorParameters=function(){return[]};var he=function(){function e(){}return e}();he.decorators=[{type:t.Component,args:[{selector:"input-overview-example",styles:[".example-form { min-width: 150px; max-width: 500px; width: 100%; } .example-full-width { width: 100%; } "],template:'<form class="example-form"><md-form-field class="example-full-width"><input mdInput placeholder="Favorite food" value="Sushi"></md-form-field></form>'}]}],he.ctorParameters=function(){return[]};var ge=function(){function e(){}return e}();ge.decorators=[{type:t.Component,args:[{selector:"input-prefix-suffix-example",template:'<form class="example-form"><md-form-field class="example-full-width"><span mdPrefix>+1 &nbsp;</span> <input type="tel" mdInput placeholder="Telephone"><md-icon mdSuffix>mode_edit</md-icon></md-form-field></form>',styles:[".example-form { min-width: 150px; max-width: 500px; width: 100%; } .example-full-width { width: 100%; } "]}]}],ge.ctorParameters=function(){return[]};var be=function(){function e(){}return e}();be.decorators=[{type:t.Component,args:[{selector:"list-overview-example",template:"<md-list><md-list-item>Item 1</md-list-item><md-list-item>Item 2</md-list-item><md-list-item>Item 3</md-list-item></md-list>"}]}],be.ctorParameters=function(){return[]};var xe=function(){function e(){this.folders=[{name:"Photos",updated:new Date("1/1/16")},{name:"Recipes",updated:new Date("1/17/16")},{name:"Work",updated:new Date("1/28/16")}],this.notes=[{name:"Vacation Itinerary",updated:new Date("2/20/16")},{name:"Kitchen Remodel",updated:new Date("1/18/16")}]}return e}();xe.decorators=[{type:t.Component,args:[{selector:"list-sections-example",styles:[".mat-list-icon { color: rgba(0, 0, 0, 0.54); } "],template:'<md-list><h3 md-subheader>Folders</h3><md-list-item *ngFor="let folder of folders"><md-icon md-list-icon>folder</md-icon><h4 md-line>{{folder.name}}</h4><p md-line>{{folder.updated | date}}</p></md-list-item><md-divider></md-divider><h3 md-subheader>Notes</h3><md-list-item *ngFor="let note of notes"><md-icon md-list-icon>note</md-icon><h4 md-line>{{note.name}}</h4><p md-line>{{note.updated | date}}</p></md-list-item></md-list>'}]}],xe.ctorParameters=function(){return[]};var ve=function(){function e(){this.typesOfShoes=["Boots","Clogs","Loafers","Moccasins","Sneakers"]}return e}();ve.decorators=[{type:t.Component,args:[{selector:"list-selection-example",styles:["/** No styles for this example. */ "],template:'<md-selection-list #shoes><md-list-option *ngFor="let shoe of typesOfShoes">{{shoe}}</md-list-option></md-selection-list><p>Options selected: {{shoes.selectedOptions.selected.length}}</p>'}]}],ve.ctorParameters=function(){return[]};var we=function(){function e(){}return e}();we.decorators=[{type:t.Component,args:[{selector:"menu-icons-example",template:'<button md-icon-button [mdMenuTriggerFor]="menu"><md-icon>more_vert</md-icon></button><md-menu #menu="mdMenu"><button md-menu-item><md-icon>dialpad</md-icon><span>Redial</span></button> <button md-menu-item disabled="disabled"><md-icon>voicemail</md-icon><span>Check voicemail</span></button> <button md-menu-item><md-icon>notifications_off</md-icon><span>Disable alerts</span></button></md-menu>',styles:["/** No CSS for this example */ "]}]}],we.ctorParameters=function(){return[]};var ye=function(){function e(){}return e}();ye.decorators=[{type:t.Component,args:[{selector:"menu-overview-example",template:'<button md-button [mdMenuTriggerFor]="menu">Menu</button><md-menu #menu="mdMenu"><button md-menu-item>Item 1</button> <button md-menu-item>Item 2</button></md-menu>',styles:["/** No CSS for this example */ "]}]}],ye.ctorParameters=function(){return[]};var Ce=function(){function e(){}return e}();Ce.decorators=[{type:t.Component,args:[{selector:"nested-menu-example",template:'<button md-button [mdMenuTriggerFor]="animals">Animal index</button><md-menu #animals="mdMenu"><button md-menu-item [mdMenuTriggerFor]="vertebrates">Vertebrates</button> <button md-menu-item [mdMenuTriggerFor]="invertebrates">Invertebrates</button></md-menu><md-menu #vertebrates="mdMenu"><button md-menu-item [mdMenuTriggerFor]="fish">Fishes</button> <button md-menu-item [mdMenuTriggerFor]="amphibians">Amphibians</button> <button md-menu-item [mdMenuTriggerFor]="reptiles">Reptiles</button> <button md-menu-item>Birds</button> <button md-menu-item>Mammals</button></md-menu><md-menu #invertebrates="mdMenu"><button md-menu-item>Insects</button> <button md-menu-item>Molluscs</button> <button md-menu-item>Crustaceans</button> <button md-menu-item>Corals</button> <button md-menu-item>Arachnids</button> <button md-menu-item>Velvet worms</button> <button md-menu-item>Horseshoe crabs</button></md-menu><md-menu #fish="mdMenu"><button md-menu-item>Baikal oilfish</button> <button md-menu-item>Bala shark</button> <button md-menu-item>Ballan wrasse</button> <button md-menu-item>Bamboo shark</button> <button md-menu-item>Banded killifish</button></md-menu><md-menu #amphibians="mdMenu"><button md-menu-item>Sonoran desert toad</button> <button md-menu-item>Western toad</button> <button md-menu-item>Arroyo toad</button> <button md-menu-item>Yosemite toad</button></md-menu><md-menu #reptiles="mdMenu"><button md-menu-item>Banded Day Gecko</button> <button md-menu-item>Banded Gila Monster</button> <button md-menu-item>Black Tree Monitor</button> <button md-menu-item>Blue Spiny Lizard</button> <button md-menu-item disabled="disabled">Velociraptor</button></md-menu>',styles:["/** No CSS for this example */ "]}]}],Ce.ctorParameters=function(){return[]};var ke=function(){function e(){this.length=100,this.pageSize=10,this.pageSizeOptions=[5,10,25,100]}return e.prototype.setPageSizeOptions=function(e){this.pageSizeOptions=e.split(",").map(function(e){return+e})},e}();ke.decorators=[{type:t.Component,args:[{selector:"paginator-configurable-example",template:'<md-form-field>List length: <input mdInput [(ngModel)]="length"></md-form-field><md-form-field>Page size: <input mdInput [(ngModel)]="pageSize"></md-form-field><md-form-field>Page size options: <input mdInput [ngModel]="pageSizeOptions" (ngModelChange)="setPageSizeOptions($event)"></md-form-field><md-paginator [length]="length" [pageSize]="pageSize" [pageSizeOptions]="pageSizeOptions" (page)="pageEvent = $event"></md-paginator><div *ngIf="pageEvent"><h5>Page Change Event Properties</h5><div>List length: {{pageEvent.length}}</div><div>Page size: {{pageEvent.pageSize}}</div><div>Page index: {{pageEvent.pageIndex}}</div></div>'}]}],ke.ctorParameters=function(){return[]};var De=function(){function e(){}return e}();De.decorators=[{type:t.Component,args:[{selector:"paginator-overview-example",template:'<md-paginator [length]="100" [pageSize]="10" [pageSizeOptions]="[5, 10, 25, 100]"></md-paginator>'}]}],De.ctorParameters=function(){return[]};var Se=function(){function e(){this.color="primary",this.mode="determinate",this.value=50,this.bufferValue=75}return e}();Se.decorators=[{type:t.Component,args:[{selector:"progress-bar-configurable-example",template:'<md-card><md-card-content><h2 class="example-h2">Progress bar configuration</h2><section class="example-section"><label class="example-margin">Color:</label><md-radio-group [(ngModel)]="color"><md-radio-button class="example-margin" value="primary">Primary</md-radio-button><md-radio-button class="example-margin" value="accent">Accent</md-radio-button><md-radio-button class="example-margin" value="warn">Warn</md-radio-button></md-radio-group></section><section class="example-section"><label class="example-margin">Mode:</label><md-radio-group [(ngModel)]="mode"><md-radio-button class="example-margin" value="determinate">Determinate</md-radio-button><md-radio-button class="example-margin" value="indeterminate">Indeterminate</md-radio-button><md-radio-button class="example-margin" value="buffer">Buffer</md-radio-button><md-radio-button class="example-margin" value="query">Query</md-radio-button></md-radio-group></section><section class="example-section" *ngIf="mode == \'determinate\' || mode == \'buffer\'"><label class="example-margin">Progress:</label><md-slider class="example-margin" [(ngModel)]="value"></md-slider></section><section class="example-section" *ngIf="mode == \'buffer\'"><label class="example-margin">Buffer:</label><md-slider class="example-margin" [(ngModel)]="bufferValue"></md-slider></section></md-card-content></md-card><md-card><md-card-content><h2 class="example-h2">Result</h2><section class="example-section"><md-progress-bar class="example-margin" [color]="color" [mode]="mode" [value]="value" [bufferValue]="bufferValue"></md-progress-bar></section></md-card-content></md-card>',styles:[".example-h2 { margin: 10px; } .example-section { display: flex; align-content: center; align-items: center; height: 60px; } .example-margin { margin: 0 10px; } "]}]}],Se.ctorParameters=function(){return[]};var Me=function(){function e(){}return e}();Me.decorators=[{type:t.Component,args:[{selector:"progress-bar-overview-example",template:'<md-progress-bar mode="indeterminate"></md-progress-bar>'}]}],Me.ctorParameters=function(){return[]};var Ne=function(){function e(){this.color="primary",this.mode="determinate",this.value=50}return e}();Ne.decorators=[{type:t.Component,args:[{selector:"progress-spinner-configurable-example",template:'<md-card><md-card-content><h2 class="example-h2">Progress spinner configuration</h2><section class="example-section"><label class="example-margin">Color:</label><md-radio-group [(ngModel)]="color"><md-radio-button class="example-margin" value="primary">Primary</md-radio-button><md-radio-button class="example-margin" value="accent">Accent</md-radio-button><md-radio-button class="example-margin" value="warn">Warn</md-radio-button></md-radio-group></section><section class="example-section"><label class="example-margin">Mode:</label><md-radio-group [(ngModel)]="mode"><md-radio-button class="example-margin" value="determinate">Determinate</md-radio-button><md-radio-button class="example-margin" value="indeterminate">Indeterminate</md-radio-button></md-radio-group></section><section class="example-section" *ngIf="mode == \'determinate\'"><label class="example-margin">Progress:</label><md-slider class="example-margin" [(ngModel)]="value"></md-slider></section></md-card-content></md-card><md-card><md-card-content><h2 class="example-h2">Result</h2><md-progress-spinner class="example-margin" [color]="color" [mode]="mode" [value]="value"></md-progress-spinner></md-card-content></md-card>',styles:[".example-h2 { margin: 10px; } .example-section { display: flex; align-content: center; align-items: center; height: 60px; } .example-margin { margin: 0 10px; } "]}]}],Ne.ctorParameters=function(){return[]};var Pe=function(){function e(){}return e}();Pe.decorators=[{type:t.Component,args:[{selector:"progress-spinner-overview-example",template:"<md-spinner></md-spinner>"}]}],Pe.ctorParameters=function(){return[]};var Fe=function(){function e(){this.seasons=["Winter","Spring","Summer","Autumn"]}return e}();Fe.decorators=[{type:t.Component,args:[{selector:"radio-ng-model-example",template:'<md-radio-group class="example-radio-group" [(ngModel)]="favoriteSeason"><md-radio-button class="example-radio-button" *ngFor="let season of seasons" [value]="season">{{season}}</md-radio-button></md-radio-group><div class="example-selected-value">Your favorite season is: {{favoriteSeason}}</div>',styles:[".example-radio-group { display: inline-flex; flex-direction: column; } .example-radio-button { margin: 5px; } .example-selected-value { margin: 15px 0; } "]}]}],Fe.ctorParameters=function(){return[]};var Ie=function(){function e(){}return e}();Ie.decorators=[{type:t.Component,args:[{selector:"radio-overview-example",template:'<md-radio-group><md-radio-button value="1">Option 1</md-radio-button><md-radio-button value="2">Option 2</md-radio-button></md-radio-group>'}]}],Ie.ctorParameters=function(){return[]};var Oe=function(){function e(){this.foods=[{value:"steak-0",viewValue:"Steak"},{value:"pizza-1",viewValue:"Pizza"},{value:"tacos-2",viewValue:"Tacos"}]}return e}();Oe.decorators=[{type:t.Component,args:[{selector:"select-form-example",template:'<form><md-select placeholder="Favorite food" [(ngModel)]="selectedValue" name="food"><md-option *ngFor="let food of foods" [value]="food.value">{{food.viewValue}}</md-option></md-select><p>Selected value: {{selectedValue}}</p></form>'}]}],Oe.ctorParameters=function(){return[]};var Te=function(){function e(){this.foods=[{value:"steak-0",viewValue:"Steak"},{value:"pizza-1",viewValue:"Pizza"},{value:"tacos-2",viewValue:"Tacos"}]}return e}();Te.decorators=[{type:t.Component,args:[{selector:"select-overview-example",template:'<md-select placeholder="Favorite food"><md-option *ngFor="let food of foods" [value]="food.value">{{ food.viewValue }}</md-option></md-select>'}]}],Te.ctorParameters=function(){return[]};var Ae=function(){function e(){}return e}();Ae.decorators=[{type:t.Component,args:[{selector:"sidenav-fab-example",template:'<md-sidenav-container class="example-sidenav-fab-container"><md-sidenav #sidenav mode="side" opened="true"><button md-mini-fab class="example-fab" (click)="sidenav.toggle()"><md-icon>add</md-icon></button><div class="example-scrolling-content">Lorem ipsum dolor sit amet, pede a libero aenean phasellus, lectus metus sint ut risus, fusce vel in pellentesque. Nisl rutrum etiam morbi consectetuer tempor magna, aenean nullam nunc id, neque vivamus interdum sociis nulla scelerisque sem, dolor id wisi turpis magna aliquam magna. Risus accumsan hac eget etiam donec sed, senectus erat mattis quam, tempor vel urna occaecat cras, metus urna augue nec at. Et morbi amet dui praesent, nec eu at, ligula ipsum dui sollicitudin, quis nisl massa viverra ligula, mauris fermentum orci arcu enim fringilla. Arcu erat nulla in aenean lacinia ullamcorper, urna ante nam et sagittis, tristique vehicula nibh ipsum vivamus, proin proin. Porta commodo nibh quis libero amet. Taciti dui, sapien consectetuer.</div></md-sidenav><button md-mini-fab class="example-fab" (click)="sidenav.toggle()"><md-icon>add</md-icon></button><div class="example-scrolling-content">Lorem ipsum dolor sit amet, pede a libero aenean phasellus, lectus metus sint ut risus, fusce vel in pellentesque. Nisl rutrum etiam morbi consectetuer tempor magna, aenean nullam nunc id, neque vivamus interdum sociis nulla scelerisque sem, dolor id wisi turpis magna aliquam magna. Risus accumsan hac eget etiam donec sed, senectus erat mattis quam, tempor vel urna occaecat cras, metus urna augue nec at. Et morbi amet dui praesent, nec eu at, ligula ipsum dui sollicitudin, quis nisl massa viverra ligula, mauris fermentum orci arcu enim fringilla. Arcu erat nulla in aenean lacinia ullamcorper, urna ante nam et sagittis, tristique vehicula nibh ipsum vivamus, proin proin. Porta commodo nibh quis libero amet. Taciti dui, sapien consectetuer.</div></md-sidenav-container>',styles:[".example-sidenav-fab-container { width: 500px; height: 300px; border: 1px solid rgba(0, 0, 0, 0.5); } .example-sidenav-fab-container md-sidenav { max-width: 200px; } .example-sidenav-fab-container .mat-sidenav-content, .example-sidenav-fab-container md-sidenav { display: flex; overflow: visible; } .example-scrolling-content { overflow: auto; height: 100%; } .example-fab.mat-mini-fab { position: absolute; right: 20px; bottom: 10px; } "],encapsulation:t.ViewEncapsulation.None,preserveWhitespaces:!1}]}],Ae.ctorParameters=function(){return[]};var Be=function(){function e(){}return e}();Be.decorators=[{type:t.Component,args:[{selector:"sidenav-overview-example",template:'<md-sidenav-container class="example-container"><md-sidenav #sidenav class="example-sidenav">Jolly good!</md-sidenav><div class="example-sidenav-content"><button type="button" md-button (click)="sidenav.open()">Open sidenav</button></div></md-sidenav-container>',styles:[".example-container { width: 500px; height: 300px; border: 1px solid rgba(0, 0, 0, 0.5); } .example-sidenav-content { display: flex; height: 100%; align-items: center; justify-content: center; } .example-sidenav { padding: 20px; } "]}]}],Be.ctorParameters=function(){return[]};var Ee=function(){function e(){this.color="accent",this.checked=!1,this.disabled=!1}return e}();Ee.decorators=[{type:t.Component,args:[{selector:"slide-toggle-configurable-example",template:'<md-card><md-card-content><h2 class="example-h2">Slider configuration</h2><section class="example-section"><label class="example-margin">Color:</label><md-radio-group [(ngModel)]="color"><md-radio-button class="example-margin" value="primary">Primary</md-radio-button><md-radio-button class="example-margin" value="accent">Accent</md-radio-button><md-radio-button class="example-margin" value="warn">Warn</md-radio-button></md-radio-group></section><section class="example-section"><md-checkbox class="example-margin" [(ngModel)]="checked">Checked</md-checkbox></section><section class="example-section"><md-checkbox class="example-margin" [(ngModel)]="disabled">Disabled</md-checkbox></section></md-card-content></md-card><md-card class="result"><md-card-content><h2 class="example-h2">Result</h2><section class="example-section"><md-slide-toggle class="example-margin" [color]="color" [checked]="checked" [disabled]="disabled">Slide me!</md-slide-toggle></section></md-card-content></md-card>',styles:[".example-h2 { margin: 10px; } .example-section { display: flex; align-content: center; align-items: center; height: 60px; } .example-margin { margin: 10px; } "]}]}],Ee.ctorParameters=function(){return[]};var _e=function(){function e(e){this.isChecked=!0,this.formGroup=e.group({enableWifi:"",acceptTerms:["",a.Validators.requiredTrue]})}return e.prototype.onFormSubmit=function(e){alert(JSON.stringify(e,null,2))},e}();_e.decorators=[{type:t.Component,args:[{selector:"slide-toggle-forms-example",template:'<p>Slide Toggle using a simple NgModel.</p><md-slide-toggle [(ngModel)]="isChecked">Slide Toggle Checked: {{ isChecked }}</md-slide-toggle><p>Slide Toggle inside of a Template-driven form</p><form class="example-form" #form="ngForm" (ngSubmit)="onFormSubmit(form.value)" ngNativeValidate><md-slide-toggle ngModel name="enableWifi">Enable Wifi</md-slide-toggle><md-slide-toggle ngModel name="acceptTerms" required>Accept Terms of Service</md-slide-toggle><button md-raised-button type="submit">Save Settings</button></form><p>Slide Toggle inside of a Reactive form</p><form class="example-form" [formGroup]="formGroup" (ngSubmit)="onFormSubmit(formGroup.value)" ngNativeValidate><md-slide-toggle formControlName="enableWifi">Enable Wifi</md-slide-toggle><md-slide-toggle formControlName="acceptTerms">Accept Terms of Service</md-slide-toggle><p>Form Group Status: {{ formGroup.status}}</p><button md-rasied-button type="submit">Save Settings</button></form>',styles:[".example-form md-slide-toggle { margin: 8px 0; display: block; } "]}]}],_e.ctorParameters=function(){return[{type:a.FormBuilder}]};var Le=function(){function e(){}return e}();Le.decorators=[{type:t.Component,args:[{selector:"slide-toggle-overview-example",template:"<md-slide-toggle>Slide me!</md-slide-toggle>"}]}],Le.ctorParameters=function(){return[]};var ze=function(){function e(){this.autoTicks=!1,this.disabled=!1,this.invert=!1,this.max=100,this.min=0,this.showTicks=!1,this.step=1,this.thumbLabel=!1,this.value=0,this.vertical=!1,this._tickInterval=1}return Object.defineProperty(e.prototype,"tickInterval",{get:function(){return this.showTicks?this.autoTicks?"auto":this._tickInterval:0},set:function(e){this._tickInterval=Number(e)},enumerable:!0,configurable:!0}),e}();ze.decorators=[{type:t.Component,args:[{selector:"slider-configurable-example",template:'<md-card><md-card-content><h2 class="example-h2">Slider configuration</h2><section class="example-section"><md-form-field class="example-margin"><input mdInput type="number" placeholder="Value" [(ngModel)]="value"></md-form-field><md-form-field class="example-margin"><input mdInput type="number" placeholder="Min value" [(ngModel)]="min"></md-form-field><md-form-field class="example-margin"><input mdInput type="number" placeholder="Max value" [(ngModel)]="max"></md-form-field><md-form-field class="example-margin"><input mdInput type="number" placeholder="Step size" [(ngModel)]="step"></md-form-field></section><section class="example-section"><md-checkbox class="example-margin" [(ngModel)]="showTicks">Show ticks</md-checkbox><md-checkbox class="example-margin" [(ngModel)]="autoTicks" *ngIf="showTicks">Auto ticks</md-checkbox><md-form-field class="example-margin" *ngIf="showTicks && !autoTicks"><input mdInput type="number" placeholder="Tick interval" [(ngModel)]="tickInterval"></md-form-field></section><section class="example-section"><md-checkbox class="example-margin" [(ngModel)]="thumbLabel">Show thumb label</md-checkbox></section><section class="example-section"><md-checkbox class="example-margin" [(ngModel)]="vertical">Vertical</md-checkbox><md-checkbox class="example-margin" [(ngModel)]="invert">Inverted</md-checkbox></section><section class="example-section"><md-checkbox class="example-margin" [(ngModel)]="disabled">Disabled</md-checkbox></section></md-card-content></md-card><md-card class="result"><md-card-content><h2 class="example-h2">Result</h2><md-slider class="example-margin" [disabled]="disabled" [invert]="invert" [max]="max" [min]="min" [step]="step" [thumb-label]="thumbLabel" [tick-interval]="tickInterval" [value]="value" [vertical]="vertical"></md-slider></md-card-content></md-card>',styles:[".example-h2 { margin: 10px; } .example-section { display: flex; align-content: center; align-items: center; height: 60px; } .example-margin { margin: 10px; } .mat-slider-horizontal { width: 300px; } .mat-slider-vertical { height: 300px; } "],encapsulation:t.ViewEncapsulation.None,preserveWhitespaces:!1}]}],ze.ctorParameters=function(){return[]};var qe=function(){function e(){}return e}();qe.decorators=[{type:t.Component,args:[{selector:"slider-overview-example",template:"<md-slider></md-slider>",styles:["/** No CSS for this example */ md-slider { width: 300px; } "]}]}],qe.ctorParameters=function(){return[]};var Re=function(){function e(e){this.snackBar=e}return e.prototype.openSnackBar=function(){this.snackBar.openFromComponent(je,{duration:500})},e}();Re.decorators=[{type:t.Component,args:[{selector:"snack-bar-component-example",template:'<button md-button (click)="openSnackBar()" aria-label="Show an example snack-bar">Pizza party</button>'}]}],Re.ctorParameters=function(){return[{type:r.MdSnackBar}]};var je=function(){function e(){}return e}();je.decorators=[{type:t.Component,args:[{selector:"snack-bar-component-example-snack",template:'<span class="example-pizza-party">Pizza party!!! 🍕</span>',styles:[".example-pizza-party { color: hotpink; } "]}]}],je.ctorParameters=function(){return[]};var He=function(){function e(e){this.snackBar=e}return e.prototype.openSnackBar=function(e,t){this.snackBar.open(e,t,{duration:2e3})},e}();He.decorators=[{type:t.Component,args:[{selector:"snack-bar-overview-example",template:'<md-form-field><input mdInput value="Disco party!" placeholder="Message" #message></md-form-field><md-form-field><input mdInput value="Dance" placeholder="Action" #action></md-form-field><button md-button (click)="openSnackBar(message.value, action.value)">Show snack-bar</button>'}]}],He.ctorParameters=function(){return[{type:r.MdSnackBar}]};var Ve=function(){function e(){this.desserts=[{name:"Frozen yogurt",calories:"159",fat:"6",carbs:"24",protein:"4"},{name:"Ice cream sandwich",calories:"237",fat:"9",carbs:"37",protein:"4"},{name:"Eclair",calories:"262",fat:"16",carbs:"24",protein:"6"},{name:"Cupcake",calories:"305",fat:"4",carbs:"67",protein:"4"},{name:"Gingerbread",calories:"356",fat:"16",carbs:"49",protein:"4"}],this.sortedData=this.desserts.slice()}return e.prototype.sortData=function(e){var t=this.desserts.slice();if(!e.active||""==e.direction)return void(this.sortedData=t);this.sortedData=t.sort(function(t,a){var o="asc"==e.direction;switch(e.active){case"name":return v(t.name,a.name,o);case"calories":return v(+t.calories,+a.calories,o);case"fat":return v(+t.fat,+a.fat,o);case"carbs":return v(+t.carbs,+a.carbs,o);case"protein":return v(+t.protein,+a.protein,o);default:return 0}})},e}();Ve.decorators=[{type:t.Component,args:[{selector:"sort-overview-example",template:'<table mdSort (mdSortChange)="sortData($event)"><tr><th md-sort-header="name">Dessert (100g)</th><th md-sort-header="calories">Calories</th><th md-sort-header="fat">Fat (g)</th><th md-sort-header="carbs">Carbs (g)</th><th md-sort-header="protein">Protein (g)</th></tr><tr *ngFor="let dessert of sortedData"><td>{{dessert.name}}</td><td>{{dessert.calories}}</td><td>{{dessert.fat}}</td><td>{{dessert.carbs}}</td><td>{{dessert.protein}}</td></tr></table>',styles:[".mat-sort-header-container { align-items: center; } "]}]}],Ve.ctorParameters=function(){return[]};var We=function(){function e(e){this._formBuilder=e,this.isLinear=!1}return e.prototype.ngOnInit=function(){this.firstFormGroup=this._formBuilder.group({firstCtrl:["",a.Validators.required]}),this.secondFormGroup=this._formBuilder.group({secondCtrl:["",a.Validators.required]})},e}();We.decorators=[{type:t.Component,args:[{selector:"stepper-overview-example",template:'<button (click)="isLinear=!isLinear" id="toggle-linear">Enable linear</button><md-horizontal-stepper [linear]="isLinear"><md-step [stepControl]="firstFormGroup"><form [formGroup]="firstFormGroup"><ng-template mdStepLabel>Fill out your name</ng-template><md-form-field><input mdInput placeholder="Last name, First name" formControlName="firstCtrl" required></md-form-field><div><button md-button mdStepperNext>Next</button></div></form></md-step><md-step [stepControl]="secondFormGroup"><form [formGroup]="secondFormGroup"><ng-template mdStepLabel>Fill out your address</ng-template><md-form-field><input mdInput placeholder="Address" formControlName="secondCtrl" required></md-form-field><div><button md-button mdStepperPrevious>Back</button> <button md-button mdStepperNext>Next</button></div></form></md-step><md-step><ng-template mdStepLabel>Done</ng-template>You are now done.<div><button md-button mdStepperPrevious>Back</button></div></md-step></md-horizontal-stepper>',styles:["/** No CSS for this example */ "]}]}],We.ctorParameters=function(){return[{type:a.FormBuilder}]};var Ue=function(){function e(){this.displayedColumns=["position","name","weight","symbol"],this.dataSource=new Je}return e}();Ue.decorators=[{type:t.Component,args:[{selector:"table-basic-example",styles:[".example-container { display: flex; flex-direction: column; max-height: 500px; min-width: 300px; } .mat-table { overflow: auto; max-height: 500px; } "],template:'<div class="example-container mat-elevation-z8"><md-table #table [dataSource]="dataSource"><ng-container mdColumnDef="position"><md-header-cell *mdHeaderCellDef>No.</md-header-cell><md-cell *mdCellDef="let element">{{element.position}}</md-cell></ng-container><ng-container mdColumnDef="name"><md-header-cell *mdHeaderCellDef>Name</md-header-cell><md-cell *mdCellDef="let element">{{element.name}}</md-cell></ng-container><ng-container mdColumnDef="weight"><md-header-cell *mdHeaderCellDef>Weight</md-header-cell><md-cell *mdCellDef="let element">{{element.weight}}</md-cell></ng-container><ng-container mdColumnDef="symbol"><md-header-cell *mdHeaderCellDef>Symbol</md-header-cell><md-cell *mdCellDef="let element">{{element.symbol}}</md-cell></ng-container><md-header-row *mdHeaderRowDef="displayedColumns"></md-header-row><md-row *mdRowDef="let row; columns: displayedColumns;"></md-row></md-table></div>'}]}],Ue.ctorParameters=function(){return[]};var Ge=[{position:1,name:"Hydrogen",weight:1.0079,symbol:"H"},{position:2,name:"Helium",weight:4.0026,symbol:"He"},{position:3,name:"Lithium",weight:6.941,symbol:"Li"},{position:4,name:"Beryllium",weight:9.0122,symbol:"Be"},{position:5,name:"Boron",weight:10.811,symbol:"B"},{position:6,name:"Carbon",weight:12.0107,symbol:"C"},{position:7,name:"Nitrogen",weight:14.0067,symbol:"N"},{position:8,name:"Oxygen",weight:15.9994,symbol:"O"},{position:9,name:"Fluorine",weight:18.9984,symbol:"F"},{position:10,name:"Neon",weight:20.1797,symbol:"Ne"},{position:11,name:"Sodium",weight:22.9897,symbol:"Na"},{position:12,name:"Magnesium",weight:24.305,symbol:"Mg"},{position:13,name:"Aluminum",weight:26.9815,symbol:"Al"},{position:14,name:"Silicon",weight:28.0855,symbol:"Si"},{position:15,name:"Phosphorus",weight:30.9738,symbol:"P"},{position:16,name:"Sulfur",weight:32.065,symbol:"S"},{position:17,name:"Chlorine",weight:35.453,symbol:"Cl"},{position:18,name:"Argon",weight:39.948,symbol:"Ar"},{position:19,name:"Potassium",weight:39.0983,symbol:"K"},{position:20,
+name:"Calcium",weight:40.078,symbol:"Ca"}],Je=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return x(t,e),t.prototype.connect=function(){return u.Observable.of(Ge)},t.prototype.disconnect=function(){},t}(s.DataSource),$e=function(){function e(){this.displayedColumns=["userId","userName","progress","color"],this.exampleDatabase=new Ze}return e.prototype.ngOnInit=function(){var e=this;this.dataSource=new Xe(this.exampleDatabase),u.Observable.fromEvent(this.filter.nativeElement,"keyup").debounceTime(150).distinctUntilChanged().subscribe(function(){e.dataSource&&(e.dataSource.filter=e.filter.nativeElement.value)})},e}();$e.decorators=[{type:t.Component,args:[{selector:"table-filtering-example",styles:["/* Structure */ .example-container { display: flex; flex-direction: column; min-width: 300px; } .example-header { min-height: 64px; display: flex; align-items: baseline; padding: 8px 24px 0; font-size: 20px; justify-content: space-between; } .mat-form-field { font-size: 14px; flex-grow: 1; margin-left: 32px; } .mat-table { overflow: auto; max-height: 500px; } "],template:'<div class="example-container mat-elevation-z8"><div class="example-header"><md-form-field floatPlaceholder="never"><input mdInput #filter placeholder="Filter users"></md-form-field></div><md-table #table [dataSource]="dataSource"><ng-container mdColumnDef="userId"><md-header-cell *mdHeaderCellDef>ID</md-header-cell><md-cell *mdCellDef="let row">{{row.id}}</md-cell></ng-container><ng-container mdColumnDef="progress"><md-header-cell *mdHeaderCellDef>Progress</md-header-cell><md-cell *mdCellDef="let row">{{row.progress}}%</md-cell></ng-container><ng-container mdColumnDef="userName"><md-header-cell *mdHeaderCellDef>Name</md-header-cell><md-cell *mdCellDef="let row">{{row.name}}</md-cell></ng-container><ng-container mdColumnDef="color"><md-header-cell *mdHeaderCellDef>Color</md-header-cell><md-cell *mdCellDef="let row" [style.color]="row.color">{{row.color}}</md-cell></ng-container><md-header-row *mdHeaderRowDef="displayedColumns"></md-header-row><md-row *mdRowDef="let row; columns: displayedColumns;"></md-row></md-table></div>'}]}],$e.ctorParameters=function(){return[]},$e.propDecorators={filter:[{type:t.ViewChild,args:["filter"]}]};var Ke=["maroon","red","orange","yellow","olive","green","purple","fuchsia","lime","teal","aqua","blue","navy","black","gray"],Ye=["Maia","Asher","Olivia","Atticus","Amelia","Jack","Charlotte","Theodore","Isla","Oliver","Isabella","Jasper","Cora","Levi","Violet","Arthur","Mia","Thomas","Elizabeth"],Ze=function(){function e(){this.dataChange=new d.BehaviorSubject([]);for(var e=0;e<100;e++)this.addUser()}return Object.defineProperty(e.prototype,"data",{get:function(){return this.dataChange.value},enumerable:!0,configurable:!0}),e.prototype.addUser=function(){var e=this.data.slice();e.push(this.createNewUser()),this.dataChange.next(e)},e.prototype.createNewUser=function(){var e=Ye[Math.round(Math.random()*(Ye.length-1))]+" "+Ye[Math.round(Math.random()*(Ye.length-1))].charAt(0)+".";return{id:(this.data.length+1).toString(),name:e,progress:Math.round(100*Math.random()).toString(),color:Ke[Math.round(Math.random()*(Ke.length-1))]}},e}(),Xe=function(e){function t(t){var a=e.call(this)||this;return a._exampleDatabase=t,a._filterChange=new d.BehaviorSubject(""),a}return x(t,e),Object.defineProperty(t.prototype,"filter",{get:function(){return this._filterChange.value},set:function(e){this._filterChange.next(e)},enumerable:!0,configurable:!0}),t.prototype.connect=function(){var e=this,t=[this._exampleDatabase.dataChange,this._filterChange];return u.Observable.merge.apply(u.Observable,t).map(function(){return e._exampleDatabase.data.slice().filter(function(t){return-1!=(t.name+t.color).toLowerCase().indexOf(e.filter.toLowerCase())})})},t.prototype.disconnect=function(){},t}(s.DataSource),Qe=function(){function e(e){this.http=e,this.displayedColumns=["created_at","state","number","title"]}return e.prototype.ngOnInit=function(){this.exampleDatabase=new et(this.http),this.dataSource=new tt(this.exampleDatabase,this.paginator,this.sort)},e}();Qe.decorators=[{type:t.Component,args:[{selector:"table-http-example",styles:["/* Structure */ .example-container { display: flex; flex-direction: column; max-height: 500px; min-width: 300px; position: relative; } .example-header { min-height: 64px; display: flex; align-items: center; padding-left: 24px; font-size: 20px; } .example-table { overflow: auto; min-height: 300px; } .mat-column-title { text-overflow: ellipsis; white-space: nowrap; flex: 1; overflow: hidden; } /* Column Widths */ .mat-column-number, .mat-column-state { max-width: 64px; } .mat-column-created { max-width: 124px; } .example-loading-shade { position: absolute; top: 0; left: 0; bottom: 56px; right: 0; background: rgba(0, 0, 0, 0.15); z-index: 1; display: flex; align-items: center; justify-content: center; } .example-rate-limit-reached { color: #980000; max-width: 360px; text-align: center; } "],template:'<div class="example-container mat-elevation-z8"><div class="example-loading-shade" *ngIf="dataSource.isLoadingResults || dataSource.isRateLimitReached"><md-spinner *ngIf="dataSource.isLoadingResults"></md-spinner><div class="example-rate-limit-reached" *ngIf="dataSource.isRateLimitReached">GitHub\'s API rate limit has been reached. It will be reset in one minute.</div></div><md-table #table [dataSource]="dataSource" class="example-table" mdSort mdSortActive="created_at" mdSortDisableClear mdSortDirection="asc"><ng-container mdColumnDef="number"><md-header-cell *mdHeaderCellDef>#</md-header-cell><md-cell *mdCellDef="let row">{{ row.number }}</md-cell></ng-container><ng-container mdColumnDef="title"><md-header-cell *mdHeaderCellDef>Title</md-header-cell><md-cell *mdCellDef="let row">{{ row.title }}</md-cell></ng-container><ng-container mdColumnDef="state"><md-header-cell *mdHeaderCellDef>State</md-header-cell><md-cell *mdCellDef="let row">{{ row.state }}</md-cell></ng-container><ng-container mdColumnDef="created_at"><md-header-cell *mdHeaderCellDef md-sort-header disableClear="true">Created</md-header-cell><md-cell *mdCellDef="let row">{{ row.created_at | date }}</md-cell></ng-container><md-header-row *mdHeaderRowDef="displayedColumns"></md-header-row><md-row *mdRowDef="let row; columns: displayedColumns;"></md-row></md-table><md-paginator [length]="dataSource.resultsLength" [pageSize]="30"></md-paginator></div>'}]}],Qe.ctorParameters=function(){return[{type:b.Http}]},Qe.propDecorators={paginator:[{type:t.ViewChild,args:[r.MdPaginator]}],sort:[{type:t.ViewChild,args:[r.MdSort]}]};var et=function(){function e(e){this.http=e}return e.prototype.getRepoIssues=function(e,t,a){var o="https://api.github.com/search/issues?q=repo:angular/material2&sort="+e+"&order="+t+"&page="+(a+1);return this.http.get(o).map(function(e){return e.json()})},e}(),tt=function(e){function t(t,a,o){var n=e.call(this)||this;return n.exampleDatabase=t,n.paginator=a,n.sort=o,n.resultsLength=0,n.isLoadingResults=!1,n.isRateLimitReached=!1,n}return x(t,e),t.prototype.connect=function(){var e=this,t=[this.sort.sortChange,this.paginator.page];return this.sort.sortChange.subscribe(function(){return e.paginator.pageIndex=0}),u.Observable.merge.apply(u.Observable,t).startWith(null).switchMap(function(){return e.isLoadingResults=!0,e.exampleDatabase.getRepoIssues(e.sort.active,e.sort.direction,e.paginator.pageIndex)}).map(function(t){return e.isLoadingResults=!1,e.isRateLimitReached=!1,e.resultsLength=t.total_count,t.items}).catch(function(){return e.isLoadingResults=!1,e.isRateLimitReached=!0,u.Observable.of([])})},t.prototype.disconnect=function(){},t}(s.DataSource),at=function(){function e(){this.displayedColumns=["select","userId","userName","progress","color"],this.exampleDatabase=new rt,this.selection=new s.SelectionModel(!0,[])}return e.prototype.ngOnInit=function(){var e=this;this.dataSource=new lt(this.exampleDatabase,this.paginator,this.sort),u.Observable.fromEvent(this.filter.nativeElement,"keyup").debounceTime(150).distinctUntilChanged().subscribe(function(){e.dataSource&&(e.dataSource.filter=e.filter.nativeElement.value)})},e.prototype.isAllSelected=function(){return!!this.dataSource&&(!this.selection.isEmpty()&&(this.filter.nativeElement.value?this.selection.selected.length==this.dataSource.renderedData.length:this.selection.selected.length==this.exampleDatabase.data.length))},e.prototype.masterToggle=function(){var e=this;this.dataSource&&(this.isAllSelected()?this.selection.clear():this.filter.nativeElement.value?this.dataSource.renderedData.forEach(function(t){return e.selection.select(t.id)}):this.exampleDatabase.data.forEach(function(t){return e.selection.select(t.id)}))},e}();at.decorators=[{type:t.Component,args:[{selector:"table-overview-example",styles:["/* Structure */ .example-container { display: flex; flex-direction: column; min-width: 300px; } .example-header { min-height: 56px; max-height: 56px; display: flex; align-items: center; padding: 8px 24px 0; font-size: 20px; justify-content: space-between; border-bottom: 1px solid transparent; } .mat-form-field { font-size: 14px; flex-grow: 1; margin-top: 8px; } .example-no-results { display: flex; justify-content: center; padding: 24px; font-size: 12px; font-style: italic; } /** Selection styles */ .example-selection-header { font-size: 18px; } .mat-column-select { max-width: 54px; } .mat-row:hover, .example-selected-row { background: #f5f5f5; } .mat-row:active, .mat-row.example-selected-row { background: #eaeaea; } .mat-table { overflow: auto; max-height: 500px; } "],template:'<div class="example-header" [style.display]="selection.isEmpty() ? \'\' : \'none\'"><md-form-field floatPlaceholder="never"><input mdInput #filter placeholder="Filter users"></md-form-field></div><div class="example-header example-selection-header" *ngIf="!selection.isEmpty()">{{selection.selected.length}} {{selection.selected.length == 1 ? \'user\' : \'users\'}} selected</div><div class="example-container mat-elevation-z8"><md-table #table [dataSource]="dataSource" mdSort><ng-container mdColumnDef="select"><md-header-cell *mdHeaderCellDef><md-checkbox (change)="$event ? masterToggle() : null" [checked]="isAllSelected()" [indeterminate]="selection.hasValue() && !isAllSelected()"></md-checkbox></md-header-cell><md-cell *mdCellDef="let row"><md-checkbox (click)="$event.stopPropagation()" (change)="$event ? selection.toggle(row.id) : null" [checked]="selection.isSelected(row.id)"></md-checkbox></md-cell></ng-container><ng-container mdColumnDef="userId"><md-header-cell *mdHeaderCellDef md-sort-header>ID</md-header-cell><md-cell *mdCellDef="let row">{{row.id}}</md-cell></ng-container><ng-container mdColumnDef="progress"><md-header-cell *mdHeaderCellDef md-sort-header>Progress</md-header-cell><md-cell *mdCellDef="let row">{{row.progress}}%</md-cell></ng-container><ng-container mdColumnDef="userName"><md-header-cell *mdHeaderCellDef md-sort-header>Name</md-header-cell><md-cell *mdCellDef="let row">{{row.name}}</md-cell></ng-container><ng-container mdColumnDef="color"><md-header-cell *mdHeaderCellDef md-sort-header>Color</md-header-cell><md-cell *mdCellDef="let row" [style.color]="row.color">{{row.color}}</md-cell></ng-container><md-header-row *mdHeaderRowDef="displayedColumns"></md-header-row><md-row *mdRowDef="let row; columns: displayedColumns;" [class.example-selected-row]="selection.isSelected(row.id)" (click)="selection.toggle(row.id)"></md-row></md-table><div class="example-no-results" [style.display]="dataSource.renderedData.length == 0 ? \'\' : \'none\'">No users found matching filter.</div><md-paginator #paginator [length]="dataSource.filteredData.length" [pageIndex]="0" [pageSize]="25" [pageSizeOptions]="[5, 10, 25, 100]"></md-paginator></div>'}]}],at.ctorParameters=function(){return[]},at.propDecorators={paginator:[{type:t.ViewChild,args:[r.MdPaginator]}],sort:[{type:t.ViewChild,args:[r.MdSort]}],filter:[{type:t.ViewChild,args:["filter"]}]};var ot=["maroon","red","orange","yellow","olive","green","purple","fuchsia","lime","teal","aqua","blue","navy","black","gray"],nt=["Maia","Asher","Olivia","Atticus","Amelia","Jack","Charlotte","Theodore","Isla","Oliver","Isabella","Jasper","Cora","Levi","Violet","Arthur","Mia","Thomas","Elizabeth"],rt=function(){function e(){this.dataChange=new d.BehaviorSubject([]);for(var e=0;e<100;e++)this.addUser()}return Object.defineProperty(e.prototype,"data",{get:function(){return this.dataChange.value},enumerable:!0,configurable:!0}),e.prototype.addUser=function(){var e=this.data.slice();e.push(this.createNewUser()),this.dataChange.next(e)},e.prototype.createNewUser=function(){var e=nt[Math.round(Math.random()*(nt.length-1))]+" "+nt[Math.round(Math.random()*(nt.length-1))].charAt(0)+".";return{id:(this.data.length+1).toString(),name:e,progress:Math.round(100*Math.random()).toString(),color:ot[Math.round(Math.random()*(ot.length-1))]}},e}(),lt=function(e){function t(t,a,o){var n=e.call(this)||this;return n._exampleDatabase=t,n._paginator=a,n._sort=o,n._filterChange=new d.BehaviorSubject(""),n.filteredData=[],n.renderedData=[],n._filterChange.subscribe(function(){return n._paginator.pageIndex=0}),n}return x(t,e),Object.defineProperty(t.prototype,"filter",{get:function(){return this._filterChange.value},set:function(e){this._filterChange.next(e)},enumerable:!0,configurable:!0}),t.prototype.connect=function(){var e=this,t=[this._exampleDatabase.dataChange,this._sort.sortChange,this._filterChange,this._paginator.page];return u.Observable.merge.apply(u.Observable,t).map(function(){e.filteredData=e._exampleDatabase.data.slice().filter(function(t){return-1!=(t.name+t.color).toLowerCase().indexOf(e.filter.toLowerCase())});var t=e.sortData(e.filteredData.slice()),a=e._paginator.pageIndex*e._paginator.pageSize;return e.renderedData=t.splice(a,e._paginator.pageSize),e.renderedData})},t.prototype.disconnect=function(){},t.prototype.sortData=function(e){var t=this;return this._sort.active&&""!=this._sort.direction?e.sort(function(e,a){var o="",n="";switch(t._sort.active){case"userId":r=[e.id,a.id],o=r[0],n=r[1];break;case"userName":l=[e.name,a.name],o=l[0],n=l[1];break;case"progress":i=[e.progress,a.progress],o=i[0],n=i[1];break;case"color":s=[e.color,a.color],o=s[0],n=s[1]}return((isNaN(+o)?o:+o)<(isNaN(+n)?n:+n)?-1:1)*("asc"==t._sort.direction?1:-1);var r,l,i,s}):e},t}(s.DataSource),it=function(){function e(){this.displayedColumns=["userId","userName","progress","color"],this.exampleDatabase=new mt}return e.prototype.ngOnInit=function(){this.dataSource=new ct(this.exampleDatabase,this.paginator)},e}();it.decorators=[{type:t.Component,args:[{selector:"table-pagination-example",styles:["/* Structure */ .example-container { display: flex; flex-direction: column; min-width: 300px; } .example-header { min-height: 64px; display: flex; align-items: center; padding-left: 24px; font-size: 20px; } .mat-table { overflow: auto; max-height: 500px; } "],template:'<div class="example-container mat-elevation-z8"><md-table #table [dataSource]="dataSource"><ng-container mdColumnDef="userId"><md-header-cell *mdHeaderCellDef>ID</md-header-cell><md-cell *mdCellDef="let row">{{row.id}}</md-cell></ng-container><ng-container mdColumnDef="progress"><md-header-cell *mdHeaderCellDef>Progress</md-header-cell><md-cell *mdCellDef="let row">{{row.progress}}%</md-cell></ng-container><ng-container mdColumnDef="userName"><md-header-cell *mdHeaderCellDef>Name</md-header-cell><md-cell *mdCellDef="let row">{{row.name}}</md-cell></ng-container><ng-container mdColumnDef="color"><md-header-cell *mdHeaderCellDef>Color</md-header-cell><md-cell *mdCellDef="let row" [style.color]="row.color">{{row.color}}</md-cell></ng-container><md-header-row *mdHeaderRowDef="displayedColumns"></md-header-row><md-row *mdRowDef="let row; columns: displayedColumns;"></md-row></md-table><md-paginator #paginator [length]="exampleDatabase.data.length" [pageIndex]="0" [pageSize]="25" [pageSizeOptions]="[5, 10, 25, 100]"></md-paginator></div>'}]}],it.ctorParameters=function(){return[]},it.propDecorators={paginator:[{type:t.ViewChild,args:[r.MdPaginator]}]};var st=["maroon","red","orange","yellow","olive","green","purple","fuchsia","lime","teal","aqua","blue","navy","black","gray"],dt=["Maia","Asher","Olivia","Atticus","Amelia","Jack","Charlotte","Theodore","Isla","Oliver","Isabella","Jasper","Cora","Levi","Violet","Arthur","Mia","Thomas","Elizabeth"],mt=function(){function e(){this.dataChange=new d.BehaviorSubject([]);for(var e=0;e<100;e++)this.addUser()}return Object.defineProperty(e.prototype,"data",{get:function(){return this.dataChange.value},enumerable:!0,configurable:!0}),e.prototype.addUser=function(){var e=this.data.slice();e.push(this.createNewUser()),this.dataChange.next(e)},e.prototype.createNewUser=function(){var e=dt[Math.round(Math.random()*(dt.length-1))]+" "+dt[Math.round(Math.random()*(dt.length-1))].charAt(0)+".";return{id:(this.data.length+1).toString(),name:e,progress:Math.round(100*Math.random()).toString(),color:st[Math.round(Math.random()*(st.length-1))]}},e}(),ct=function(e){function t(t,a){var o=e.call(this)||this;return o._exampleDatabase=t,o._paginator=a,o}return x(t,e),t.prototype.connect=function(){var e=this,t=[this._exampleDatabase.dataChange,this._paginator.page];return u.Observable.merge.apply(u.Observable,t).map(function(){var t=e._exampleDatabase.data.slice(),a=e._paginator.pageIndex*e._paginator.pageSize;return t.splice(a,e._paginator.pageSize)})},t.prototype.disconnect=function(){},t}(s.DataSource),ut=function(){function e(){this.displayedColumns=["userId","userName","progress","color"],this.exampleDatabase=new ht}return e.prototype.ngOnInit=function(){this.dataSource=new gt(this.exampleDatabase,this.sort)},e}();ut.decorators=[{type:t.Component,args:[{selector:"table-sorting-example",styles:["/* Structure */ .example-container { display: flex; flex-direction: column; min-width: 300px; } .example-header { min-height: 64px; display: flex; align-items: center; padding-left: 24px; font-size: 20px; } .mat-table { overflow: auto; max-height: 500px; } .mat-header-cell .mat-sort-header-sorted { color: black; } "],template:'<div class="example-container mat-elevation-z8"><md-table #table [dataSource]="dataSource" mdSort><ng-container mdColumnDef="userId"><md-header-cell *mdHeaderCellDef md-sort-header>ID</md-header-cell><md-cell *mdCellDef="let row">{{row.id}}</md-cell></ng-container><ng-container mdColumnDef="progress"><md-header-cell *mdHeaderCellDef md-sort-header>Progress</md-header-cell><md-cell *mdCellDef="let row">{{row.progress}}%</md-cell></ng-container><ng-container mdColumnDef="userName"><md-header-cell *mdHeaderCellDef md-sort-header>Name</md-header-cell><md-cell *mdCellDef="let row">{{row.name}}</md-cell></ng-container><ng-container mdColumnDef="color"><md-header-cell *mdHeaderCellDef md-sort-header>Color</md-header-cell><md-cell *mdCellDef="let row" [style.color]="row.color">{{row.color}}</md-cell></ng-container><md-header-row *mdHeaderRowDef="displayedColumns"></md-header-row><md-row *mdRowDef="let row; columns: displayedColumns;"></md-row></md-table></div>'}]}],ut.ctorParameters=function(){return[]},ut.propDecorators={sort:[{type:t.ViewChild,args:[r.MdSort]}]};var pt=["maroon","red","orange","yellow","olive","green","purple","fuchsia","lime","teal","aqua","blue","navy","black","gray"],ft=["Maia","Asher","Olivia","Atticus","Amelia","Jack","Charlotte","Theodore","Isla","Oliver","Isabella","Jasper","Cora","Levi","Violet","Arthur","Mia","Thomas","Elizabeth"],ht=function(){function e(){this.dataChange=new d.BehaviorSubject([]);for(var e=0;e<100;e++)this.addUser()}return Object.defineProperty(e.prototype,"data",{get:function(){return this.dataChange.value},enumerable:!0,configurable:!0}),e.prototype.addUser=function(){var e=this.data.slice();e.push(this.createNewUser()),this.dataChange.next(e)},e.prototype.createNewUser=function(){var e=ft[Math.round(Math.random()*(ft.length-1))]+" "+ft[Math.round(Math.random()*(ft.length-1))].charAt(0)+".";return{id:(this.data.length+1).toString(),name:e,progress:Math.round(100*Math.random()).toString(),color:pt[Math.round(Math.random()*(pt.length-1))]}},e}(),gt=function(e){function t(t,a){var o=e.call(this)||this;return o._exampleDatabase=t,o._sort=a,o}return x(t,e),t.prototype.connect=function(){var e=this,t=[this._exampleDatabase.dataChange,this._sort.sortChange];return u.Observable.merge.apply(u.Observable,t).map(function(){return e.getSortedData()})},t.prototype.disconnect=function(){},t.prototype.getSortedData=function(){var e=this,t=this._exampleDatabase.data.slice();return this._sort.active&&""!=this._sort.direction?t.sort(function(t,a){var o="",n="";switch(e._sort.active){case"userId":r=[t.id,a.id],o=r[0],n=r[1];break;case"userName":l=[t.name,a.name],o=l[0],n=l[1];break;case"progress":i=[t.progress,a.progress],o=i[0],n=i[1];break;case"color":s=[t.color,a.color],o=s[0],n=s[1]}return((isNaN(+o)?o:+o)<(isNaN(+n)?n:+n)?-1:1)*("asc"==e._sort.direction?1:-1);var r,l,i,s}):t},t}(s.DataSource),bt=function(){function e(){}return e}();bt.decorators=[{type:t.Component,args:[{selector:"tabs-overview-example",template:'<md-tab-group><md-tab label="Tab 1">Content 1</md-tab><md-tab label="Tab 2">Content 2</md-tab></md-tab-group>'}]}],bt.ctorParameters=function(){return[]};var xt=function(){function e(){}return e}();xt.decorators=[{type:t.Component,args:[{selector:"tabs-template-label-example",template:'<md-tab-group class="demo-tab-group"><md-tab label="Tab 1"><div class="demo-tab-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ante augue. Phasellus volutpat neque ac dui mattis vulputate. Etiam consequat aliquam cursus. In sodales pretium ultrices. Maecenas lectus est, sollicitudin consectetur felis nec, feugiat ultricies mi. Aliquam erat volutpat. Nam placerat, tortor in ultrices porttitor, orci enim rutrum enim, vel tempor sapien arcu a tellus.</div></md-tab><md-tab label="Tab 2"><ng-template md-tab-label>⭐</ng-template><div class="demo-tab-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ante augue. Phasellus volutpat neque ac dui mattis vulputate. Etiam consequat aliquam cursus. In sodales pretium ultrices. Maecenas lectus est, sollicitudin consectetur felis nec, feugiat ultricies mi. Aliquam erat volutpat. Nam placerat, tortor in ultrices porttitor, orci enim rutrum enim, vel tempor sapien arcu a tellus.</div></md-tab><md-tab label="Tab 3" disabled="disabled">No content</md-tab><md-tab label="Tab 4"><div class="demo-tab-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ante augue. Phasellus volutpat neque ac dui mattis vulputate. Etiam consequat aliquam cursus. In sodales pretium ultrices. Maecenas lectus est, sollicitudin consectetur felis nec, feugiat ultricies mi. Aliquam erat volutpat. Nam placerat, tortor in ultrices porttitor, orci enim rutrum enim, vel tempor sapien arcu a tellus.<br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ante augue. Phasellus volutpat neque ac dui mattis vulputate. Etiam consequat aliquam cursus. In sodales pretium ultrices. Maecenas lectus est, sollicitudin consectetur felis nec, feugiat ultricies mi. Aliquam erat volutpat. Nam placerat, tortor in ultrices porttitor, orci enim rutrum enim, vel tempor sapien arcu a tellus.</div></md-tab><md-tab label="Tab 5">No content</md-tab><md-tab label="Tab 6">No content</md-tab></md-tab-group>',styles:[".demo-tab-group { border: 1px solid #e8e8e8; } .demo-tab-content { padding: 16px; } "]}]}],xt.ctorParameters=function(){return[]};var vt=function(){function e(){}return e}();vt.decorators=[{type:t.Component,args:[{selector:"toolbar-multirow-example",template:'<md-toolbar color="primary"><span>Custom Toolbar</span><md-toolbar-row><span>Second Line</span> <span class="example-spacer"></span><md-icon class="example-icon">verified_user</md-icon></md-toolbar-row><md-toolbar-row><span>Third Line</span> <span class="example-spacer"></span><md-icon class="example-icon">favorite</md-icon><md-icon class="example-icon">delete</md-icon></md-toolbar-row></md-toolbar>',styles:[".example-icon { padding: 0 14px; } .example-spacer { flex: 1 1 auto; } "]}]}],vt.ctorParameters=function(){return[]};var wt=function(){function e(){}return e}();wt.decorators=[{type:t.Component,args:[{selector:"toolbar-overview-example",template:"<md-toolbar>My App</md-toolbar>"}]}],wt.ctorParameters=function(){return[]};var yt=function(){function e(){}return e}();yt.decorators=[{type:t.Component,args:[{selector:"tooltip-overview-example",template:'<span mdTooltip="Tooltip!">I have a tooltip</span>'}]}],yt.ctorParameters=function(){return[]};var Ct=function(){function e(){this.position="before"}return e}();Ct.decorators=[{type:t.Component,args:[{selector:"tooltip-position-example",template:'<div class="example-tooltip-host" mdTooltip="Tooltip!" [mdTooltipPosition]="position"><span>Show tooltip</span><md-select class="example-select" [(ngModel)]="position"><md-option value="before">Before</md-option><md-option value="after">After</md-option><md-option value="above">Above</md-option><md-option value="below">Below</md-option><md-option value="left">Left</md-option><md-option value="right">Right</md-option></md-select></div>',styles:[".example-tooltip-host { display: inline-flex; align-items: center; margin: 50px; } .example-select { margin: 0 10px; } "]}]}],Ct.ctorParameters=function(){return[]};var kt={"autocomplete-display":{title:"Display value autocomplete",component:k,additionalFiles:null,selectorName:null},"autocomplete-filter":{title:"Filter autocomplete",component:D,additionalFiles:null,selectorName:null},"autocomplete-overview":{title:"Autocomplete overview",component:S,additionalFiles:null,selectorName:null},"autocomplete-simple":{title:"Simple autocomplete",component:M,additionalFiles:null,selectorName:null},"button-overview":{title:"Basic buttons",component:N,additionalFiles:null,selectorName:null},"button-toggle-exclusive":{title:"Exclusive selection",component:P,additionalFiles:null,selectorName:null},"button-toggle-overview":{title:"Basic button-toggles",component:F,additionalFiles:null,selectorName:null},"button-types":{title:"Button varieties",component:I,additionalFiles:null,selectorName:null},"card-fancy":{title:"Card with multiple sections",component:O,additionalFiles:null,selectorName:null},"card-overview":{title:"Basic cards",component:T,additionalFiles:null,selectorName:null},"cdk-table-basic":{title:"Basic CDK data-table",component:A,additionalFiles:null,selectorName:null},"checkbox-configurable":{title:"Configurable checkbox",component:z,additionalFiles:null,selectorName:null},"checkbox-overview":{title:"Basic checkboxes",component:q,additionalFiles:null,selectorName:null},"chips-input":{title:"Chips with input",component:j,additionalFiles:null,selectorName:null},"chips-overview":{title:"Basic chips",component:H,additionalFiles:null,selectorName:null},"chips-stacked":{title:"Stacked chips",component:V,additionalFiles:null,selectorName:null},"datepicker-api":{title:"Datepicker API",component:W,additionalFiles:null,selectorName:null},"datepicker-filter":{title:"Datepicker Filter",component:U,additionalFiles:null,selectorName:null},"datepicker-min-max":{title:"Datepicker Min Max",component:G,additionalFiles:null,selectorName:null},"datepicker-overview":{title:"Basic datepicker",component:J,additionalFiles:null,selectorName:null},"datepicker-start-view":{title:"Datepicker start date",component:$,additionalFiles:null,selectorName:null},"datepicker-touch":{title:"Datepicker Touch",component:K,additionalFiles:null,selectorName:null},"dialog-content":{title:"Dialog with header, scrollable content and actions",component:Y,additionalFiles:["dialog-content-example-dialog.html"],selectorName:"DialogContentExample, DialogContentExampleDialog"},"dialog-data":{title:"Injecting data when opening a dialog",component:X,additionalFiles:["dialog-data-example-dialog.html"],selectorName:"DialogDataExample, DialogDataExampleDialog"},"dialog-elements":{title:"Dialog elements",component:ee,additionalFiles:["dialog-elements-example-dialog.html"],selectorName:"DialogElementsExample, DialogElementsExampleDialog"},"dialog-overview":{title:"Dialog Overview",component:ae,additionalFiles:["dialog-overview-example-dialog.html"],selectorName:"DialogOverviewExample, DialogOverviewExampleDialog"},"expansion-overview":{title:"Basic expansion panel",component:ne,additionalFiles:null,selectorName:null},"expansion-steps":{title:"Expansion panel as accordion",component:re,additionalFiles:null,selectorName:null},"grid-list-dynamic":{title:"Dynamic grid-list",component:le,additionalFiles:null,selectorName:null},"grid-list-overview":{title:"Basic grid-list",component:ie,additionalFiles:null,selectorName:null},"icon-overview":{title:"Basic icons",component:se,additionalFiles:null,selectorName:null},"icon-svg":{title:"SVG icons",component:de,additionalFiles:null,selectorName:null},"input-clearable":{title:"Input Clearable",component:me,additionalFiles:null,selectorName:null},"input-errors":{title:"Input Errors",component:ue,additionalFiles:null,selectorName:null},"input-form":{title:"Inputs in a form",component:pe,additionalFiles:null,selectorName:null},"input-hint":{title:"Input hints",component:fe,additionalFiles:null,selectorName:null},"input-overview":{title:"Basic Inputs",component:he,additionalFiles:null,selectorName:null},"input-prefix-suffix":{title:"Input Prefixes and Suffixes",component:ge,additionalFiles:null,selectorName:null},"list-overview":{title:"Basic list",component:be,additionalFiles:null,selectorName:null},"list-sections":{title:"List with sections",component:xe,additionalFiles:null,selectorName:null},"list-selection":{title:"List with selection",component:ve,additionalFiles:null,selectorName:null},"menu-icons":{title:"Menu with icons",component:we,additionalFiles:null,selectorName:null},"menu-overview":{title:"Basic menu",component:ye,additionalFiles:null,selectorName:null},"nested-menu":{title:"Nested menu",component:Ce,additionalFiles:null,selectorName:null},"paginator-configurable":{title:"Configurable paginator",component:ke,additionalFiles:null,selectorName:null},"paginator-overview":{title:"Paginator",component:De,additionalFiles:null,selectorName:null},"progress-bar-configurable":{title:"Configurable progress-bar",component:Se,additionalFiles:null,selectorName:null},"progress-bar-overview":{title:"Basic progress-bar",component:Me,additionalFiles:null,selectorName:null},"progress-spinner-configurable":{title:"Configurable progress spinner",component:Ne,additionalFiles:null,selectorName:null},"progress-spinner-overview":{title:"Basic progress-spinner",component:Pe,additionalFiles:null,selectorName:null},"radio-ng-model":{title:"Radios with ngModel",component:Fe,additionalFiles:null,selectorName:null},"radio-overview":{title:"Basic radios",component:Ie,additionalFiles:null,selectorName:null},"select-form":{title:"Select in a form",component:Oe,additionalFiles:null,selectorName:null},"select-overview":{title:"Basic select",component:Te,additionalFiles:null,selectorName:null},"sidenav-fab":{title:"Sidenav with a FAB",component:Ae,additionalFiles:null,selectorName:null},"sidenav-overview":{title:"Basic sidenav",component:Be,additionalFiles:null,selectorName:null},"slide-toggle-configurable":{title:"Configurable slide-toggle",component:Ee,additionalFiles:null,selectorName:null},"slide-toggle-forms":{title:"Slide-toggle with forms",component:_e,additionalFiles:null,selectorName:null},"slide-toggle-overview":{title:"Basic slide-toggles",component:Le,additionalFiles:null,selectorName:null},"slider-configurable":{title:"Configurable slider",component:ze,additionalFiles:null,selectorName:null},"slider-overview":{title:"Basic slider",component:qe,additionalFiles:null,selectorName:null},"snack-bar-component":{title:"Snack-bar with a custom component",component:Re,
+additionalFiles:["snack-bar-component-example-snack.html"],selectorName:"SnackBarComponentExample, PizzaPartyComponent"},"snack-bar-overview":{title:"Basic snack-bar",component:He,additionalFiles:null,selectorName:null},"sort-overview":{title:"Sorting overview",component:Ve,additionalFiles:null,selectorName:null},"stepper-overview":{title:"Stepper overview",component:We,additionalFiles:null,selectorName:null},"table-basic":{title:"Basic table",component:Ue,additionalFiles:null,selectorName:null},"table-filtering":{title:"Table with filtering",component:$e,additionalFiles:null,selectorName:null},"table-http":{title:"Table retrieving data through HTTP",component:Qe,additionalFiles:null,selectorName:null},"table-overview":{title:"Feature-rich data table",component:at,additionalFiles:null,selectorName:null},"table-pagination":{title:"Table with pagination",component:it,additionalFiles:null,selectorName:null},"table-sorting":{title:"Table with sorting",component:ut,additionalFiles:null,selectorName:null},"tabs-overview":{title:"Basic tabs",component:bt,additionalFiles:null,selectorName:null},"tabs-template-label":{title:"Complex Example",component:xt,additionalFiles:null,selectorName:null},"toolbar-multirow":{title:"Multi-row toolbar",component:vt,additionalFiles:null,selectorName:null},"toolbar-overview":{title:"Basic toolbar",component:wt,additionalFiles:null,selectorName:null},"tooltip-overview":{title:"Basic tooltip",component:yt,additionalFiles:null,selectorName:null},"tooltip-position":{title:"Tooltip with custom position",component:Ct,additionalFiles:null,selectorName:null}},Dt=[k,D,S,M,N,P,F,I,O,T,A,z,q,j,H,V,W,U,G,J,$,K,Z,Y,Q,X,te,ee,oe,ae,ne,re,le,ie,se,de,me,ue,pe,fe,he,ge,be,xe,ve,we,ye,Ce,ke,De,Se,Me,Ne,Pe,Fe,Ie,Oe,Te,Ae,Be,Ee,_e,Le,ze,qe,je,Re,He,Ve,We,Ue,$e,Qe,at,it,ut,bt,xt,vt,wt,yt,Ct],St=function(){function e(){}return e}();St.decorators=[{type:t.NgModule,args:[{declarations:Dt,entryComponents:Dt,imports:[y,a.FormsModule,a.ReactiveFormsModule,o.CommonModule]}]}],St.ctorParameters=function(){return[]};var Mt=function(){function e(e){if(this.description="Some description for material",this.examplePath="/assets/example/",this.exampleFiles=["button-demo.html","button-demo.scss","button-demo.ts"],this.selectorName="button-demo",this.indexFilename="button-demo",this.componentName="ButtonDemo",e&&kt[e]){this.examplePath="/assets/plunker/examples/"+e+"/",this.exampleFiles=["html","ts","css"].map(function(t){return e+"-example."+t}),kt[e].additionalFiles&&(this.exampleFiles=this.exampleFiles.concat(kt[e].additionalFiles)),this.selectorName=this.indexFilename=e+"-example";var t=e.replace(/(?:^\w|\b\w)/g,function(e){return e.toUpperCase()});kt[e].title?this.description=kt[e].title:this.description=t.replace(/[\-]+/g," ")+" Example",kt[e].selectorName?this.componentName=kt[e].selectorName:this.componentName=t.replace(/[\-]+/g,"")+"Example"}}return e}();e.ExampleData=Mt,e.EXAMPLE_COMPONENTS=kt,e.EXAMPLE_LIST=Dt,e.ExampleModule=St,e.ListOverviewExample=be,e.DatepickerOverviewExample=J,e.CardFancyExample=O,e.ToolbarMultirowExample=vt,e.ButtonToggleOverviewExample=F,e.ExpansionOverviewExample=ne,e.StepperOverviewExample=We,e.ɵa=k,e.ɵb=D,e.ɵc=S,e.ɵd=M,e.ɵe=N,e.ɵf=P,e.ɵg=I,e.ɵh=T,e.ɵi=A,e.ɵj=z,e.ɵk=q,e.ɵl=j,e.ɵm=H,e.ɵn=V,e.ɵo=W,e.ɵp=U,e.ɵq=G,e.ɵr=$,e.ɵs=K,e.ɵt=Y,e.ɵu=Z,e.ɵv=X,e.ɵw=Q,e.ɵx=ee,e.ɵy=te,e.ɵz=ae,e.ɵba=oe,e.ɵbb=re,e.ɵbc=le,e.ɵbd=ie,e.ɵbe=se,e.ɵbf=de,e.ɵbg=me,e.ɵbh=ue,e.ɵbi=pe,e.ɵbj=fe,e.ɵbk=he,e.ɵbl=ge,e.ɵbm=xe,e.ɵbn=ve,e.ɵcx=y,e.ɵbo=we,e.ɵbp=ye,e.ɵbq=Ce,e.ɵbr=ke,e.ɵbs=De,e.ɵbt=Se,e.ɵbu=Me,e.ɵbv=Ne,e.ɵbw=Pe,e.ɵbx=Fe,e.ɵby=Ie,e.ɵbz=Oe,e.ɵca=Te,e.ɵcb=Ae,e.ɵcc=Be,e.ɵcd=Ee,e.ɵce=_e,e.ɵcf=Le,e.ɵcg=ze,e.ɵch=qe,e.ɵcj=je,e.ɵci=Re,e.ɵck=He,e.ɵcl=Ve,e.ɵcm=Ue,e.ɵcn=$e,e.ɵco=Qe,e.ɵcp=at,e.ɵcq=it,e.ɵcr=ut,e.ɵcs=bt,e.ɵct=xt,e.ɵcu=wt,e.ɵcv=yt,e.ɵcw=Ct,Object.defineProperty(e,"__esModule",{value:!0})});
+//# sourceMappingURL=material-examples.umd.min.js.map