902.90c275fe85bc4ba4a6e3.js

(self.webpackChunkmy_first_app=self.webpackChunkmy_first_app||[]).push([[902],{3902:function(e,t,n){"use strict";n.r(t),n.d(t,{RecipesModule:function(){return y}});var o=n(6959),i=n(1116),r=n(1462),a=n(5474),p=n(3820),c=n(873);function s(e,t){if(1&e&&(p.TgZ(0,"li",13),p._uU(1),p.TgZ(2,"span",14),p._uU(3),p.qZA(),p.qZA()),2&e){var n=t.$implicit;p.xp6(1),p.hij(" ",n.name," "),p.xp6(2),p.Oqu(n.amount)}}var g=function(){function e(e,t,n){this.recipeService=e,this.route=t,this.router=n}return e.prototype.ngOnInit=function(){var e=this;this.route.params.subscribe(function(t){e.id=+t.id,e.recipe=e.recipeService.getRecipe(e.id)})},e.prototype.onAddToShoppingList=function(){this.recipeService.addIngredientsToShoppingList(this.recipe.ingredients)},e.prototype.onEditRecipe=function(){this.router.navigate(["edit"],{relativeTo:this.route})},e.prototype.onDeleteBug=function(){this.recipeService.deleteBug(this.id),this.router.navigate(["/bugs"])},e.\u0275fac=function(t){return new(t||e)(p.Y36(c.j),p.Y36(o.gz),p.Y36(o.F0))},e.\u0275cmp=p.Xpm({type:e,selectors:[["app-recipe-detail"]],decls:43,vars:8,consts:[[1,"row"],[1,"col-xs-12"],["crossOrigin","anonymous",1,"img-responsive",2,"height","350px",3,"src","alt"],[1,"col-xs-12",2,"margin-bottom","10px"],[1,"dropdown",2,"float","right"],[1,"dropbtn"],[1,"dropdown-content","dropdown-menu-right"],[2,"cursor","pointer",3,"click"],[1,"col-xs-12","desc"],[1,"insider",2,"padding-left","5px"],[1,"col-sm-4"],[1,"list-group"],["class","\n          list-group-item\n          d-flex\n          justify-content-between\n          align-items-center\n          pillbox\n        ",4,"ngFor","ngForOf"],[1,"list-group-item","d-flex","justify-content-between","align-items-center","pillbox"],[1,"badge","badge-primary","badge-pill"]],template:function(e,t){1&e&&(p.TgZ(0,"div",0),p.TgZ(1,"div",1),p._UZ(2,"img",2),p.qZA(),p._UZ(3,"hr"),p.qZA(),p.TgZ(4,"div",0),p.TgZ(5,"div",3),p.TgZ(6,"h2"),p._uU(7),p.qZA(),p.qZA(),p.qZA(),p.TgZ(8,"div",4),p.TgZ(9,"button",5),p._uU(10,"Manage Bugs \u21e9"),p.qZA(),p.TgZ(11,"div",6),p.TgZ(12,"a",7),p.NdJ("click",function(){return t.onAddToShoppingList()}),p._uU(13,"To shopping List"),p.qZA(),p.TgZ(14,"a",7),p.NdJ("click",function(){return t.onEditRecipe()}),p._uU(15,"Edit Data"),p.qZA(),p.TgZ(16,"a",7),p.NdJ("click",function(){return t.onDeleteBug()}),p._uU(17,"Delete data"),p.qZA(),p.qZA(),p._UZ(18,"hr"),p.qZA(),p.TgZ(19,"div",0),p.TgZ(20,"div",8),p._uU(21," DESCRIPTION: "),p.TgZ(22,"span",9),p._uU(23),p.qZA(),p.qZA(),p.qZA(),p.TgZ(24,"div",0),p.TgZ(25,"div",8),p._uU(26," TYPE: "),p.TgZ(27,"span",9),p._uU(28),p.qZA(),p.qZA(),p.qZA(),p.TgZ(29,"div",0),p.TgZ(30,"div",8),p._uU(31," PRIORITY: "),p.TgZ(32,"span",9),p._uU(33),p.qZA(),p.qZA(),p.qZA(),p.TgZ(34,"div",0),p.TgZ(35,"div",8),p._uU(36," STATUS: "),p.TgZ(37,"span",9),p._uU(38),p.qZA(),p.qZA(),p.qZA(),p.TgZ(39,"div",0),p.TgZ(40,"div",10),p.TgZ(41,"ul",11),p.YNc(42,s,4,2,"li",12),p.qZA(),p.qZA(),p.qZA()),2&e&&(p.xp6(2),p.s9C("alt",t.recipe.name),p.Q6J("src",t.recipe.imagePath,p.LSH),p.xp6(5),p.Oqu(t.recipe.name),p.xp6(16),p.Oqu(t.recipe.description),p.xp6(5),p.Oqu(t.recipe.type),p.xp6(5),p.Oqu(t.recipe.priority),p.xp6(5),p.Oqu(t.recipe.status),p.xp6(4),p.Q6J("ngForOf",t.recipe.ingredients))},directives:[i.sg],styles:[".pillbox[_ngcontent-%COMP%]{background:color #343434;color:#fff;margin-bottom:5px}.dropbtn[_ngcontent-%COMP%]{background-color:#04aa6d;color:#fff;padding:16px;font-size:16px;border:none}.dropdown[_ngcontent-%COMP%]{position:relative;display:inline-block}.dropdown-content[_ngcontent-%COMP%]{display:none;position:absolute;background-color:#343434;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover{background-color:#fff}.dropdown[_ngcontent-%COMP%]:hover   .dropdown-content[_ngcontent-%COMP%]{display:block}.dropdown[_ngcontent-%COMP%]:hover   .dropbtn[_ngcontent-%COMP%]{background-color:#3e8e41}.desc[_ngcontent-%COMP%]{color:grey;letter-spacing:2px;font-weight:900}.insider[_ngcontent-%COMP%]{color:hotpink}"]}),e}();function u(e,t){if(1&e){var n=p.EpF();p.TgZ(0,"div",30),p.TgZ(1,"div",31),p._UZ(2,"input",32),p.qZA(),p.TgZ(3,"div",33),p._UZ(4,"input",34),p.qZA(),p.TgZ(5,"div",33),p.TgZ(6,"button",4),p.NdJ("click",function(){var e=p.CHM(n).index;return p.oxw().onDeleteIng(e)}),p._uU(7," X "),p.qZA(),p.qZA(),p.qZA()}2&e&&p.Q6J("formGroupName",t.index)}var d=function(){function e(e,t,n){this.route=e,this.recipeService=t,this.router=n,this.editMode=!1}return e.prototype.ngOnInit=function(){var e=this;this.route.params.subscribe(function(t){e.id=+t.id,e.editMode=null!=t.id,e.initForm()})},e.prototype.onSubmit=function(){this.editMode?this.recipeService.updateBug(this.id,this.BugForm.value):this.recipeService.addBug(this.BugForm.value),this.onCancel()},e.prototype.onAddIngredient=function(){this.BugForm.get("ingredients").push(new r.cw({name:new r.NI(null,r.kI.required),amount:new r.NI(null,[r.kI.required,r.kI.pattern(/^[1-9]+[0-9]*$/)])}))},e.prototype.getControls=function(){return this.BugForm.get("ingredients").controls},e.prototype.onDeleteIng=function(e){this.BugForm.get("ingredients").removeAt(e)},e.prototype.onCancel=function(){this.router.navigate(["../"],{relativeTo:this.route})},e.prototype.initForm=function(){var e="",t="",n="",o="",i="",a="",p=new r.Oe([]);if(this.editMode){var c=this.recipeService.getRecipe(this.id);if(e=c.name,t=c.imagePath,n=c.description,o=c.type,i=c.status,a=c.priority,c.ingredients)for(var s=0,g=c.ingredients;s<g.length;s++){var u=g[s];p.push(new r.cw({name:new r.NI(u.name,r.kI.required),amount:new r.NI(u.amount,[r.kI.required,r.kI.pattern(/^[1-9]+[0-9]*$/)])}))}}this.BugForm=new r.cw({name:new r.NI(e,r.kI.required),imagePath:new r.NI(t,r.kI.required),description:new r.NI(n,r.kI.required),type:new r.NI(o,r.kI.required),status:new r.NI(i,r.kI.required),priority:new r.NI(a,r.kI.required),ingredients:p})},e.\u0275fac=function(t){return new(t||e)(p.Y36(o.gz),p.Y36(c.j),p.Y36(o.F0))},e.\u0275cmp=p.Xpm({type:e,selectors:[["app-recipe-edit"]],decls:101,vars:4,consts:[[1,"row"],[1,"col-xs-12"],[3,"formGroup","ngSubmit"],["type","submit",1,"btn","btn-success",3,"disabled"],["type","button",1,"btn","btn-danger",3,"click"],[1,"form-group"],["for","name"],["type","text","id","name","formControlName","name",1,"form-control",2,"background-color","#343434","color","white"],["for","imagePath"],["href","https://postimages.org/",2,"color","palevioletred"],["type","text","id","imagePath","formControlName","imagePath",1,"form-control",2,"background-color","#343434","color","white"],["imagePath",""],["crossOrigin","anonymous",1,"img-responsive",2,"height","250px",3,"src"],["for","description"],["type","text","id","description","formControlName","description","rows","4","cols","50",1,"form-control",2,"background-color","#343434","color","white"],[1,"form-group","radio"],["type","radio","id","bug","name","type","value","bug","formControlName","type",2,"opacity","0","position","absolute","left","50%","top","50%","transform","translate(-50%, -50%)","z-index","-1"],[1,"design"],[1,"text"],["type","radio","id","exploit","name","type","value","exploit","formControlName","type",2,"opacity","0","position","absolute","left","50%","top","50%","transform","translate(-50%, -50%)","z-index","-1"],["type","radio","id","other","name","type","value","other","formControlName","type",2,"opacity","0","position","absolute","left","50%","top","50%","transform","translate(-50%, -50%)","z-index","-1"],["type","radio","id","open","name","status","value","open","formControlName","status",2,"opacity","0","position","absolute","left","50%","top","50%","transform","translate(-50%, -50%)","z-index","-1"],["type","radio","id","ongoing","name","status","value","ongoing","formControlName","status",2,"opacity","0","position","absolute","left","50%","top","50%","transform","translate(-50%, -50%)","z-index","-1"],["type","radio","id","closed","name","status","value","closed","formControlName","status",2,"opacity","0","position","absolute","left","50%","top","50%","transform","translate(-50%, -50%)","z-index","-1"],["type","radio","id","low","name","priority","value","low","formControlName","priority",2,"opacity","0","position","absolute","left","50%","top","50%","transform","translate(-50%, -50%)","z-index","-1"],["type","radio","id","medium","name","priority","value","medium","formControlName","priority",2,"opacity","0","position","absolute","left","50%","top","50%","transform","translate(-50%, -50%)","z-index","-1"],["type","radio","id","high","name","priority","value","high","formControlName","priority",2,"opacity","0","position","absolute","left","50%","top","50%","transform","translate(-50%, -50%)","z-index","-1"],["formArrayName","ingredients",1,"col-xs-12"],["class","row","style","margin-top: 10px","style","margin-top: 10px",3,"formGroupName",4,"ngFor","ngForOf"],["type","button",1,"btn","btn-secondary",3,"click"],[1,"row",2,"margin-top","10px",3,"formGroupName"],[1,"col-xs-8"],["type","text","formControlName","name",1,"form-control"],[1,"col-xs-2"],["type","number","formControlName","amount",1,"form-control"]],template:function(e,t){if(1&e&&(p.TgZ(0,"div",0),p.TgZ(1,"div",1),p.TgZ(2,"form",2),p.NdJ("ngSubmit",function(){return t.onSubmit()}),p.TgZ(3,"div",0),p.TgZ(4,"div",1),p.TgZ(5,"button",3),p._uU(6," Save "),p.qZA(),p.TgZ(7,"button",4),p.NdJ("click",function(){return t.onCancel()}),p._uU(8," Cancel "),p.qZA(),p.qZA(),p.qZA(),p.TgZ(9,"div",0),p.TgZ(10,"div",1),p.TgZ(11,"div",5),p.TgZ(12,"label",6),p._uU(13,"Name"),p.qZA(),p._UZ(14,"input",7),p.qZA(),p.qZA(),p.qZA(),p.TgZ(15,"div",0),p.TgZ(16,"div",1),p.TgZ(17,"div",5),p.TgZ(18,"label",8),p._uU(19,"Image URL :"),p.qZA(),p.TgZ(20,"p"),p._uU(21,"PLease use "),p.TgZ(22,"em"),p.TgZ(23,"a",9),p._uU(24,"This website"),p.qZA(),p.qZA(),p._uU(25," to upload your images and use direct links only"),p.qZA(),p._UZ(26,"input",10,11),p.qZA(),p.qZA(),p.qZA(),p.TgZ(28,"div",0),p.TgZ(29,"div",1),p._UZ(30,"img",12),p.qZA(),p.qZA(),p.TgZ(31,"div",0),p.TgZ(32,"div",1),p.TgZ(33,"div",5),p.TgZ(34,"label",13),p._uU(35,"Description"),p.qZA(),p._UZ(36,"textarea",14),p.qZA(),p.qZA(),p.qZA(),p.TgZ(37,"div",0),p.TgZ(38,"div",1),p.TgZ(39,"div",15),p.TgZ(40,"p"),p._uU(41,"Please select Bug Type:"),p.qZA(),p.TgZ(42,"label"),p._UZ(43,"input",16),p._UZ(44,"span",17),p.TgZ(45,"span",18),p._uU(46,"bug"),p.qZA(),p.qZA(),p.TgZ(47,"label"),p._UZ(48,"input",19),p._UZ(49,"span",17),p.TgZ(50,"span",18),p._uU(51,"exploit"),p.qZA(),p.qZA(),p.TgZ(52,"label"),p._UZ(53,"input",20),p._UZ(54,"span",17),p.TgZ(55,"span",18),p._uU(56,"other"),p.qZA(),p.qZA(),p.qZA(),p.TgZ(57,"div",15),p.TgZ(58,"p"),p._uU(59,"Please select Bug Status:"),p.qZA(),p.TgZ(60,"label"),p._UZ(61,"input",21),p._UZ(62,"span",17),p.TgZ(63,"span",18),p._uU(64,"open"),p.qZA(),p.qZA(),p.TgZ(65,"label"),p._UZ(66,"input",22),p._UZ(67,"span",17),p.TgZ(68,"span",18),p._uU(69,"ongoing"),p.qZA(),p.qZA(),p.TgZ(70,"label"),p._UZ(71,"input",23),p._UZ(72,"span",17),p.TgZ(73,"span",18),p._uU(74,"closed"),p.qZA(),p.qZA(),p.qZA(),p.TgZ(75,"div",15),p.TgZ(76,"p"),p._uU(77,"Please select Bug Priority:"),p.qZA(),p.TgZ(78,"label"),p._UZ(79,"input",24),p._UZ(80,"span",17),p.TgZ(81,"span",18),p._uU(82,"low "),p.qZA(),p.qZA(),p.TgZ(83,"label"),p._UZ(84,"input",25),p._UZ(85,"span",17),p.TgZ(86,"span",18),p._uU(87,"medium"),p.qZA(),p.qZA(),p.TgZ(88,"label"),p._UZ(89,"input",26),p._UZ(90,"span",17),p.TgZ(91,"span",18),p._uU(92,"high"),p.qZA(),p.qZA(),p.qZA(),p.qZA(),p.qZA(),p.TgZ(93,"div",0),p.TgZ(94,"div",27),p.YNc(95,u,8,1,"div",28),p._UZ(96,"hr"),p.TgZ(97,"div",0),p.TgZ(98,"div",1),p.TgZ(99,"button",29),p.NdJ("click",function(){return t.onAddIngredient()}),p._uU(100," Add task "),p.qZA(),p.qZA(),p.qZA(),p.qZA(),p.qZA(),p.qZA(),p.qZA(),p.qZA()),2&e){var n=p.MAs(27);p.xp6(2),p.Q6J("formGroup",t.BugForm),p.xp6(3),p.Q6J("disabled",!t.BugForm.valid),p.xp6(25),p.Q6J("src",n.value,p.LSH),p.xp6(65),p.Q6J("ngForOf",t.getControls())}},directives:[r._Y,r.JL,r.sg,r.Fj,r.JJ,r.u,r._,r.CE,i.sg,r.x0,r.wV],styles:['input.ng-invalid.ng-touched[_ngcontent-%COMP%], textarea.ng-invalid.ng-touched[_ngcontent-%COMP%]{border:2px solid red}label[_ngcontent-%COMP%]{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;margin:12px 0;cursor:pointer}.design[_ngcontent-%COMP%], label[_ngcontent-%COMP%]{position:relative}.design[_ngcontent-%COMP%]{width:16px;height:16px;border:1px solid #f5f5f5;border-radius:100%;margin-right:16px}.design[_ngcontent-%COMP%]:after, .design[_ngcontent-%COMP%]:before{content:"";display:block;width:inherit;height:inherit;border-radius:inherit;position:absolute;transform:scale(0);transform-origin:center center}.design[_ngcontent-%COMP%]:before{background:var(--other);opacity:0;transition:.3s}.design[_ngcontent-%COMP%]:after{background:var(--primary);opacity:.4;transition:.6s}.text[_ngcontent-%COMP%]{color:#1e90ff;font-weight:700}input[_ngcontent-%COMP%]:checked + .design[_ngcontent-%COMP%]:before{opacity:1;transform:scale(.6)}input[_ngcontent-%COMP%]:focus + .design[_ngcontent-%COMP%], input[_ngcontent-%COMP%]:hover + .design[_ngcontent-%COMP%]{border:1px solid var(--primary)}input[_ngcontent-%COMP%]:focus + .design[_ngcontent-%COMP%]:before, input[_ngcontent-%COMP%]:hover + .design[_ngcontent-%COMP%]:before{background:var(--primary)}input[_ngcontent-%COMP%]:hover ~ .text[_ngcontent-%COMP%]{color:var(--primary)}input[_ngcontent-%COMP%]:active + .design[_ngcontent-%COMP%]:after, input[_ngcontent-%COMP%]:focus + .design[_ngcontent-%COMP%]:after{opacity:.1;transform:scale(2.6)}']}),e}(),l=n(9574),f=function(){function e(e,t){this.dbStorageService=e,this.recipeService=t}return e.prototype.resolve=function(e,t){var n=this.recipeService.getRecipes();return 0===n.length?this.dbStorageService.fetchBugs():n},e.\u0275fac=function(t){return new(t||e)(p.LFG(l.T),p.LFG(c.j))},e.\u0275prov=p.Yz7({token:e,factory:e.\u0275fac,providedIn:"root"}),e}(),Z=function(){function e(){}return e.prototype.ngOnInit=function(){},e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=p.Xpm({type:e,selectors:[["app-recipe-start"]],decls:2,vars:0,template:function(e,t){1&e&&(p.TgZ(0,"h2"),p._uU(1,"Please select a Bug!"),p.qZA())},styles:[""]}),e}(),m=function(e){return[e]},h=function(){function e(){}return e.prototype.ngOnInit=function(){},e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=p.Xpm({type:e,selectors:[["app-recipe-item"]],inputs:{recipe:"recipe",index:"index"},decls:19,vars:16,consts:[["routerLinkActive","active",1,"list-group-item","clearfix","bugitem",2,"cursor","pointer",3,"routerLink"],[1,"float-left"],[1,"list-group-item-heading;","hovering",2,"white-space","nowrap","overflow","hidden","text-overflow","ellipsis","width","120px"],[1,"list-group-item-text","hovering",2,"width","100px","white-space","nowrap","overflow","hidden","text-overflow","ellipsis"],[1,"list-group-item","list-group-item-info","float-left","info-box",2,"margin-right","5px","color","#3333ff"],[1,"list-group-item","list-group-item-warning","float-right","info-box",2,"margin-right","5px","color","darkviolet"],[1,"list-group-item","list-group-item-danger","float-right","info-box",2,"margin-right","5px","color","#ff0000"],[1,"float-right"],[1,"img-responsive",2,"width","50px",3,"src","alt"]],template:function(e,t){1&e&&(p.TgZ(0,"a",0),p.TgZ(1,"div",1),p.TgZ(2,"h4",2),p.TgZ(3,"strong"),p._uU(4),p.qZA(),p.qZA(),p.TgZ(5,"p",3),p.TgZ(6,"em"),p._uU(7),p.qZA(),p.qZA(),p.TgZ(8,"span",4),p._uU(9),p.ALo(10,"uppercase"),p.qZA(),p.TgZ(11,"span",5),p._uU(12),p.ALo(13,"uppercase"),p.qZA(),p.TgZ(14,"span",6),p._uU(15),p.ALo(16,"uppercase"),p.qZA(),p.qZA(),p.TgZ(17,"span",7),p._UZ(18,"img",8),p.qZA(),p.qZA()),2&e&&(p.Q6J("routerLink",p.VKq(14,m,t.index)),p.xp6(4),p.Oqu(t.recipe.name),p.xp6(3),p.Oqu(t.recipe.description),p.xp6(2),p.Oqu(p.lcZ(10,8,t.recipe.type)),p.xp6(3),p.Oqu(p.lcZ(13,10,t.recipe.status)),p.xp6(3),p.Oqu(p.lcZ(16,12,t.recipe.priority)),p.xp6(3),p.s9C("alt",t.recipe.name),p.Q6J("src",t.recipe.imagePath,p.LSH))},directives:[o.yS,o.Od],pipes:[i.gd],styles:[".info-box[_ngcontent-%COMP%]{display:inline-block;line-height:.7em;border-top-left-radius:20px;border-bottom-right-radius:20px}.bugitem[_ngcontent-%COMP%]{background:#7678ed;color:#fff;margin-bottom:10px;border-radius:5px 25px 5px}a[_ngcontent-%COMP%]:active{background-color:#d2691e}"]}),e}(),v=function(){function e(){}return e.prototype.transform=function(e,t,n){if(0===e.length||""===t)return e;for(var o=[],i=0,r=e;i<r.length;i++){var a=r[i];a[n]===t&&o.push(a)}return o},e.\u0275fac=function(t){return new(t||e)},e.\u0275pipe=p.Yjl({name:"Filter",type:e,pure:!0}),e}();function b(e,t){if(1&e&&p._UZ(0,"app-recipe-item",8),2&e){var n=t.index;p.Q6J("recipe",t.$implicit)("index",n)}}var _=function(){function e(e,t,n){this.recipeService=e,this.router=t,this.route=n,this.filterStatus=""}return e.prototype.ngOnInit=function(){var e=this;this.subscription=this.recipeService.recipeChanged.subscribe(function(t){e.recipes=t}),this.recipes=this.recipeService.getRecipes()},e.prototype.onNewRecipe=function(){this.router.navigate(["new"],{relativeTo:this.route})},e.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},e.\u0275fac=function(t){return new(t||e)(p.Y36(c.j),p.Y36(o.F0),p.Y36(o.gz))},e.\u0275cmp=p.Xpm({type:e,selectors:[["app-recipe-list"]],decls:12,vars:6,consts:[[1,"row"],[1,"col-xs-12"],[1,"btn","draw-border",3,"click"],[2,"margin-top","10px"],[1,"form-inline","md-form","form-sm","mt-0","active-cyan","active-cyan-2","ml-3"],["aria-hidden","true",1,"fa","fa-search","fa-2x","text-primary"],["type","text","placeholder","Sort by Status ...","aria-label","search",1,"form-control","form-control-sm","ml-3","w-75",3,"ngModel","ngModelChange"],[3,"recipe","index",4,"ngFor","ngForOf"],[3,"recipe","index"]],template:function(e,t){1&e&&(p.TgZ(0,"div",0),p.TgZ(1,"div",1),p.TgZ(2,"button",2),p.NdJ("click",function(){return t.onNewRecipe()}),p._uU(3,"New Ticket"),p.qZA(),p.qZA(),p.qZA(),p.TgZ(4,"div",3),p.TgZ(5,"div",4),p._UZ(6,"i",5),p.TgZ(7,"input",6),p.NdJ("ngModelChange",function(e){return t.filterStatus=e}),p.qZA(),p.qZA(),p.qZA(),p.TgZ(8,"div",0),p.TgZ(9,"div",1),p.YNc(10,b,1,2,"app-recipe-item",7),p.ALo(11,"Filter"),p.qZA(),p.qZA()),2&e&&(p.xp6(7),p.Q6J("ngModel",t.filterStatus),p.xp6(3),p.Q6J("ngForOf",p.Dn7(11,2,t.recipes,t.filterStatus,"status")))},directives:[r.Fj,r.JJ,r.On,i.sg,h],pipes:[v],styles:['.active-cyan-2[_ngcontent-%COMP%]   input[type=text][_ngcontent-%COMP%]:focus:not([readonly]){border:none;box-shadow:0 0 0 0 #ccc}.active-cyan[_ngcontent-%COMP%]   input[type=text][_ngcontent-%COMP%]{border:none;border-radius:0;font-size:1.5em}.draw-border[_ngcontent-%COMP%]{box-shadow:inset 0 0 0 4px #1e90ff;color:#58afd1;transition:color .25s .0833333333s;position:relative}.draw-border[_ngcontent-%COMP%]:after, .draw-border[_ngcontent-%COMP%]:before{border:0 solid transparent;box-sizing:border-box;content:"";pointer-events:none;position:absolute;width:0;height:0;bottom:0;right:0}.draw-border[_ngcontent-%COMP%]:before{border-bottom-width:4px;border-left-width:4px}.draw-border[_ngcontent-%COMP%]:after{border-top-width:4px;border-right-width:4px}.draw-border[_ngcontent-%COMP%]:hover{color:#f5f5f5}.draw-border[_ngcontent-%COMP%]:hover:after, .draw-border[_ngcontent-%COMP%]:hover:before{border-color:#f5f5f5;transition:border-color 0s,width .25s,height .25s;width:100%;height:100%}.draw-border[_ngcontent-%COMP%]:hover:before{transition-delay:0s,0s,.25s}.draw-border[_ngcontent-%COMP%]:hover:after{transition-delay:0s,.25s,0s}.btn[_ngcontent-%COMP%]{background:none;border:none;cursor:pointer;line-height:1.5;font:700 1.2rem Roboto,sans-serif;padding:1em 2em;letter-spacing:.05rem}.btn[_ngcontent-%COMP%]:focus{outline:2px dotted #1e90ff}']}),e}(),q=[{path:"",component:function(){function e(){}return e.prototype.ngOnInit=function(){},e.\u0275fac=function(t){return new(t||e)},e.\u0275cmp=p.Xpm({type:e,selectors:[["app-recipes"]],decls:5,vars:0,consts:[[1,"row"],[1,"col-md-5"],[1,"col-md-7"]],template:function(e,t){1&e&&(p.TgZ(0,"div",0),p.TgZ(1,"div",1),p._UZ(2,"app-recipe-list"),p.qZA(),p.TgZ(3,"div",2),p._UZ(4,"router-outlet"),p.qZA(),p.qZA())},directives:[_,o.lC],styles:[""]}),e}(),canActivate:[a.a],children:[{path:"",component:Z},{path:"new",component:d},{path:":id",component:g,resolve:[f]},{path:":id/edit",component:d,resolve:[f]}]}],x=function(){function e(){}return e.\u0275fac=function(t){return new(t||e)},e.\u0275mod=p.oAB({type:e}),e.\u0275inj=p.cJS({imports:[[o.Bz.forChild(q)],o.Bz]}),e}(),y=function(){function e(){}return e.\u0275fac=function(t){return new(t||e)},e.\u0275mod=p.oAB({type:e}),e.\u0275inj=p.cJS({imports:[[o.Bz,i.ez,r.UX,r.u5,x]]}),e}()}}]);