4.80d1ffbe4e00142696ce.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{pZl2:function(l,n,t){"use strict";t.r(n);var u,e,o=t("CcnG"),r=function(){return function(){}}(),i=t("pMnS"),a=t("Ip0R"),p=t("ZYCi"),c=t("67Y/"),s=t("1uD9");!function(l){l.ALL="ALL",l.ACTIVE="ACTIVE",l.COMPLETED="COMPLETED",l.NONE="NONE"}(u||(u={})),function(l){l.EDIT="EDIT",l.DELETE="DELETE",l.NONE="NONE"}(e||(e={}));var b=function(){function l(l,n,t){this.model=l,this.changeRef=n,this.count={active:0,completed:0,total:0},this.currentTab=t.url.pipe(Object(c.a)(function(){return t.snapshot.children[0].data.type})).pipe(Object(c.a)(function(l){switch(l){case u.ALL:return 0;case u.ACTIVE:return 1;case u.COMPLETED:return 2;case u.NONE:default:return-1}}))}return l.prototype.ngOnInit=function(){var l=this;this.subscription=this.model.getCount().subscribe(function(n){l.count=n,l.changeRef.detectChanges()})},l.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},l.prototype.getCount=function(){return this.count},l}(),d=o.nb({encapsulation:0,styles:[["[_nghost-%COMP%]{display:block}paper-tabs[_ngcontent-%COMP%]{--paper-tab-ink:#222195;--paper-tabs-selection-bar-color:#222195;background-color:#fff;box-shadow:0 4px 2px -2px rgba(0,0,0,.14),0 3px 5px -2px rgba(0,0,0,.12),0 5px 1px -4px rgba(0,0,0,.2);border-bottom:1px solid #eee;position:relative;z-index:1}paper-tab[_ngcontent-%COMP%]{--layout-horizontal_-_flex-direction:column;font-size:x-small;--paper-badge-width:15px;--paper-badge-height:15px;--paper-badge-margin-bottom:-4px;--paper-badge-margin-left:-4px}paper-tab.iron-selected[_ngcontent-%COMP%]{color:#222195}iron-swipeable-pages[_ngcontent-%COMP%]{height:calc(100% - 49px)}"]],data:{}});function f(l){return o.Eb(0,[(l()(),o.pb(0,0,null,null,19,"paper-tabs",[],[[8,"selected",0]],null,null,null,null)),o.zb(131072,a.b,[o.h]),(l()(),o.pb(2,0,null,null,5,"paper-tab",[["routerLink","/todos/all"]],null,[[null,"click"]],function(l,n,t){var u=!0;return"click"===n&&(u=!1!==o.xb(l,3).onClick()&&u),u},null,null)),o.ob(3,16384,null,0,p.l,[p.k,p.a,[8,null],o.D,o.k],{routerLink:[0,"routerLink"]},null),(l()(),o.pb(4,0,null,null,0,"iron-icon",[["icon","list"],["id","tab_all"]],null,null,null,null,null)),(l()(),o.pb(5,0,null,null,1,"span",[],null,null,null,null,null)),(l()(),o.Cb(-1,null,["All"])),(l()(),o.pb(7,0,null,null,0,"paper-badge",[["for","tab_all"]],[[8,"label",0]],null,null,null,null)),(l()(),o.pb(8,0,null,null,5,"paper-tab",[["routerLink","/todos/active"]],null,[[null,"click"]],function(l,n,t){var u=!0;return"click"===n&&(u=!1!==o.xb(l,9).onClick()&&u),u},null,null)),o.ob(9,16384,null,0,p.l,[p.k,p.a,[8,null],o.D,o.k],{routerLink:[0,"routerLink"]},null),(l()(),o.pb(10,0,null,null,0,"iron-icon",[["icon","check-box-outline-blank"],["id","tab_active"]],null,null,null,null,null)),(l()(),o.pb(11,0,null,null,1,"span",[],null,null,null,null,null)),(l()(),o.Cb(-1,null,["Active"])),(l()(),o.pb(13,0,null,null,0,"paper-badge",[["for","tab_active"]],[[8,"label",0]],null,null,null,null)),(l()(),o.pb(14,0,null,null,5,"paper-tab",[["routerLink","/todos/completed"]],null,[[null,"click"]],function(l,n,t){var u=!0;return"click"===n&&(u=!1!==o.xb(l,15).onClick()&&u),u},null,null)),o.ob(15,16384,null,0,p.l,[p.k,p.a,[8,null],o.D,o.k],{routerLink:[0,"routerLink"]},null),(l()(),o.pb(16,0,null,null,0,"iron-icon",[["icon","check-box"],["id","tab_completed"]],null,null,null,null,null)),(l()(),o.pb(17,0,null,null,1,"span",[],null,null,null,null,null)),(l()(),o.Cb(-1,null,["Completed"])),(l()(),o.pb(19,0,null,null,0,"paper-badge",[["for","tab_completed"]],[[8,"label",0]],null,null,null,null)),(l()(),o.pb(20,16777216,null,null,1,"router-outlet",[],null,null,null,null,null)),o.ob(21,212992,null,0,p.n,[p.b,o.O,o.j,[8,null],o.h],null,null)],function(l,n){l(n,3,0,"/todos/all"),l(n,9,0,"/todos/active"),l(n,15,0,"/todos/completed"),l(n,21,0)},function(l,n){var t=n.component;l(n,0,0,o.Db(n,0,0,o.xb(n,1).transform(t.currentTab))),l(n,7,0,t.getCount().total),l(n,13,0,t.getCount().active),l(n,19,0,t.getCount().completed)})}function m(l){return o.Eb(0,[(l()(),o.pb(0,0,null,null,1,"app-tabs",[],null,null,null,f,d)),o.ob(1,245760,null,0,b,[s.a,o.h,p.a],null,null)],function(l,n){l(n,1,0)},null)}var h=o.lb("app-tabs",b,m,{},{},[]),g=function(){function l(l,n,t){this.model=l,this.route=n,this.changeRef=t,this.type=u.NONE,this.todos=[]}return l.prototype.ngOnInit=function(){var l=this,n=this.route.snapshot.data.type;n in u&&(this.type=n,this.subscription=this.model.getItems().subscribe(function(n){l.todos=n.filter(function(n){switch(l.type){case u.ALL:return!0;case u.ACTIVE:return!n.completed;case u.COMPLETED:return n.completed;case u.NONE:default:return!1}}),l.changeRef.detectChanges()})),this.setContextMenuRenderer(this.menus.toArray()),this.menus.changes.subscribe(function(n){l.setContextMenuRenderer(n.toArray())})},l.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},l.prototype.getItems=function(){return this.todos},l.prototype.toggleItem=function(l,n){this.model.updateItem(l,{completed:!!n.srcElement.checked})},l.prototype.presentAlertPrompt=function(l){var n=this,t=l?l.title:"";setTimeout(function(){var u=window.prompt(""!==t?"Edit Item":"Create Item",t);if("string"==typeof u)return""===u.trim()?window.alert("No input!"):t===u?window.alert("No change!"):void(l?n.model.updateItem(l.id,{title:u}):n.model.createItem(u))},300)},l.prototype.deleteItem=function(l){this.model.removeItem(l)},l.prototype.setContextMenuRenderer=function(l){var n=this;l.forEach(function(l){l.nativeElement.renderer=function(l,t,u){var e=l.firstElementChild;e||((e=document.createElement("div")).setAttribute("role","listbox"),e.classList.add("menu_list"),e.innerHTML='\n            <style>\n                div.menu_list paper-item {\n                    --paper-item-min-height: 32px;\n                    cursor: pointer;\n                }\n            </style>\n            <paper-item data-id="0">\n                Edit\n                <paper-ripple></paper-ripple>\n            </paper-item>\n            <paper-item data-id="1">\n                Delete\n                <paper-ripple></paper-ripple>\n            </paper-item>\n            <hr>\n            <paper-item data-id="2">\n                Cancel\n                <paper-ripple></paper-ripple>\n            </paper-item>\n          ',e.querySelectorAll("paper-item").forEach(function(l){l.addEventListener("click",function(l){n.handleContextMenuClick(l)})}),l.appendChild(e))}})},l.prototype.getItemId=function(l){return parseInt(l.dataset.id,10)},l.prototype.handleContextMenuClick=function(l){var n=this,t=l.target.parentNode.parentNode,u=this.getItemId(l.target),e=this.getItemId(t.model.target);switch(u){case 0:this.model.getItemById(e).then(function(l){return n.presentAlertPrompt(l)});break;case 1:this.deleteItem(e);break;case 2:default:return}},l}(),v=o.nb({encapsulation:3,styles:[[":host{height:calc(100vh - 64px - 49px);overflow-y:auto;display:block}paper-item{border-bottom:1px solid #eee;background-color:#fff}paper-item:before{display:none!important}paper-fab{--paper-fab-keyboard-focus-background:var(--accent-color)}paper-fab.bottom_right{top:auto;bottom:20px;right:20px;left:auto;position:fixed}.animation-square{width:20px;height:20px;-webkit-animation:4s linear infinite spin;animation:4s linear infinite spin;background-color:red}.test-row{display:table;width:100%}.test-column{display:table-cell}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}"]],data:{}});function k(l){return o.Eb(0,[(l()(),o.pb(0,0,null,null,30,null,null,null,null,null,null,null)),(l()(),o.pb(1,0,[[1,0],["menu",1]],null,29,"vaadin-context-menu",[],null,null,null,null,null)),(l()(),o.pb(2,0,null,null,28,"paper-item",[],[[1,"data-id",0]],null,null,null,null)),(l()(),o.pb(3,0,null,null,27,"div",[["class","test-row"]],null,null,null,null,null)),(l()(),o.pb(4,0,null,null,5,"div",[["class","test-column"]],null,null,null,null,null)),(l()(),o.pb(5,0,null,null,4,"div",[],null,null,null,null,null)),(l()(),o.pb(6,0,null,null,3,"div",[],null,null,null,null,null)),(l()(),o.pb(7,0,null,null,2,"div",[],null,null,null,null,null)),(l()(),o.pb(8,0,null,null,1,"div",[],null,null,null,null,null)),(l()(),o.pb(9,0,null,null,0,"input",[["type","checkbox"]],null,null,null,null,null)),(l()(),o.pb(10,0,null,null,7,"div",[["class","test-column"]],null,null,null,null,null)),(l()(),o.pb(11,0,null,null,6,"div",[],null,null,null,null,null)),(l()(),o.pb(12,0,null,null,5,"div",[],null,null,null,null,null)),(l()(),o.pb(13,0,null,null,4,"div",[],null,null,null,null,null)),(l()(),o.pb(14,0,null,null,3,"div",[],null,null,null,null,null)),(l()(),o.pb(15,0,null,null,2,"div",[],null,null,null,null,null)),(l()(),o.pb(16,0,null,null,1,"span",[["class","label"]],null,null,null,null,null)),(l()(),o.Cb(-1,null,["Test"])),(l()(),o.pb(18,0,null,null,5,"div",[["class","test-column"]],null,null,null,null,null)),(l()(),o.pb(19,0,null,null,4,"div",[],null,null,null,null,null)),(l()(),o.pb(20,0,null,null,3,"div",[],null,null,null,null,null)),(l()(),o.pb(21,0,null,null,2,"div",[],null,null,null,null,null)),(l()(),o.pb(22,0,null,null,1,"div",[],null,null,null,null,null)),(l()(),o.pb(23,0,null,null,0,"div",[["class","animation-square"]],null,null,null,null,null)),(l()(),o.pb(24,0,null,null,6,"div",[["class","test-column"]],null,null,null,null,null)),(l()(),o.pb(25,0,null,null,5,"div",[],null,null,null,null,null)),(l()(),o.pb(26,0,null,null,4,"div",[],null,null,null,null,null)),(l()(),o.pb(27,0,null,null,3,"div",[],null,null,null,null,null)),(l()(),o.pb(28,0,null,null,2,"div",[],null,null,null,null,null)),(l()(),o.pb(29,0,null,null,1,"div",[],null,null,null,null,null)),(l()(),o.pb(30,0,null,null,0,"img",[["src","favicon.ico"]],null,null,null,null,null))],null,function(l,n){l(n,2,0,n.context.$implicit.id)})}function y(l){return o.Eb(0,[o.Ab(671088640,1,{menus:1}),(l()(),o.gb(16777216,null,null,1,null,k)),o.ob(2,278528,null,0,a.i,[o.O,o.L,o.s],{ngForOf:[0,"ngForOf"]},null),(l()(),o.pb(3,0,null,null,0,"paper-fab",[["class","bottom_right"],["icon","add"]],null,[[null,"click"]],function(l,n,t){var u=!0;return"click"===n&&(u=!1!==l.component.presentAlertPrompt()&&u),u},null,null))],function(l,n){l(n,2,0,n.component.getItems())},null)}function E(l){return o.Eb(0,[(l()(),o.pb(0,0,null,null,1,"app-list",[],null,null,null,y,v)),o.ob(1,245760,null,0,g,[s.a,p.a,o.h],null,null)],function(l,n){l(n,1,0)},null)}var C=o.lb("app-list",g,E,{},{},[]);t("mrSG"),t("6blF"),t("isby"),t("G5J1"),t("zotm"),t("MGBS"),t("0/uQ"),t("ZYjt");var x=function(){function l(){this._accessors=[]}return l.prototype.add=function(l,n){this._accessors.push([l,n])},l.prototype.remove=function(l){for(var n=this._accessors.length-1;n>=0;--n)if(this._accessors[n][1]===l)return void this._accessors.splice(n,1)},l.prototype.select=function(l){var n=this;this._accessors.forEach(function(t){n._isSameGroup(t,l)&&t[1]!==l&&t[1].fireUncheck(l.value)})},l.prototype._isSameGroup=function(l,n){return!!l[0].control&&l[0]._parent===n._control._parent&&l[1].name===n.name},l}(),w=new o.p("NgFormSelectorWarning"),I=function(){return function(){}}(),L=function(){function l(){}var n;return n=l,l.withConfig=function(l){return{ngModule:n,providers:[{provide:w,useValue:l.warnOnDeprecatedNgFormSelector}]}},l}(),O=t("4Eqj"),_={type:u.ALL},M={type:u.ACTIVE},T={type:u.COMPLETED},N=function(){return function(){}}(),A=function(){return function(){}}();t.d(n,"TabsComponentModuleNgFactory",function(){return D});var D=o.mb(r,[],function(l){return o.vb([o.wb(512,o.j,o.bb,[[8,[i.a,h,C]],[3,o.j],o.x]),o.wb(4608,a.k,a.j,[o.u,[2,a.r]]),o.wb(4608,x,x,[]),o.wb(1073742336,a.c,a.c,[]),o.wb(1073742336,O.a,O.a,[]),o.wb(1073742336,p.m,p.m,[[2,p.s],[2,p.k]]),o.wb(1073742336,N,N,[]),o.wb(1073742336,I,I,[]),o.wb(1073742336,L,L,[]),o.wb(1073742336,A,A,[]),o.wb(1073742336,r,r,[]),o.wb(1024,p.i,function(){return[[{path:"todos",component:b,children:[{path:"",redirectTo:"/todos/all",pathMatch:"full"},{path:"all",component:g,data:_},{path:"active",component:g,data:M},{path:"completed",component:g,data:T}]},{path:"",redirectTo:"/todos/all",pathMatch:"full"}],[{path:"",component:g}]]},[])])})}}]);