@samuelberthe/angular2-materialize/docs/main.908419b41ba1c21eb5d7.bundle.js

Angular 2 support for Materialize CSS framework

webpackJsonp([1,5],{"+fUd":function(e,t,i){"use strict";function n(e){M.toast(e)}var a=(i("jKtX"),i("KQM6"));if(i.d(t,"a",function(){return a.a}),t.b=n,"undefined"!=typeof window){if(!("M"in window))throw new Error("Couldn't find Materialize object on window. It is created by the materialize-css library. Please import materialize-css before importing angular2-materialize.");if(!("Waves"in window))throw new Error("Couldn't find Waves object on window. It is supposed to be created by the materialize-css library. Please import materialize-css before importing angular2-materialize.");Waves.displayEffect(),Element.prototype.remove||(Element.prototype.remove=function(){this.parentNode&&this.parentNode.removeChild(this)})}},"+oDU":function(e,t,i){"use strict";var n=i("IIem");i.d(t,"a",function(){return n.a});var a=(i("sLrJ"),i("hd5z"));i.d(t,"b",function(){return a.a})},2:function(e,t,i){e.exports=i("x35b")},"3DRK":function(e,t,i){t=e.exports=i("FZ+f")(!1),t.push([e.i,".no-upper-case{text-transform:none}",""]),e.exports=e.exports.toString()},"5LF6":function(e,t,i){"use strict";var n=i("Pqvb");i.d(t,"h",function(){return n.a});var a=i("b7yO");i.d(t,"g",function(){return a.a});var o=i("vCSs");i.d(t,"f",function(){return o.a});var l=(i("IeYA"),i("svlL"));i.d(t,"e",function(){return l.a});var s=i("fKQ1");i.d(t,"d",function(){return s.a});var r=i("5Q+Q");i.d(t,"c",function(){return r.a});var c=i("dEHO");i.d(t,"a",function(){return c.a});var d=i("l+j8");i.d(t,"b",function(){return d.a});var p=i("r5WM");i.d(t,"i",function(){return p.a});var u=i("ZUC4");i.d(t,"k",function(){return u.a});var f=i("zf7a");i.d(t,"j",function(){return f.a})},"5Q+Q":function(e,t,i){"use strict";var n=i("3j3K");i.d(t,"a",function(){return o});var a=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},o=function(){function e(){this.actions1=new n.r,this.params=[{accordion:!1,onOpenStart:function(e){console.log("Collapsible open",e)},onCloseStart:function(e){console.log("Collapsible close",e)}}],this.values=["First","Second","Third"]}return e.prototype.openFirst=function(){this.actions1.emit({action:"open",params:[0]})},e.prototype.closeFirst=function(){this.actions1.emit({action:"close",params:[0]})},e}();o=a([i.i(n._14)({selector:"collapsible",template:'\n        <a class="waves-effect waves-light btn" (click)="openFirst()">Open First</a>\n        <a class="waves-effect waves-light btn" (click)="closeFirst()">Close First</a>\n        <br/><br/>\n<ul materialize="Collapsible" class="collapsible" [materializeParams]="params" [materializeActions]="actions1">\n<li>\n            <div class="collapsible-header"><i class="material-icons">filter_drama</i>First</div>\n            <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>\n          </li>\n          <li>\n            <div class="collapsible-header active"><i class="material-icons">place</i>Second</div>\n            <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>\n          </li>\n          <li>\n            <div class="collapsible-header"><i class="material-icons">whatshot</i>Third</div>\n            <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>\n          </li>\n        </ul>\n        <br/><br/>\n<ul materialize="Collapsible" class="collapsible popout">\n<li *ngFor="let value of values">\n            <div class="collapsible-header">{{value}}</div>\n            <div class="collapsible-body"><p>{{value}}</p></div>\n          </li>\n        </ul>\n    '})],o)},"5xMp":function(e,t){e.exports="<sidenav></sidenav>\n\n<main>\n    <h3>Angular2 Materialize Examples</h3>\n    <br/>\n    <router-outlet></router-outlet>\n</main>\n"},IIem:function(e,t,i){"use strict";var n=i("3j3K"),a=i("+fUd");i.d(t,"a",function(){return l});var o=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},l=function(){function e(){this.modelChange=new n.r}return e.prototype.change=function(e){a.b({html:"child input: "+e,displayLength:500}),this.model=e,this.modelChange.emit(e)},e}();l=o([i.i(n._14)({selector:"materialInput",inputs:["model: model"],outputs:["modelChange"],template:'\n      <div class="row">\n          <div class="input-field col s6">\n            <input [ngModel]="model" (ngModelChange)="change($event)" id="last_name" type="text" class="validate">\n            <label for="last_name">Last Name</label>\n          </div>\n      </div>\n'})],l)},IeYA:function(e,t,i){"use strict";!function(){function e(){}}()},Iksp:function(e,t,i){"use strict";var n=i("3j3K"),a=i("Qbdm"),o=i("NVOs"),l=i("2Je8"),s=i("+fUd"),r=i("+oDU"),c=i("YWx4"),d=i("5LF6"),p=i("TWki"),u=i("R3HU");i.d(t,"a",function(){return m});var f=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},m=function(){function e(){}return e}();m=f([i.i(n.b)({declarations:[c.a,u.a,d.a,d.b,d.c,d.d,d.e,d.f,d.g,d.h,d.i,d.j,d.k,r.a,r.b,u.a],imports:[s.a,a.a,o.a,o.b,p.a],providers:[{provide:l.a,useClass:l.b},p.b],bootstrap:[c.a]})],m)},KQM6:function(e,t,i){"use strict";var n=i("3j3K"),a=i("2Je8"),o=i("jKtX");i.d(t,"a",function(){return s});var l=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},s=r=function(){function e(){}return e.forRoot=function(){return{ngModule:r}},e}();s=r=l([i.i(n.b)({declarations:[o.a],imports:[a.k],exports:[o.a]})],s);var r},MOVZ:function(e,t){function i(e){throw new Error("Cannot find module '"+e+"'.")}i.keys=function(){return[]},i.resolve=i,e.exports=i,i.id="MOVZ"},Pqvb:function(e,t,i){"use strict";var n=i("3j3K");i.d(t,"a",function(){return o});var a=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},o=function(){function e(){this.routeNames=["Buttons","Carousel","Chips","Collapsible","Dialogs","Dropdown","Forms","Tabs","DatePicker","Parallax","ModelBindings"]}return e}();o=a([i.i(n._14)({selector:"sidenav",styles:["\n\n"],template:'\n\x3c!--<nav></nav>--\x3e\n<ul id="slide-out" class="sidenav sidenav-fixed" materialize="Sidenav" [materializeParams]="[{edge:\'left\'}]">\n<li *ngFor="let routeName of routeNames" routerLinkActive="active"><a [routerLink]="[routeName]">{{routeName}}</a></li>\n</ul>\n<a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a>\n    '})],o)},R3HU:function(e,t,i){"use strict";var n=i("3j3K"),a=i("5oXY");i.d(t,"a",function(){return s});var o=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},l=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},s=function(){function e(e){this.router=e,this.tapTargetActions=new n.r}return e.prototype.ngOnInit=function(){},e.prototype.gotoCollapsible=function(){this.router.navigate(["/Collapsible"])},e.prototype.updateTextFields=function(){M.updateTextFields(),console.log("updateTextFields called")},e.prototype.openTapTarget=function(){this.tapTargetActions.emit({action:"open",params:[]})},e.prototype.closeTapTarget=function(){this.tapTargetActions.emit({action:"close",params:[]})},e}();s=o([i.i(n._14)({selector:"app-buttons",template:i("brQg"),styles:[i("3DRK")]}),l("design:paramtypes",["function"==typeof(r=void 0!==a.b&&a.b)&&r||Object])],s);var r},TWki:function(e,t,i){"use strict";var n=i("5oXY"),a=i("5LF6"),o=i("R3HU");i.d(t,"b",function(){return s}),i.d(t,"a",function(){return r});var l=[{path:"",redirectTo:"Buttons",pathMatch:"full"},{path:"Buttons",component:o.a},{path:"Carousel",component:a.a},{path:"Chips",component:a.b},{path:"Collapsible",component:a.c},{path:"Dialogs",component:a.e},{path:"Dropdown",component:a.d},{path:"Forms",component:a.g},{path:"Tabs",component:a.f},{path:"DatePicker",component:a.i},{path:"Parallax",component:a.j},{path:"ModelBindings",component:a.k}],s=[],r=n.a.forRoot(l)},YWx4:function(e,t,i){"use strict";var n=i("3j3K");i.d(t,"a",function(){return o});var a=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},o=function(){function e(){}return e}();o=a([i.i(n._14)({selector:"app-root",template:i("5xMp"),styles:[i("sQHO")]})],o)},ZUC4:function(e,t,i){"use strict";var n=i("3j3K"),a=i("sLrJ"),o=i("+fUd"),l=i("Gvdl"),s=(i.n(l),i("rCTf"));i.n(s);i.d(t,"a",function(){return d});var r=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},c=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},d=function(){function e(){var e=this;this.countryOptions=[new a.a("US","United States"),new a.a("GB","Great Britain"),new a.a("AU","Australia")],this.datepicker="01/02/2016",this.inputVal="Materialize is awesome!",this.selectedVal="1",s.Observable.create(function(e){window.setTimeout(function(){e.next([new a.a("1","Option 1"),new a.a("2","Option 2")])},100)}).subscribe(function(t){e.selectOptions=t}),window.setTimeout(function(){e.selectedCountries="AU"},1e3)}return e.prototype.onInputValChange=function(e){o.b({html:"parent input: "+e,displayLength:500})},e.prototype.onSelectValChange=function(e){o.b({html:"parent select: "+e,displayLength:2e3})},e.prototype.onCountryChange=function(e){console.log(e)},e}();d=r([i.i(n._14)({selector:"actionsMain",template:'\n      <form materialize class="col s12">\n        <div class="row">\n          <h4>Input model binding</h4>\n          <materialInput [(model)]="inputVal" (modelChange)="onInputValChange($event)" ></materialInput>\n          <p>{{inputVal}}</p>\n        </div>\n        <div>\n          <br/>\n          <div class="divider"></div>\n          <br/>\n        </div>\n        <div class="row">\n          <h4>Select model binding</h4>\n          <materialSelect [options]="selectOptions" (modelChange)="onSelectValChange($event)"></materialSelect>\n        </div>\n        <div class="row">\n          <h4>Select model binding with initial value</h4>\n          <materialSelect [options]="selectOptions" [initialValue]="selectedVal" (modelChange)="onSelectValChange($event)"></materialSelect>\n          <p>{{ \'Initial value: \' + selectedVal }}</p>\n        </div>\n        <br/>\n        <div class="row">\n          <div class="input-field">\n<select [(ngModel)]="selectedCountries" name="countries" (ngModelChange)="onCountryChange($event)" materialize="FormSelect" [materializeSelectOptions]="countryOptions">\n<option value="" disabled>Select option ..</option>\n              <option *ngFor="let country of countryOptions" [value]="country.value">{{country.name}}</option>\n            </select>\n            <label>Country selection ({{selectedCountries}})</label>\n          </div>\n        </div>\n        <div class="row">\n             <h4>Datepicker model binding</h4>\n                <div class="row">\n                    <div class="input-field col s6">\n<input type="text" [(ngModel)]="datepicker" name="datepicker" materialize="Datepicker" [materializeParams]="[{format:\'dd/mm/yyyy\'}]" />\n</div>\n                </div>\n            <p>{{ datepicker }}</p>\n        </div>\n      </form>\n    '}),c("design:paramtypes",[])],d)},b7yO:function(e,t,i){"use strict";var n=i("3j3K");i.d(t,"a",function(){return o});var a=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},o=function(){function e(){this.firstName="",this.selectedOption="",this.selectedOptions="",this.selectOptions=[],this.isTest5Checked=!1,this.isTest6Checked=!0,this.radioButtonValue=3,this.maxLength=20,this.autocompleteInit={data:{Apple:null,Google:null},onAutocomplete:function(e){console.log(e)}},this.isDisabled=!1}return e.prototype.ngOnInit=function(){var e=this;window.setTimeout(function(){e.selectOptions=[{value:1,name:"Option 1"},{value:2,name:"Option 2"},{value:3,name:"Option 3"}]},100)},e.prototype.onFileSelection=function(e){console.log(e.target.files[0].name)},e}();o=a([i.i(n._14)({selector:"forms",template:'\n<form action="#" class="col s12">\n<div class="row">\n<div class="input-field col s6">\n<input [(ngModel)]="firstName" name="firstName" placeholder="Placeholder" id="first_name" type="text" class="validate" [disabled]="isDisabled?true:null">\n<label for="first_name">First Name</label>\n</div>\n<div class="input-field col s6">\n<input id="last_name" type="text" class="validate" [disabled]="isDisabled?true:null">\n<label for="last_name">Last Name</label>\n</div>\n</div>\n<div class="row">\n<div class="input-field col s12">\n<i class="material-icons prefix">textsms</i>\n<input type="text" id="autoComplete" name="autoComplete" materialize="Autocomplete" [materializeParams]="[autocompleteInit]" [disabled]="isDisabled?true:null">\n<label for="autoComplete">Autocomplete (Apple/Google)</label>\n</div>\n</div>\n<div class="row">\n<div class="input-field col s12">\n<input disabled value="I am not editable" id="disabled" type="text" class="validate">\n<label for="disabled">Disabled</label>\n</div>\n</div>\n<div class="row">\n<div class="input-field col s12">\n<input id="password" type="password" placeholder="" class="validate" [disabled]="isDisabled?true:null">\n<label for="password">Password</label>\n</div>\n</div>\n<div class="row">\n<div class="input-field col s12">\n<input id="email" type="email" class="validate" [disabled]="isDisabled?true:null">\n<label for="email">Email</label>\n</div>\n</div>\n<div class="row">\n<div class="input-field col s6">\n<i class="material-icons prefix">account_circle</i>\n<input id="icon_prefix" type="text" class="validate" [disabled]="isDisabled?true:null">\n<label for="icon_prefix">First Name</label>\n</div>\n<div class="input-field col s6">\n<i class="material-icons prefix">phone</i>\n<input id="icon_telephone" type="tel" class="validate" [disabled]="isDisabled?true:null">\n<label for="icon_telephone">Telephone</label>\n</div>\n</div>\n<div class="row file-field input-field">\n<div class="btn">\n<span>File</span>\n<input type="file" (change)="onFileSelection($event)">\n</div>\n<div class="file-path-wrapper">\n<input class="file-path validate" type="text">\n</div>\n</div>\n<div class="row">\n<input materialize="Datepicker" [materializeParams]="[{format: \'dd/mm/yyyy\'}]" type="text" class="datepicker" [disabled]="isDisabled?true:null">\n</div>\n<div class="row">\n<div class="input-field col s12">\n<textarea id="textarea1" class="materialize-textarea" materialize="CharacterCounter" [attr.length]="maxLength" [disabled]="isDisabled?true:null"></textarea>\n<label for="textarea1">Textarea</label>\n</div>\n</div>\n<div class="row">\n<div class="input-field col s6">\n<select name="singleSelect" [(ngModel)]="selectedOption" name="selectedOption" materialize="FormSelect" [materializeSelectOptions]="selectOptions" [disabled]="isDisabled?true:null">\n<option value="" disabled selected>Choose your option</option>\n<option *ngFor="let option of selectOptions" [value]="option.value">{{option.name}}</option>\n</select>\n<label>Materialize Select</label>\n</div>\n<div class="input-field col s6">\n<select name="multiSelect" [(ngModel)]="selectedOptions" multiple materialize="FormSelect" [materializeSelectOptions]="selectOptions" [disabled]="isDisabled?true:null">\n<option value="" disabled selected>Choose your option</option>\n<option *ngFor="let option of selectOptions" [value]="option.value">{{option.name}}</option>\n</select>\n<label>Materialize Multi Select</label>\n</div>\n</div>\n<div class="row">\n<div class="col s6 switch">\n<div class="switch">\n<label>\nOff\n<input type="checkbox" [disabled]="isDisabled?true:null">\n<span class="lever"></span>\nOn\n</label>\n</div>\n<br/>\n<p>\n<label for="test5">\n<input type="checkbox" id="test5" [checked]="isTest5Checked" [disabled]="isDisabled?true:null"/>\n<span>Red</span></label>\n</p>\n<p>\n<label for="test6">\n<input type="checkbox" id="test6" name="test6" [(ngModel)]="isTest6Checked" [disabled]="isDisabled?true:null"/>\n<span>Yellow</span></label>\n</p>\n<p>\n<label for="filled-in-box">\n<input type="checkbox" class="filled-in" id="filled-in-box" checked="checked" [disabled]="isDisabled?true:null"/>\n<span>Filled in</span></label>\n</p>\n<p>\n<label for="indeterminate-checkbox">\n<input type="checkbox" id="indeterminate-checkbox" [disabled]="isDisabled?true:null"/>\n<span>Indeterminate Style</span></label>\n</p>\n</div>\n<div class="col s6">Value: {{isTest6Checked}}</div>\n</div>\n<div class="row">\n<div class="col s6">\n<p>\n<label for="test1">\n<input name="group1" type="radio" id="test1" [(ngModel)]="radioButtonValue" [value]="1" [disabled]="isDisabled?true:null"/>\n<span>Red</span></label>\n</p>\n<p>\n<label for="test2">\n<input name="group1" type="radio" id="test2" [(ngModel)]="radioButtonValue" [value]="2" [disabled]="isDisabled?true:null"/>\n<span>Yellow</span></label>\n</p>\n<p>\n<label for="test3">\n<input class="with-gap" name="group1" type="radio" id="test3" [(ngModel)]="radioButtonValue" [value]="3" [disabled]="isDisabled?true:null"/>\n<span>Green</span></label>\n</p>\n<p>\n<label for="test4">\n<input name="group1" type="radio" id="test4" disabled="disabled"/>\n<span>Brown</span></label>\n</p>\n</div>\n<div class="col s6">Value: {{radioButtonValue}}</div>\n</div>\n</form>\n<br/><hr/><br/>\n<a class="waves-effect waves-light btn" (click)="isDisabled=!isDisabled">{{isDisabled?"Enable":"Disable"}} Form</a>\n<br/><br/><hr/><br/>\n<div class="row">\n<div class="col s6">First Name: {{firstName}}</div>\n</div>\n<div class="row">\n<div class="col s6">Selected Option: {{selectedOption}}</div>\n</div>\n<div class="row">\n<div class="col s6">Selected Options: {{selectedOptions}}</div>\n</div>\n'})],o)},brQg:function(e,t){e.exports='<a class="waves-effect waves-light btn">Stuff</a>\n<a class="waves-effect waves-light btn">\n  <i class="material-icons left">cloud</i>button</a>\n<a class="waves-effect waves-light btn">\n  <i class="material-icons right">cloud</i>button</a>\n<br/>\n<br/>\n<button class="btn waves-effect waves-light" type="submit" name="action" routerLink="/Chips">Go to Chips\n  <i class="material-icons right">send</i>\n</button>\n<br/>\n<br/>\n<button class="btn waves-effect waves-light" type="submit" name="action" (click)="gotoCollapsible()">Go to Collapsible\n  <i class="material-icons right">send</i>\n</button>\n<br/>\n<br/>\n<a class="waves-effect waves-light btn no-upper-case" (click)="updateTextFields()">Call M.updateTextFields()</a>\n\n\n<br/>\n<br/>\n<br/>\n\n<a class="waves-effect waves-light btn" (click)="openTapTarget()">Open Tap Target</a>\n<a class="waves-effect waves-light btn" (click)="closeTapTarget()">Close Tap Target</a>\n<br/>\n<br/>\n\n<br/>\n<div materialize="FloatingActionButton" class="fixed-action-btn horizontal click-to-toggle">\n  <a id="menu" class="btn-floating btn-large red">\n    <i class="material-icons">menu</i>\n  </a>\n  <ul>\n    <li>\n      <a class="btn-floating red">\n        <i class="material-icons">insert_chart</i>\n      </a>\n    </li>\n    <li>\n      <a class="btn-floating yellow darken-1">\n        <i class="material-icons">format_quote</i>\n      </a>\n    </li>\n    <li>\n      <a class="btn-floating green">\n        <i class="material-icons">publish</i>\n      </a>\n    </li>\n    <li>\n      <a class="btn-floating blue">\n        <i class="material-icons">attach_file</i>\n      </a>\n    </li>\n  </ul>\n</div>\n\x3c!-- Tap Target Structure --\x3e\n<div class="tap-target" data-target="menu" materialize="TapTarget" [materializeActions]="tapTargetActions">\n  <div class="tap-target-content">\n    <h5>Title</h5>\n    <p>A bunch of text</p>\n  </div>\n</div>\n'},dEHO:function(e,t,i){"use strict";var n=i("3j3K");i.d(t,"a",function(){return l});var a=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},l=function(){function e(){var e=this;this.actions=new n.r,this.imageURLs=["https://image.shutterstock.com/display_pic_with_logo/1264645/364153082/stock-photo-asian-girl-in-sunflower-field-364153082.jpg","https://image.shutterstock.com/display_pic_with_logo/1264645/298927574/stock-photo-a-young-traveler-girl-sit-on-the-wooden-bridge-in-halong-bay-and-enjoy-the-beauty-of-seascape-298927574.jpg","https://image.shutterstock.com/display_pic_with_logo/1264645/298757792/stock-photo-a-young-traveler-girl-sit-on-the-top-of-mountain-in-halong-bay-and-enjoy-the-beauty-of-seascape-298757792.jpg","https://image.shutterstock.com/display_pic_with_logo/2565601/411902890/stock-photo-ha-long-bay-scenic-view-hanoi-vietnam-411902890.jpg","https://image.shutterstock.com/display_pic_with_logo/2565601/413207668/stock-photo-the-temple-of-literature-in-hanoi-vietnam-the-chinese-words-is-poem-of-thie-temple-and-templs-s-413207668.jpg"],this.showInitialized=!1,window.setTimeout(function(){e.imageURLs=[e.imageURLs[0]].concat(e.imageURLs),e.carouselElement.nativeElement.classList.toggle("initialized")},1e3)}return e}();a([i.i(n._15)("carousel"),o("design:type",Object)],l.prototype,"carouselElement",void 0),l=a([i.i(n._14)({selector:"carousel",styles:["\n      .no-upper-case {\n        text-transform: none\n      }\n    "],template:'\n<div #carousel class="carousel" [ngClass]="{ \'initialized\': showInitialized }" materialize="Carousel" [materializeActions]="actions">\n<a *ngFor="let url of imageURLs" class="carousel-item"><img [src]="url"></a>\n        </div>\n    '}),o("design:paramtypes",[])],l)},fKQ1:function(e,t,i){"use strict";var n=i("3j3K");i.d(t,"a",function(){return o});var a=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},o=function(){function e(){}return e}();o=a([i.i(n._14)({selector:"dropdown",template:'\n     \x3c!-- Dropdown Trigger --\x3e\n<a materialize="Dropdown" [materializeParams]="[{hover:true, coverTrigger:false}]" class=\'dropdown-trigger btn\' href=\'#\' data-target=\'dropdown1\'>Drop Me!</a>\n\x3c!-- Dropdown Structure --\x3e\n     <ul id=\'dropdown1\' class=\'dropdown-content\'>\n<li><a href="#!">one</a></li>\n<li><a href="#!">two</a></li>\n<li class="divider"></li>\n<li><a href="#!">three</a></li>\n</ul>\n    '})],o)},hd5z:function(e,t,i){"use strict";var n=i("3j3K"),a=i("+fUd");i.d(t,"a",function(){return s});var o=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},l=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},s=function(){function e(){this.modelChange=new n.r}return e.prototype.change=function(e){a.b({html:"child select: "+e,displayLength:2e3}),this.modelChange.emit(e)},e}();o([i.i(n.m)(),l("design:type",String)],s.prototype,"initialValue",void 0),o([i.i(n.u)(),l("design:type",Object)],s.prototype,"modelChange",void 0),o([i.i(n.m)(),l("design:type",Object)],s.prototype,"options",void 0),s=o([i.i(n._14)({selector:"materialSelect",template:'\n      <div class="row">\n          <div class="input-field col s6">\n<select [ngModel]="initialValue" (ngModelChange)="change($event)" id="selectExample" materialize="FormSelect" [materializeSelectOptions]="options">\n<option value="" disabled selected>Select option ..</option>\n                  <option *ngFor="let option of options" [value]="option.value">{{option.name}}</option>\n              </select>\n          </div>\n      </div>\n'})],s)},jKtX:function(e,t,i){"use strict";var n=i("3j3K"),a=i("ziSj"),o=i("2Je8");i.d(t,"a",function(){return c});var l=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},s=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=this&&this.__param||function(e,t){return function(i,n){t(i,n,e)}},c=function(){function e(e,t){this.platformId=e,this._el=t,this._params=[],this._functionName=null,this.previousValue=null,this.previousDisabled=!1,this._waitFunction={},this.isBrowser=i.i(o.l)(this.platformId),this.changeListenerShouldBeAdded=!0,this.init=new n.r,this.initialized=!1}return Object.defineProperty(e.prototype,"materialize",{set:function(e){var t=this;this._functionName=e,this.isBrowser&&window.setTimeout(function(){t.performElementUpdates(),t.performElementInit()},1)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"materializeParams",{set:function(e){this._params=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"materializeActions",{set:function(e){var t=this;this.isBrowser&&e.subscribe(function(e){window.setTimeout(function(){"string"==typeof e?t.performElementAction(e):t.performElementAction(e.action,e.params)},1)})},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"materializeSelectOptions",{set:function(e){},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewInit=function(){this.isBrowser&&this.performElementUpdates()},e.prototype.ngOnChanges=function(e){var t=this;if(this.isBrowser&&this.isSelect()){var i=this._el.nativeElement,n=$(i);n.attr("multiple")&&0!==n.parent().find("input.active").length||setTimeout(function(){return t.performElementInit()},10)}},e.prototype.ngOnDestroy=function(){this.isBrowser&&this.performElementRemotion()},e.prototype.ngDoCheck=function(){if(this.isBrowser){var e=this._el.nativeElement,t=$(e);if(this.isSelect()){var i=!1;e.disabled!=this.previousDisabled&&(this.previousDisabled=e.disabled,i=!0),t.attr("multiple")||e.value==this.previousValue||(this.previousValue=e.value,i=!0),i&&this.performElementInit()}else this.isTextarea()&&e.value!=this.previousValue&&(this.previousValue=e.value,this.performElementUpdates())}return!1},e.prototype.performElementRemotion=function(){this.performElementAction("destroy")},e.prototype.performElementAction=function(e,t){void 0===t&&(t=[]);var i=this.getInstance();i&&i[e]&&i[e].apply(i,t)},e.prototype.performElementUpdates=function(){if(M&&M.updateTextFields&&M.updateTextFields(),this.isSelect()&&this.changeListenerShouldBeAdded){var e=this._el.nativeElement,t=$(e);t.on("change",function(t){if(!t.originalEvent||!t.originalEvent.internalToMaterialize){var i=document.createEvent("CustomEvent");i.initCustomEvent("change",!1,!1,void 0),i.internalToMaterialize=!0,e.dispatchEvent(i)}}),this.changeListenerShouldBeAdded=!1}if(this.isAutocomplete()){var n=this._el.nativeElement,t=$(n);t.on("change",function(e){return n.dispatchEvent(i.i(a.a)("input"))})}if(this.isDatePicker()||this.isTimePicker()){var o=this._el.nativeElement,t=$(o);t.on("change",function(e){return o.dispatchEvent(i.i(a.a)("input"))})}if(this.isChips()){var l=this._el.nativeElement,t=$(l);t.on("chip.add",function(e,t){return l.dispatchEvent(i.i(a.a)("chip.add",t))}),t.on("chip.delete",function(e,t){return l.dispatchEvent(i.i(a.a)("chip.delete",t))}),t.on("chip.select",function(e,t){return l.dispatchEvent(i.i(a.a)("chip.select",t))})}this.isTextarea()&&this._el.nativeElement.dispatchEvent(i.i(a.a)("autoresize",{bubbles:!0,cancelable:!1,detail:void 0}))},e.prototype.performElementInit=function(e,t){var i=this;void 0===e&&(e=this._functionName),void 0===t&&(t=this._params),this._waitFunction[e]||(this._waitFunction[e]=!0,$(document).ready(function(){if(i._waitFunction[e]=!1,e){$(i._el.nativeElement);if(!M[e]||!M[e].init)throw new Error("Couldn't find materialize function ''"+e+"' on element or the global Materialize object.");t&&t instanceof Array&&t.length>0?i.instance=(n=M[e]).init.apply(n,[i._el.nativeElement].concat(t)):i.instance=M[e].init(i._el.nativeElement),i.initialized||(i.initialized=!0,i.init.emit())}var n}))},e.prototype.getInstance=function(){var e=this._el.nativeElement;return this._functionName&&M[this._functionName]&&M[this._functionName].getInstance?M[this._functionName].getInstance(e):null},e.prototype.isTooltip=function(){return this._functionName&&"Tooltip"===this._functionName},e.prototype.isSelect=function(){return this._functionName&&"FormSelect"===this._functionName},e.prototype.isDatePicker=function(){return this._functionName&&"Datepicker"===this._functionName},e.prototype.isTimePicker=function(){return this._functionName&&"Timepicker"===this._functionName},e.prototype.isChips=function(){return this._functionName&&"Chips"===this._functionName},e.prototype.isAutocomplete=function(){return this._functionName&&"Autocomplete"===this._functionName},e.prototype.isTextarea=function(){return"TEXTAREA"==this._el.nativeElement.nodeName},e}();l([i.i(n.u)(),s("design:type",Object)],c.prototype,"init",void 0),l([i.i(n.m)(),s("design:type",String),s("design:paramtypes",[String])],c.prototype,"materialize",null),l([i.i(n.m)(),s("design:type",Object),s("design:paramtypes",[Object])],c.prototype,"materializeParams",null),l([i.i(n.m)(),s("design:type","function"==typeof(d=void 0!==n.r&&n.r)&&d||Object),s("design:paramtypes",["function"==typeof(p=void 0!==n.r&&n.r)&&p||Object])],c.prototype,"materializeActions",null),l([i.i(n.m)(),s("design:type",Object),s("design:paramtypes",[Object])],c.prototype,"materializeSelectOptions",null),l([i.i(n.m)(),s("design:type",Object)],c.prototype,"ngModel",void 0),c=l([i.i(n.i)({selector:"[materialize]"}),r(0,i.i(n.E)(n._1)),s("design:paramtypes",[Object,"function"==typeof(u=void 0!==n.l&&n.l)&&u||Object])],c);var d,p,u},kZql:function(e,t,i){"use strict";i.d(t,"a",function(){return n});var n={production:!0}},"l+j8":function(e,t,i){"use strict";var n=i("3j3K");i.d(t,"a",function(){return o});var a=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},o=function(){function e(){this.chipsActions=new n.r,this.chipsInit={data:[{tag:"Apple"},{tag:"Microsoft"},{tag:"Google"}]},this.autocompleteInit={autocompleteOptions:{data:{Apple:null,Microsoft:null,Google:null},limit:1/0,minLength:1}},this.chipsPlaceholder={placeholder:"+Tag",secondaryPlaceholder:"Enter a tag"}}return e.prototype.add=function(e){console.log("Chip added: "+e.tag)},e.prototype.delete=function(e){console.log("Chip deleted: "+e.tag)},e.prototype.select=function(e){console.log("Chip selected: "+e.tag)},e.prototype.updateChips=function(){for(var e=[{tag:"Apple2"},{tag:"Google2"}],t=0,i=e;t<i.length;t++){var n=i[t];this.chipsActions.emit({action:"addChip",params:[n]})}},e}();o=a([i.i(n._14)({selector:"chips",template:'\n        <div class="chips" materialize="Chips" [materializeParams]="[chipsInit]" (chip.add)="add($event.detail)" (chip.delete)="delete($event.detail)" (chip.select)="select($event.detail)" [materializeActions]="chipsActions"></div>\n        <a class="waves-effect waves-light btn" (click)="updateChips()">Update Chips</a>\n        <br/><br/><br/>\n        <div class="chips" materialize="Chips" [materializeParams]="[chipsPlaceholder]"></div>\n        <span>With Autocomplete: (Apple/Microsoft/Google)</span>\n<div class="chips" materialize="Chips" [materializeParams]="[autocompleteInit]"></div>\n'})],o)},r5WM:function(e,t,i){"use strict";var n=i("3j3K"),a=i("NVOs");i.d(t,"a",function(){return s});var o=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},l=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},s=function(){function e(e){this.fb=e,this.birthDateActions=new n.r,this.birthTimeActions=new n.r,this.birthDate="03/12/2017",this.birthTime="12:36",this.form=this.fb.group({fromDate:new a.c("06/07/2017"),fromTime:new a.c("08:30")})}return e.prototype.openDatePicker=function(){this.birthDateActions.emit({action:"open",params:[]})},e.prototype.setTime=function(e){this.birthTime=e},e.prototype.openTimePicker=function(){this.birthTimeActions.emit({action:"open",params:[]}),this.birthTimeActions.emit({action:"showView",params:["minutes"]})},e}();s=o([i.i(n._14)({selector:"datePicker",template:'\n    <div class="row"><h4>Simple Binding</h4></div>\n    <div class="row">\n          <div class="col s6">\n            <label for="birthdate">Birthdate {{birthDate}}</label>\n            <input id="birthdate" name="birthdate" [(ngModel)]="birthDate"\n                   materialize="Datepicker"\n                   [materializeActions]="birthDateActions"\n                   [materializeParams]="[{format: \'dd/mm/yyyy\'}]"\n                   type="text" />\n          </div>\n          <div class="col s6">\n             <label for="birthtime">Birthtime {{birthTime}}</label>\n             <input id="birthtime" name="birthtime" [(ngModel)]="birthTime"\nmaterialize="Timepicker"\n[materializeActions]="birthTimeActions"\n[materializeParams]="[{twelvehour: false}]"\nplaceholder="00:00" class="validate" type="text">\n</div>\n\n</div>\n<div class="row">\n<div class="col s6">\n<a class="waves-effect waves-light btn" (click)="openDatePicker()">Open Date Picker</a>\n</div>\n\n<div class="col s3">\n<a class="waves-effect waves-light btn" (click)="setTime(\'01:15\')">Set Time to 01:15</a>\n</div>\n<div class="col s3">\n<a class="waves-effect waves-light btn" (click)="openTimePicker()">Open Time Picker</a>\n</div>\n</div>\n\n<div class="row"></div>\n<div class="row"></div>\n\n<div class="row"><h4>Form Binding</h4></div>\n\n<form [formGroup]="form" materialize class="col s12">\n<div class="row">\n<div class="col s4">\n\n<label for="birthdate2">Birthdate {{form.value.fromDate}}</label>\n<input id="birthdate2" name="birthdate2" formControlName="fromDate"\n                   materialize="Datepicker"\n                   [materializeParams]="[{format: \'dd/mm/yyyy\'}]"\n                   type="text" />\n          </div>\n          </div>\n          <div class="row">\n           <div class="col s4">\n            <label for="birthtime2">Birthtime {{form.value.fromTime}}</label>\n            <input id="birthtime2" name="birthtime2" formControlName="fromTime"\n                   materialize="Timepicker"\n                   [materializeParams]="[{format: \'dd/mm/yyyy\'}]"\n                   type="text" />\n          </div>\n        </div>\n    </form>\n        '}),l("design:paramtypes",["function"==typeof(r=void 0!==a.d&&a.d)&&r||Object])],s);var r},sLrJ:function(e,t,i){"use strict";i.d(t,"a",function(){return n});var n=function(){function e(e,t){this.value=e,this.name=t}return e}()},sQHO:function(e,t,i){t=e.exports=i("FZ+f")(!1),t.push([e.i,"footer,header,main{padding-left:350px}",""]),e.exports=e.exports.toString()},svlL:function(e,t,i){"use strict";var n=i("3j3K");i.d(t,"a",function(){return o});var a=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},o=function(){function e(){this.modalActions1=new n.r,this.modalActions2=new n.r,this.params=[],this.model1Params=[{dismissible:!0,complete:function(){console.log("Closed")}}]}return e.prototype.printSomething=function(){console.log("tooltip button clicked!")},e.prototype.openModal1=function(){this.modalActions1.emit({action:"open",params:[]})},e.prototype.closeModal1=function(){this.modalActions1.emit({action:"close",params:[]})},e.prototype.openModal2=function(){this.modalActions2.emit({action:"open",params:[]})},e.prototype.closeModal2=function(){this.modalActions2.emit({action:"close",params:[]})},e}();o=a([i.i(n._14)({selector:"dialogs",template:'\n      \x3c!-- Modal Trigger --\x3e\n      <a class="waves-effect waves-light btn" (click)="openModal1()">Modal 1</a>\n      <a class="waves-effect waves-light btn" (click)="openModal2()">Modal 2</a>\n      <button class="btn modal-trigger" data-target="modal2">Modal 2 (2)</button>\n\n      \x3c!-- Modal Structure --\x3e\n<div id="modal1" class="modal bottom-sheet" materialize="Modal" [materializeParams]="model1Params" [materializeActions]="modalActions1">\n<div class="modal-content">\n          <h4>Modal Header 1</h4>\n          <p>A bunch of text</p>\n        </div>\n        <div class="modal-footer">\n          <a class="waves-effect waves-green btn-flat" (click)="closeModal1()">Close</a>\n          <a class="modal-action modal-close waves-effect waves-green btn-flat">Agree</a>\n        </div>\n      </div>\n\n      \x3c!-- Modal Structure --\x3e\n<div id="modal2" class="modal bottom-sheet" materialize="Modal" [materializeParams]="[{dismissible: false}]" [materializeActions]="modalActions2">\n<div class="modal-content">\n          <h4>Modal Header 2</h4>\n          <p>A bunch of text</p>\n        </div>\n        <div class="modal-footer">\n          <a class="waves-effect waves-green btn-flat" (click)="closeModal2()">Close</a>\n          <a class="modal-action modal-close waves-effect waves-green btn-flat">Agree</a>\n        </div>\n      </div>\n\n      <br/><br/>\n\n      \x3c!-- data-position can be : bottom, top, left, or right --\x3e\n      \x3c!-- data-delay controls delay before tooltip shows (in milliseconds)--\x3e\n<a materialize="Tooltip" (click)="printSomething()" class="btn tooltipped" data-position="bottom" data-delay="10" data-tooltip="I am tooltip">Hover me!</a>\n\n<br/><br/>\n\n      \x3c!-- toast --\x3e\n<a class="btn" onclick="M.toast({html: \'I am a toast\', displayLength: 4000})">Toast 1!</a>\n'})],o)},vCSs:function(e,t,i){"use strict";var n=i("3j3K");i.d(t,"a",function(){return o});var a=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},o=function(){function e(){}return e}();o=a([i.i(n._14)({selector:"tabs",template:'\n    <div class="row">\n      <div class="col s12">\n<ul class="tabs" materialize="Tabs">\n<li class="tab col s3"><a href="#test1">Test 1</a></li>\n<li class="tab col s3"><a class="active" href="#test2">Test 2</a></li>\n          <li class="tab col s3 disabled"><a href="#test3">Disabled Tab</a></li>\n          <li class="tab col s3"><a href="#test4">Test 4</a></li>\n        </ul>\n      </div>\n      <div id="test1" class="col s12">Test 1</div>\n      <div id="test2" class="col s12">Test 2</div>\n      <div id="test3" class="col s12">Test 3</div>\n      <div id="test4" class="col s12">Test 4</div>\n    </div>\n    '})],o)},x35b:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i("3j3K"),a=i("O61y"),o=i("Iksp");i("kZql").a.production&&i.i(n.a)(),i.i(a.a)().bootstrapModule(o.a)},zf7a:function(e,t,i){"use strict";var n=i("3j3K");i.d(t,"a",function(){return o});var a=this&&this.__decorate||function(e,t,i,n){var a,o=arguments.length,l=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,n);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(l=(o<3?a(l):o>3?a(t,i,l):a(t,i))||l);return o>3&&l&&Object.defineProperty(t,i,l),l},o=function(){function e(){}return e}();o=a([i.i(n._14)({selector:"parallax",template:'\n    <div class="parallax-container">\n<div class="parallax" materialize="Parallax"><img src="http://materializecss.com/images/parallax1.jpg"></div>\n</div>\n    <div class="section white">\n      <div class="row container">\n        <h2 class="header">Parallax</h2>\n        <p class="grey-text text-darken-3 lighten-3">Parallax is an effect where the background content or image in this case, is moved at a different speed than the foreground content while scrolling.</p>\n      </div>\n    </div>\n    <div class="parallax-container">\n<div class="parallax" materialize="Parallax"><img src="http://materializecss.com/images/parallax2.jpg"></div>\n</div>\n  '})],o)},ziSj:function(e,t,i){"use strict";function n(e,t,i){void 0===t&&(t=void 0),void 0===i&&(i={bubbles:!1,cancelable:!1});var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,i.bubbles,i.cancelable,t),n}t.a=n,"undefined"!=typeof window&&"Event"in window&&(n.prototype=window.Event.prototype)}},[2]);