diff --git a/.angular-cli.json b/.angular-cli.json
index ebd0e2b..5588e40 100644
--- a/.angular-cli.json
+++ b/.angular-cli.json
@@ -28,6 +28,30 @@
         "dev": "environments/environment.ts",
         "prod": "environments/environment.prod.ts"
       }
+    },
+    {
+      "name": "universal",
+      "platform": "server",
+      "root": "src",
+      "outDir": "dist-server",
+      "assets": [
+        "assets",
+        "favicon.ico"
+      ],
+      "index": "index.html",
+      "main": "main.server.ts",
+      "tsconfig": "tsconfig.server.json",
+      "prefix": "app",
+      "styles": [
+        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
+        "styles.css"
+      ],
+      "scripts": [],
+      "environmentSource": "environments/environment.ts",
+      "environments": {
+        "dev": "environments/environment.ts",
+        "prod": "environments/environment.prod.ts"
+      }
     }
   ],
   "e2e": {
diff --git a/dist-server/favicon.ico b/dist-server/favicon.ico
new file mode 100644
index 0000000..8081c7c
Binary files /dev/null and b/dist-server/favicon.ico differ
diff --git a/dist-server/main.bundle.js b/dist-server/main.bundle.js
new file mode 100644
index 0000000..43a8e5e
--- /dev/null
+++ b/dist-server/main.bundle.js
@@ -0,0 +1 @@
+!function(n,l){for(var e in l)n[e]=l[e]}(exports,function(n){function l(t){if(e[t])return e[t].exports;var u=e[t]={i:t,l:!1,exports:{}};return n[t].call(u.exports,u,u.exports,l),u.l=!0,u.exports}var e={};return l.m=n,l.c=e,l.d=function(n,e,t){l.o(n,e)||Object.defineProperty(n,e,{configurable:!1,enumerable:!0,get:t})},l.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return l.d(e,"a",e),e},l.o=function(n,l){return Object.prototype.hasOwnProperty.call(n,l)},l.p="",l(l.s=0)}({"+TiV":function(n,l,e){"use strict";function t(n){return i.\u0275vid(0,[(n()(),i.\u0275eld(0,0,null,null,20,"a",[["class","list-group-item clearfix"],["routerLinkActive","active"],["style","cursor: pointer;"]],[[1,"target",0],[8,"href",4]],[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==i.\u0275nov(n,1).onClick(e.button,e.ctrlKey,e.metaKey,e.shiftKey)&&t),t},null,null)),i.\u0275did(1,671744,[[2,4]],0,r.RouterLinkWithHref,[r.Router,r.ActivatedRoute,d.LocationStrategy],{routerLink:[0,"routerLink"]},null),i.\u0275pad(2,1),i.\u0275did(3,1720320,null,2,r.RouterLinkActive,[r.Router,i.ElementRef,i.Renderer2,i.ChangeDetectorRef],{routerLinkActive:[0,"routerLinkActive"]},null),i.\u0275qud(603979776,1,{links:1}),i.\u0275qud(603979776,2,{linksWithHrefs:1}),(n()(),i.\u0275ted(-1,null,["\n    "])),(n()(),i.\u0275eld(7,0,null,null,7,"div",[["class","pull-left"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["\n        "])),(n()(),i.\u0275eld(9,0,null,null,1,"h4",[["class","list-group-item-heading"]],null,null,null,null,null)),(n()(),i.\u0275ted(10,null,["",""])),(n()(),i.\u0275ted(-1,null,["\n        "])),(n()(),i.\u0275eld(12,0,null,null,1,"p",[["class","list-group-item-text"]],null,null,null,null,null)),(n()(),i.\u0275ted(13,null,["",""])),(n()(),i.\u0275ted(-1,null,["\n    "])),(n()(),i.\u0275ted(-1,null,["\n    "])),(n()(),i.\u0275eld(16,0,null,null,3,"span",[["class","pull-right"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["\n        "])),(n()(),i.\u0275eld(18,0,null,null,0,"img",[["class","img-responsive"],["style","max-height: 50px;"]],[[8,"src",4],[8,"alt",0]],null,null,null,null)),(n()(),i.\u0275ted(-1,null,["\n    "])),(n()(),i.\u0275ted(-1,null,["\n"]))],function(n,l){n(l,1,0,n(l,2,0,l.component.index)),n(l,3,0,"active")},function(n,l){var e=l.component;n(l,0,0,i.\u0275nov(l,1).target,i.\u0275nov(l,1).href),n(l,10,0,e.recipe.name),n(l,13,0,e.recipe.description),n(l,18,0,e.recipe.imagePath,i.\u0275inlineInterpolate(1,"",e.recipe.name,""))})}function u(n){return i.\u0275vid(0,[(n()(),i.\u0275eld(0,0,null,null,1,"app-recipe-item",[],null,null,null,t,a)),i.\u0275did(1,114688,null,0,s.RecipeItemComponent,[],null,null)],function(n,l){n(l,1,0)},null)}var o=e("fcOI"),i=e("OQ0P"),r=e("A7Ap"),d=e("yv0u"),s=e("RTBL"),a=i.\u0275crt({encapsulation:0,styles:[o.styles],data:{}});l.RenderType_RecipeItemComponent=a,l.View_RecipeItemComponent_0=t,l.View_RecipeItemComponent_Host_0=u,l.RecipeItemComponentNgFactory=i.\u0275ccf("app-recipe-item",s.RecipeItemComponent,u,{recipe:"recipe",index:"index"},{},[])},0:function(n,l,e){n.exports=e("Zq8w")},"02xY":function(n,l){n.exports=require("@angular/forms")},"0uTX":function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),e("AZ97");var t=e("byqd");l.ShoppingListComponent=function(){function n(n){this.store=n}return n.prototype.ngOnInit=function(){this.shoppingListState=this.store.select("shoppingList")},n.prototype.onEditItem=function(n){this.store.dispatch(new t.StartEdit(n))},n}()},"19KG":function(n,l,e){"use strict";function t(n){return r.\u0275vid(0,[(n()(),r.\u0275eld(0,0,null,null,1,"a",[["class","list-group-item"],["style","cursor: pointer;"]],null,[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==n.component.onEditItem(n.context.index)&&t),t},null,null)),(n()(),r.\u0275ted(1,null,["\n        "," (",")\n      "]))],null,function(n,l){n(l,1,0,l.context.$implicit.name,l.context.$implicit.amount)})}function u(n){return r.\u0275vid(0,[(n()(),r.\u0275eld(0,0,null,null,16,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275eld(2,0,null,null,13,"div",[["class","col-xs-10"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n    "])),(n()(),r.\u0275eld(4,0,null,null,1,"app-shopping-edit",[],null,null,null,d.View_ShoppingEditComponent_0,d.RenderType_ShoppingEditComponent)),r.\u0275did(5,245760,null,0,s.ShoppingEditComponent,[a.Store],null,null),(n()(),r.\u0275ted(-1,null,["\n    "])),(n()(),r.\u0275eld(7,0,null,null,0,"hr",[],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n    "])),(n()(),r.\u0275eld(9,0,null,null,5,"ul",[["class","list-group"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275and(16777216,null,null,2,null,t)),r.\u0275did(12,802816,null,0,c.NgForOf,[r.ViewContainerRef,r.TemplateRef,r.IterableDiffers],{ngForOf:[0,"ngForOf"]},null),r.\u0275pid(131072,c.AsyncPipe,[r.ChangeDetectorRef]),(n()(),r.\u0275ted(-1,null,["\n    "])),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275ted(-1,null,["\n"]))],function(n,l){var e=l.component;n(l,5,0),n(l,12,0,r.\u0275unv(l,12,0,r.\u0275nov(l,13).transform(e.shoppingListState)).ingredients)},null)}function o(n){return r.\u0275vid(0,[(n()(),r.\u0275eld(0,0,null,null,1,"app-shopping-list",[],null,null,null,u,m)),r.\u0275did(1,114688,null,0,p.ShoppingListComponent,[a.Store],null,null)],function(n,l){n(l,1,0)},null)}var i=e("Up2r"),r=e("OQ0P"),d=e("nUum"),s=e("G5OU"),a=e("AZ97"),c=e("yv0u"),p=e("0uTX"),m=r.\u0275crt({encapsulation:0,styles:[i.styles],data:{}});l.RenderType_ShoppingListComponent=m,l.View_ShoppingListComponent_0=u,l.View_ShoppingListComponent_Host_0=o,l.ShoppingListComponentNgFactory=r.\u0275ccf("app-shopping-list",p.ShoppingListComponent,o,{},{},[])},"5QUg":function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.ShoppingListModule=function(){}},"6M6Y":function(n,l){n.exports=require("rxjs/add/operator/do")},"8IlT":function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.RecipesModule=function(){}},"8e9l":function(n,l){n.exports=require("tslib")},"8wGh":function(n,l){n.exports=require("@angular/animations/browser")},"9Q1K":function(n,l,e){"use strict";function t(n){return i.\u0275vid(0,[(n()(),i.\u0275eld(0,0,null,null,1,"h2",[],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["Welcome to the Recipe Book"]))],null,null)}function u(n){return i.\u0275vid(0,[(n()(),i.\u0275eld(0,0,null,null,1,"app-home",[],null,null,null,t,d)),i.\u0275did(1,114688,null,0,r.HomeComponent,[],null,null)],function(n,l){n(l,1,0)},null)}var o=e("o67W"),i=e("OQ0P"),r=e("m7Co"),d=i.\u0275crt({encapsulation:0,styles:[o.styles],data:{}});l.RenderType_HomeComponent=d,l.View_HomeComponent_0=t,l.View_HomeComponent_Host_0=u,l.HomeComponentNgFactory=i.\u0275ccf("app-home",r.HomeComponent,u,{},{},[])},A7Ap:function(n,l){n.exports=require("@angular/router")},ASwt:function(n,l){n.exports=require("@angular/platform-server")},AYCW:function(n,l,e){"use strict";var t=e("8e9l").__decorate,u=e("8e9l").__metadata;Object.defineProperty(l,"__esModule",{value:!0});var o=e("GflJ");e("QQqw"),e("EJZF"),e("YQf1"),e("Ir0Z"),e("AZ97");var i=e("zAtt");l.RecipeEffects=function(){function n(n,l,e){var t=this;this.actions$=n,this.httpClient=l,this.store=e,this.baseUrl="https://my-recipe-book-cb837.firebaseio.com/",this.recipeFetch=this.actions$.ofType(i.FETCH_RECIPES).switchMap(function(n){return t.httpClient.get(t.baseUrl+"recipes.json")}).map(function(n){return{type:i.SET_RECIPES,payload:n}}),this.recipeStore=this.actions$.ofType(i.STORE_RECIPES).withLatestFrom(this.store.select("recipes")).switchMap(function(n){return t.httpClient.put(t.baseUrl+"recipes.json",n[1].recipes)})}return t([o.Effect(),u("design:type",Object)],n.prototype,"recipeFetch",void 0),t([o.Effect({dispatch:!1}),u("design:type",Object)],n.prototype,"recipeStore",void 0),n}()},AZ97:function(n,l){n.exports=require("@ngrx/store")},DI2O:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.RecipesComponent=function(){function n(){}return n.prototype.ngOnInit=function(){},n}()},EJZF:function(n,l){n.exports=require("rxjs/add/operator/switchMap")},G5OU:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),e("02xY"),e("AZ97");var t=e("mxkr"),u=e("byqd");l.ShoppingEditComponent=function(){function n(n){this.store=n,this.editMode=!1}return n.prototype.ngOnInit=function(){var n=this;this.subscription=this.store.select("shoppingList").subscribe(function(l){l.editedIngredientIndex>-1?(n.editedItem=l.editedIngredient,n.editMode=!0,n.shoppingListForm.setValue({name:n.editedItem.name,amount:n.editedItem.amount})):n.editMode=!1})},n.prototype.onSubmit=function(n){var l=n.value,e=new t.Ingredient(l.name,l.amount);this.store.dispatch(this.editMode?new u.UpdateIngredient(e):new u.AddIngredient(e)),this.editMode=!1,n.reset()},n.prototype.onClear=function(){this.shoppingListForm.reset(),this.editMode=!1},n.prototype.onDelete=function(){this.store.dispatch(new u.DeleteIngredient),this.onClear()},n.prototype.ngOnDestroy=function(){this.store.dispatch(new u.StopEdit),this.subscription.unsubscribe()},n}()},GJF7:function(n,l,e){"use strict";l.styles=[""]},GflJ:function(n,l){n.exports=require("@ngrx/effects")},GrDH:function(n,l,e){"use strict";var t=e("OQ0P"),u=e("8IlT"),o=e("Xt3F"),i=e("ktxa"),r=e("Oq3J"),d=e("i/IN"),s=e("yv0u"),a=e("02xY"),c=e("q6lm"),p=e("AZ97"),m=e("A7Ap"),g=e("OKzv"),f=e("T2Au"),v=e("xzcb"),C=e("AYCW"),R=e("GflJ"),h=e("Ir0Z"),S=e("DI2O"),E=e("WXLR"),_=e("ZA/m"),y=e("WsQm");l.RecipesModuleNgFactory=t.\u0275cmf(u.RecipesModule,[],function(n){return t.\u0275mod([t.\u0275mpd(512,t.ComponentFactoryResolver,t.\u0275CodegenComponentFactoryResolver,[[8,[o.RecipesComponentNgFactory,i.RecipeStartComponentNgFactory,r.RecipeEditComponentNgFactory,d.RecipeDetailComponentNgFactory]],[3,t.ComponentFactoryResolver],t.NgModuleRef]),t.\u0275mpd(4608,s.NgLocalization,s.NgLocaleLocalization,[t.LOCALE_ID,[2,s.\u0275a]]),t.\u0275mpd(4608,a.FormBuilder,a.FormBuilder,[]),t.\u0275mpd(4608,a.\u0275i,a.\u0275i,[]),t.\u0275mpd(4608,c.AuthGuard,c.AuthGuard,[p.Store]),t.\u0275mpd(512,s.CommonModule,s.CommonModule,[]),t.\u0275mpd(512,a.\u0275ba,a.\u0275ba,[]),t.\u0275mpd(512,a.ReactiveFormsModule,a.ReactiveFormsModule,[]),t.\u0275mpd(512,m.RouterModule,m.RouterModule,[[2,m.\u0275a],[2,m.Router]]),t.\u0275mpd(512,g.RecipesRoutingModule,g.RecipesRoutingModule,[]),t.\u0275mpd(512,f.SharedModule,f.SharedModule,[]),t.\u0275mpd(1024,p.STORE_FEATURES,function(){return[{key:"recipes",reducerFactory:p.combineReducers,metaReducers:[],initialState:void 0}]},[]),t.\u0275mpd(1024,p._FEATURE_REDUCERS,function(){return[v.recipeReducer]},[]),t.\u0275mpd(1024,p._FEATURE_REDUCERS_TOKEN,function(n){return[n]},[p._FEATURE_REDUCERS]),t.\u0275mpd(1024,p.FEATURE_REDUCERS,function(n,l,e){return[p._createFeatureReducers(n,l,e)]},[t.Injector,p._FEATURE_REDUCERS,p._FEATURE_REDUCERS_TOKEN]),t.\u0275mpd(131584,p.StoreFeatureModule,p.StoreFeatureModule,[p.STORE_FEATURES,p.FEATURE_REDUCERS,p.ReducerManager]),t.\u0275mpd(512,C.RecipeEffects,C.RecipeEffects,[R.Actions,h.HttpClient,p.Store]),t.\u0275mpd(1024,R.\u0275f,function(n){return[R.\u0275a(n)]},[C.RecipeEffects]),t.\u0275mpd(512,R.\u0275d,R.\u0275d,[R.\u0275c,R.\u0275f,[2,p.StoreModule]]),t.\u0275mpd(512,u.RecipesModule,u.RecipesModule,[]),t.\u0275mpd(1024,m.ROUTES,function(){return[[{path:"",component:S.RecipesComponent,children:[{path:"",component:E.RecipeStartComponent},{path:"new",component:_.RecipeEditComponent,canActivate:[c.AuthGuard]},{path:":id",component:y.RecipeDetailComponent},{path:":id/edit",component:_.RecipeEditComponent,canActivate:[c.AuthGuard]}]}]]},[])])})},"H6/C":function(n,l,e){"use strict";var t=this&&this.__assign||Object.assign||function(n){for(var l,e=1,t=arguments.length;e<t;e++){l=arguments[e];for(var u in l)Object.prototype.hasOwnProperty.call(l,u)&&(n[u]=l[u])}return n};Object.defineProperty(l,"__esModule",{value:!0});var u=e("byqd"),o={ingredients:[new(e("mxkr").Ingredient)("Banana",10)],editedIngredient:null,editedIngredientIndex:-1};l.shoppingListReducer=function(n,l){switch(void 0===n&&(n=o),l.type){case u.ADD_INGREDIENT:return t({},n,{ingredients:n.ingredients.concat([l.payload])});case u.ADD_INGREDIENTS:return t({},n,{ingredients:n.ingredients.concat(l.payload)});case u.UPDATE_INGREDIENT:var e=t({},n.ingredients[n.editedIngredientIndex],l.payload),i=n.ingredients.slice();return i[n.editedIngredientIndex]=e,t({},n,{ingredients:i,editedIngredient:null,editedIngredientIndex:-1});case u.DELETE_INGREDIENT:var r=n.ingredients.slice();return r.splice(n.editedIngredientIndex,1),t({},n,{ingredients:r,editedIngredient:null,editedIngredientIndex:-1});case u.START_EDIT:var d=t({},n.ingredients[l.payload]);return t({},n,{editedIngredient:d,editedIngredientIndex:l.payload});case u.STOP_EDIT:return t({},n,{editedIngredient:null,editedIngredientIndex:-1});default:return n}}},"Hq/i":function(n,l){n.exports=require("@angular/platform-browser/animations")},IMgQ:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),e("A7Ap"),e("AZ97"),l.RecipeListComponent=function(){function n(n,l,e){this.router=n,this.route=l,this.store=e}return n.prototype.ngOnInit=function(){this.recipeState=this.store.select("recipes")},n.prototype.onNewRecipe=function(){this.router.navigate(["new"],{relativeTo:this.route})},n}()},IZtO:function(n,l,e){"use strict";l.styles=[""]},Ir0Z:function(n,l){n.exports=require("@angular/common/http")},JwoV:function(n,l,e){"use strict";var t=e("OQ0P"),u=e("bNRb"),o=e("wQAS"),i=e("9Q1K"),r=e("19KG"),d=e("q/yB"),s=e("bX8Z"),a=e("gou4"),c=e("yv0u"),p=e("wp5R"),m=e("ASwt"),g=e("8wGh"),f=e("Hq/i"),v=e("Ir0Z"),C=e("hxPI"),R=e("Vb3G"),h=e("AZ97"),S=e("A7Ap"),E=e("02xY"),_=e("f9NF"),y=e("l0JX"),A=e("m7Co"),I=e("0uTX"),N=e("VuF5"),T=e("vCLD"),O=e("vnfH"),b=e("T2Au"),D=e("5QUg"),M=e("r9NQ"),P=e("Wnjt"),F=e("LpzL"),L=e("H6/C"),w=e("baRA"),U=e("GflJ"),x=e("dqGK"),V=e("UT/q"),k=e("aR8+");l.AppServerModuleNgFactory=t.\u0275cmf(u.AppServerModule,[o.AppComponent],function(n){return t.\u0275mod([t.\u0275mpd(512,t.ComponentFactoryResolver,t.\u0275CodegenComponentFactoryResolver,[[8,[i.HomeComponentNgFactory,r.ShoppingListComponentNgFactory,d.SignupComponentNgFactory,s.SigninComponentNgFactory,a.AppComponentNgFactory]],[3,t.ComponentFactoryResolver],t.NgModuleRef]),t.\u0275mpd(5120,t.LOCALE_ID,t.\u0275m,[[3,t.LOCALE_ID]]),t.\u0275mpd(4608,c.NgLocalization,c.NgLocaleLocalization,[t.LOCALE_ID,[2,c.\u0275a]]),t.\u0275mpd(5120,t.IterableDiffers,t.\u0275k,[]),t.\u0275mpd(5120,t.KeyValueDiffers,t.\u0275l,[]),t.\u0275mpd(4608,p.DomSanitizer,p.\u0275e,[c.DOCUMENT]),t.\u0275mpd(6144,t.Sanitizer,null,[p.DomSanitizer]),t.\u0275mpd(4608,p.HAMMER_GESTURE_CONFIG,p.HammerGestureConfig,[]),t.\u0275mpd(5120,p.EVENT_MANAGER_PLUGINS,function(n,l,e,t,u){return[new p.\u0275DomEventsPlugin(n,l),new p.\u0275KeyEventsPlugin(e),new p.\u0275HammerGesturesPlugin(t,u)]},[c.DOCUMENT,t.NgZone,c.DOCUMENT,c.DOCUMENT,p.HAMMER_GESTURE_CONFIG]),t.\u0275mpd(4608,p.EventManager,p.EventManager,[p.EVENT_MANAGER_PLUGINS,t.NgZone]),t.\u0275mpd(135680,p.\u0275DomSharedStylesHost,p.\u0275DomSharedStylesHost,[c.DOCUMENT]),t.\u0275mpd(4608,p.\u0275DomRendererFactory2,p.\u0275DomRendererFactory2,[p.EventManager,p.\u0275DomSharedStylesHost]),t.\u0275mpd(4608,m.\u0275c,m.\u0275c,[p.DOCUMENT,[2,p.\u0275TRANSITION_ID]]),t.\u0275mpd(6144,p.\u0275SharedStylesHost,null,[m.\u0275c]),t.\u0275mpd(4608,m.\u0275ServerRendererFactory2,m.\u0275ServerRendererFactory2,[t.NgZone,p.DOCUMENT,p.\u0275SharedStylesHost]),t.\u0275mpd(4608,g.AnimationDriver,g.\u0275NoopAnimationDriver,[]),t.\u0275mpd(5120,g.\u0275AnimationStyleNormalizer,f.\u0275d,[]),t.\u0275mpd(4608,g.\u0275AnimationEngine,f.\u0275b,[g.AnimationDriver,g.\u0275AnimationStyleNormalizer]),t.\u0275mpd(5120,t.RendererFactory2,m.\u0275a,[m.\u0275ServerRendererFactory2,g.\u0275AnimationEngine,t.NgZone]),t.\u0275mpd(4352,t.Testability,null,[]),t.\u0275mpd(4608,p.Meta,p.Meta,[c.DOCUMENT]),t.\u0275mpd(4608,p.Title,p.Title,[c.DOCUMENT]),t.\u0275mpd(4608,v.HttpXsrfTokenExtractor,v.\u0275g,[c.DOCUMENT,t.PLATFORM_ID,v.\u0275e]),t.\u0275mpd(4608,v.\u0275h,v.\u0275h,[v.HttpXsrfTokenExtractor,v.\u0275f]),t.\u0275mpd(5120,v.HTTP_INTERCEPTORS,function(n,l){return[n,new C.AuthInterceptor(l),new R.LoggingInterceptor]},[v.\u0275h,h.Store]),t.\u0275mpd(4608,v.XhrFactory,m.\u0275d,[]),t.\u0275mpd(4608,v.HttpXhrBackend,v.HttpXhrBackend,[v.XhrFactory]),t.\u0275mpd(6144,v.HttpBackend,null,[v.HttpXhrBackend]),t.\u0275mpd(5120,v.HttpHandler,m.\u0275g,[v.HttpBackend,[2,v.HTTP_INTERCEPTORS]]),t.\u0275mpd(4608,v.HttpClient,v.HttpClient,[v.HttpHandler]),t.\u0275mpd(4608,v.\u0275d,v.\u0275d,[]),t.\u0275mpd(5120,S.ActivatedRoute,S.\u0275f,[S.Router]),t.\u0275mpd(4608,S.PreloadAllModules,S.PreloadAllModules,[]),t.\u0275mpd(6144,S.PreloadingStrategy,null,[S.PreloadAllModules]),t.\u0275mpd(135680,S.RouterPreloader,S.RouterPreloader,[S.Router,t.NgModuleFactoryLoader,t.Compiler,t.Injector,S.PreloadingStrategy]),t.\u0275mpd(4608,S.NoPreloading,S.NoPreloading,[]),t.\u0275mpd(5120,S.ROUTER_INITIALIZER,S.\u0275i,[S.\u0275g]),t.\u0275mpd(5120,t.APP_BOOTSTRAP_LISTENER,function(n){return[n]},[S.ROUTER_INITIALIZER]),t.\u0275mpd(4608,E.\u0275i,E.\u0275i,[]),t.\u0275mpd(4608,_.BrowserXhr,m.\u0275d,[]),t.\u0275mpd(4608,_.ResponseOptions,_.BaseResponseOptions,[]),t.\u0275mpd(4608,_.XSRFStrategy,m.\u0275e,[]),t.\u0275mpd(4608,_.XHRBackend,_.XHRBackend,[_.BrowserXhr,_.ResponseOptions,_.XSRFStrategy]),t.\u0275mpd(4608,_.RequestOptions,_.BaseRequestOptions,[]),t.\u0275mpd(5120,_.Http,m.\u0275f,[_.XHRBackend,_.RequestOptions]),t.\u0275mpd(4608,y.AnimationBuilder,f.\u0275BrowserAnimationBuilder,[t.RendererFactory2,p.DOCUMENT]),t.\u0275mpd(512,c.CommonModule,c.CommonModule,[]),t.\u0275mpd(1024,t.ErrorHandler,p.\u0275a,[]),t.\u0275mpd(1024,t.NgProbeToken,function(){return[S.\u0275b()]},[]),t.\u0275mpd(512,S.\u0275g,S.\u0275g,[t.Injector]),t.\u0275mpd(256,t.APP_ID,"my-recipebook-app",[]),t.\u0275mpd(2048,p.\u0275TRANSITION_ID,null,[t.APP_ID]),t.\u0275mpd(1024,t.APP_INITIALIZER,function(n,l,e,t,u){return[p.\u0275h(n),S.\u0275h(l),p.\u0275f(e,t,u)]},[[2,t.NgProbeToken],S.\u0275g,p.\u0275TRANSITION_ID,c.DOCUMENT,t.Injector]),t.\u0275mpd(512,t.ApplicationInitStatus,t.ApplicationInitStatus,[[2,t.APP_INITIALIZER]]),t.\u0275mpd(131584,t.ApplicationRef,t.ApplicationRef,[t.NgZone,t.\u0275Console,t.Injector,t.ErrorHandler,t.ComponentFactoryResolver,t.ApplicationInitStatus]),t.\u0275mpd(512,t.ApplicationModule,t.ApplicationModule,[t.ApplicationRef]),t.\u0275mpd(512,p.BrowserModule,p.BrowserModule,[[3,p.BrowserModule]]),t.\u0275mpd(512,v.HttpClientXsrfModule,v.HttpClientXsrfModule,[]),t.\u0275mpd(512,v.HttpClientModule,v.HttpClientModule,[]),t.\u0275mpd(1024,S.\u0275a,S.\u0275d,[[3,S.Router]]),t.\u0275mpd(512,S.UrlSerializer,S.DefaultUrlSerializer,[]),t.\u0275mpd(512,S.ChildrenOutletContexts,S.ChildrenOutletContexts,[]),t.\u0275mpd(256,S.ROUTER_CONFIGURATION,{preloadingStrategy:S.PreloadAllModules},[]),t.\u0275mpd(1024,c.LocationStrategy,S.\u0275c,[c.PlatformLocation,[2,c.APP_BASE_HREF],S.ROUTER_CONFIGURATION]),t.\u0275mpd(512,c.Location,c.Location,[c.LocationStrategy]),t.\u0275mpd(512,t.Compiler,t.Compiler,[]),t.\u0275mpd(512,t.NgModuleFactoryLoader,t.SystemJsNgModuleLoader,[t.Compiler,[2,t.SystemJsNgModuleLoaderConfig]]),t.\u0275mpd(1024,S.ROUTES,function(){return[[{path:"",component:A.HomeComponent},{path:"recipes",loadChildren:"./recipes/recipes.module#RecipesModule"},{path:"shopping-list",component:I.ShoppingListComponent}],[{path:"signup",component:N.SignupComponent},{path:"signin",component:T.SigninComponent}]]},[]),t.\u0275mpd(1024,S.Router,S.\u0275e,[t.ApplicationRef,S.UrlSerializer,S.ChildrenOutletContexts,c.Location,t.Injector,t.NgModuleFactoryLoader,t.Compiler,S.ROUTES,S.ROUTER_CONFIGURATION,[2,S.UrlHandlingStrategy],[2,S.RouteReuseStrategy]]),t.\u0275mpd(512,S.RouterModule,S.RouterModule,[[2,S.\u0275a],[2,S.Router]]),t.\u0275mpd(512,O.AppRoutingModule,O.AppRoutingModule,[]),t.\u0275mpd(512,b.SharedModule,b.SharedModule,[]),t.\u0275mpd(512,E.\u0275ba,E.\u0275ba,[]),t.\u0275mpd(512,E.FormsModule,E.FormsModule,[]),t.\u0275mpd(512,D.ShoppingListModule,D.ShoppingListModule,[]),t.\u0275mpd(512,M.AuthRoutingModule,M.AuthRoutingModule,[]),t.\u0275mpd(512,P.AuthModule,P.AuthModule,[]),t.\u0275mpd(512,F.CoreModule,F.CoreModule,[]),t.\u0275mpd(131584,h.ActionsSubject,h.ActionsSubject,[]),t.\u0275mpd(2048,h.ReducerManagerDispatcher,null,[h.ActionsSubject]),t.\u0275mpd(256,h._INITIAL_STATE,void 0,[]),t.\u0275mpd(1024,h.INITIAL_STATE,h._initialStateFactory,[h._INITIAL_STATE]),t.\u0275mpd(256,h._INITIAL_REDUCERS,{shoppingList:L.shoppingListReducer,auth:w.authReducers},[]),t.\u0275mpd(2048,h._STORE_REDUCERS,null,[h._INITIAL_REDUCERS]),t.\u0275mpd(1024,h.INITIAL_REDUCERS,h._createStoreReducers,[t.Injector,h._INITIAL_REDUCERS,h._STORE_REDUCERS]),t.\u0275mpd(256,h._REDUCER_FACTORY,h.combineReducers,[]),t.\u0275mpd(256,h.META_REDUCERS,[],[]),t.\u0275mpd(1024,h.REDUCER_FACTORY,h.createReducerFactory,[h._REDUCER_FACTORY,h.META_REDUCERS]),t.\u0275mpd(131584,h.ReducerManager,h.ReducerManager,[h.ReducerManagerDispatcher,h.INITIAL_STATE,h.INITIAL_REDUCERS,h.REDUCER_FACTORY]),t.\u0275mpd(2048,h.ReducerObservable,null,[h.ReducerManager]),t.\u0275mpd(131584,h.ScannedActionsSubject,h.ScannedActionsSubject,[]),t.\u0275mpd(512,h.StoreRootModule,h.StoreRootModule,[h.ActionsSubject,h.ReducerObservable,h.ScannedActionsSubject]),t.\u0275mpd(1024,U.\u0275g,U.\u0275b,[]),t.\u0275mpd(512,U.\u0275h,U.\u0275h,[U.\u0275g]),t.\u0275mpd(512,U.EffectSources,U.EffectSources,[U.\u0275h]),t.\u0275mpd(131584,h.State,h.State,[h.ActionsSubject,h.ReducerObservable,h.ScannedActionsSubject,h.INITIAL_STATE]),t.\u0275mpd(2048,h.StateObservable,null,[h.State]),t.\u0275mpd(512,h.Store,h.Store,[h.StateObservable,h.ActionsSubject,h.ReducerManager]),t.\u0275mpd(131584,U.\u0275i,U.\u0275i,[U.EffectSources,h.Store]),t.\u0275mpd(512,U.Actions,U.Actions,[h.ScannedActionsSubject]),t.\u0275mpd(512,x.AuthEffects,x.AuthEffects,[S.Router,U.Actions]),t.\u0275mpd(1024,U.\u0275e,U.\u0275a,[x.AuthEffects]),t.\u0275mpd(512,U.\u0275c,U.\u0275c,[U.EffectSources,U.\u0275i,h.Store,U.\u0275e,[2,h.StoreModule]]),t.\u0275mpd(512,V.RouterStateSerializer,V.DefaultRouterStateSerializer,[]),t.\u0275mpd(256,V.\u0275a,{stateKey:V.DEFAULT_ROUTER_FEATURENAME},[]),t.\u0275mpd(1024,V.ROUTER_CONFIG,V.\u0275b,[V.\u0275a]),t.\u0275mpd(512,V.StoreRouterConnectingModule,V.StoreRouterConnectingModule,[h.Store,S.Router,V.RouterStateSerializer,V.ROUTER_CONFIG]),t.\u0275mpd(512,k.AppModule,k.AppModule,[]),t.\u0275mpd(512,_.HttpModule,_.HttpModule,[]),t.\u0275mpd(512,f.NoopAnimationsModule,f.NoopAnimationsModule,[]),t.\u0275mpd(512,m.ServerModule,m.ServerModule,[]),t.\u0275mpd(512,u.AppServerModule,u.AppServerModule,[]),t.\u0275mpd(256,v.\u0275e,"XSRF-TOKEN",[]),t.\u0275mpd(256,v.\u0275f,"X-XSRF-TOKEN",[])])})},L1kr:function(n,l,e){"use strict";l.styles=[""]},LpzL:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.CoreModule=function(){}},MiJg:function(n,l,e){"use strict";l.styles=[""]},N0Eq:function(n,l,e){"use strict";function t(n){return d.\u0275vid(0,[(n()(),d.\u0275ted(-1,null,["\n                    "])),(n()(),d.\u0275eld(1,0,null,null,3,"li",[],null,null,null,null,null)),(n()(),d.\u0275eld(2,0,null,null,2,"a",[["routerLink","/signup"]],[[1,"target",0],[8,"href",4]],[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==d.\u0275nov(n,3).onClick(e.button,e.ctrlKey,e.metaKey,e.shiftKey)&&t),t},null,null)),d.\u0275did(3,671744,null,0,s.RouterLinkWithHref,[s.Router,s.ActivatedRoute,a.LocationStrategy],{routerLink:[0,"routerLink"]},null),(n()(),d.\u0275ted(-1,null,["Register"])),(n()(),d.\u0275ted(-1,null,["\n                    "])),(n()(),d.\u0275eld(6,0,null,null,3,"li",[],null,null,null,null,null)),(n()(),d.\u0275eld(7,0,null,null,2,"a",[["routerLink","/signin"]],[[1,"target",0],[8,"href",4]],[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==d.\u0275nov(n,8).onClick(e.button,e.ctrlKey,e.metaKey,e.shiftKey)&&t),t},null,null)),d.\u0275did(8,671744,null,0,s.RouterLinkWithHref,[s.Router,s.ActivatedRoute,a.LocationStrategy],{routerLink:[0,"routerLink"]},null),(n()(),d.\u0275ted(-1,null,["Login"])),(n()(),d.\u0275ted(-1,null,["\n                "]))],function(n,l){n(l,3,0,"/signup"),n(l,8,0,"/signin")},function(n,l){n(l,2,0,d.\u0275nov(l,3).target,d.\u0275nov(l,3).href),n(l,7,0,d.\u0275nov(l,8).target,d.\u0275nov(l,8).href)})}function u(n){return d.\u0275vid(0,[(n()(),d.\u0275eld(0,0,null,null,1,"a",[["style","cursor: pointer;"]],null,[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==n.component.onLogout()&&t),t},null,null)),(n()(),d.\u0275ted(-1,null,["Logout"]))],null,null)}function o(n){return d.\u0275vid(0,[(n()(),d.\u0275eld(0,0,null,null,17,"li",[["appDropdown",""],["class","dropdown"]],[[2,"open",null]],[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==d.\u0275nov(n,1).toggleOpen()&&t),t},null,null)),d.\u0275did(1,16384,null,0,c.DropdownDirective,[],null,null),(n()(),d.\u0275ted(-1,null,["\n                    "])),(n()(),d.\u0275eld(3,0,null,null,2,"a",[["class","dropdown-toggle"],["role","button"],["style","cursor: pointer;"]],null,null,null,null,null)),(n()(),d.\u0275ted(-1,null,["Manage "])),(n()(),d.\u0275eld(5,0,null,null,0,"span",[["class","caret"]],null,null,null,null,null)),(n()(),d.\u0275ted(-1,null,["\n                    "])),(n()(),d.\u0275eld(7,0,null,null,9,"ul",[["class","dropdown-menu"]],null,null,null,null,null)),(n()(),d.\u0275ted(-1,null,["\n                        "])),(n()(),d.\u0275eld(9,0,null,null,2,"li",[],null,null,null,null,null)),(n()(),d.\u0275eld(10,0,null,null,1,"a",[["style","cursor: pointer;"]],null,[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==n.component.onSaveData()&&t),t},null,null)),(n()(),d.\u0275ted(-1,null,["Save"])),(n()(),d.\u0275ted(-1,null,["\n                        "])),(n()(),d.\u0275eld(13,0,null,null,2,"li",[],null,null,null,null,null)),(n()(),d.\u0275eld(14,0,null,null,1,"a",[["style","cursor: pointer;"]],null,[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==n.component.onFetchData()&&t),t},null,null)),(n()(),d.\u0275ted(-1,null,["Fetch"])),(n()(),d.\u0275ted(-1,null,["\n                    "])),(n()(),d.\u0275ted(-1,null,["\n                "]))],null,function(n,l){n(l,0,0,d.\u0275nov(l,1).isOpen)})}function i(n){return d.\u0275vid(0,[(n()(),d.\u0275eld(0,0,null,null,49,"nav",[["class","navbar navbar-default"]],null,null,null,null,null)),(n()(),d.\u0275ted(-1,null,["\n    "])),(n()(),d.\u0275eld(2,0,null,null,46,"div",[["class","container-fluid"]],null,null,null,null,null)),(n()(),d.\u0275ted(-1,null,["\n        "])),(n()(),d.\u0275eld(4,0,null,null,5,"div",[["class","navbar-header"]],null,null,null,null,null)),(n()(),d.\u0275ted(-1,null,["\n            "])),(n()(),d.\u0275eld(6,0,null,null,2,"a",[["class","navbar-brand"],["routerLink","/"]],[[1,"target",0],[8,"href",4]],[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==d.\u0275nov(n,7).onClick(e.button,e.ctrlKey,e.metaKey,e.shiftKey)&&t),t},null,null)),d.\u0275did(7,671744,null,0,s.RouterLinkWithHref,[s.Router,s.ActivatedRoute,a.LocationStrategy],{routerLink:[0,"routerLink"]},null),(n()(),d.\u0275ted(-1,null,["Recipe Book"])),(n()(),d.\u0275ted(-1,null,["\n        "])),(n()(),d.\u0275ted(-1,null,["\n\n        "])),(n()(),d.\u0275eld(11,0,null,null,36,"div",[["class","navbar-default"]],null,null,null,null,null)),(n()(),d.\u0275ted(-1,null,["\n            "])),(n()(),d.\u0275eld(13,0,null,null,17,"ul",[["class","nav navbar-nav"]],null,null,null,null,null)),(n()(),d.\u0275ted(-1,null,["\n                "])),(n()(),d.\u0275eld(15,0,null,null,6,"li",[["routerLinkActive","active"]],null,null,null,null,null)),d.\u0275did(16,1720320,null,2,s.RouterLinkActive,[s.Router,d.ElementRef,d.Renderer2,d.ChangeDetectorRef],{routerLinkActive:[0,"routerLinkActive"]},null),d.\u0275qud(603979776,1,{links:1}),d.\u0275qud(603979776,2,{linksWithHrefs:1}),(n()(),d.\u0275eld(19,0,null,null,2,"a",[["routerLink","/recipes"]],[[1,"target",0],[8,"href",4]],[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==d.\u0275nov(n,20).onClick(e.button,e.ctrlKey,e.metaKey,e.shiftKey)&&t),t},null,null)),d.\u0275did(20,671744,[[2,4]],0,s.RouterLinkWithHref,[s.Router,s.ActivatedRoute,a.LocationStrategy],{routerLink:[0,"routerLink"]},null),(n()(),d.\u0275ted(-1,null,["Recipes"])),(n()(),d.\u0275ted(-1,null,["\n                "])),(n()(),d.\u0275eld(23,0,null,null,6,"li",[["routerLinkActive","active"]],null,null,null,null,null)),d.\u0275did(24,1720320,null,2,s.RouterLinkActive,[s.Router,d.ElementRef,d.Renderer2,d.ChangeDetectorRef],{routerLinkActive:[0,"routerLinkActive"]},null),d.\u0275qud(603979776,3,{links:1}),d.\u0275qud(603979776,4,{linksWithHrefs:1}),(n()(),d.\u0275eld(27,0,null,null,2,"a",[["routerLink","/shopping-list"]],[[1,"target",0],[8,"href",4]],[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==d.\u0275nov(n,28).onClick(e.button,e.ctrlKey,e.metaKey,e.shiftKey)&&t),t},null,null)),d.\u0275did(28,671744,[[4,4]],0,s.RouterLinkWithHref,[s.Router,s.ActivatedRoute,a.LocationStrategy],{routerLink:[0,"routerLink"]},null),(n()(),d.\u0275ted(-1,null,["Shopping List"])),(n()(),d.\u0275ted(-1,null,["\n            "])),(n()(),d.\u0275ted(-1,null,["\n            "])),(n()(),d.\u0275eld(32,0,null,null,14,"ul",[["class","nav navbar-nav navbar-right"]],null,null,null,null,null)),(n()(),d.\u0275ted(-1,null,["\n                "])),(n()(),d.\u0275and(16777216,null,null,2,null,t)),d.\u0275did(35,16384,null,0,a.NgIf,[d.ViewContainerRef,d.TemplateRef],{ngIf:[0,"ngIf"]},null),d.\u0275pid(131072,a.AsyncPipe,[d.ChangeDetectorRef]),(n()(),d.\u0275ted(-1,null,["\n                "])),(n()(),d.\u0275eld(38,0,null,null,3,"li",[],null,null,null,null,null)),(n()(),d.\u0275and(16777216,null,null,2,null,u)),d.\u0275did(40,16384,null,0,a.NgIf,[d.ViewContainerRef,d.TemplateRef],{ngIf:[0,"ngIf"]},null),d.\u0275pid(131072,a.AsyncPipe,[d.ChangeDetectorRef]),(n()(),d.\u0275ted(-1,null,["\n                "])),(n()(),d.\u0275and(16777216,null,null,2,null,o)),d.\u0275did(44,16384,null,0,a.NgIf,[d.ViewContainerRef,d.TemplateRef],{ngIf:[0,"ngIf"]},null),d.\u0275pid(131072,a.AsyncPipe,[d.ChangeDetectorRef]),(n()(),d.\u0275ted(-1,null,["\n            "])),(n()(),d.\u0275ted(-1,null,["\n        "])),(n()(),d.\u0275ted(-1,null,["\n    "])),(n()(),d.\u0275ted(-1,null,["\n"]))],function(n,l){var e=l.component;n(l,7,0,"/"),n(l,16,0,"active"),n(l,20,0,"/recipes"),n(l,24,0,"active"),n(l,28,0,"/shopping-list"),n(l,35,0,!d.\u0275unv(l,35,0,d.\u0275nov(l,36).transform(e.authState)).authenticated),n(l,40,0,d.\u0275unv(l,40,0,d.\u0275nov(l,41).transform(e.authState)).authenticated),n(l,44,0,d.\u0275unv(l,44,0,d.\u0275nov(l,45).transform(e.authState)).authenticated)},function(n,l){n(l,6,0,d.\u0275nov(l,7).target,d.\u0275nov(l,7).href),n(l,19,0,d.\u0275nov(l,20).target,d.\u0275nov(l,20).href),n(l,27,0,d.\u0275nov(l,28).target,d.\u0275nov(l,28).href)})}function r(n){return d.\u0275vid(0,[(n()(),d.\u0275eld(0,0,null,null,1,"app-header",[],null,null,null,i,g)),d.\u0275did(1,114688,null,0,p.HeaderComponent,[m.Store],null,null)],function(n,l){n(l,1,0)},null)}var d=e("OQ0P"),s=e("A7Ap"),a=e("yv0u"),c=e("O/TX"),p=e("q7qF"),m=e("AZ97"),g=d.\u0275crt({encapsulation:2,styles:[],data:{}});l.RenderType_HeaderComponent=g,l.View_HeaderComponent_0=i,l.View_HeaderComponent_Host_0=r,l.HeaderComponentNgFactory=d.\u0275ccf("app-header",p.HeaderComponent,r,{},{},[])},"O/TX":function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.DropdownDirective=function(){function n(){this.isOpen=!1}return n.prototype.toggleOpen=function(){this.isOpen=!this.isOpen},n}()},OKzv:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),e("DI2O"),e("WXLR"),e("ZA/m"),e("WsQm"),e("q6lm"),l.RecipesRoutingModule=function(){}},OQ0P:function(n,l){n.exports=require("@angular/core")},Oq3J:function(n,l,e){"use strict";function t(n){return r.\u0275vid(0,[(n()(),r.\u0275eld(0,0,null,null,31,"div",[["class","row"],["style","margin-top: 10px;"]],[[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],null,null,null,null)),r.\u0275did(1,212992,null,0,d.FormGroupName,[[3,d.ControlContainer],[8,null],[8,null]],{name:[0,"name"]},null),r.\u0275prd(2048,null,d.ControlContainer,null,[d.FormGroupName]),r.\u0275did(3,16384,null,0,d.NgControlStatusGroup,[d.ControlContainer],null,null),(n()(),r.\u0275ted(-1,null,["\n            "])),(n()(),r.\u0275eld(5,0,null,null,8,"div",[["class","col-xs-8"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n              "])),(n()(),r.\u0275eld(7,0,null,null,5,"input",[["class","form-control"],["formControlName","name"],["type","text"]],[[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],[[null,"input"],[null,"blur"],[null,"compositionstart"],[null,"compositionend"]],function(n,l,e){var t=!0;return"input"===l&&(t=!1!==r.\u0275nov(n,8)._handleInput(e.target.value)&&t),"blur"===l&&(t=!1!==r.\u0275nov(n,8).onTouched()&&t),"compositionstart"===l&&(t=!1!==r.\u0275nov(n,8)._compositionStart()&&t),"compositionend"===l&&(t=!1!==r.\u0275nov(n,8)._compositionEnd(e.target.value)&&t),t},null,null)),r.\u0275did(8,16384,null,0,d.DefaultValueAccessor,[r.Renderer2,r.ElementRef,[2,d.COMPOSITION_BUFFER_MODE]],null,null),r.\u0275prd(1024,null,d.NG_VALUE_ACCESSOR,function(n){return[n]},[d.DefaultValueAccessor]),r.\u0275did(10,671744,null,0,d.FormControlName,[[3,d.ControlContainer],[8,null],[8,null],[2,d.NG_VALUE_ACCESSOR]],{name:[0,"name"]},null),r.\u0275prd(2048,null,d.NgControl,null,[d.FormControlName]),r.\u0275did(12,16384,null,0,d.NgControlStatus,[d.NgControl],null,null),(n()(),r.\u0275ted(-1,null,["\n            "])),(n()(),r.\u0275ted(-1,null,["\n            "])),(n()(),r.\u0275eld(15,0,null,null,9,"div",[["class","col-xs-2"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n              "])),(n()(),r.\u0275eld(17,0,null,null,6,"input",[["class","form-control"],["formControlName","amount"],["type","number"]],[[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],[[null,"input"],[null,"blur"],[null,"compositionstart"],[null,"compositionend"],[null,"change"]],function(n,l,e){var t=!0;return"input"===l&&(t=!1!==r.\u0275nov(n,18)._handleInput(e.target.value)&&t),"blur"===l&&(t=!1!==r.\u0275nov(n,18).onTouched()&&t),"compositionstart"===l&&(t=!1!==r.\u0275nov(n,18)._compositionStart()&&t),"compositionend"===l&&(t=!1!==r.\u0275nov(n,18)._compositionEnd(e.target.value)&&t),"change"===l&&(t=!1!==r.\u0275nov(n,19).onChange(e.target.value)&&t),"input"===l&&(t=!1!==r.\u0275nov(n,19).onChange(e.target.value)&&t),"blur"===l&&(t=!1!==r.\u0275nov(n,19).onTouched()&&t),t},null,null)),r.\u0275did(18,16384,null,0,d.DefaultValueAccessor,[r.Renderer2,r.ElementRef,[2,d.COMPOSITION_BUFFER_MODE]],null,null),r.\u0275did(19,16384,null,0,d.\u0275bc,[r.Renderer2,r.ElementRef],null,null),r.\u0275prd(1024,null,d.NG_VALUE_ACCESSOR,function(n,l){return[n,l]},[d.DefaultValueAccessor,d.\u0275bc]),r.\u0275did(21,671744,null,0,d.FormControlName,[[3,d.ControlContainer],[8,null],[8,null],[2,d.NG_VALUE_ACCESSOR]],{name:[0,"name"]},null),r.\u0275prd(2048,null,d.NgControl,null,[d.FormControlName]),r.\u0275did(23,16384,null,0,d.NgControlStatus,[d.NgControl],null,null),(n()(),r.\u0275ted(-1,null,["\n            "])),(n()(),r.\u0275ted(-1,null,["\n            "])),(n()(),r.\u0275eld(26,0,null,null,4,"div",[["class","col-xs-2"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n              "])),(n()(),r.\u0275eld(28,0,null,null,1,"button",[["class","btn btn-danger"],["type","button"]],null,[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==n.component.onDeleteIngredient(n.context.index)&&t),t},null,null)),(n()(),r.\u0275ted(-1,null,["X"])),(n()(),r.\u0275ted(-1,null,["\n            "])),(n()(),r.\u0275ted(-1,null,["\n          "]))],function(n,l){n(l,1,0,l.context.index),n(l,10,0,"name"),n(l,21,0,"amount")},function(n,l){n(l,0,0,r.\u0275nov(l,3).ngClassUntouched,r.\u0275nov(l,3).ngClassTouched,r.\u0275nov(l,3).ngClassPristine,r.\u0275nov(l,3).ngClassDirty,r.\u0275nov(l,3).ngClassValid,r.\u0275nov(l,3).ngClassInvalid,r.\u0275nov(l,3).ngClassPending),n(l,7,0,r.\u0275nov(l,12).ngClassUntouched,r.\u0275nov(l,12).ngClassTouched,r.\u0275nov(l,12).ngClassPristine,r.\u0275nov(l,12).ngClassDirty,r.\u0275nov(l,12).ngClassValid,r.\u0275nov(l,12).ngClassInvalid,r.\u0275nov(l,12).ngClassPending),n(l,17,0,r.\u0275nov(l,23).ngClassUntouched,r.\u0275nov(l,23).ngClassTouched,r.\u0275nov(l,23).ngClassPristine,r.\u0275nov(l,23).ngClassDirty,r.\u0275nov(l,23).ngClassValid,r.\u0275nov(l,23).ngClassInvalid,r.\u0275nov(l,23).ngClassPending)})}function u(n){return r.\u0275vid(0,[(n()(),r.\u0275eld(0,0,null,null,111,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275eld(2,0,null,null,108,"div",[["class","col-xs-12"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n    "])),(n()(),r.\u0275eld(4,0,null,null,105,"form",[["novalidate",""]],[[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],[[null,"ngSubmit"],[null,"submit"],[null,"reset"]],function(n,l,e){var t=!0,u=n.component;return"submit"===l&&(t=!1!==r.\u0275nov(n,6).onSubmit(e)&&t),"reset"===l&&(t=!1!==r.\u0275nov(n,6).onReset()&&t),"ngSubmit"===l&&(t=!1!==u.onSubmit()&&t),t},null,null)),r.\u0275did(5,16384,null,0,d.\u0275bf,[],null,null),r.\u0275did(6,540672,null,0,d.FormGroupDirective,[[8,null],[8,null]],{form:[0,"form"]},{ngSubmit:"ngSubmit"}),r.\u0275prd(2048,null,d.ControlContainer,null,[d.FormGroupDirective]),r.\u0275did(8,16384,null,0,d.NgControlStatusGroup,[d.ControlContainer],null,null),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275eld(10,0,null,null,10,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275eld(12,0,null,null,7,"div",[["class","col-xs-12"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275eld(14,0,null,null,1,"button",[["class","btn btn-success"],["type","submit"]],[[8,"disabled",0]],null,null,null,null)),(n()(),r.\u0275ted(-1,null,["Save"])),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275eld(17,0,null,null,1,"button",[["class","btn btn-danger"],["type","button"]],null,[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==n.component.onCandel()&&t),t},null,null)),(n()(),r.\u0275ted(-1,null,["Cancel"])),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275eld(22,0,null,null,17,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275eld(24,0,null,null,14,"div",[["class","col-xs-12"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275eld(26,0,null,null,11,"div",[["class","form-group"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n            "])),(n()(),r.\u0275eld(28,0,null,null,1,"label",[["for","name"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["Name"])),(n()(),r.\u0275ted(-1,null,["\n            "])),(n()(),r.\u0275eld(31,0,null,null,5,"input",[["class","form-control"],["formControlName","name"],["id","name"],["name","name"],["type","text"]],[[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],[[null,"input"],[null,"blur"],[null,"compositionstart"],[null,"compositionend"]],function(n,l,e){var t=!0;return"input"===l&&(t=!1!==r.\u0275nov(n,32)._handleInput(e.target.value)&&t),"blur"===l&&(t=!1!==r.\u0275nov(n,32).onTouched()&&t),"compositionstart"===l&&(t=!1!==r.\u0275nov(n,32)._compositionStart()&&t),"compositionend"===l&&(t=!1!==r.\u0275nov(n,32)._compositionEnd(e.target.value)&&t),t},null,null)),r.\u0275did(32,16384,null,0,d.DefaultValueAccessor,[r.Renderer2,r.ElementRef,[2,d.COMPOSITION_BUFFER_MODE]],null,null),r.\u0275prd(1024,null,d.NG_VALUE_ACCESSOR,function(n){return[n]},[d.DefaultValueAccessor]),r.\u0275did(34,671744,null,0,d.FormControlName,[[3,d.ControlContainer],[8,null],[8,null],[2,d.NG_VALUE_ACCESSOR]],{name:[0,"name"]},null),r.\u0275prd(2048,null,d.NgControl,null,[d.FormControlName]),r.\u0275did(36,16384,null,0,d.NgControlStatus,[d.NgControl],null,null),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275eld(41,0,null,null,17,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275eld(43,0,null,null,14,"div",[["class","col-xs-12"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275eld(45,0,null,null,11,"div",[["class","form-group"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n            "])),(n()(),r.\u0275eld(47,0,null,null,1,"label",[["for","imagePath"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["Image URL"])),(n()(),r.\u0275ted(-1,null,["\n            "])),(n()(),r.\u0275eld(50,0,[["imagePath",1]],null,5,"input",[["class","form-control"],["formControlName","imagePath"],["id","imagePath"],["name","imagePath"],["type","text"]],[[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],[[null,"input"],[null,"blur"],[null,"compositionstart"],[null,"compositionend"]],function(n,l,e){var t=!0;return"input"===l&&(t=!1!==r.\u0275nov(n,51)._handleInput(e.target.value)&&t),"blur"===l&&(t=!1!==r.\u0275nov(n,51).onTouched()&&t),"compositionstart"===l&&(t=!1!==r.\u0275nov(n,51)._compositionStart()&&t),"compositionend"===l&&(t=!1!==r.\u0275nov(n,51)._compositionEnd(e.target.value)&&t),t},null,null)),r.\u0275did(51,16384,null,0,d.DefaultValueAccessor,[r.Renderer2,r.ElementRef,[2,d.COMPOSITION_BUFFER_MODE]],null,null),r.\u0275prd(1024,null,d.NG_VALUE_ACCESSOR,function(n){return[n]},[d.DefaultValueAccessor]),r.\u0275did(53,671744,null,0,d.FormControlName,[[3,d.ControlContainer],[8,null],[8,null],[2,d.NG_VALUE_ACCESSOR]],{name:[0,"name"]},null),r.\u0275prd(2048,null,d.NgControl,null,[d.FormControlName]),r.\u0275did(55,16384,null,0,d.NgControlStatus,[d.NgControl],null,null),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275eld(60,0,null,null,6,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275eld(62,0,null,null,3,"div",[["class","col-xs-12"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275eld(64,0,null,null,0,"img",[["alt",""],["class","img-responsive"]],[[8,"src",4]],null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275eld(68,0,null,null,17,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275eld(70,0,null,null,14,"div",[["class","col-xs-12"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275eld(72,0,null,null,11,"div",[["class","form-group"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n            "])),(n()(),r.\u0275eld(74,0,null,null,1,"label",[["for","description"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["Description"])),(n()(),r.\u0275ted(-1,null,["\n            "])),(n()(),r.\u0275eld(77,0,null,null,5,"textarea",[["class","form-control"],["formControlName","description"],["id","description"],["name","description"],["rows","6"],["type","text"]],[[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],[[null,"input"],[null,"blur"],[null,"compositionstart"],[null,"compositionend"]],function(n,l,e){var t=!0;return"input"===l&&(t=!1!==r.\u0275nov(n,78)._handleInput(e.target.value)&&t),"blur"===l&&(t=!1!==r.\u0275nov(n,78).onTouched()&&t),"compositionstart"===l&&(t=!1!==r.\u0275nov(n,78)._compositionStart()&&t),"compositionend"===l&&(t=!1!==r.\u0275nov(n,78)._compositionEnd(e.target.value)&&t),t},null,null)),r.\u0275did(78,16384,null,0,d.DefaultValueAccessor,[r.Renderer2,r.ElementRef,[2,d.COMPOSITION_BUFFER_MODE]],null,null),r.\u0275prd(1024,null,d.NG_VALUE_ACCESSOR,function(n){return[n]},[d.DefaultValueAccessor]),r.\u0275did(80,671744,null,0,d.FormControlName,[[3,d.ControlContainer],[8,null],[8,null],[2,d.NG_VALUE_ACCESSOR]],{name:[0,"name"]},null),r.\u0275prd(2048,null,d.NgControl,null,[d.FormControlName]),r.\u0275did(82,16384,null,0,d.NgControlStatus,[d.NgControl],null,null),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275eld(87,0,null,null,21,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275eld(89,0,null,null,18,"div",[["class","col-xs-12"],["formArrayName","ingredients"]],[[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],null,null,null,null)),r.\u0275did(90,212992,null,0,d.FormArrayName,[[3,d.ControlContainer],[8,null],[8,null]],{name:[0,"name"]},null),r.\u0275prd(2048,null,d.ControlContainer,null,[d.FormArrayName]),r.\u0275did(92,16384,null,0,d.NgControlStatusGroup,[d.ControlContainer],null,null),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275and(16777216,null,null,1,null,t)),r.\u0275did(95,802816,null,0,s.NgForOf,[r.ViewContainerRef,r.TemplateRef,r.IterableDiffers],{ngForOf:[0,"ngForOf"]},null),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275eld(97,0,null,null,0,"hr",[],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275eld(99,0,null,null,7,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n            "])),(n()(),r.\u0275eld(101,0,null,null,4,"div",[["class","col-xs-12"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n              "])),(n()(),r.\u0275eld(103,0,null,null,1,"button",[["class","btn btn-success"],["type","button"]],null,[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==n.component.onAddIngredient()&&t),t},null,null)),(n()(),r.\u0275ted(-1,null,["Add Ingredient"])),(n()(),r.\u0275ted(-1,null,["\n            "])),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275ted(-1,null,["\n    "])),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275ted(-1,null,["\n"]))],function(n,l){var e=l.component;n(l,6,0,e.recipeForm),n(l,34,0,"name"),n(l,53,0,"imagePath"),n(l,80,0,"description"),n(l,90,0,"ingredients"),n(l,95,0,e.getIngredientControls())},function(n,l){var e=l.component;n(l,4,0,r.\u0275nov(l,8).ngClassUntouched,r.\u0275nov(l,8).ngClassTouched,r.\u0275nov(l,8).ngClassPristine,r.\u0275nov(l,8).ngClassDirty,r.\u0275nov(l,8).ngClassValid,r.\u0275nov(l,8).ngClassInvalid,r.\u0275nov(l,8).ngClassPending),n(l,14,0,!e.recipeForm.valid),n(l,31,0,r.\u0275nov(l,36).ngClassUntouched,r.\u0275nov(l,36).ngClassTouched,r.\u0275nov(l,36).ngClassPristine,r.\u0275nov(l,36).ngClassDirty,r.\u0275nov(l,36).ngClassValid,r.\u0275nov(l,36).ngClassInvalid,r.\u0275nov(l,36).ngClassPending),n(l,50,0,r.\u0275nov(l,55).ngClassUntouched,r.\u0275nov(l,55).ngClassTouched,r.\u0275nov(l,55).ngClassPristine,r.\u0275nov(l,55).ngClassDirty,r.\u0275nov(l,55).ngClassValid,r.\u0275nov(l,55).ngClassInvalid,r.\u0275nov(l,55).ngClassPending),n(l,64,0,r.\u0275nov(l,50).value),n(l,77,0,r.\u0275nov(l,82).ngClassUntouched,r.\u0275nov(l,82).ngClassTouched,r.\u0275nov(l,82).ngClassPristine,r.\u0275nov(l,82).ngClassDirty,r.\u0275nov(l,82).ngClassValid,r.\u0275nov(l,82).ngClassInvalid,r.\u0275nov(l,82).ngClassPending),n(l,89,0,r.\u0275nov(l,92).ngClassUntouched,r.\u0275nov(l,92).ngClassTouched,r.\u0275nov(l,92).ngClassPristine,r.\u0275nov(l,92).ngClassDirty,r.\u0275nov(l,92).ngClassValid,r.\u0275nov(l,92).ngClassInvalid,r.\u0275nov(l,92).ngClassPending)})}function o(n){return r.\u0275vid(0,[(n()(),r.\u0275eld(0,0,null,null,1,"app-recipe-edit",[],null,null,null,u,m)),r.\u0275did(1,114688,null,0,a.RecipeEditComponent,[c.ActivatedRoute,c.Router,p.Store],null,null)],function(n,l){n(l,1,0)},null)}var i=e("yKBd"),r=e("OQ0P"),d=e("02xY"),s=e("yv0u"),a=e("ZA/m"),c=e("A7Ap"),p=e("AZ97"),m=r.\u0275crt({encapsulation:0,styles:[i.styles],data:{}});l.RenderType_RecipeEditComponent=m,l.View_RecipeEditComponent_0=u,l.View_RecipeEditComponent_Host_0=o,l.RecipeEditComponentNgFactory=r.\u0275ccf("app-recipe-edit",a.RecipeEditComponent,o,{},{},[])},PhfN:function(n,l,e){"use strict";l.styles=[""]},QK5h:function(n,l,e){"use strict";l.styles=[""]},QQqw:function(n,l){n.exports=require("rxjs/add/operator/map")},RTBL:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),e("srua"),l.RecipeItemComponent=function(){function n(){}return n.prototype.ngOnInit=function(){},n}()},SW8C:function(n,l,e){"use strict";function t(n){return r.\u0275vid(0,[(n()(),r.\u0275eld(0,0,null,null,1,"app-recipe-item",[],null,null,null,d.View_RecipeItemComponent_0,d.RenderType_RecipeItemComponent)),r.\u0275did(1,114688,null,0,s.RecipeItemComponent,[],{recipe:[0,"recipe"],index:[1,"index"]},null)],function(n,l){n(l,1,0,l.context.$implicit,l.context.index)},null)}function u(n){return r.\u0275vid(0,[(n()(),r.\u0275eld(0,0,null,null,7,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275eld(2,0,null,null,4,"div",[["class","col-xs-12"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n    "])),(n()(),r.\u0275eld(4,0,null,null,1,"button",[["class","btn btn-success"]],null,[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==n.component.onNewRecipe()&&t),t},null,null)),(n()(),r.\u0275ted(-1,null,["New Recipe"])),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275ted(-1,null,["\n"])),(n()(),r.\u0275ted(-1,null,["\n"])),(n()(),r.\u0275eld(9,0,null,null,0,"hr",[],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n"])),(n()(),r.\u0275eld(11,0,null,null,8,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275eld(13,0,null,null,5,"div",[["class","col-xs-12"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n    "])),(n()(),r.\u0275and(16777216,null,null,2,null,t)),r.\u0275did(16,802816,null,0,a.NgForOf,[r.ViewContainerRef,r.TemplateRef,r.IterableDiffers],{ngForOf:[0,"ngForOf"]},null),r.\u0275pid(131072,a.AsyncPipe,[r.ChangeDetectorRef]),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275ted(-1,null,["\n"])),(n()(),r.\u0275ted(-1,null,["\n"]))],function(n,l){var e=l.component;n(l,16,0,r.\u0275unv(l,16,0,r.\u0275nov(l,17).transform(e.recipeState)).recipes)},null)}function o(n){return r.\u0275vid(0,[(n()(),r.\u0275eld(0,0,null,null,1,"app-recipe-list",[],null,null,null,u,g)),r.\u0275did(1,114688,null,0,c.RecipeListComponent,[p.Router,p.ActivatedRoute,m.Store],null,null)],function(n,l){n(l,1,0)},null)}var i=e("ksMn"),r=e("OQ0P"),d=e("+TiV"),s=e("RTBL"),a=e("yv0u"),c=e("IMgQ"),p=e("A7Ap"),m=e("AZ97"),g=r.\u0275crt({encapsulation:0,styles:[i.styles],data:{}});l.RenderType_RecipeListComponent=g,l.View_RecipeListComponent_0=u,l.View_RecipeListComponent_Host_0=o,l.RecipeListComponentNgFactory=r.\u0275ccf("app-recipe-list",c.RecipeListComponent,o,{},{},[])},T2Au:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.SharedModule=function(){}},"UT/q":function(n,l){n.exports=require("@ngrx/router-store")},Up2r:function(n,l,e){"use strict";l.styles=[""]},Vb3G:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),e("6M6Y"),l.LoggingInterceptor=function(){function n(){}return n.prototype.intercept=function(n,l){return l.handle(n).do(function(n){})},n}()},VuF5:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),e("AZ97");var t=e("aYWT");l.SignupComponent=function(){function n(n){this.store=n}return n.prototype.ngOnInit=function(){},n.prototype.onSignup=function(n){this.store.dispatch(new t.TrySignup({username:n.value.email,password:n.value.password}))},n}()},WXLR:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.RecipeStartComponent=function(){function n(){}return n.prototype.ngOnInit=function(){},n}()},Wnjt:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.AuthModule=function(){}},WsQm:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),e("A7Ap"),e("AZ97");var t=e("byqd"),u=e("zAtt");l.RecipeDetailComponent=function(){function n(n,l,e){this.route=n,this.router=l,this.store=e}return n.prototype.ngOnInit=function(){var n=this;this.route.params.subscribe(function(l){n.id=+l.id,n.recipeState=n.store.select("recipes")})},n.prototype.onAddToShoppingList=function(){var n=this;this.store.select("recipes").take(1).subscribe(function(l){n.store.dispatch(new t.AddIngredients(l.recipes[n.id].ingredients))})},n.prototype.onEditRecipe=function(){this.router.navigate(["edit"],{relativeTo:this.route})},n.prototype.onDelete=function(){this.store.dispatch(new u.DeleteRecipe(this.id)),this.router.navigate(["/recipes"])},n}()},Xt3F:function(n,l,e){"use strict";function t(n){return i.\u0275vid(0,[(n()(),i.\u0275eld(0,0,null,null,13,"div",[["class","row"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["\n  "])),(n()(),i.\u0275eld(2,0,null,null,4,"div",[["class","col-md-5"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["\n    "])),(n()(),i.\u0275eld(4,0,null,null,1,"app-recipe-list",[],null,null,null,r.View_RecipeListComponent_0,r.RenderType_RecipeListComponent)),i.\u0275did(5,114688,null,0,d.RecipeListComponent,[s.Router,s.ActivatedRoute,a.Store],null,null),(n()(),i.\u0275ted(-1,null,["\n  "])),(n()(),i.\u0275ted(-1,null,["\n  "])),(n()(),i.\u0275eld(8,0,null,null,4,"div",[["class","col-md-7"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["\n    "])),(n()(),i.\u0275eld(10,16777216,null,null,1,"router-outlet",[],null,null,null,null,null)),i.\u0275did(11,212992,null,0,s.RouterOutlet,[s.ChildrenOutletContexts,i.ViewContainerRef,i.ComponentFactoryResolver,[8,null],i.ChangeDetectorRef],null,null),(n()(),i.\u0275ted(-1,null,["\n  "])),(n()(),i.\u0275ted(-1,null,["\n"]))],function(n,l){n(l,5,0),n(l,11,0)},null)}function u(n){return i.\u0275vid(0,[(n()(),i.\u0275eld(0,0,null,null,1,"app-recipes",[],null,null,null,t,p)),i.\u0275did(1,114688,null,0,c.RecipesComponent,[],null,null)],function(n,l){n(l,1,0)},null)}var o=e("PhfN"),i=e("OQ0P"),r=e("SW8C"),d=e("IMgQ"),s=e("A7Ap"),a=e("AZ97"),c=e("DI2O"),p=i.\u0275crt({encapsulation:0,styles:[o.styles],data:{}});l.RenderType_RecipesComponent=p,l.View_RecipesComponent_0=t,l.View_RecipesComponent_Host_0=u,l.RecipesComponentNgFactory=i.\u0275ccf("app-recipes",c.RecipesComponent,u,{},{},[])},YQf1:function(n,l){n.exports=require("rxjs/add/operator/withLatestFrom")},"ZA/m":function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),e("A7Ap");var t=e("02xY"),u=(e("AZ97"),e("zAtt"));l.RecipeEditComponent=function(){function n(n,l,e){this.route=n,this.router=l,this.store=e,this.editMode=!1}return n.prototype.ngOnInit=function(){var n=this;this.route.params.subscribe(function(l){n.id=+l.id,n.editMode=null!=l.id,n.initForm()})},n.prototype.onSubmit=function(){this.store.dispatch(this.editMode?new u.UpdateRecipe({index:this.id,newRecipe:this.recipeForm.value}):new u.AddRecipe(this.recipeForm.value)),this.router.navigate(["../"],{relativeTo:this.route})},n.prototype.onAddIngredient=function(){this.recipeForm.get("ingredients").push(new t.FormGroup({name:new t.FormControl(null,t.Validators.required),amount:new t.FormControl(null,[t.Validators.required,t.Validators.pattern(/^[1-9]+[0-9]*$/)])}))},n.prototype.onDeleteIngredient=function(n){this.recipeForm.get("ingredients").removeAt(n)},n.prototype.onCandel=function(){this.router.navigate(["../"],{relativeTo:this.route})},n.prototype.initForm=function(){var n=this,l="",e="",u="",o=new t.FormArray([]);this.editMode&&this.store.select("recipes").take(1).subscribe(function(i){var r=i.recipes[n.id];if(l=r.name,e=r.imagePath,u=r.description,r.ingredients)for(var d=0,s=r.ingredients;d<s.length;d++){var a=s[d];o.push(new t.FormGroup({name:new t.FormControl(a.name,t.Validators.required),amount:new t.FormControl(a.amount,[t.Validators.required,t.Validators.pattern(/^[1-9]+[0-9]*$/)])}))}}),this.recipeForm=new t.FormGroup({name:new t.FormControl(l,t.Validators.required),imagePath:new t.FormControl(e,t.Validators.required),description:new t.FormControl(u,t.Validators.required),ingredients:o})},n.prototype.getIngredientControls=function(){return this.recipeForm.get("ingredients").controls},n}()},Zq8w:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0});var t=e("JwoV");l.AppServerModuleNgFactory=t.AppServerModuleNgFactory;var u=e("GrDH"),o=e("OQ0P"),i=e("bNRb");l.AppServerModule=i.AppServerModule,o.enableProdMode(),l.LAZY_MODULE_MAP={"./recipes/recipes.module#RecipesModule":u.RecipesModuleNgFactory}},"aR8+":function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.AppModule=function(){}},aYWT:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.TRY_SIGNUP="TRY_SIGNUP",l.SIGNUP="SIGNUP",l.SIGNIN="SIGNIN",l.TRY_SIGNIN="TRY_SIGNIN",l.LOGOUT="LOGOUT",l.SET_TOKEN="SET_TOKEN",l.TrySignup=function(){return function(n){this.payload=n,this.type=l.TRY_SIGNUP}}(),l.Signup=function(){return function(){this.type=l.SIGNUP}}(),l.TrySignin=function(){return function(n){this.payload=n,this.type=l.TRY_SIGNIN}}(),l.Signin=function(){return function(){this.type=l.SIGNIN}}(),l.Logout=function(){return function(){this.type=l.LOGOUT}}(),l.SetToken=function(){return function(n){this.payload=n,this.type=l.SET_TOKEN}}()},bNRb:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.AppServerModule=function(){}},bX8Z:function(n,l,e){"use strict";function t(n){return i.\u0275vid(0,[(n()(),i.\u0275eld(0,0,null,null,40,"div",[["class","row"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["\n    "])),(n()(),i.\u0275eld(2,0,null,null,37,"div",[["class","col-xs-12 col-sm-10 col-md-8 col-sm-offset-1 col-md-offset-2"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["\n      "])),(n()(),i.\u0275eld(4,0,null,null,34,"form",[["novalidate",""]],[[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],[[null,"ngSubmit"],[null,"submit"],[null,"reset"]],function(n,l,e){var t=!0,u=n.component;return"submit"===l&&(t=!1!==i.\u0275nov(n,6).onSubmit(e)&&t),"reset"===l&&(t=!1!==i.\u0275nov(n,6).onReset()&&t),"ngSubmit"===l&&(t=!1!==u.onSignin(i.\u0275nov(n,6))&&t),t},null,null)),i.\u0275did(5,16384,null,0,r.\u0275bf,[],null,null),i.\u0275did(6,4210688,[["f",4]],0,r.NgForm,[[8,null],[8,null]],null,{ngSubmit:"ngSubmit"}),i.\u0275prd(2048,null,r.ControlContainer,null,[r.NgForm]),i.\u0275did(8,16384,null,0,r.NgControlStatusGroup,[r.ControlContainer],null,null),(n()(),i.\u0275ted(-1,null,["\n        "])),(n()(),i.\u0275eld(10,0,null,null,11,"div",[["class","form-group"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["\n          "])),(n()(),i.\u0275eld(12,0,null,null,1,"label",[["for","email"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["Mail"])),(n()(),i.\u0275ted(-1,null,["\n          "])),(n()(),i.\u0275eld(15,0,null,null,5,"input",[["class","form-control"],["id","email"],["name","email"],["ngModel",""],["type","email"]],[[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],[[null,"input"],[null,"blur"],[null,"compositionstart"],[null,"compositionend"]],function(n,l,e){var t=!0;return"input"===l&&(t=!1!==i.\u0275nov(n,16)._handleInput(e.target.value)&&t),"blur"===l&&(t=!1!==i.\u0275nov(n,16).onTouched()&&t),"compositionstart"===l&&(t=!1!==i.\u0275nov(n,16)._compositionStart()&&t),"compositionend"===l&&(t=!1!==i.\u0275nov(n,16)._compositionEnd(e.target.value)&&t),t},null,null)),i.\u0275did(16,16384,null,0,r.DefaultValueAccessor,[i.Renderer2,i.ElementRef,[2,r.COMPOSITION_BUFFER_MODE]],null,null),i.\u0275prd(1024,null,r.NG_VALUE_ACCESSOR,function(n){return[n]},[r.DefaultValueAccessor]),i.\u0275did(18,671744,null,0,r.NgModel,[[2,r.ControlContainer],[8,null],[8,null],[2,r.NG_VALUE_ACCESSOR]],{name:[0,"name"],model:[1,"model"]},null),i.\u0275prd(2048,null,r.NgControl,null,[r.NgModel]),i.\u0275did(20,16384,null,0,r.NgControlStatus,[r.NgControl],null,null),(n()(),i.\u0275ted(-1,null,["\n        "])),(n()(),i.\u0275ted(-1,null,["\n        "])),(n()(),i.\u0275eld(23,0,null,null,11,"div",[["class","form-group"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["\n          "])),(n()(),i.\u0275eld(25,0,null,null,1,"label",[["for","password"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["Password"])),(n()(),i.\u0275ted(-1,null,["\n          "])),(n()(),i.\u0275eld(28,0,null,null,5,"input",[["class","form-control"],["id","password"],["name","password"],["ngModel",""],["type","password"]],[[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],[[null,"input"],[null,"blur"],[null,"compositionstart"],[null,"compositionend"]],function(n,l,e){var t=!0;return"input"===l&&(t=!1!==i.\u0275nov(n,29)._handleInput(e.target.value)&&t),"blur"===l&&(t=!1!==i.\u0275nov(n,29).onTouched()&&t),"compositionstart"===l&&(t=!1!==i.\u0275nov(n,29)._compositionStart()&&t),"compositionend"===l&&(t=!1!==i.\u0275nov(n,29)._compositionEnd(e.target.value)&&t),t},null,null)),i.\u0275did(29,16384,null,0,r.DefaultValueAccessor,[i.Renderer2,i.ElementRef,[2,r.COMPOSITION_BUFFER_MODE]],null,null),i.\u0275prd(1024,null,r.NG_VALUE_ACCESSOR,function(n){return[n]},[r.DefaultValueAccessor]),i.\u0275did(31,671744,null,0,r.NgModel,[[2,r.ControlContainer],[8,null],[8,null],[2,r.NG_VALUE_ACCESSOR]],{name:[0,"name"],model:[1,"model"]},null),i.\u0275prd(2048,null,r.NgControl,null,[r.NgModel]),i.\u0275did(33,16384,null,0,r.NgControlStatus,[r.NgControl],null,null),(n()(),i.\u0275ted(-1,null,["\n        "])),(n()(),i.\u0275ted(-1,null,["\n        "])),(n()(),i.\u0275eld(36,0,null,null,1,"button",[["class","btn btn-primary"],["type","submit"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["Sign In"])),(n()(),i.\u0275ted(-1,null,["\n      "])),(n()(),i.\u0275ted(-1,null,["\n    "])),(n()(),i.\u0275ted(-1,null,["\n  "]))],function(n,l){n(l,18,0,"email",""),n(l,31,0,"password","")},function(n,l){n(l,4,0,i.\u0275nov(l,8).ngClassUntouched,i.\u0275nov(l,8).ngClassTouched,i.\u0275nov(l,8).ngClassPristine,i.\u0275nov(l,8).ngClassDirty,i.\u0275nov(l,8).ngClassValid,i.\u0275nov(l,8).ngClassInvalid,i.\u0275nov(l,8).ngClassPending),n(l,15,0,i.\u0275nov(l,20).ngClassUntouched,i.\u0275nov(l,20).ngClassTouched,i.\u0275nov(l,20).ngClassPristine,i.\u0275nov(l,20).ngClassDirty,i.\u0275nov(l,20).ngClassValid,i.\u0275nov(l,20).ngClassInvalid,i.\u0275nov(l,20).ngClassPending),n(l,28,0,i.\u0275nov(l,33).ngClassUntouched,i.\u0275nov(l,33).ngClassTouched,i.\u0275nov(l,33).ngClassPristine,i.\u0275nov(l,33).ngClassDirty,i.\u0275nov(l,33).ngClassValid,i.\u0275nov(l,33).ngClassInvalid,i.\u0275nov(l,33).ngClassPending)})}function u(n){return i.\u0275vid(0,[(n()(),i.\u0275eld(0,0,null,null,1,"app-signin",[],null,null,null,t,a)),i.\u0275did(1,114688,null,0,d.SigninComponent,[s.Store],null,null)],function(n,l){n(l,1,0)},null)}var o=e("L1kr"),i=e("OQ0P"),r=e("02xY"),d=e("vCLD"),s=e("AZ97"),a=i.\u0275crt({encapsulation:0,styles:[o.styles],data:{}});l.RenderType_SigninComponent=a,l.View_SigninComponent_0=t,l.View_SigninComponent_Host_0=u,l.SigninComponentNgFactory=i.\u0275ccf("app-signin",d.SigninComponent,u,{},{},[])},baRA:function(n,l,e){"use strict";var t=this&&this.__assign||Object.assign||function(n){for(var l,e=1,t=arguments.length;e<t;e++){l=arguments[e];for(var u in l)Object.prototype.hasOwnProperty.call(l,u)&&(n[u]=l[u])}return n};Object.defineProperty(l,"__esModule",{value:!0});var u=e("aYWT"),o={token:null,authenticated:!1};l.authReducers=function(n,l){switch(void 0===n&&(n=o),l.type){case u.SIGNUP:case u.SIGNIN:return t({},n,{authenticated:!0});case u.LOGOUT:return t({},n,{token:null,authenticated:!1});case u.SET_TOKEN:return t({},n,{token:l.payload});default:return n}}},byqd:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.ADD_INGREDIENT="ADD_INGREDIENT",l.ADD_INGREDIENTS="ADD_INGREDIENTS",l.UPDATE_INGREDIENT="UPDATE_INGREDIENT",l.DELETE_INGREDIENT="DELETE_INGREDIENT",l.START_EDIT="START_EDIT",l.STOP_EDIT="STOP_EDIT",l.AddIngredient=function(){return function(n){this.payload=n,this.type=l.ADD_INGREDIENT}}(),l.AddIngredients=function(){return function(n){this.payload=n,this.type=l.ADD_INGREDIENTS}}(),l.UpdateIngredient=function(){return function(n){this.payload=n,this.type=l.UPDATE_INGREDIENT}}(),l.DeleteIngredient=function(){return function(){this.type=l.DELETE_INGREDIENT}}(),l.StartEdit=function(){return function(n){this.payload=n,this.type=l.START_EDIT}}(),l.StopEdit=function(){return function(){this.type=l.STOP_EDIT}}()},dqGK:function(n,l,e){"use strict";var t=e("8e9l").__decorate,u=e("8e9l").__metadata;Object.defineProperty(l,"__esModule",{value:!0}),e("A7Ap");var o=e("GflJ");e("QQqw"),e("6M6Y"),e("EJZF"),e("hbEt");var i=e("qwPD"),r=e("vxLh"),d=e("aYWT"),s=function(){function n(n,l){var e=this;this.router=n,this.actions$=l,this.authSignup=this.actions$.ofType(d.TRY_SIGNUP).map(function(n){return n.payload}).switchMap(function(n){return i.fromPromise(r.auth().createUserWithEmailAndPassword(n.username,n.password))}).switchMap(function(){return i.fromPromise(r.auth().currentUser.getIdToken())}).mergeMap(function(n){return e.router.navigate(["/"]),[{type:d.SIGNUP},{type:d.SET_TOKEN,payload:n}]}),this.authSignin=this.actions$.ofType(d.TRY_SIGNIN).map(function(n){return n.payload}).switchMap(function(n){return i.fromPromise(r.auth().signInWithEmailAndPassword(n.username,n.password))}).switchMap(function(){return i.fromPromise(r.auth().currentUser.getIdToken())}).mergeMap(function(n){return e.router.navigate(["/"]),[{type:d.SIGNIN},{type:d.SET_TOKEN,payload:n}]}),this.authLogout=this.actions$.ofType(d.LOGOUT).do(function(){e.router.navigate(["/"])})}return t([o.Effect(),u("design:type",Object)],n.prototype,"authSignup",void 0),t([o.Effect(),u("design:type",Object)],n.prototype,"authSignin",void 0),t([o.Effect({dispatch:!1}),u("design:type",Object)],n.prototype,"authLogout",void 0),n}();l.AuthEffects=s},e2Ig:function(n,l){n.exports=require("rxjs/add/operator/take")},eZKS:function(n,l,e){"use strict";l.styles=[""]},f9NF:function(n,l){n.exports=require("@angular/http")},fcOI:function(n,l,e){"use strict";l.styles=[""]},gou4:function(n,l,e){"use strict";function t(n){return i.\u0275vid(0,[(n()(),i.\u0275eld(0,0,null,null,1,"app-header",[],null,null,null,r.View_HeaderComponent_0,r.RenderType_HeaderComponent)),i.\u0275did(1,114688,null,0,d.HeaderComponent,[s.Store],null,null),(n()(),i.\u0275ted(-1,null,["\n"])),(n()(),i.\u0275eld(3,0,null,null,10,"div",[["class","container"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["\n    "])),(n()(),i.\u0275eld(5,0,null,null,7,"div",[["class","row"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["\n        "])),(n()(),i.\u0275eld(7,0,null,null,4,"div",[["class","col-md-12"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["\n            "])),(n()(),i.\u0275eld(9,16777216,null,null,1,"router-outlet",[],null,null,null,null,null)),i.\u0275did(10,212992,null,0,a.RouterOutlet,[a.ChildrenOutletContexts,i.ViewContainerRef,i.ComponentFactoryResolver,[8,null],i.ChangeDetectorRef],null,null),(n()(),i.\u0275ted(-1,null,["\n        "])),(n()(),i.\u0275ted(-1,null,["\n    "])),(n()(),i.\u0275ted(-1,null,["\n"]))],function(n,l){n(l,1,0),n(l,10,0)},null)}function u(n){return i.\u0275vid(0,[(n()(),i.\u0275eld(0,0,null,null,1,"app-root",[],null,null,null,t,p)),i.\u0275did(1,114688,null,0,c.AppComponent,[],null,null)],function(n,l){n(l,1,0)},null)}var o=e("QK5h"),i=e("OQ0P"),r=e("N0Eq"),d=e("q7qF"),s=e("AZ97"),a=e("A7Ap"),c=e("wQAS"),p=i.\u0275crt({encapsulation:0,styles:[o.styles],data:{}});l.RenderType_AppComponent=p,l.View_AppComponent_0=t,l.View_AppComponent_Host_0=u,l.AppComponentNgFactory=i.\u0275ccf("app-root",c.AppComponent,u,{},{},[])},hbEt:function(n,l){n.exports=require("rxjs/add/operator/mergeMap")},hxPI:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),e("AZ97"),e("EJZF"),e("e2Ig"),l.AuthInterceptor=function(){function n(n){this.store=n}return n.prototype.intercept=function(n,l){return this.store.select("auth").take(1).switchMap(function(e){var t=n.clone({params:n.params.set("auth",e.token)});return l.handle(t)})},n}()},"i/IN":function(n,l,e){"use strict";function t(n){return r.\u0275vid(0,[(n()(),r.\u0275eld(0,0,null,null,1,"li",[["class","list-group-item"]],null,null,null,null,null)),(n()(),r.\u0275ted(1,null,["\n        "," - ","\n      "]))],null,function(n,l){n(l,1,0,l.context.$implicit.name,l.context.$implicit.amount)})}function u(n){return r.\u0275vid(0,[(n()(),r.\u0275eld(0,0,null,null,7,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275eld(2,0,null,null,4,"div",[["class","col-xs-12"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n    "])),(n()(),r.\u0275eld(4,0,null,null,1,"img",[["alt",""],["class","img-responsive"],["style","max-height: 300px;"]],[[8,"src",4]],null,null,null,null)),r.\u0275pid(131072,d.AsyncPipe,[r.ChangeDetectorRef]),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275ted(-1,null,["\n"])),(n()(),r.\u0275ted(-1,null,["\n"])),(n()(),r.\u0275eld(9,0,null,null,8,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275eld(11,0,null,null,5,"div",[["class","col-xs-12"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n    "])),(n()(),r.\u0275eld(13,0,null,null,2,"h1",[],null,null,null,null,null)),(n()(),r.\u0275ted(14,null,["",""])),r.\u0275pid(131072,d.AsyncPipe,[r.ChangeDetectorRef]),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275ted(-1,null,["\n"])),(n()(),r.\u0275ted(-1,null,["\n"])),(n()(),r.\u0275eld(19,0,null,null,28,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275eld(21,0,null,null,25,"div",[["class","col-xs-12"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n    "])),(n()(),r.\u0275eld(23,0,null,null,22,"div",[["appDropdown",""],["class","btn-group"]],[[2,"open",null]],[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==r.\u0275nov(n,24).toggleOpen()&&t),t},null,null)),r.\u0275did(24,16384,null,0,s.DropdownDirective,[],null,null),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275eld(26,0,null,null,3,"button",[["class","btn btn-primary dropdown-toggl"],["type","button"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n        Manage Recipe "])),(n()(),r.\u0275eld(28,0,null,null,0,"span",[["class","caret"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275eld(31,0,null,null,13,"ul",[["class","dropdown-menu"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275eld(33,0,null,null,2,"li",[],null,null,null,null,null)),(n()(),r.\u0275eld(34,0,null,null,1,"a",[["style","cursor: pointer;"]],null,[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==n.component.onAddToShoppingList()&&t),t},null,null)),(n()(),r.\u0275ted(-1,null,["Add Ingredients"])),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275eld(37,0,null,null,2,"li",[],null,null,null,null,null)),(n()(),r.\u0275eld(38,0,null,null,1,"a",[["style","cursor: pointer;"]],null,[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==n.component.onEditRecipe()&&t),t},null,null)),(n()(),r.\u0275ted(-1,null,["Edit Recipe"])),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275eld(41,0,null,null,2,"li",[],null,null,null,null,null)),(n()(),r.\u0275eld(42,0,null,null,1,"a",[["style","cursor: pointer;"]],null,[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==n.component.onDelete()&&t),t},null,null)),(n()(),r.\u0275ted(-1,null,["Delete Recipe"])),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275ted(-1,null,["\n    "])),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275ted(-1,null,["\n"])),(n()(),r.\u0275ted(-1,null,["\n"])),(n()(),r.\u0275eld(49,0,null,null,5,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275eld(51,0,null,null,2,"div",[["class","col-xs-12"]],null,null,null,null,null)),(n()(),r.\u0275ted(52,null,["\n    ","\n  "])),r.\u0275pid(131072,d.AsyncPipe,[r.ChangeDetectorRef]),(n()(),r.\u0275ted(-1,null,["\n"])),(n()(),r.\u0275ted(-1,null,["\n"])),(n()(),r.\u0275eld(56,0,null,null,11,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275eld(58,0,null,null,8,"div",[["class","col-xs-12"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n    "])),(n()(),r.\u0275eld(60,0,null,null,5,"ul",[["class","list-group"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275and(16777216,null,null,2,null,t)),r.\u0275did(63,802816,null,0,d.NgForOf,[r.ViewContainerRef,r.TemplateRef,r.IterableDiffers],{ngForOf:[0,"ngForOf"]},null),r.\u0275pid(131072,d.AsyncPipe,[r.ChangeDetectorRef]),(n()(),r.\u0275ted(-1,null,["\n    "])),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275ted(-1,null,["\n"]))],function(n,l){var e=l.component;n(l,63,0,r.\u0275unv(l,63,0,r.\u0275nov(l,64).transform(e.recipeState)).recipes[e.id].ingredients)},function(n,l){var e=l.component;n(l,4,0,r.\u0275unv(l,4,0,r.\u0275nov(l,5).transform(e.recipeState)).recipes[e.id].imagePath),n(l,14,0,r.\u0275unv(l,14,0,r.\u0275nov(l,15).transform(e.recipeState)).recipes[e.id].name),n(l,23,0,r.\u0275nov(l,24).isOpen),n(l,52,0,r.\u0275unv(l,52,0,r.\u0275nov(l,53).transform(e.recipeState)).recipes[e.id].description)})}function o(n){return r.\u0275vid(0,[(n()(),r.\u0275eld(0,0,null,null,1,"app-recipe-detail",[],null,null,null,u,m)),r.\u0275did(1,114688,null,0,a.RecipeDetailComponent,[c.ActivatedRoute,c.Router,p.Store],null,null)],function(n,l){n(l,1,0)},null)}var i=e("IZtO"),r=e("OQ0P"),d=e("yv0u"),s=e("O/TX"),a=e("WsQm"),c=e("A7Ap"),p=e("AZ97"),m=r.\u0275crt({encapsulation:0,styles:[i.styles],data:{}});l.RenderType_RecipeDetailComponent=m,l.View_RecipeDetailComponent_0=u,l.View_RecipeDetailComponent_Host_0=o,l.RecipeDetailComponentNgFactory=r.\u0275ccf("app-recipe-detail",a.RecipeDetailComponent,o,{},{},[])},ksMn:function(n,l,e){"use strict";l.styles=[""]},ktxa:function(n,l,e){"use strict";function t(n){return i.\u0275vid(0,[(n()(),i.\u0275eld(0,0,null,null,1,"h3",[],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["Please select a recipe!"]))],null,null)}function u(n){return i.\u0275vid(0,[(n()(),i.\u0275eld(0,0,null,null,1,"app-recipe-start",[],null,null,null,t,d)),i.\u0275did(1,114688,null,0,r.RecipeStartComponent,[],null,null)],function(n,l){n(l,1,0)},null)}var o=e("MiJg"),i=e("OQ0P"),r=e("WXLR"),d=i.\u0275crt({encapsulation:0,styles:[o.styles],data:{}});l.RenderType_RecipeStartComponent=d,l.View_RecipeStartComponent_0=t,l.View_RecipeStartComponent_Host_0=u,l.RecipeStartComponentNgFactory=i.\u0275ccf("app-recipe-start",r.RecipeStartComponent,u,{},{},[])},l0JX:function(n,l){n.exports=require("@angular/animations")},m7Co:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.HomeComponent=function(){function n(){}return n.prototype.ngOnInit=function(){},n}()},mxkr:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.Ingredient=function(n,l){this.name=n,this.amount=l}},nUum:function(n,l,e){"use strict";function t(n){return r.\u0275vid(0,[(n()(),r.\u0275eld(0,0,null,null,1,"button",[["class","btn btn-danger"],["type","button"]],null,[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==n.component.onDelete()&&t),t},null,null)),(n()(),r.\u0275ted(-1,null,["Delete"]))],null,null)}function u(n){return r.\u0275vid(0,[r.\u0275qud(402653184,1,{shoppingListForm:0}),(n()(),r.\u0275eld(1,0,null,null,61,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275eld(3,0,null,null,58,"div",[["class","col-xs-12"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n    "])),(n()(),r.\u0275eld(5,0,null,null,55,"form",[["novalidate",""]],[[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],[[null,"ngSubmit"],[null,"submit"],[null,"reset"]],function(n,l,e){var t=!0,u=n.component;return"submit"===l&&(t=!1!==r.\u0275nov(n,7).onSubmit(e)&&t),"reset"===l&&(t=!1!==r.\u0275nov(n,7).onReset()&&t),"ngSubmit"===l&&(t=!1!==u.onSubmit(r.\u0275nov(n,7))&&t),t},null,null)),r.\u0275did(6,16384,null,0,d.\u0275bf,[],null,null),r.\u0275did(7,4210688,[[1,4],["f",4]],0,d.NgForm,[[8,null],[8,null]],null,{ngSubmit:"ngSubmit"}),r.\u0275prd(2048,null,d.ControlContainer,null,[d.NgForm]),r.\u0275did(9,16384,null,0,d.NgControlStatusGroup,[d.ControlContainer],null,null),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275eld(11,0,null,null,33,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275eld(13,0,null,null,13,"div",[["class","col-sm-5 form-group"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275eld(15,0,null,null,1,"label",[["for","name"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["Name"])),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275eld(18,0,null,null,7,"input",[["class","form-control"],["id","name"],["name","name"],["ngModel",""],["required",""],["type","text"]],[[1,"required",0],[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],[[null,"input"],[null,"blur"],[null,"compositionstart"],[null,"compositionend"]],function(n,l,e){var t=!0;return"input"===l&&(t=!1!==r.\u0275nov(n,19)._handleInput(e.target.value)&&t),"blur"===l&&(t=!1!==r.\u0275nov(n,19).onTouched()&&t),"compositionstart"===l&&(t=!1!==r.\u0275nov(n,19)._compositionStart()&&t),"compositionend"===l&&(t=!1!==r.\u0275nov(n,19)._compositionEnd(e.target.value)&&t),t},null,null)),r.\u0275did(19,16384,null,0,d.DefaultValueAccessor,[r.Renderer2,r.ElementRef,[2,d.COMPOSITION_BUFFER_MODE]],null,null),r.\u0275did(20,16384,null,0,d.RequiredValidator,[],{required:[0,"required"]},null),r.\u0275prd(1024,null,d.NG_VALIDATORS,function(n){return[n]},[d.RequiredValidator]),r.\u0275prd(1024,null,d.NG_VALUE_ACCESSOR,function(n){return[n]},[d.DefaultValueAccessor]),r.\u0275did(23,671744,null,0,d.NgModel,[[2,d.ControlContainer],[2,d.NG_VALIDATORS],[8,null],[2,d.NG_VALUE_ACCESSOR]],{name:[0,"name"],model:[1,"model"]},null),r.\u0275prd(2048,null,d.NgControl,null,[d.NgModel]),r.\u0275did(25,16384,null,0,d.NgControlStatus,[d.NgControl],null,null),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275eld(28,0,null,null,15,"div",[["class","col-sm-2 form-group"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275eld(30,0,null,null,1,"label",[["for","amount"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["Amount"])),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275eld(33,0,null,null,9,"input",[["class","form-control"],["id","amount"],["name","amount"],["ngModel",""],["pattern","^[1-9]+[0-9]*$"],["required",""],["type","number"]],[[1,"required",0],[1,"pattern",0],[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],[[null,"input"],[null,"blur"],[null,"compositionstart"],[null,"compositionend"],[null,"change"]],function(n,l,e){var t=!0;return"input"===l&&(t=!1!==r.\u0275nov(n,34)._handleInput(e.target.value)&&t),"blur"===l&&(t=!1!==r.\u0275nov(n,34).onTouched()&&t),"compositionstart"===l&&(t=!1!==r.\u0275nov(n,34)._compositionStart()&&t),"compositionend"===l&&(t=!1!==r.\u0275nov(n,34)._compositionEnd(e.target.value)&&t),"change"===l&&(t=!1!==r.\u0275nov(n,35).onChange(e.target.value)&&t),"input"===l&&(t=!1!==r.\u0275nov(n,35).onChange(e.target.value)&&t),"blur"===l&&(t=!1!==r.\u0275nov(n,35).onTouched()&&t),t},null,null)),r.\u0275did(34,16384,null,0,d.DefaultValueAccessor,[r.Renderer2,r.ElementRef,[2,d.COMPOSITION_BUFFER_MODE]],null,null),r.\u0275did(35,16384,null,0,d.\u0275bc,[r.Renderer2,r.ElementRef],null,null),r.\u0275did(36,16384,null,0,d.RequiredValidator,[],{required:[0,"required"]},null),r.\u0275did(37,540672,null,0,d.PatternValidator,[],{pattern:[0,"pattern"]},null),r.\u0275prd(1024,null,d.NG_VALIDATORS,function(n,l){return[n,l]},[d.RequiredValidator,d.PatternValidator]),r.\u0275prd(1024,null,d.NG_VALUE_ACCESSOR,function(n,l){return[n,l]},[d.DefaultValueAccessor,d.\u0275bc]),r.\u0275did(40,671744,null,0,d.NgModel,[[2,d.ControlContainer],[2,d.NG_VALIDATORS],[8,null],[2,d.NG_VALUE_ACCESSOR]],{name:[0,"name"],model:[1,"model"]},null),r.\u0275prd(2048,null,d.NgControl,null,[d.NgModel]),r.\u0275did(42,16384,null,0,d.NgControlStatus,[d.NgControl],null,null),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275eld(46,0,null,null,13,"div",[["class","row"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275eld(48,0,null,null,10,"div",[["class","col-xs-12"]],null,null,null,null,null)),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275eld(50,0,null,null,1,"button",[["class","btn btn-success"],["type","submit"]],[[8,"disabled",0]],null,null,null,null)),(n()(),r.\u0275ted(51,null,["",""])),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275and(16777216,null,null,1,null,t)),r.\u0275did(54,16384,null,0,s.NgIf,[r.ViewContainerRef,r.TemplateRef],{ngIf:[0,"ngIf"]},null),(n()(),r.\u0275ted(-1,null,["\n          "])),(n()(),r.\u0275eld(56,0,null,null,1,"button",[["class","btn btn-primary"],["type","button"]],null,[[null,"click"]],function(n,l,e){var t=!0;return"click"===l&&(t=!1!==n.component.onClear()&&t),t},null,null)),(n()(),r.\u0275ted(-1,null,["Clear"])),(n()(),r.\u0275ted(-1,null,["\n        "])),(n()(),r.\u0275ted(-1,null,["\n      "])),(n()(),r.\u0275ted(-1,null,["\n    "])),(n()(),r.\u0275ted(-1,null,["\n  "])),(n()(),r.\u0275ted(-1,null,["\n"]))],function(n,l){var e=l.component;n(l,20,0,""),n(l,23,0,"name",""),n(l,36,0,""),n(l,37,0,"^[1-9]+[0-9]*$"),n(l,40,0,"amount",""),n(l,54,0,e.editMode)},function(n,l){var e=l.component;n(l,5,0,r.\u0275nov(l,9).ngClassUntouched,r.\u0275nov(l,9).ngClassTouched,r.\u0275nov(l,9).ngClassPristine,r.\u0275nov(l,9).ngClassDirty,r.\u0275nov(l,9).ngClassValid,r.\u0275nov(l,9).ngClassInvalid,r.\u0275nov(l,9).ngClassPending),n(l,18,0,r.\u0275nov(l,20).required?"":null,r.\u0275nov(l,25).ngClassUntouched,r.\u0275nov(l,25).ngClassTouched,r.\u0275nov(l,25).ngClassPristine,r.\u0275nov(l,25).ngClassDirty,r.\u0275nov(l,25).ngClassValid,r.\u0275nov(l,25).ngClassInvalid,r.\u0275nov(l,25).ngClassPending),n(l,33,0,r.\u0275nov(l,36).required?"":null,r.\u0275nov(l,37).pattern?r.\u0275nov(l,37).pattern:null,r.\u0275nov(l,42).ngClassUntouched,r.\u0275nov(l,42).ngClassTouched,r.\u0275nov(l,42).ngClassPristine,r.\u0275nov(l,42).ngClassDirty,r.\u0275nov(l,42).ngClassValid,r.\u0275nov(l,42).ngClassInvalid,r.\u0275nov(l,42).ngClassPending),n(l,50,0,!r.\u0275nov(l,7).valid),n(l,51,0,e.editMode?"Update":"Add")})}function o(n){return r.\u0275vid(0,[(n()(),r.\u0275eld(0,0,null,null,1,"app-shopping-edit",[],null,null,null,u,p)),r.\u0275did(1,245760,null,0,a.ShoppingEditComponent,[c.Store],null,null)],function(n,l){n(l,1,0)},null)}var i=e("eZKS"),r=e("OQ0P"),d=e("02xY"),s=e("yv0u"),a=e("G5OU"),c=e("AZ97"),p=r.\u0275crt({encapsulation:0,styles:[i.styles],data:{}});l.RenderType_ShoppingEditComponent=p,l.View_ShoppingEditComponent_0=u,l.View_ShoppingEditComponent_Host_0=o,l.ShoppingEditComponentNgFactory=r.\u0275ccf("app-shopping-edit",a.ShoppingEditComponent,o,{},{},[])},o67W:function(n,l,e){"use strict";l.styles=[""]},"q/yB":function(n,l,e){"use strict";function t(n){return i.\u0275vid(0,[(n()(),i.\u0275eld(0,0,null,null,40,"div",[["class","row"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["\n  "])),(n()(),i.\u0275eld(2,0,null,null,37,"div",[["class","col-xs-12 col-sm-10 col-md-8 col-sm-offset-1 col-md-offset-2"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["\n    "])),(n()(),i.\u0275eld(4,0,null,null,34,"form",[["novalidate",""]],[[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],[[null,"ngSubmit"],[null,"submit"],[null,"reset"]],function(n,l,e){var t=!0,u=n.component;return"submit"===l&&(t=!1!==i.\u0275nov(n,6).onSubmit(e)&&t),"reset"===l&&(t=!1!==i.\u0275nov(n,6).onReset()&&t),"ngSubmit"===l&&(t=!1!==u.onSignup(i.\u0275nov(n,6))&&t),t},null,null)),i.\u0275did(5,16384,null,0,r.\u0275bf,[],null,null),i.\u0275did(6,4210688,[["f",4]],0,r.NgForm,[[8,null],[8,null]],null,{ngSubmit:"ngSubmit"}),i.\u0275prd(2048,null,r.ControlContainer,null,[r.NgForm]),i.\u0275did(8,16384,null,0,r.NgControlStatusGroup,[r.ControlContainer],null,null),(n()(),i.\u0275ted(-1,null,["\n      "])),(n()(),i.\u0275eld(10,0,null,null,11,"div",[["class","form-group"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["\n        "])),(n()(),i.\u0275eld(12,0,null,null,1,"label",[["for","email"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["Mail"])),(n()(),i.\u0275ted(-1,null,["\n        "])),(n()(),i.\u0275eld(15,0,null,null,5,"input",[["class","form-control"],["id","email"],["name","email"],["ngModel",""],["type","email"]],[[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],[[null,"input"],[null,"blur"],[null,"compositionstart"],[null,"compositionend"]],function(n,l,e){var t=!0;return"input"===l&&(t=!1!==i.\u0275nov(n,16)._handleInput(e.target.value)&&t),"blur"===l&&(t=!1!==i.\u0275nov(n,16).onTouched()&&t),"compositionstart"===l&&(t=!1!==i.\u0275nov(n,16)._compositionStart()&&t),"compositionend"===l&&(t=!1!==i.\u0275nov(n,16)._compositionEnd(e.target.value)&&t),t},null,null)),i.\u0275did(16,16384,null,0,r.DefaultValueAccessor,[i.Renderer2,i.ElementRef,[2,r.COMPOSITION_BUFFER_MODE]],null,null),i.\u0275prd(1024,null,r.NG_VALUE_ACCESSOR,function(n){return[n]},[r.DefaultValueAccessor]),i.\u0275did(18,671744,null,0,r.NgModel,[[2,r.ControlContainer],[8,null],[8,null],[2,r.NG_VALUE_ACCESSOR]],{name:[0,"name"],model:[1,"model"]},null),i.\u0275prd(2048,null,r.NgControl,null,[r.NgModel]),i.\u0275did(20,16384,null,0,r.NgControlStatus,[r.NgControl],null,null),(n()(),i.\u0275ted(-1,null,["\n      "])),(n()(),i.\u0275ted(-1,null,["\n      "])),(n()(),i.\u0275eld(23,0,null,null,11,"div",[["class","form-group"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["\n        "])),(n()(),i.\u0275eld(25,0,null,null,1,"label",[["for","password"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["Password"])),(n()(),i.\u0275ted(-1,null,["\n        "])),(n()(),i.\u0275eld(28,0,null,null,5,"input",[["class","form-control"],["id","password"],["name","password"],["ngModel",""],["type","password"]],[[2,"ng-untouched",null],[2,"ng-touched",null],[2,"ng-pristine",null],[2,"ng-dirty",null],[2,"ng-valid",null],[2,"ng-invalid",null],[2,"ng-pending",null]],[[null,"input"],[null,"blur"],[null,"compositionstart"],[null,"compositionend"]],function(n,l,e){var t=!0;return"input"===l&&(t=!1!==i.\u0275nov(n,29)._handleInput(e.target.value)&&t),"blur"===l&&(t=!1!==i.\u0275nov(n,29).onTouched()&&t),"compositionstart"===l&&(t=!1!==i.\u0275nov(n,29)._compositionStart()&&t),"compositionend"===l&&(t=!1!==i.\u0275nov(n,29)._compositionEnd(e.target.value)&&t),t},null,null)),i.\u0275did(29,16384,null,0,r.DefaultValueAccessor,[i.Renderer2,i.ElementRef,[2,r.COMPOSITION_BUFFER_MODE]],null,null),i.\u0275prd(1024,null,r.NG_VALUE_ACCESSOR,function(n){return[n]},[r.DefaultValueAccessor]),i.\u0275did(31,671744,null,0,r.NgModel,[[2,r.ControlContainer],[8,null],[8,null],[2,r.NG_VALUE_ACCESSOR]],{name:[0,"name"],model:[1,"model"]},null),i.\u0275prd(2048,null,r.NgControl,null,[r.NgModel]),i.\u0275did(33,16384,null,0,r.NgControlStatus,[r.NgControl],null,null),(n()(),i.\u0275ted(-1,null,["\n      "])),(n()(),i.\u0275ted(-1,null,["\n      "])),(n()(),i.\u0275eld(36,0,null,null,1,"button",[["class","btn btn-primary"],["type","submit"]],null,null,null,null,null)),(n()(),i.\u0275ted(-1,null,["Sign Up"])),(n()(),i.\u0275ted(-1,null,["\n    "])),(n()(),i.\u0275ted(-1,null,["\n  "])),(n()(),i.\u0275ted(-1,null,["\n"]))],function(n,l){n(l,18,0,"email",""),n(l,31,0,"password","")},function(n,l){n(l,4,0,i.\u0275nov(l,8).ngClassUntouched,i.\u0275nov(l,8).ngClassTouched,i.\u0275nov(l,8).ngClassPristine,i.\u0275nov(l,8).ngClassDirty,i.\u0275nov(l,8).ngClassValid,i.\u0275nov(l,8).ngClassInvalid,i.\u0275nov(l,8).ngClassPending),n(l,15,0,i.\u0275nov(l,20).ngClassUntouched,i.\u0275nov(l,20).ngClassTouched,i.\u0275nov(l,20).ngClassPristine,i.\u0275nov(l,20).ngClassDirty,i.\u0275nov(l,20).ngClassValid,i.\u0275nov(l,20).ngClassInvalid,i.\u0275nov(l,20).ngClassPending),n(l,28,0,i.\u0275nov(l,33).ngClassUntouched,i.\u0275nov(l,33).ngClassTouched,i.\u0275nov(l,33).ngClassPristine,i.\u0275nov(l,33).ngClassDirty,i.\u0275nov(l,33).ngClassValid,i.\u0275nov(l,33).ngClassInvalid,i.\u0275nov(l,33).ngClassPending)})}function u(n){return i.\u0275vid(0,[(n()(),i.\u0275eld(0,0,null,null,1,"app-signup",[],null,null,null,t,a)),i.\u0275did(1,114688,null,0,d.SignupComponent,[s.Store],null,null)],function(n,l){n(l,1,0)},null)}var o=e("GJF7"),i=e("OQ0P"),r=e("02xY"),d=e("VuF5"),s=e("AZ97"),a=i.\u0275crt({encapsulation:0,styles:[o.styles],data:{}});l.RenderType_SignupComponent=a,l.View_SignupComponent_0=t,l.View_SignupComponent_Host_0=u,l.SignupComponentNgFactory=i.\u0275ccf("app-signup",d.SignupComponent,u,{},{},[])},q6lm:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),e("AZ97"),e("QQqw"),l.AuthGuard=function(){function n(n){this.store=n}return n.prototype.canActivate=function(n,l){return this.store.select("auth").take(1).map(function(n){return n.authenticated})},n}()},q7qF:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),e("AZ97");var t=e("aYWT"),u=e("zAtt");l.HeaderComponent=function(){function n(n){this.store=n}return n.prototype.ngOnInit=function(){this.authState=this.store.select("auth")},n.prototype.onSaveData=function(){this.store.dispatch(new u.StoreRecipes)},n.prototype.onFetchData=function(){this.store.dispatch(new u.FetchRecipes)},n.prototype.onLogout=function(){this.store.dispatch(new t.Logout)},n}()},qwPD:function(n,l){n.exports=require("rxjs/observable/fromPromise")},r9NQ:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),e("VuF5"),e("vCLD"),l.AuthRoutingModule=function(){}},srua:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.Recipe=function(n,l,e,t){this.name=n,this.description=l,this.imagePath=e,this.ingredients=t}},vCLD:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),e("AZ97");var t=e("aYWT");l.SigninComponent=function(){function n(n){this.store=n}return n.prototype.ngOnInit=function(){},n.prototype.onSignin=function(n){this.store.dispatch(new t.TrySignin({username:n.value.email,password:n.value.password}))},n}()},vnfH:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),e("0uTX"),e("m7Co"),l.AppRoutingModule=function(){}},vxLh:function(n,l){n.exports=require("firebase")},wQAS:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0});var t=e("vxLh");l.AppComponent=function(){function n(){this.loadedFeature="recipe"}return n.prototype.ngOnInit=function(){t.initializeApp({apiKey:"AIzaSyB_-OMDNvUHDfSOzbpW8uHIxlTF8CaZHZo",authDomain:"my-recipe-book-cb837.firebaseapp.com"})},n.prototype.onNavigate=function(n){this.loadedFeature=n},n}()},wp5R:function(n,l){n.exports=require("@angular/platform-browser")},xzcb:function(n,l,e){"use strict";var t=this&&this.__assign||Object.assign||function(n){for(var l,e=1,t=arguments.length;e<t;e++){l=arguments[e];for(var u in l)Object.prototype.hasOwnProperty.call(l,u)&&(n[u]=l[u])}return n};Object.defineProperty(l,"__esModule",{value:!0});var u=e("zAtt"),o={recipes:[]};l.recipeReducer=function(n,l){switch(void 0===n&&(n=o),l.type){case u.SET_RECIPES:return t({},n,{recipes:l.payload.slice()});case u.ADD_RECIPE:return t({},n,{recipes:n.recipes.concat([l.payload])});case u.UPDATE_RECIPE:var e=t({},n.recipes[l.payload.index],l.payload.newRecipe),i=n.recipes.slice();return i[l.payload.index]=e,t({},n,{recipes:i});case u.DELETE_RECIPE:var r=n.recipes.slice();return r.splice(l.payload,1),t({},n,{recipes:r});default:return n}}},yKBd:function(n,l,e){"use strict";l.styles=["input.ng-invalid.ng-touched[_ngcontent-%COMP%], textare.ng-invalid.ng-touched[_ngcontent-%COMP%]{border:1px solid red}"]},yv0u:function(n,l){n.exports=require("@angular/common")},zAtt:function(n,l,e){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.SET_RECIPES="SET_RECIPES",l.ADD_RECIPE="ADD_RECIPE",l.UPDATE_RECIPE="UPDATE_RECIPE",l.DELETE_RECIPE="DELETE_RECIPE",l.STORE_RECIPES="STORE_RECIPES",l.FETCH_RECIPES="FETCH_RECIPES",l.SetRecipes=function(){return function(n){this.payload=n,this.type=l.SET_RECIPES}}(),l.AddRecipe=function(){return function(n){this.payload=n,this.type=l.ADD_RECIPE}}(),l.UpdateRecipe=function(){return function(n){this.payload=n,this.type=l.UPDATE_RECIPE}}(),l.DeleteRecipe=function(){return function(n){this.payload=n,this.type=l.DELETE_RECIPE}}(),l.StoreRecipes=function(){return function(){this.type=l.STORE_RECIPES}}(),l.FetchRecipes=function(){return function(){this.type=l.FETCH_RECIPES}}()}}));
\ No newline at end of file
diff --git a/dist-server/styles.bundle.css b/dist-server/styles.bundle.css
new file mode 100644
index 0000000..e69de29
diff --git a/package-lock.json b/package-lock.json
index d86861d..c2393fd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -257,6 +257,17 @@
         "tslib": "1.8.0"
       }
     },
+    "@angular/platform-server": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/@angular/platform-server/-/platform-server-5.0.5.tgz",
+      "integrity": "sha1-LryQdrQMFuhSZXwjFh8QzM2VTlo=",
+      "dev": true,
+      "requires": {
+        "domino": "1.0.30",
+        "tslib": "1.8.0",
+        "xhr2": "0.1.4"
+      }
+    },
     "@angular/router": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/@angular/router/-/router-5.0.2.tgz",
@@ -362,6 +373,16 @@
       "integrity": "sha1-w6DFRNYjkqzCgTpCyKDcb1j4aSI=",
       "dev": true
     },
+    "@nguniversal/express-engine": {
+      "version": "5.0.0-beta.5",
+      "resolved": "https://registry.npmjs.org/@nguniversal/express-engine/-/express-engine-5.0.0-beta.5.tgz",
+      "integrity": "sha1-PLwPt/koAS1hJAaBYxWB+wrTJ/U="
+    },
+    "@nguniversal/module-map-ngfactory-loader": {
+      "version": "5.0.0-beta.5",
+      "resolved": "https://registry.npmjs.org/@nguniversal/module-map-ngfactory-loader/-/module-map-ngfactory-loader-5.0.0-beta.5.tgz",
+      "integrity": "sha1-2GSX5wT3AuGhi7yrXdZYYFeUH6U="
+    },
     "@schematics/angular": {
       "version": "0.1.5",
       "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-0.1.5.tgz",
@@ -414,7 +435,6 @@
       "version": "1.3.4",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.4.tgz",
       "integrity": "sha1-hiRnWMfdbSGmR0/whKR0DsBesh8=",
-      "dev": true,
       "requires": {
         "mime-types": "2.1.17",
         "negotiator": "0.6.1"
@@ -991,7 +1011,6 @@
       "version": "1.18.2",
       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.2.tgz",
       "integrity": "sha1-h2eKGdhLR9hZuDGZvVm84iKxBFQ=",
-      "dev": true,
       "requires": {
         "bytes": "3.0.0",
         "content-type": "1.0.4",
@@ -1008,8 +1027,7 @@
         "qs": {
           "version": "6.5.1",
           "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz",
-          "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A==",
-          "dev": true
+          "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A=="
         }
       }
     },
@@ -1192,8 +1210,7 @@
     "bytes": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
-      "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=",
-      "dev": true
+      "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg="
     },
     "cacache": {
       "version": "10.0.1",
@@ -1680,14 +1697,12 @@
     "content-disposition": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
-      "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=",
-      "dev": true
+      "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ="
     },
     "content-type": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
-      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==",
-      "dev": true
+      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA=="
     },
     "convert-source-map": {
       "version": "1.5.0",
@@ -1698,14 +1713,12 @@
     "cookie": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz",
-      "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=",
-      "dev": true
+      "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s="
     },
     "cookie-signature": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
-      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=",
-      "dev": true
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
     },
     "copy-concurrently": {
       "version": "1.0.5",
@@ -2058,7 +2071,6 @@
       "version": "2.6.9",
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
       "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
       "requires": {
         "ms": "2.0.0"
       }
@@ -2143,8 +2155,7 @@
     "depd": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.1.tgz",
-      "integrity": "sha1-V4O04cRZ8G+lyif5kfPQbnoxA1k=",
-      "dev": true
+      "integrity": "sha1-V4O04cRZ8G+lyif5kfPQbnoxA1k="
     },
     "des.js": {
       "version": "1.0.0",
@@ -2159,8 +2170,7 @@
     "destroy": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
-      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=",
-      "dev": true
+      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA="
     },
     "detect-indent": {
       "version": "4.0.0",
@@ -2298,6 +2308,12 @@
         "domelementtype": "1.3.0"
       }
     },
+    "domino": {
+      "version": "1.0.30",
+      "resolved": "https://registry.npmjs.org/domino/-/domino-1.0.30.tgz",
+      "integrity": "sha512-ikq8WiDSkICdkElud317F2Sigc6A3EDpWsxWBwIZqOl95km4p/Vc9Rj98id7qKgsjDmExj0AVM7JOd4bb647Xg==",
+      "dev": true
+    },
     "domutils": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.5.1.tgz",
@@ -2333,8 +2349,7 @@
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
-      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=",
-      "dev": true
+      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
     },
     "ejs": {
       "version": "2.5.7",
@@ -2378,8 +2393,7 @@
     "encodeurl": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.1.tgz",
-      "integrity": "sha1-eePVhlU0aQn+bw9Fpd5oEDspTSA=",
-      "dev": true
+      "integrity": "sha1-eePVhlU0aQn+bw9Fpd5oEDspTSA="
     },
     "end-of-stream": {
       "version": "1.4.0",
@@ -2627,8 +2641,7 @@
     "escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
-      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=",
-      "dev": true
+      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
     },
     "escape-string-regexp": {
       "version": "1.0.5",
@@ -2679,8 +2692,7 @@
     "etag": {
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
-      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=",
-      "dev": true
+      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc="
     },
     "event-emitter": {
       "version": "0.3.5",
@@ -2833,7 +2845,6 @@
       "version": "4.16.2",
       "resolved": "https://registry.npmjs.org/express/-/express-4.16.2.tgz",
       "integrity": "sha1-41xt/i1kt9ygpc1PIXgb4ymeB2w=",
-      "dev": true,
       "requires": {
         "accepts": "1.3.4",
         "array-flatten": "1.1.1",
@@ -2870,14 +2881,12 @@
         "array-flatten": {
           "version": "1.1.1",
           "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
-          "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=",
-          "dev": true
+          "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI="
         },
         "qs": {
           "version": "6.5.1",
           "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz",
-          "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A==",
-          "dev": true
+          "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A=="
         }
       }
     },
@@ -3003,7 +3012,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.0.tgz",
       "integrity": "sha1-zgtoVbRYU+eRsvzGgARtiCU91/U=",
-      "dev": true,
       "requires": {
         "debug": "2.6.9",
         "encodeurl": "1.0.1",
@@ -3108,14 +3116,12 @@
     "forwarded": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz",
-      "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=",
-      "dev": true
+      "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ="
     },
     "fresh": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
-      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=",
-      "dev": true
+      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac="
     },
     "from2": {
       "version": "2.3.0",
@@ -3646,7 +3652,6 @@
       "version": "1.6.2",
       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.2.tgz",
       "integrity": "sha1-CgAsyFcHGSp+eUbO7cERVfYOxzY=",
-      "dev": true,
       "requires": {
         "depd": "1.1.1",
         "inherits": "2.0.3",
@@ -3657,8 +3662,7 @@
         "setprototypeof": {
           "version": "1.0.3",
           "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.0.3.tgz",
-          "integrity": "sha1-ZlZ+NwQ+608E2RvWWMDL77VbjgQ=",
-          "dev": true
+          "integrity": "sha1-ZlZ+NwQ+608E2RvWWMDL77VbjgQ="
         }
       }
     },
@@ -3731,8 +3735,7 @@
     "iconv-lite": {
       "version": "0.4.19",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz",
-      "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ==",
-      "dev": true
+      "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ=="
     },
     "icss-replace-symbols": {
       "version": "1.1.0",
@@ -3855,8 +3858,7 @@
     "inherits": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
-      "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
-      "dev": true
+      "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4="
     },
     "ini": {
       "version": "1.3.4",
@@ -3903,8 +3905,7 @@
     "ipaddr.js": {
       "version": "1.5.2",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.5.2.tgz",
-      "integrity": "sha1-1LUFvemUaYfM8PxY2QEP+WB+P6A=",
-      "dev": true
+      "integrity": "sha1-1LUFvemUaYfM8PxY2QEP+WB+P6A="
     },
     "is-absolute-url": {
       "version": "2.1.0",
@@ -5037,8 +5038,7 @@
     "media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
-      "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=",
-      "dev": true
+      "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g="
     },
     "mem": {
       "version": "1.1.0",
@@ -5080,14 +5080,12 @@
     "merge-descriptors": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
-      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=",
-      "dev": true
+      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E="
     },
     "methods": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
-      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=",
-      "dev": true
+      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4="
     },
     "micromatch": {
       "version": "2.3.11",
@@ -5140,20 +5138,17 @@
     "mime": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz",
-      "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==",
-      "dev": true
+      "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ=="
     },
     "mime-db": {
       "version": "1.30.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.30.0.tgz",
-      "integrity": "sha1-dMZD2i3Z1qRTmZY0ZbJtXKfXHwE=",
-      "dev": true
+      "integrity": "sha1-dMZD2i3Z1qRTmZY0ZbJtXKfXHwE="
     },
     "mime-types": {
       "version": "2.1.17",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.17.tgz",
       "integrity": "sha1-Cdejk/A+mVp5+K+Fe3Cp4KsWVXo=",
-      "dev": true,
       "requires": {
         "mime-db": "1.30.0"
       }
@@ -5261,8 +5256,7 @@
     "ms": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
-      "dev": true
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
     },
     "multicast-dns": {
       "version": "6.2.0",
@@ -5299,8 +5293,7 @@
     "negotiator": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz",
-      "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=",
-      "dev": true
+      "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk="
     },
     "no-case": {
       "version": "2.3.2",
@@ -5674,7 +5667,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
       "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
-      "dev": true,
       "requires": {
         "ee-first": "1.1.1"
       }
@@ -5907,8 +5899,7 @@
     "parseurl": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz",
-      "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=",
-      "dev": true
+      "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M="
     },
     "path-browserify": {
       "version": "0.0.0",
@@ -5952,8 +5943,7 @@
     "path-to-regexp": {
       "version": "0.1.7",
       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
-      "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=",
-      "dev": true
+      "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w="
     },
     "path-type": {
       "version": "1.1.0",
@@ -6803,7 +6793,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.2.tgz",
       "integrity": "sha1-ZXFQT0e7mI7IGAJT+F3X4UlSvew=",
-      "dev": true,
       "requires": {
         "forwarded": "0.1.2",
         "ipaddr.js": "1.5.2"
@@ -6970,14 +6959,12 @@
     "range-parser": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz",
-      "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=",
-      "dev": true
+      "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4="
     },
     "raw-body": {
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.2.tgz",
       "integrity": "sha1-vNYMd9Prk83gBQKVw/N5OJvIj4k=",
-      "dev": true,
       "requires": {
         "bytes": "3.0.0",
         "http-errors": "1.6.2",
@@ -7318,8 +7305,7 @@
     "safe-buffer": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz",
-      "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==",
-      "dev": true
+      "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg=="
     },
     "sass-graph": {
       "version": "2.2.4",
@@ -7459,7 +7445,6 @@
       "version": "0.16.1",
       "resolved": "https://registry.npmjs.org/send/-/send-0.16.1.tgz",
       "integrity": "sha512-ElCLJdJIKPk6ux/Hocwhk7NFHpI3pVm/IZOYWqUmoxcgeyM+MpxHHKhb8QmlJDX1pU6WrgaHBkVNm73Sv7uc2A==",
-      "dev": true,
       "requires": {
         "debug": "2.6.9",
         "depd": "1.1.1",
@@ -7495,7 +7480,6 @@
       "version": "1.13.1",
       "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.1.tgz",
       "integrity": "sha512-hSMUZrsPa/I09VYFJwa627JJkNs0NrfL1Uzuup+GqHfToR2KcsXFymXSV90hoyw3M+msjFuQly+YzIH/q0MGlQ==",
-      "dev": true,
       "requires": {
         "encodeurl": "1.0.1",
         "escape-html": "1.0.3",
@@ -7524,8 +7508,7 @@
     "setprototypeof": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
-      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
-      "dev": true
+      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ=="
     },
     "sha.js": {
       "version": "2.4.9",
@@ -7937,8 +7920,7 @@
     "statuses": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.3.1.tgz",
-      "integrity": "sha1-+vUbnrdKrvOzrPStX2Gr8ky3uT4=",
-      "dev": true
+      "integrity": "sha1-+vUbnrdKrvOzrPStX2Gr8ky3uT4="
     },
     "stdout-stream": {
       "version": "1.4.0",
@@ -8401,7 +8383,6 @@
       "version": "1.6.15",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.15.tgz",
       "integrity": "sha1-yrEPtJCeRByChC6v4a1kbIGARBA=",
-      "dev": true,
       "requires": {
         "media-typer": "0.3.0",
         "mime-types": "2.1.17"
@@ -8533,8 +8514,7 @@
     "unpipe": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
-      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=",
-      "dev": true
+      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw="
     },
     "upper-case": {
       "version": "1.1.3",
@@ -8639,8 +8619,7 @@
     "utils-merge": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
-      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=",
-      "dev": true
+      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM="
     },
     "uuid": {
       "version": "3.1.0",
@@ -8670,8 +8649,7 @@
     "vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
-      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=",
-      "dev": true
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw="
     },
     "vendors": {
       "version": "1.0.1",
@@ -9380,6 +9358,12 @@
       "integrity": "sha1-OS2LotDxw00e4tYw8V0O+2jhBIo=",
       "dev": true
     },
+    "xhr2": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/xhr2/-/xhr2-0.1.4.tgz",
+      "integrity": "sha1-f4dliEdxbbUCYyOBL4GMras4el8=",
+      "dev": true
+    },
     "xml-char-classes": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/xml-char-classes/-/xml-char-classes-1.0.0.tgz",
diff --git a/package.json b/package.json
index b8b46e8..a19616b 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
     "ng": "ng",
     "start": "ng serve",
     "build": "ng build",
+    "build:ssr": "ng build --prod && ng build --prod --app 1 --output-hashing=false",
     "test": "ng test",
     "lint": "ng lint",
     "e2e": "ng e2e"
@@ -25,8 +26,11 @@
     "@ngrx/router-store": "^4.1.1",
     "@ngrx/store": "^4.1.1",
     "@ngrx/store-devtools": "^4.1.1",
+    "@nguniversal/express-engine": "^5.0.0-beta.5",
+    "@nguniversal/module-map-ngfactory-loader": "^5.0.0-beta.5",
     "bootstrap": "^3.3.7",
     "core-js": "^2.4.1",
+    "express": "^4.16.2",
     "firebase": "^4.6.2",
     "rxjs": "^5.5.2",
     "zone.js": "^0.8.14"
@@ -35,6 +39,7 @@
     "@angular/cli": "^1.5.4",
     "@angular/compiler-cli": "^5.0.0",
     "@angular/language-service": "^5.0.0",
+    "@angular/platform-server": "^5.0.5",
     "@types/jasmine": "~2.5.53",
     "@types/jasminewd2": "~2.0.2",
     "@types/node": "~6.0.60",
diff --git a/server.js b/server.js
new file mode 100644
index 0000000..9391a53
--- /dev/null
+++ b/server.js
@@ -0,0 +1,35 @@
+'use strict';
+
+require('zone.js/dist/zone-node');
+require('reflect-metadata');
+
+const express = require('express');
+const ngUniversal = require('@nguniversal/express-engine');
+const { provideModuleMap } = require('@nguniversal/module-map-ngfactory-loader');
+
+const { AppServerModuleNgFactory, LAZY_MODULE_MAP } = require('./dist-server/main.bundle');
+
+function angularRouter(req, res) {
+    res.render('index', {req, res});
+}
+
+const app = express();
+
+app.engine('html', ngUniversal.ngExpressEngine({
+    bootstrap: AppServerModuleNgFactory,
+    providers: [
+        provideModuleMap(LAZY_MODULE_MAP)
+    ]
+}));
+app.set('view engine', 'html');
+app.set('views', 'dist');
+
+app.get('/', angularRouter);
+
+app.use(express.static(`${__dirname}/dist`));
+
+app.get('*', angularRouter);
+
+app.listen(3000, () => {
+    console.log('Listening on port 3000');
+});
\ No newline at end of file
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 0b0b23e..f9361df 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -21,7 +21,7 @@ import { AuthEffects } from './auth/ngrx/auth.effects';
     AppComponent
   ],
   imports: [
-    BrowserModule,
+    BrowserModule.withServerTransition({appId: 'my-recipebook-app'}),
     HttpClientModule,
     AppRoutingModule,
     SharedModule,
diff --git a/src/app/app.server.module.ts b/src/app/app.server.module.ts
new file mode 100644
index 0000000..3c338d3
--- /dev/null
+++ b/src/app/app.server.module.ts
@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { ServerModule } from '@angular/platform-server';
+
+import { AppModule } from "./app.module";
+import { AppComponent } from './app.component';
+
+@NgModule({
+    imports: [
+        AppModule,
+        ServerModule
+    ],
+    bootstrap: [AppComponent]
+})
+export class AppServerModule {}
\ No newline at end of file
diff --git a/src/main.server.ts b/src/main.server.ts
new file mode 100644
index 0000000..7cd4421
--- /dev/null
+++ b/src/main.server.ts
@@ -0,0 +1,4 @@
+import { enableProdMode } from '@angular/core';
+export { AppServerModule } from './app/app.server.module';
+
+enableProdMode()
\ No newline at end of file
diff --git a/src/tsconfig.server.json b/src/tsconfig.server.json
new file mode 100644
index 0000000..61a4a64
--- /dev/null
+++ b/src/tsconfig.server.json
@@ -0,0 +1,17 @@
+{
+    "extends": "../tsconfig.json",
+    "compilerOptions": {
+        "outDir": "../out-tsc/app",
+        "baseUrl": "./",
+        "module": "commonjs",
+        "types": []
+    },
+    "exclude": [
+        "test.ts",
+        "**/*.spec.ts"
+    ],
+    "angularCompilerOptions": {
+        "entryModule": "app/app.server.module#AppServerModule"
+    }
+}
+  
\ No newline at end of file