ng-miam 3.4.6 → 3.5.2

package/fesm2015/ng-miam.js

@@ -1,4 +1,4 @@
-import { InjectionToken, ɵɵdefineInjectable, ɵsetClassMetadata, Injectable, ɵɵinject, Inject, EventEmitter, ApplicationRef, ɵɵelementStart, ɵɵelement, ɵɵelementEnd, ɵɵnextContext, ɵɵproperty, ɵɵpureFunction2, ɵɵadvance, ɵɵsanitizeUrl, ɵɵpureFunction1, ɵɵelementContainerStart, ɵɵnamespaceSVG, ɵɵelementContainerEnd, ɵɵattribute, ɵɵelementContainer, ɵɵtemplate, ɵɵdirectiveInject, ChangeDetectorRef, ɵɵdefineComponent, ɵɵNgOnChangesFeature, ɵɵtemplateRefExtractor, ɵɵreference, Component, ChangeDetectionStrategy, Input, ɵɵtext, ElementRef, ɵɵdefineDirective, ɵɵlistener, Directive, HostListener, ɵɵdefinePipe, Pipe, ɵɵtextInterpolate, ɵɵgetCurrentView, ɵɵrestoreView, ɵɵpipe, ɵɵpipeBind1, ɵɵtextInterpolate1, Output, ɵɵviewQuery, ɵɵqueryRefresh, ɵɵloadQuery, ViewEncapsulation, ViewChild, ɵɵgetInheritedFactory, ɵɵprojection, TemplateRef, ɵɵprojectionDef, ɵɵcontentQuery, ContentChild, ɵɵclassProp, ContentChildren, ɵɵpropertyInterpolate, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule, ɵɵresolveDocument, ɵɵInheritDefinitionFeature, ɵɵtextInterpolate2, ɵɵresolveWindow, ɵɵpipeBind2, ViewChildren, ɵɵstyleProp, ɵɵsanitizeHtml, ɵɵpureFunction3, ɵɵstaticViewQuery, ɵɵsanitizeResourceUrl, ɵɵpureFunction0, Injector, ɵɵsetComponentScope, ComponentFactoryResolver, LOCALE_ID } from '@angular/core';
+import { InjectionToken, ɵɵdefineInjectable, ɵsetClassMetadata, Injectable, ɵɵinject, Inject, EventEmitter, ApplicationRef, ɵɵelementStart, ɵɵelement, ɵɵelementEnd, ɵɵnextContext, ɵɵproperty, ɵɵpureFunction2, ɵɵadvance, ɵɵsanitizeUrl, ɵɵpureFunction1, ɵɵelementContainerStart, ɵɵnamespaceSVG, ɵɵelementContainerEnd, ɵɵattribute, ɵɵelementContainer, ɵɵtemplate, ɵɵdirectiveInject, ChangeDetectorRef, ɵɵdefineComponent, ɵɵNgOnChangesFeature, ɵɵtemplateRefExtractor, ɵɵreference, Component, ChangeDetectionStrategy, Input, ɵɵtext, ElementRef, ɵɵdefineDirective, ɵɵlistener, Directive, HostListener, ɵɵdefinePipe, Pipe, ɵɵtextInterpolate, ɵɵgetCurrentView, ɵɵrestoreView, ɵɵpipe, ɵɵpipeBind1, ɵɵtextInterpolate1, Output, ɵɵviewQuery, ɵɵqueryRefresh, ɵɵloadQuery, ViewEncapsulation, ViewChild, ɵɵgetInheritedFactory, ɵɵprojection, TemplateRef, ɵɵprojectionDef, ɵɵcontentQuery, ContentChild, ɵɵclassProp, ContentChildren, ɵɵpropertyInterpolate, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule, ɵɵresolveDocument, ɵɵInheritDefinitionFeature, ɵɵtextInterpolate2, ɵɵresolveWindow, ɵɵpipeBind2, ViewChildren, ɵɵstyleProp, ɵɵsanitizeHtml, ɵɵpureFunction3, ɵɵsanitizeResourceUrl, ɵɵpureFunction0, Injector, ɵɵsetComponentScope, ComponentFactoryResolver, LOCALE_ID } from '@angular/core';
 import { NgIf, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, NgForOf, NgClass, DatePipe, NgTemplateOutlet, AsyncPipe, CommonModule, TitleCasePipe, NgComponentOutlet, NgPlural, NgPluralCase, UpperCasePipe, LowerCasePipe, JsonPipe, SlicePipe, DecimalPipe, PercentPipe, CurrencyPipe, I18nPluralPipe, I18nSelectPipe, KeyValuePipe, registerLocaleData } from '@angular/common';
 import { Resource, DocumentCollection, Service, DocumentResource, NgxJsonapiModule } from 'ngx-jsonapi';
 import { skipWhile, tap, map, take, switchMap, debounceTime, startWith, catchError, finalize, filter } from 'rxjs/operators';
@@ -211,10 +211,9 @@ class GroceriesListsService extends Service {
                 }
                 info.guests = guests.toString();
             }
-            delete (list.attributes['recipes-ids']);
-            this.saveList(list, openBasket);
+            return this.saveList(list, openBasket);
         }
-        return this.list$;
+        return of(null);
     }
     removeRecipeFromList(recipeId) {
         const list = this.list$.value;
@@ -222,11 +221,10 @@ class GroceriesListsService extends Service {
             list.attributes['recipes-infos'] = list.attributes['recipes-infos'].filter(info => {
                 return info.id !== recipeId;
             });
-            delete (list.attributes['recipes-ids']);
             this.analyticsService.sendEvent('remove-recipe');
-            this.saveList(list);
+            return this.saveList(list);
         }
-        return this.list$;
+        return of(null);
     }
     updateRecipeGuests(recipeId, guests) {
         const list = this.list$.value;
@@ -236,16 +234,15 @@ class GroceriesListsService extends Service {
             });
             recipeInfo.guests = guests;
             this.analyticsService.sendEvent('change-guests');
-            this.saveList(list);
+            this.saveList(list).subscribe();
         }
         return this.list$;
     }
     removeRecipesFromList() {
         const list = this.list$.value;
         list.attributes['recipes-infos'] = [];
-        delete (list.attributes['recipes-ids']);
         this.analyticsService.sendEvent('remove-all-recipes');
-        this.saveList(list);
+        this.saveList(list).subscribe();
         return this.list$;
     }
     addEntriesFromPicture(file, include = []) {
@@ -263,12 +260,12 @@ class GroceriesListsService extends Service {
     }
     saveList(list, openBasket = false) {
         delete (list.attributes['recipes-ids']);
-        list.save().pipe(tap(() => {
+        return list.save().pipe(skipWhile(l => l.is_loading), tap(() => {
             this.list$.next(list);
             if (openBasket) {
                 window.open(`${this.miamBasketURL}/${list.id}`, '_blank');
             }
-        })).subscribe();
+        }));
     }
     assignList(l) {
         // When a CORS error happens the response is a GL with an id equal to the request URL
@@ -766,6 +763,7 @@ class Recipe extends Resource {
             'recipe-steps': new DocumentCollection(),
             'recipe-provider': new DocumentResource(),
             'recipe-status': new DocumentResource(),
+            tags: new DocumentCollection(),
             'recipe-type': new DocumentResource(),
             sponsors: new DocumentCollection(),
             packages: new DocumentCollection()
@@ -1223,7 +1221,7 @@ class Ingredient extends Resource {
             unit: '',
             active: true,
             'forced-eans': [],
-            picture: ''
+            'picture-url': ''
         };
         this.relationships = {
             recipe: new DocumentResource(),
@@ -1240,7 +1238,7 @@ class Ingredient extends Resource {
         }
     }
     get picture() {
-        return this.attributes.picture;
+        return this.attributes['picture-url'];
     }
 }
 
@@ -1508,9 +1506,52 @@ PackageService.ɵprov = ɵɵdefineInjectable({ token: PackageService, factory: P
             }]
     }], function () { return [{ type: HttpClient }, { type: RecipeProviderService }, { type: RecipeStatusService }]; }, null); })();
 
+class Tag extends Resource {
+    constructor() {
+        super(...arguments);
+        this.attributes = {
+            'tag-type-id': '',
+            name: '',
+            'icon-url': '',
+            'picture-url': ''
+        };
+        this.relationships = {
+            recipe: new DocumentResource()
+        };
+    }
+    get tagType() {
+        return this.attributes['tag-type-id'];
+    }
+    get name() {
+        return this.attributes.name;
+    }
+}
+
 const MIAM_API_HOST$2 = `${environment.miamAPI}/api/v1/`;
+class TagsService extends Service {
+    constructor(http) {
+        super();
+        this.http = http;
+        this.resource = Tag;
+        this.type = 'tags';
+        this.register();
+    }
+    autocomplete(searchStr) {
+        return this.http.get(MIAM_API_HOST$2 + `tags/autocomplete/${searchStr}`);
+    }
+}
+TagsService.ɵfac = function TagsService_Factory(t) { return new (t || TagsService)(ɵɵinject(HttpClient)); };
+TagsService.ɵprov = ɵɵdefineInjectable({ token: TagsService, factory: TagsService.ɵfac, providedIn: 'root' });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(TagsService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], function () { return [{ type: HttpClient }]; }, null); })();
+
+const MIAM_API_HOST$3 = `${environment.miamAPI}/api/v1/`;
 class RecipesService extends Service {
-    constructor(http, providerService, statusService, typeService, suppliersService, posService, listsService, ingredientsService, recipeStepsService, recipeEventsService, sponsorService, packageService) {
+    constructor(http, providerService, statusService, typeService, suppliersService, posService, listsService, ingredientsService, recipeStepsService, recipeEventsService, sponsorService, packageService, tagsService) {
         super();
         this.http = http;
         this.providerService = providerService;
@@ -1524,6 +1565,7 @@ class RecipesService extends Service {
         this.recipeEventsService = recipeEventsService;
         this.sponsorService = sponsorService;
         this.packageService = packageService;
+        this.tagsService = tagsService;
         this.resource = Recipe;
         this.type = 'recipes';
         this.displayedRecipe$ = new BehaviorSubject(null);
@@ -1564,7 +1606,7 @@ class RecipesService extends Service {
         return this.all({
             page,
             remotefilter: Object.assign(Object.assign({}, filters), { random: this.randomSeed }),
-            include: ['ingredients', 'recipe-steps', 'recipe-status', 'recipe-type', 'sponsors', 'recipe-provider']
+            include: ['ingredients', 'recipe-steps', 'recipe-status', 'recipe-type', 'sponsors', 'recipe-provider', 'tags']
         }).pipe(skipWhile(result => result.is_loading), map(result => result.data));
     }
     // DEPRECATED / use TTL instead
@@ -1574,7 +1616,9 @@ class RecipesService extends Service {
             return of(recipe);
         }
         else {
-            return this.get(recipeId, { include: ['ingredients', 'recipe-steps', 'recipe-status', 'recipe-type', 'sponsors'] }).pipe(tap(r => this.recipes.push(r)));
+            return this.get(recipeId, {
+                include: ['ingredients', 'recipe-steps', 'recipe-status', 'recipe-type', 'sponsors', 'tags']
+            }).pipe(tap(r => this.recipes.push(r)));
         }
     }
     // Debounce to let enough time for the pos to be defined
@@ -1585,7 +1629,7 @@ class RecipesService extends Service {
             if (results[1]) {
                 supplierFilter = `supplier_id=${results[0].id}&pos_id=${results[1].id}`;
             }
-            const url = MIAM_API_HOST$2 + `recipes/suggestions?${supplierFilter}&include=ingredients,recipe-steps,sponsors,recipe-type`;
+            const url = MIAM_API_HOST$3 + `recipes/suggestions?${supplierFilter}&include=ingredients,recipe-steps,sponsors,recipe-type,tags`;
             return this.http.post(url, body);
         }), map((returnedRecipes) => {
             const recipes = this.newCollection();
@@ -1597,7 +1641,7 @@ class RecipesService extends Service {
         if (!recipeId) {
             return of(null);
         }
-        let url = MIAM_API_HOST$2 + `recipes/${recipeId}/pricing?point_of_sale_id=${posId}`;
+        let url = MIAM_API_HOST$3 + `recipes/${recipeId}/pricing?point_of_sale_id=${posId}`;
         if (serves) {
             url += `&serves=${serves}`;
         }
@@ -1614,7 +1658,7 @@ class RecipesService extends Service {
         if (!recipeId) {
             return;
         }
-        this.get(recipeId, { include: ['ingredients', 'recipe-steps', 'recipe-type', 'sponsors'] })
+        this.get(recipeId, { include: ['ingredients', 'recipe-steps', 'recipe-type', 'sponsors', 'tags'] })
             .pipe(skipWhile(recipe => recipe.is_loading))
             .subscribe(recipe => {
             this.displayObject(recipe, { previewAllowed, guests, previewMode });
@@ -1673,14 +1717,14 @@ class RecipesService extends Service {
         this.randomSeed = Date.now();
     }
 }
-RecipesService.ɵfac = function RecipesService_Factory(t) { return new (t || RecipesService)(ɵɵinject(HttpClient), ɵɵinject(RecipeProviderService), ɵɵinject(RecipeStatusService), ɵɵinject(RecipeTypeService), ɵɵinject(SuppliersService), ɵɵinject(PointOfSalesService), ɵɵinject(GroceriesListsService), ɵɵinject(IngredientsService), ɵɵinject(RecipeStepsService), ɵɵinject(RecipeEventsService), ɵɵinject(SponsorService), ɵɵinject(PackageService)); };
+RecipesService.ɵfac = function RecipesService_Factory(t) { return new (t || RecipesService)(ɵɵinject(HttpClient), ɵɵinject(RecipeProviderService), ɵɵinject(RecipeStatusService), ɵɵinject(RecipeTypeService), ɵɵinject(SuppliersService), ɵɵinject(PointOfSalesService), ɵɵinject(GroceriesListsService), ɵɵinject(IngredientsService), ɵɵinject(RecipeStepsService), ɵɵinject(RecipeEventsService), ɵɵinject(SponsorService), ɵɵinject(PackageService), ɵɵinject(TagsService)); };
 RecipesService.ɵprov = ɵɵdefineInjectable({ token: RecipesService, factory: RecipesService.ɵfac, providedIn: 'root' });
 /*@__PURE__*/ (function () { ɵsetClassMetadata(RecipesService, [{
         type: Injectable,
         args: [{
                 providedIn: 'root'
             }]
-    }], function () { return [{ type: HttpClient }, { type: RecipeProviderService }, { type: RecipeStatusService }, { type: RecipeTypeService }, { type: SuppliersService }, { type: PointOfSalesService }, { type: GroceriesListsService }, { type: IngredientsService }, { type: RecipeStepsService }, { type: RecipeEventsService }, { type: SponsorService }, { type: PackageService }]; }, null); })();
+    }], function () { return [{ type: HttpClient }, { type: RecipeProviderService }, { type: RecipeStatusService }, { type: RecipeTypeService }, { type: SuppliersService }, { type: PointOfSalesService }, { type: GroceriesListsService }, { type: IngredientsService }, { type: RecipeStepsService }, { type: RecipeEventsService }, { type: SponsorService }, { type: PackageService }, { type: TagsService }]; }, null); })();
 
 class GroceriesEntry extends Resource {
     constructor() {
@@ -2145,7 +2189,7 @@ CounterService.ɵprov = ɵɵdefineInjectable({ token: CounterService, factory: C
             }]
     }], function () { return [{ type: ApplicationRef }]; }, null); })();
 
-const MIAM_API_HOST$3 = `${environment.miamAPI}/api/v1/`;
+const MIAM_API_HOST$4 = `${environment.miamAPI}/api/v1/`;
 class RecipeShareService extends Service {
     constructor(http) {
         super();
@@ -2213,7 +2257,7 @@ class RecipeShareService extends Service {
             destination_filters: destinationFilters,
             shareable_filters: shareableFilters
         };
-        const url = MIAM_API_HOST$3 + `recipe-shares/multi`;
+        const url = MIAM_API_HOST$4 + `recipe-shares/multi`;
         return this.http.post(url, body);
     }
 }
@@ -6308,6 +6352,7 @@ class AbstractRecipeCardComponent {
         this.icon = Icon;
         this.skeleton = Skeleton;
         this.isPriceDisplayed = true;
+        this.addButtonLoading = false;
         this.analyticsEventSent = false;
         this.subscriptions = [];
         this.hide = new EventEmitter();
@@ -6316,10 +6361,12 @@ class AbstractRecipeCardComponent {
         this.subscriptions.forEach(sub => sub.unsubscribe());
     }
     addRecipe(display = true) {
+        this.toggleButtonLoader(true);
         forkJoin([
             this.userService.isLogged$.asObservable().pipe(take(1)),
             this.posService.isPosValid().pipe(take(1))
-        ]).subscribe(res => {
+        ])
+            .subscribe(res => {
             const isHookOk = this.contextService.hookCallback(res[0], res[1]);
             if (isHookOk) {
                 this.addRecipeActionOK(display);
@@ -6333,7 +6380,10 @@ class AbstractRecipeCardComponent {
         if (!this.groceriesListsService.list$.value.hasRecipe(this.recipe.id)) {
             this.recipeEventsService.sendEvent(this.recipe, this.recipeEventsService.ACTION_ADDED);
         }
-        this.groceriesListsService.appendRecipeToList(this.recipe.id, this.recipe.modifiedGuests);
+        this.subscriptions.push(this.groceriesListsService.appendRecipeToList(this.recipe.id, this.recipe.modifiedGuests)
+            .subscribe(l => {
+            this.toggleButtonLoader(false);
+        }));
         if (display) {
             this.recipeService.displayObject(this.recipe, { guests: +this.recipe.modifiedGuests, previewMode: true });
         }
@@ -6353,6 +6403,10 @@ class AbstractRecipeCardComponent {
         stopEventPropagation(event);
         // TODO implement
     }
+    toggleButtonLoader(value) {
+        this.addButtonLoading = value;
+        this.cdr.detectChanges();
+    }
     initIngredientsString() {
         var _a;
         this.ingredientsConcatName = '';
@@ -6406,52 +6460,85 @@ AbstractRecipeCardComponent.ɵcmp = ɵɵdefineComponent({ type: AbstractRecipeCa
             type: Output
         }] }); })();
 
+function LoaderComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 2);
+    ɵɵelement(1, "div", 3);
+    ɵɵelementEnd();
+} }
+function LoaderComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "div", 3);
+} }
+class LoaderComponent {
+    constructor() {
+        this.wide = false;
+    }
+}
+LoaderComponent.ɵfac = function LoaderComponent_Factory(t) { return new (t || LoaderComponent)(); };
+LoaderComponent.ɵcmp = ɵɵdefineComponent({ type: LoaderComponent, selectors: [["ng-miam-loader"]], inputs: { wide: "wide" }, decls: 2, vars: 2, consts: [["class", "wide-container", 4, "ngIf"], ["class", "loader", 4, "ngIf"], [1, "wide-container"], [1, "loader"]], template: function LoaderComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵtemplate(0, LoaderComponent_div_0_Template, 2, 0, "div", 0);
+        ɵɵtemplate(1, LoaderComponent_div_1_Template, 1, 0, "div", 1);
+    } if (rf & 2) {
+        ɵɵproperty("ngIf", ctx.wide);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", !ctx.wide);
+    } }, directives: [NgIf], styles: ["[_nghost-%COMP%]{--m-loader-size:var(--miam-loader-sizes,40px);--m-loader-thickness:var(--miam-loader-thickness,5px)}.loader[_ngcontent-%COMP%]{-webkit-animation:spin .5s linear infinite;animation:spin .5s linear infinite;border:var(--m-loader-thickness) solid var(--m-color-grey);border-radius:var(--m-border-radius-circle);border-top:var(--m-loader-thickness) solid var(--m-color-ternary);height:var(--m-loader-size);width:var(--m-loader-size)}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}"] });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(LoaderComponent, [{
+        type: Component,
+        args: [{
+                selector: 'ng-miam-loader',
+                templateUrl: './loader.component.html',
+                styleUrls: ['./loader.component.scss']
+            }]
+    }], function () { return []; }, { wide: [{
+            type: Input
+        }] }); })();
+
 function RecipeCardComponent_div_0_div_4_div_3_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 35);
+    ɵɵelementStart(0, "div", 36);
     ɵɵtext(1, "D\u00E9j\u00E0 ajout\u00E9e");
     ɵɵelementEnd();
 } }
 function RecipeCardComponent_div_0_div_4_div_5_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 36);
-    ɵɵelement(1, "ng-miam-icon", 37);
+    ɵɵelementStart(0, "div", 37);
+    ɵɵelement(1, "ng-miam-icon", 38);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r18 = ɵɵnextContext(3);
+    const ctx_r21 = ɵɵnextContext(3);
     ɵɵadvance(1);
-    ɵɵproperty("iconName", ctx_r18.icon.Video)("width", 100)("height", 100);
+    ɵɵproperty("iconName", ctx_r21.icon.Video)("width", 100)("height", 100);
 } }
 function RecipeCardComponent_div_0_div_4_ng_miam_like_button_7_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-like-button", 38);
+    ɵɵelement(0, "ng-miam-like-button", 39);
 } if (rf & 2) {
-    const ctx_r19 = ɵɵnextContext(3);
-    ɵɵproperty("recipe", ctx_r19.recipe);
+    const ctx_r22 = ɵɵnextContext(3);
+    ɵɵproperty("recipe", ctx_r22.recipe);
 } }
 function RecipeCardComponent_div_0_div_4_img_11_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "img", 39);
+    ɵɵelement(0, "img", 40);
 } if (rf & 2) {
-    const ctx_r20 = ɵɵnextContext(3);
-    ɵɵproperty("src", ctx_r20.recipe.filigraneLogoUrl, ɵɵsanitizeUrl);
+    const ctx_r23 = ɵɵnextContext(3);
+    ɵɵproperty("src", ctx_r23.recipe.filigraneLogoUrl, ɵɵsanitizeUrl);
 } }
 function RecipeCardComponent_div_0_div_4_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 26);
-    ɵɵlistener("click", function RecipeCardComponent_div_0_div_4_Template_div_click_0_listener() { ɵɵrestoreView(_r22); const ctx_r21 = ɵɵnextContext(2); return ctx_r21.openRecipe(); });
-    ɵɵelement(1, "img", 27);
-    ɵɵelement(2, "div", 28);
-    ɵɵtemplate(3, RecipeCardComponent_div_0_div_4_div_3_Template, 2, 0, "div", 29);
+    const _r25 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 27);
+    ɵɵlistener("click", function RecipeCardComponent_div_0_div_4_Template_div_click_0_listener() { ɵɵrestoreView(_r25); const ctx_r24 = ɵɵnextContext(2); return ctx_r24.openRecipe(); });
+    ɵɵelement(1, "img", 28);
+    ɵɵelement(2, "div", 29);
+    ɵɵtemplate(3, RecipeCardComponent_div_0_div_4_div_3_Template, 2, 0, "div", 30);
     ɵɵpipe(4, "async");
-    ɵɵtemplate(5, RecipeCardComponent_div_0_div_4_div_5_Template, 2, 3, "div", 30);
-    ɵɵelementStart(6, "div", 31);
-    ɵɵtemplate(7, RecipeCardComponent_div_0_div_4_ng_miam_like_button_7_Template, 1, 1, "ng-miam-like-button", 32);
+    ɵɵtemplate(5, RecipeCardComponent_div_0_div_4_div_5_Template, 2, 3, "div", 31);
+    ɵɵelementStart(6, "div", 32);
+    ɵɵtemplate(7, RecipeCardComponent_div_0_div_4_ng_miam_like_button_7_Template, 1, 1, "ng-miam-like-button", 33);
     ɵɵpipe(8, "async");
-    ɵɵelementStart(9, "ng-miam-icon", 33);
-    ɵɵlistener("click", function RecipeCardComponent_div_0_div_4_Template_ng_miam_icon_click_9_listener($event) { ɵɵrestoreView(_r22); const ctx_r23 = ɵɵnextContext(2); return ctx_r23.openCalendar($event); });
+    ɵɵelementStart(9, "ng-miam-icon", 34);
+    ɵɵlistener("click", function RecipeCardComponent_div_0_div_4_Template_ng_miam_icon_click_9_listener($event) { ɵɵrestoreView(_r25); const ctx_r26 = ɵɵnextContext(2); return ctx_r26.openCalendar($event); });
     ɵɵelementEnd();
-    ɵɵelementStart(10, "ng-miam-icon", 33);
-    ɵɵlistener("click", function RecipeCardComponent_div_0_div_4_Template_ng_miam_icon_click_10_listener($event) { ɵɵrestoreView(_r22); const ctx_r24 = ɵɵnextContext(2); return ctx_r24.shareRecipe($event); });
+    ɵɵelementStart(10, "ng-miam-icon", 34);
+    ɵɵlistener("click", function RecipeCardComponent_div_0_div_4_Template_ng_miam_icon_click_10_listener($event) { ɵɵrestoreView(_r25); const ctx_r27 = ɵɵnextContext(2); return ctx_r27.shareRecipe($event); });
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵtemplate(11, RecipeCardComponent_div_0_div_4_img_11_Template, 1, 1, "img", 34);
+    ɵɵtemplate(11, RecipeCardComponent_div_0_div_4_img_11_Template, 1, 1, "img", 35);
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r3 = ɵɵnextContext(2);
@@ -6472,19 +6559,19 @@ function RecipeCardComponent_div_0_div_4_Template(rf, ctx) { if (rf & 1) {
     ɵɵproperty("ngIf", ctx_r3.recipe.filigraneLogoUrl);
 } }
 function RecipeCardComponent_div_0_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-skeleton", 40);
+    ɵɵelement(0, "ng-miam-skeleton", 41);
 } if (rf & 2) {
     const ctx_r5 = ɵɵnextContext(2);
     ɵɵproperty("type", ctx_r5.skeleton.Picture);
 } }
 function RecipeCardComponent_div_0_div_8_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = ɵɵgetCurrentView();
+    const _r29 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div");
-    ɵɵelementStart(1, "div", 41);
-    ɵɵlistener("click", function RecipeCardComponent_div_0_div_8_Template_div_click_1_listener() { ɵɵrestoreView(_r26); const ctx_r25 = ɵɵnextContext(2); return ctx_r25.openRecipe(); });
+    ɵɵelementStart(1, "div", 42);
+    ɵɵlistener("click", function RecipeCardComponent_div_0_div_8_Template_div_click_1_listener() { ɵɵrestoreView(_r29); const ctx_r28 = ɵɵnextContext(2); return ctx_r28.openRecipe(); });
     ɵɵtext(2);
     ɵɵelementEnd();
-    ɵɵelementStart(3, "div", 42);
+    ɵɵelementStart(3, "div", 43);
     ɵɵtext(4);
     ɵɵpipe(5, "capitalizeFirstLetter");
     ɵɵelementEnd();
@@ -6497,15 +6584,15 @@ function RecipeCardComponent_div_0_div_8_Template(rf, ctx) { if (rf & 1) {
     ɵɵtextInterpolate(ɵɵpipeBind1(5, 2, ctx_r6.ingredientsConcatName));
 } }
 function RecipeCardComponent_div_0_ng_template_9_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-skeleton", 40);
+    ɵɵelement(0, "ng-miam-skeleton", 41);
 } if (rf & 2) {
     const ctx_r8 = ɵɵnextContext(2);
     ɵɵproperty("type", ctx_r8.skeleton.Text);
 } }
 function RecipeCardComponent_div_0_div_12_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 43);
-    ɵɵelement(1, "ng-miam-icon", 44);
-    ɵɵelementStart(2, "span", 45);
+    ɵɵelementStart(0, "div", 44);
+    ɵɵelement(1, "ng-miam-icon", 45);
+    ɵɵelementStart(2, "span", 46);
     ɵɵtext(3);
     ɵɵelementEnd();
     ɵɵelementEnd();
@@ -6518,43 +6605,43 @@ function RecipeCardComponent_div_0_div_12_Template(rf, ctx) { if (rf & 1) {
 } }
 function RecipeCardComponent_div_0_div_13_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainerStart(0);
-    ɵɵelement(1, "ng-miam-icon", 49);
+    ɵɵelement(1, "ng-miam-icon", 50);
     ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r27 = ɵɵnextContext(3);
+    const ctx_r30 = ɵɵnextContext(3);
     ɵɵadvance(1);
-    ɵɵproperty("width", 32)("height", 16)("iconName", ctx_r27.icon.DifficultyLow);
+    ɵɵproperty("width", 32)("height", 16)("iconName", ctx_r30.icon.DifficultyLow);
 } }
 function RecipeCardComponent_div_0_div_13_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainerStart(0);
-    ɵɵelement(1, "ng-miam-icon", 49);
+    ɵɵelement(1, "ng-miam-icon", 50);
     ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r28 = ɵɵnextContext(3);
+    const ctx_r31 = ɵɵnextContext(3);
     ɵɵadvance(1);
-    ɵɵproperty("width", 32)("height", 16)("iconName", ctx_r28.icon.DifficultyMedium);
+    ɵɵproperty("width", 32)("height", 16)("iconName", ctx_r31.icon.DifficultyMedium);
 } }
 function RecipeCardComponent_div_0_div_13_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainerStart(0);
-    ɵɵelement(1, "ng-miam-icon", 49);
+    ɵɵelement(1, "ng-miam-icon", 50);
     ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r29 = ɵɵnextContext(3);
+    const ctx_r32 = ɵɵnextContext(3);
     ɵɵadvance(1);
-    ɵɵproperty("width", 32)("height", 16)("iconName", ctx_r29.icon.DifficultyHight);
+    ɵɵproperty("width", 32)("height", 16)("iconName", ctx_r32.icon.DifficultyHight);
 } }
 function RecipeCardComponent_div_0_div_13_ng_container_5_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainer(0);
 } }
 function RecipeCardComponent_div_0_div_13_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 43);
-    ɵɵelementContainerStart(1, 46);
-    ɵɵtemplate(2, RecipeCardComponent_div_0_div_13_ng_container_2_Template, 2, 3, "ng-container", 47);
-    ɵɵtemplate(3, RecipeCardComponent_div_0_div_13_ng_container_3_Template, 2, 3, "ng-container", 47);
-    ɵɵtemplate(4, RecipeCardComponent_div_0_div_13_ng_container_4_Template, 2, 3, "ng-container", 47);
-    ɵɵtemplate(5, RecipeCardComponent_div_0_div_13_ng_container_5_Template, 1, 0, "ng-container", 48);
+    ɵɵelementStart(0, "div", 44);
+    ɵɵelementContainerStart(1, 47);
+    ɵɵtemplate(2, RecipeCardComponent_div_0_div_13_ng_container_2_Template, 2, 3, "ng-container", 48);
+    ɵɵtemplate(3, RecipeCardComponent_div_0_div_13_ng_container_3_Template, 2, 3, "ng-container", 48);
+    ɵɵtemplate(4, RecipeCardComponent_div_0_div_13_ng_container_4_Template, 2, 3, "ng-container", 48);
+    ɵɵtemplate(5, RecipeCardComponent_div_0_div_13_ng_container_5_Template, 1, 0, "ng-container", 49);
     ɵɵelementContainerEnd();
-    ɵɵelementStart(6, "span", 45);
+    ɵɵelementStart(6, "span", 46);
     ɵɵtext(7);
     ɵɵelementEnd();
     ɵɵelementEnd();
@@ -6572,29 +6659,29 @@ function RecipeCardComponent_div_0_div_13_Template(rf, ctx) { if (rf & 1) {
     ɵɵtextInterpolate(ctx_r10.recipe == null ? null : ctx_r10.recipe.difficultyLabel);
 } }
 function RecipeCardComponent_div_0_ng_template_14_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-skeleton", 40);
+    ɵɵelement(0, "ng-miam-skeleton", 41);
 } if (rf & 2) {
     const ctx_r12 = ɵɵnextContext(2);
     ɵɵproperty("type", ctx_r12.skeleton == null ? null : ctx_r12.skeleton.IconWithInfo);
 } }
 function RecipeCardComponent_div_0_div_21_div_5_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 54);
+    ɵɵelementStart(0, "div", 55);
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r31 = ɵɵnextContext(3);
+    const ctx_r34 = ɵɵnextContext(3);
     ɵɵadvance(1);
-    ɵɵtextInterpolate1(" + ", ctx_r31.recipe.modifiedIngredients.length - 2, " ");
+    ɵɵtextInterpolate1(" + ", ctx_r34.recipe.modifiedIngredients.length - 2, " ");
 } }
 function RecipeCardComponent_div_0_div_21_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 50);
-    ɵɵelementStart(1, "div", 51);
-    ɵɵelement(2, "img", 52);
+    ɵɵelementStart(0, "div", 51);
+    ɵɵelementStart(1, "div", 52);
+    ɵɵelement(2, "img", 53);
     ɵɵelementEnd();
-    ɵɵelementStart(3, "div", 51);
-    ɵɵelement(4, "img", 52);
+    ɵɵelementStart(3, "div", 52);
+    ɵɵelement(4, "img", 53);
     ɵɵelementEnd();
-    ɵɵtemplate(5, RecipeCardComponent_div_0_div_21_div_5_Template, 2, 1, "div", 53);
+    ɵɵtemplate(5, RecipeCardComponent_div_0_div_21_div_5_Template, 2, 1, "div", 54);
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r13 = ɵɵnextContext(2);
@@ -6606,10 +6693,10 @@ function RecipeCardComponent_div_0_div_21_Template(rf, ctx) { if (rf & 1) {
     ɵɵproperty("ngIf", ctx_r13.recipe.modifiedIngredients.length > 2);
 } }
 function RecipeCardComponent_div_0_div_22_Template(rf, ctx) { if (rf & 1) {
-    const _r33 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 55);
-    ɵɵelementStart(1, "ng-miam-counter-input", 56);
-    ɵɵlistener("counterChange", function RecipeCardComponent_div_0_div_22_Template_ng_miam_counter_input_counterChange_1_listener($event) { ɵɵrestoreView(_r33); const ctx_r32 = ɵɵnextContext(2); return ctx_r32.updateGuests($event); });
+    const _r36 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 56);
+    ɵɵelementStart(1, "ng-miam-counter-input", 57);
+    ɵɵlistener("counterChange", function RecipeCardComponent_div_0_div_22_Template_ng_miam_counter_input_counterChange_1_listener($event) { ɵɵrestoreView(_r36); const ctx_r35 = ɵɵnextContext(2); return ctx_r35.updateGuests($event); });
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
@@ -6618,13 +6705,24 @@ function RecipeCardComponent_div_0_div_22_Template(rf, ctx) { if (rf & 1) {
     ɵɵproperty("counter", ctx_r14.recipe.modifiedGuests);
 } }
 function RecipeCardComponent_div_0_ng_template_23_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-skeleton", 40);
+    ɵɵelement(0, "ng-miam-skeleton", 41);
 } if (rf & 2) {
     const ctx_r16 = ɵɵnextContext(2);
     ɵɵproperty("type", ctx_r16.skeleton == null ? null : ctx_r16.skeleton.IconWithInfo);
 } }
+function RecipeCardComponent_div_0_ng_miam_icon_30_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-icon", 58);
+    ɵɵpipe(1, "async");
+} if (rf & 2) {
+    const ctx_r17 = ɵɵnextContext(2);
+    var tmp_2_0 = null;
+    ɵɵproperty("width", 24)("height", 24)("iconName", ((tmp_2_0 = ɵɵpipeBind1(1, 3, ctx_r17.groceriesListsService.list$)) == null ? null : tmp_2_0.hasRecipe(ctx_r17.recipe == null ? null : ctx_r17.recipe.id)) ? ctx_r17.icon.CheckList : ctx_r17.icon.Cart);
+} }
+function RecipeCardComponent_div_0_ng_template_31_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-loader");
+} }
 function RecipeCardComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r35 = ɵɵgetCurrentView();
+    const _r38 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 2);
     ɵɵelementStart(1, "div", 3);
     ɵɵelementStart(2, "span");
@@ -6645,7 +6743,7 @@ function RecipeCardComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(17, "div", 14);
     ɵɵelementStart(18, "div", 15);
     ɵɵelementStart(19, "div", 16);
-    ɵɵlistener("click", function RecipeCardComponent_div_0_Template_div_click_19_listener() { ɵɵrestoreView(_r35); const ctx_r34 = ɵɵnextContext(); return ctx_r34.toggleHelper(); });
+    ɵɵlistener("click", function RecipeCardComponent_div_0_Template_div_click_19_listener() { ɵɵrestoreView(_r38); const ctx_r37 = ɵɵnextContext(); return ctx_r37.toggleHelper(); });
     ɵɵelement(20, "ng-miam-icon", 17);
     ɵɵelementEnd();
     ɵɵtemplate(21, RecipeCardComponent_div_0_div_21_Template, 6, 3, "div", 18);
@@ -6659,9 +6757,9 @@ function RecipeCardComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementEnd();
     ɵɵelementStart(28, "div");
     ɵɵelementStart(29, "button", 24);
-    ɵɵlistener("click", function RecipeCardComponent_div_0_Template_button_click_29_listener() { ɵɵrestoreView(_r35); const ctx_r36 = ɵɵnextContext(); return ctx_r36.clickPrimary(); });
-    ɵɵelement(30, "ng-miam-icon", 25);
-    ɵɵpipe(31, "async");
+    ɵɵlistener("click", function RecipeCardComponent_div_0_Template_button_click_29_listener() { ɵɵrestoreView(_r38); const ctx_r39 = ɵɵnextContext(); return ctx_r39.clickPrimary(); });
+    ɵɵtemplate(30, RecipeCardComponent_div_0_ng_miam_icon_30_Template, 2, 5, "ng-miam-icon", 25);
+    ɵɵtemplate(31, RecipeCardComponent_div_0_ng_template_31_Template, 1, 0, "ng-template", null, 26, ɵɵtemplateRefExtractor);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
@@ -6673,8 +6771,8 @@ function RecipeCardComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r7 = ɵɵreference(10);
     const _r11 = ɵɵreference(15);
     const _r15 = ɵɵreference(24);
+    const _r18 = ɵɵreference(32);
     const ctx_r0 = ɵɵnextContext();
-    var tmp_20_0 = null;
     ɵɵadvance(3);
     ɵɵtextInterpolate1(" ", ctx_r0.headerText, "");
     ɵɵadvance(1);
@@ -6696,7 +6794,7 @@ function RecipeCardComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(2);
     ɵɵproperty("disabled", !ctx_r0.recipe);
     ɵɵadvance(1);
-    ɵɵproperty("width", 24)("height", 24)("iconName", ((tmp_20_0 = ɵɵpipeBind1(31, 21, ctx_r0.groceriesListsService.list$)) == null ? null : tmp_20_0.hasRecipe(ctx_r0.recipe == null ? null : ctx_r0.recipe.id)) ? ctx_r0.icon.CheckList : ctx_r0.icon.Cart);
+    ɵɵproperty("ngIf", !ctx_r0.addButtonLoading)("ngIfElse", _r18);
 } }
 function RecipeCardComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     ɵɵelement(0, "ng-miam-cors-overlay");
@@ -6763,11 +6861,14 @@ class RecipeCardComponent extends AbstractRecipeCardComponent {
         }
     }
     clickPrimary() {
-        this.primaryButtonClicked$.emit();
-        this.addRecipe();
+        if (!this.addButtonLoading) {
+            const wasAdded = !this.groceriesListsService.list$.value.hasRecipe(this.recipe.id);
+            this.addRecipe();
+            this.primaryButtonClicked$.emit(wasAdded);
+        }
     }
     loadRecipe() {
-        this.recipeService.get(this.recipeId, { include: ['ingredients', 'recipe-steps', 'recipe-status', 'recipe-type', 'sponsors'] }).pipe(skipWhile(result => result.is_loading), catchError(err => {
+        this.recipeService.get(this.recipeId, { include: ['ingredients', 'recipe-steps', 'recipe-status', 'recipe-type', 'sponsors', 'tags'] }).pipe(skipWhile(result => result.is_loading), catchError(err => {
             this.hide.emit();
             return of(err);
         })).subscribe(result => {
@@ -6780,12 +6881,12 @@ class RecipeCardComponent extends AbstractRecipeCardComponent {
     }
 }
 RecipeCardComponent.ɵfac = function RecipeCardComponent_Factory(t) { return new (t || RecipeCardComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(RecipesService), ɵɵdirectiveInject(RecipeEventsService), ɵɵdirectiveInject(GroceriesListsService), ɵɵdirectiveInject(UserService), ɵɵdirectiveInject(PointOfSalesService), ɵɵdirectiveInject(ContextService), ɵɵdirectiveInject(AnalyticsService), ɵɵdirectiveInject(ElementRef)); };
-RecipeCardComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeCardComponent, selectors: [["ng-miam-recipe-card"]], inputs: { recipeId: "recipeId", recipe: "recipe" }, outputs: { removedFromFavorite: "removedFromFavorite", displayed: "displayed", guestsChanged: "guestsChanged" }, features: [ɵɵInheritDefinitionFeature, ɵɵNgOnChangesFeature], decls: 3, vars: 1, consts: [["class", "miam-recipe-card", 4, "ngIf"], ["cors", ""], [1, "miam-recipe-card"], [1, "miam-recipe-card__header"], ["class", "miam-recipe-card__picture", 3, "click", 4, "ngIf", "ngIfElse"], ["pictSkeleton", ""], [1, "miam-recipe-card__attributes"], [4, "ngIf", "ngIfElse"], ["textSkeleton", ""], [1, "miam-recipe-card__attributes__infos"], ["class", "miam-recipe-card__attributes__info  ", 4, "ngIf", "ngIfElse"], ["class", "miam-recipe-card__attributes__info", 4, "ngIf", "ngIfElse"], ["skeletonInfo", ""], [1, "miam-recipe-card__attributes__control"], [1, "miam-recipe-card__control__left__col"], [1, "miam-recipe-card__left__col__custom"], [1, "miam-recipe-card__help", 3, "click"], ["primaryColor", "var(--m-color-primary)", 3, "width", "height", "iconName"], ["class", "miam-recipe-card__ingredients__pictures", 4, "ngIf"], ["class", "miam-recipe-card__left__col__counter", 4, "ngIf", "ngIfElse"], ["skeletoncounter", ""], [1, "miam-recipe-card__control__right__col"], [1, "miam-recipe-card__right__col__price"], [3, "recipe", "serves"], [1, "m-button-fab-primary", 3, "disabled", "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-recipe-card__picture", 3, "click"], ["loading", "lazy", 3, "src"], [1, "miam-recipe-card__picture__gradient"], ["class", "miam-recipe-card__picture__tag", 4, "ngIf"], ["class", "miam-recipe-card__picture__video", 4, "ngIf"], [1, "miam-recipe-card__picture__actions"], ["class", "miam-recipe-card__actions__icon miam-noPadding", 3, "recipe", 4, "ngIf"], ["primaryColor", "var(--m-color-primary)", 1, "miam-recipe-card__actions__icon", 3, "iconName", "click"], ["class", "miam-recipe-card__picture__sponsor", 3, "src", 4, "ngIf"], [1, "miam-recipe-card__picture__tag"], [1, "miam-recipe-card__picture__video"], ["primaryColor", "var(--m-color-primary)", 3, "iconName", "width", "height"], [1, "miam-recipe-card__actions__icon", "miam-noPadding", 3, "recipe"], [1, "miam-recipe-card__picture__sponsor", 3, "src"], [3, "type"], [1, "miam-recipe-card__attributes__title", 3, "click"], [1, "miam-recipe-card__attributes__ingredients"], [1, "miam-recipe-card__attributes__info"], [3, "iconName"], [1, "miam-recipe-card__info__label"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], ["primaryColor", "var(--m-color-secondary)", 3, "width", "height", "iconName"], [1, "miam-recipe-card__ingredients__pictures"], [1, "miam-recipe-card__ingredients__picture"], [3, "src"], ["class", "miam-recipe-card__ingredients__more", 4, "ngIf"], [1, "miam-recipe-card__ingredients__more"], [1, "miam-recipe-card__left__col__counter"], [3, "counter", "counterChange"]], template: function RecipeCardComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵtemplate(0, RecipeCardComponent_div_0_Template, 32, 23, "div", 0);
+RecipeCardComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeCardComponent, selectors: [["ng-miam-recipe-card"]], inputs: { recipeId: "recipeId", recipe: "recipe" }, outputs: { removedFromFavorite: "removedFromFavorite", displayed: "displayed", guestsChanged: "guestsChanged" }, features: [ɵɵInheritDefinitionFeature, ɵɵNgOnChangesFeature], decls: 3, vars: 1, consts: [["class", "miam-recipe-card", 4, "ngIf"], ["cors", ""], [1, "miam-recipe-card"], [1, "miam-recipe-card__header"], ["class", "miam-recipe-card__picture", 3, "click", 4, "ngIf", "ngIfElse"], ["pictSkeleton", ""], [1, "miam-recipe-card__attributes"], [4, "ngIf", "ngIfElse"], ["textSkeleton", ""], [1, "miam-recipe-card__attributes__infos"], ["class", "miam-recipe-card__attributes__info  ", 4, "ngIf", "ngIfElse"], ["class", "miam-recipe-card__attributes__info", 4, "ngIf", "ngIfElse"], ["skeletonInfo", ""], [1, "miam-recipe-card__attributes__control"], [1, "miam-recipe-card__control__left__col"], [1, "miam-recipe-card__left__col__custom"], [1, "miam-recipe-card__help", 3, "click"], ["primaryColor", "var(--m-color-primary)", 3, "width", "height", "iconName"], ["class", "miam-recipe-card__ingredients__pictures", 4, "ngIf"], ["class", "miam-recipe-card__left__col__counter", 4, "ngIf", "ngIfElse"], ["skeletoncounter", ""], [1, "miam-recipe-card__control__right__col"], [1, "miam-recipe-card__right__col__price"], [3, "recipe", "serves"], [1, "m-button-fab-primary", 3, "disabled", "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName", 4, "ngIf", "ngIfElse"], ["addLoader", ""], [1, "miam-recipe-card__picture", 3, "click"], ["loading", "lazy", 3, "src"], [1, "miam-recipe-card__picture__gradient"], ["class", "miam-recipe-card__picture__tag", 4, "ngIf"], ["class", "miam-recipe-card__picture__video", 4, "ngIf"], [1, "miam-recipe-card__picture__actions"], ["class", "miam-recipe-card__actions__icon miam-noPadding", 3, "recipe", 4, "ngIf"], ["primaryColor", "var(--m-color-primary)", 1, "miam-recipe-card__actions__icon", 3, "iconName", "click"], ["class", "miam-recipe-card__picture__sponsor", 3, "src", 4, "ngIf"], [1, "miam-recipe-card__picture__tag"], [1, "miam-recipe-card__picture__video"], ["primaryColor", "var(--m-color-primary)", 3, "iconName", "width", "height"], [1, "miam-recipe-card__actions__icon", "miam-noPadding", 3, "recipe"], [1, "miam-recipe-card__picture__sponsor", 3, "src"], [3, "type"], [1, "miam-recipe-card__attributes__title", 3, "click"], [1, "miam-recipe-card__attributes__ingredients"], [1, "miam-recipe-card__attributes__info"], [3, "iconName"], [1, "miam-recipe-card__info__label"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], ["primaryColor", "var(--m-color-secondary)", 3, "width", "height", "iconName"], [1, "miam-recipe-card__ingredients__pictures"], [1, "miam-recipe-card__ingredients__picture"], [3, "src"], ["class", "miam-recipe-card__ingredients__more", 4, "ngIf"], [1, "miam-recipe-card__ingredients__more"], [1, "miam-recipe-card__left__col__counter"], [3, "counter", "counterChange"], ["primaryColor", "#fff", 3, "width", "height", "iconName"]], template: function RecipeCardComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵtemplate(0, RecipeCardComponent_div_0_Template, 33, 20, "div", 0);
         ɵɵtemplate(1, RecipeCardComponent_ng_template_1_Template, 1, 0, "ng-template", null, 1, ɵɵtemplateRefExtractor);
     } if (rf & 2) {
         ɵɵproperty("ngIf", ctx.isloaded);
-    } }, directives: [NgIf, IconComponent, RecipePricingComponent, LikeButtonComponent, SkeletonComponent, NgSwitch, NgSwitchCase, NgSwitchDefault, CounterInputComponent, CORSOverlayComponent], pipes: [AsyncPipe, CapitalizeFirstLetterPipe], styles: [".miam-flex-column,.miam-recipe-card .miam-recipe-card__attributes,.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions{display:flex;flex-direction:column;justify-content:space-around}.miam-flex-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:auto}.miam-recipe-card{background-color:var(--m-color-white);border-radius:var(--m-border-radius);box-shadow:var(--m-shadow-small);display:flex;flex-direction:column;height:100%;min-height:470px;position:relative;width:320px}.miam-recipe-card .miam-recipe-card__header{display:none}.miam-recipe-card .miam-recipe-card__picture{-webkit-tap-highlight-color:transparent;cursor:pointer;height:240px;position:relative}.miam-recipe-card .miam-recipe-card__picture img{-o-object-fit:cover;object-fit:cover;transition:var(--m-default-transition);z-index:var(--m-z-index-position-absolute-low)}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__gradient,.miam-recipe-card .miam-recipe-card__picture img{border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);height:100%;position:absolute;width:100%}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__gradient{background:linear-gradient(180deg,transparent 57.92%,rgba(0,0,0,.75) 100%,rgba(0,0,0,.75) 0);content:\"\"}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__video{left:calc(50% - 50px);position:absolute;top:calc(50% - 50px)}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__tag{background-color:var(--m-color-primary-light);border-radius:5px;bottom:16px;color:var(--m-color-primary);font-weight:500;left:16px;padding:8px;position:absolute;text-transform:uppercase}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions{position:absolute;right:16px;top:8px;z-index:var(--m-z-index-position-absolute-high)}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions .miam-recipe-card__actions__icon{-o-object-fit:contain;background-color:var(--m-color-white);border-radius:var(--m-border-radius-circle);box-shadow:var(--m-shadow-small);margin:0 0 16px;object-fit:contain;padding:8px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions .miam-recipe-card__actions__icon .icon-container{margin:0}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions .miam-recipe-card__actions__icon.miam-noPadding{padding:0}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__sponsor{-o-object-fit:contain;bottom:16px;height:auto;max-height:72px;max-width:96px;object-fit:contain;position:absolute;right:16px;width:auto}.miam-recipe-card .miam-recipe-card__attributes{flex:1 1;justify-content:space-between;padding:8px 16px 16px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-tap-highlight-color:transparent;color:var(--m-color-slate);cursor:pointer;display:-webkit-box;font-size:20px;font-weight:700;font-weight:500;letter-spacing:normal;line-height:30;line-height:1.5;margin:0 8px 8px 0;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:var(--m-default-transition)}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__title:hover{color:var(--m-color-primary);text-decoration:underline}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__ingredients{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:var(--m-color-grey-text);display:-webkit-box;font-size:14px;font-weight:300;overflow:hidden;text-overflow:ellipsis}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__infos{display:flex;flex-direction:row;padding:8px 0}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__infos .miam-recipe-card__attributes__info{display:flex;flex-direction:row;margin:0 16px 0 0}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__infos .miam-recipe-card__attributes__info .miam-recipe-card__info__label{font-size:14px;margin-left:8px;text-transform:capitalize}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control{align-items:center;display:flex;justify-content:space-between}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col{display:flex;flex-direction:column-reverse}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__counter{align-items:center;display:flex}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__counter ng-miam-counter-input .miam-counter-input__icon{margin-right:8px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__custom{align-items:flex-end;display:flex;height:48px;justify-content:flex-start}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__custom .icon-container{cursor:pointer}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col{align-items:center;display:flex;flex-direction:column;min-width:60px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col .miam-recipe-card__right__col__price{height:48px}@media (max-width:1023px){.miam-recipe-card{min-height:unset}.miam-recipe-card .miam-recipe-card__picture{height:164px}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__gradient{background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2))}.miam-recipe-card .miam-recipe-card__attributes{padding:8px 16px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__title{color:#fff;font-weight:700;height:72px;margin-left:calc(15% - 16px);position:absolute;text-align:center;top:52px;width:70%}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__ingredients{display:none}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col{flex-direction:row;justify-content:space-between;width:100%}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__counter{align-items:flex-end;padding-bottom:4px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col{margin-top:12px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col .miam-recipe-card__right__col__price{height:48px;position:absolute;top:172px}}"], encapsulation: 2, changeDetection: 0 });
+    } }, directives: [NgIf, IconComponent, RecipePricingComponent, LikeButtonComponent, SkeletonComponent, NgSwitch, NgSwitchCase, NgSwitchDefault, CounterInputComponent, LoaderComponent, CORSOverlayComponent], pipes: [AsyncPipe, CapitalizeFirstLetterPipe], styles: [".miam-flex-column,.miam-recipe-card .miam-recipe-card__attributes,.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions{display:flex;flex-direction:column;justify-content:space-around}.miam-flex-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:auto}.miam-recipe-card{background-color:var(--m-color-white);border-radius:var(--m-border-radius);box-shadow:var(--m-shadow-small);display:flex;flex-direction:column;height:100%;min-height:470px;position:relative;width:320px}.miam-recipe-card .miam-recipe-card__header{display:none}.miam-recipe-card .miam-recipe-card__picture{-webkit-tap-highlight-color:transparent;cursor:pointer;height:240px;position:relative}.miam-recipe-card .miam-recipe-card__picture img{-o-object-fit:cover;object-fit:cover;transition:var(--m-default-transition);z-index:var(--m-z-index-position-absolute-low)}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__gradient,.miam-recipe-card .miam-recipe-card__picture img{border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);height:100%;position:absolute;width:100%}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__gradient{background:linear-gradient(180deg,transparent 57.92%,rgba(0,0,0,.75) 100%,rgba(0,0,0,.75) 0);content:\"\"}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__video{left:calc(50% - 50px);position:absolute;top:calc(50% - 50px)}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__tag{background-color:var(--m-color-primary-light);border-radius:5px;bottom:16px;color:var(--m-color-primary);font-weight:500;left:16px;padding:8px;position:absolute;text-transform:uppercase}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions{position:absolute;right:16px;top:8px;z-index:var(--m-z-index-position-absolute-high)}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions .miam-recipe-card__actions__icon{-o-object-fit:contain;background-color:var(--m-color-white);border-radius:var(--m-border-radius-circle);box-shadow:var(--m-shadow-small);margin:0 0 16px;object-fit:contain;padding:8px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions .miam-recipe-card__actions__icon .icon-container{margin:0}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions .miam-recipe-card__actions__icon.miam-noPadding{padding:0}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__sponsor{-o-object-fit:contain;bottom:16px;height:auto;max-height:72px;max-width:96px;object-fit:contain;position:absolute;right:16px;width:auto}.miam-recipe-card .miam-recipe-card__attributes{flex:1 1;justify-content:space-between;padding:8px 16px 16px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-tap-highlight-color:transparent;color:var(--m-color-slate);cursor:pointer;display:-webkit-box;font-size:20px;font-weight:700;font-weight:500;letter-spacing:normal;line-height:30;line-height:1.5;margin:0 8px 8px 0;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:var(--m-default-transition)}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__title:hover{color:var(--m-color-primary);text-decoration:underline}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__ingredients{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:var(--m-color-grey-text);display:-webkit-box;font-size:14px;font-weight:300;overflow:hidden;text-overflow:ellipsis}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__infos{display:flex;flex-direction:row;padding:8px 0}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__infos .miam-recipe-card__attributes__info{display:flex;flex-direction:row;margin:0 16px 0 0}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__infos .miam-recipe-card__attributes__info .miam-recipe-card__info__label{font-size:14px;margin-left:8px;text-transform:capitalize}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control{align-items:center;display:flex;justify-content:space-between}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col{display:flex;flex-direction:column-reverse}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__counter{align-items:center;display:flex}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__counter ng-miam-counter-input .miam-counter-input__icon{margin-right:8px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__custom{align-items:flex-end;display:flex;height:48px;justify-content:flex-start}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__custom .icon-container{cursor:pointer}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col{align-items:center;display:flex;flex-direction:column;min-width:60px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col .miam-recipe-card__right__col__price{height:48px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col button .loader{border:var(--m-loader-thickness) solid transparent;border-top:var(--m-loader-thickness) solid var(--m-color-white);height:24px;width:24px}@media (max-width:1023px){.miam-recipe-card{min-height:unset}.miam-recipe-card .miam-recipe-card__picture{height:164px}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__gradient{background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2))}.miam-recipe-card .miam-recipe-card__attributes{padding:8px 16px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__title{color:#fff;font-weight:700;height:72px;margin-left:calc(15% - 16px);position:absolute;text-align:center;top:52px;width:70%}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__ingredients{display:none}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col{flex-direction:row;justify-content:space-between;width:100%}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__counter{align-items:flex-end;padding-bottom:4px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col{margin-top:12px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col .miam-recipe-card__right__col__price{height:48px;position:absolute;top:172px}}"], encapsulation: 2, changeDetection: 0 });
 /*@__PURE__*/ (function () { ɵsetClassMetadata(RecipeCardComponent, [{
         type: Component,
         args: [{
@@ -6831,77 +6932,77 @@ RecipeCardComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeCardComponent, sel
 const _c0$a = ["miamMoreActions"];
 function CatalogRecipeCardComponent_div_4_div_3_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div");
-    ɵɵelement(1, "img", 33);
+    ɵɵelement(1, "img", 34);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r14 = ɵɵnextContext(2);
+    const ctx_r17 = ɵɵnextContext(2);
     ɵɵadvance(1);
-    ɵɵproperty("src", ctx_r14.recipe.filigraneLogoUrl, ɵɵsanitizeUrl);
+    ɵɵproperty("src", ctx_r17.recipe.filigraneLogoUrl, ɵɵsanitizeUrl);
 } }
 function CatalogRecipeCardComponent_div_4_div_5_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 34);
-    ɵɵelement(1, "ng-miam-icon", 35);
+    ɵɵelementStart(0, "div", 35);
+    ɵɵelement(1, "ng-miam-icon", 36);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r15 = ɵɵnextContext(2);
+    const ctx_r18 = ɵɵnextContext(2);
     ɵɵadvance(1);
-    ɵɵproperty("iconName", ctx_r15.icon.Video)("width", 80)("height", 80);
+    ɵɵproperty("iconName", ctx_r18.icon.Video)("width", 80)("height", 80);
 } }
 function CatalogRecipeCardComponent_div_4_div_6_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 36);
+    ɵɵelementStart(0, "div", 37);
     ɵɵtext(1, "D\u00E9j\u00E0 ajout\u00E9e");
     ɵɵelementEnd();
 } }
 function CatalogRecipeCardComponent_div_4_ng_container_8_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = ɵɵgetCurrentView();
+    const _r26 = ɵɵgetCurrentView();
     ɵɵelementContainerStart(0);
-    ɵɵelementStart(1, "div", 37);
-    ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_ng_container_8_Template_div_click_1_listener() { ɵɵrestoreView(_r23); const ctx_r22 = ɵɵnextContext(2); return ctx_r22.openRecipe(); });
+    ɵɵelementStart(1, "div", 38);
+    ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_ng_container_8_Template_div_click_1_listener() { ɵɵrestoreView(_r26); const ctx_r25 = ɵɵnextContext(2); return ctx_r25.openRecipe(); });
     ɵɵtext(2);
     ɵɵelementEnd();
     ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r17 = ɵɵnextContext(2);
+    const ctx_r20 = ɵɵnextContext(2);
     ɵɵadvance(2);
-    ɵɵtextInterpolate1(" ", ctx_r17.recipe == null ? null : ctx_r17.recipe.attributes["title"], " ");
+    ɵɵtextInterpolate1(" ", ctx_r20.recipe == null ? null : ctx_r20.recipe.attributes["title"], " ");
 } }
 function CatalogRecipeCardComponent_div_4_ng_template_9_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-skeleton", 38);
+    ɵɵelement(0, "ng-miam-skeleton", 39);
 } if (rf & 2) {
-    const ctx_r19 = ɵɵnextContext(2);
-    ɵɵproperty("type", ctx_r19.skeleton.Text);
+    const ctx_r22 = ɵɵnextContext(2);
+    ɵɵproperty("type", ctx_r22.skeleton.Text);
 } }
 function CatalogRecipeCardComponent_div_4_ng_miam_like_button_12_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-like-button", 39);
+    ɵɵelement(0, "ng-miam-like-button", 40);
 } if (rf & 2) {
-    const ctx_r20 = ɵɵnextContext(2);
-    ɵɵproperty("recipe", ctx_r20.recipe);
+    const ctx_r23 = ɵɵnextContext(2);
+    ɵɵproperty("recipe", ctx_r23.recipe);
 } }
 function CatalogRecipeCardComponent_div_4_Template(rf, ctx) { if (rf & 1) {
-    const _r25 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 20);
-    ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_Template_div_click_0_listener() { ɵɵrestoreView(_r25); const ctx_r24 = ɵɵnextContext(); return ctx_r24.openRecipe(); });
-    ɵɵelementStart(1, "div", 21);
-    ɵɵelement(2, "img", 22);
-    ɵɵtemplate(3, CatalogRecipeCardComponent_div_4_div_3_Template, 2, 1, "div", 23);
+    const _r28 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 21);
+    ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_Template_div_click_0_listener() { ɵɵrestoreView(_r28); const ctx_r27 = ɵɵnextContext(); return ctx_r27.openRecipe(); });
+    ɵɵelementStart(1, "div", 22);
+    ɵɵelement(2, "img", 23);
+    ɵɵtemplate(3, CatalogRecipeCardComponent_div_4_div_3_Template, 2, 1, "div", 24);
     ɵɵpipe(4, "async");
     ɵɵelementEnd();
-    ɵɵtemplate(5, CatalogRecipeCardComponent_div_4_div_5_Template, 2, 3, "div", 24);
-    ɵɵtemplate(6, CatalogRecipeCardComponent_div_4_div_6_Template, 2, 0, "div", 25);
+    ɵɵtemplate(5, CatalogRecipeCardComponent_div_4_div_5_Template, 2, 3, "div", 25);
+    ɵɵtemplate(6, CatalogRecipeCardComponent_div_4_div_6_Template, 2, 0, "div", 26);
     ɵɵpipe(7, "async");
-    ɵɵtemplate(8, CatalogRecipeCardComponent_div_4_ng_container_8_Template, 3, 1, "ng-container", 26);
-    ɵɵtemplate(9, CatalogRecipeCardComponent_div_4_ng_template_9_Template, 1, 1, "ng-template", null, 27, ɵɵtemplateRefExtractor);
-    ɵɵelementStart(11, "div", 28);
-    ɵɵtemplate(12, CatalogRecipeCardComponent_div_4_ng_miam_like_button_12_Template, 1, 1, "ng-miam-like-button", 29);
+    ɵɵtemplate(8, CatalogRecipeCardComponent_div_4_ng_container_8_Template, 3, 1, "ng-container", 27);
+    ɵɵtemplate(9, CatalogRecipeCardComponent_div_4_ng_template_9_Template, 1, 1, "ng-template", null, 28, ɵɵtemplateRefExtractor);
+    ɵɵelementStart(11, "div", 29);
+    ɵɵtemplate(12, CatalogRecipeCardComponent_div_4_ng_miam_like_button_12_Template, 1, 1, "ng-miam-like-button", 30);
     ɵɵpipe(13, "async");
-    ɵɵelementStart(14, "div", 30, 31);
-    ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_Template_div_click_14_listener($event) { ɵɵrestoreView(_r25); const ctx_r26 = ɵɵnextContext(); return ctx_r26.toggleMoreActions($event); });
-    ɵɵelement(16, "ng-miam-icon", 32);
+    ɵɵelementStart(14, "div", 31, 32);
+    ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_Template_div_click_14_listener($event) { ɵɵrestoreView(_r28); const ctx_r29 = ɵɵnextContext(); return ctx_r29.toggleMoreActions($event); });
+    ɵɵelement(16, "ng-miam-icon", 33);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const _r18 = ɵɵreference(10);
+    const _r21 = ɵɵreference(10);
     const ctx_r0 = ɵɵnextContext();
     var tmp_1_0 = null;
     var tmp_3_0 = null;
@@ -6914,23 +7015,23 @@ function CatalogRecipeCardComponent_div_4_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("ngIf", (tmp_3_0 = ɵɵpipeBind1(7, 10, ctx_r0.groceriesListsService.list$)) == null ? null : tmp_3_0.hasRecipe(ctx_r0.recipe == null ? null : ctx_r0.recipe.id));
     ɵɵadvance(2);
-    ɵɵproperty("ngIf", ctx_r0.recipe)("ngIfElse", _r18);
+    ɵɵproperty("ngIf", ctx_r0.recipe)("ngIfElse", _r21);
     ɵɵadvance(4);
     ɵɵproperty("ngIf", ɵɵpipeBind1(13, 12, ctx_r0.userService.isLogged$));
     ɵɵadvance(4);
     ɵɵproperty("iconName", ctx_r0.actionsOpened ? ctx_r0.icon.Clear : ctx_r0.icon.HorizontalDots);
 } }
 function CatalogRecipeCardComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-skeleton", 38);
+    ɵɵelement(0, "ng-miam-skeleton", 39);
 } if (rf & 2) {
     const ctx_r2 = ɵɵnextContext();
     ɵɵproperty("type", ctx_r2.skeleton.Picture);
 } }
 function CatalogRecipeCardComponent_div_10_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 40);
-    ɵɵelementStart(1, "ng-miam-counter-input", 41);
-    ɵɵlistener("counterChange", function CatalogRecipeCardComponent_div_10_Template_ng_miam_counter_input_counterChange_1_listener($event) { ɵɵrestoreView(_r28); const ctx_r27 = ɵɵnextContext(); return ctx_r27.updateGuests($event); });
+    const _r31 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 41);
+    ɵɵelementStart(1, "ng-miam-counter-input", 42);
+    ɵɵlistener("counterChange", function CatalogRecipeCardComponent_div_10_Template_ng_miam_counter_input_counterChange_1_listener($event) { ɵɵrestoreView(_r31); const ctx_r30 = ɵɵnextContext(); return ctx_r30.updateGuests($event); });
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
@@ -6939,23 +7040,23 @@ function CatalogRecipeCardComponent_div_10_Template(rf, ctx) { if (rf & 1) {
     ɵɵproperty("counter", ctx_r3.recipe.modifiedGuests);
 } }
 function CatalogRecipeCardComponent_div_11_div_5_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 46);
+    ɵɵelementStart(0, "div", 47);
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r29 = ɵɵnextContext(2);
+    const ctx_r32 = ɵɵnextContext(2);
     ɵɵadvance(1);
-    ɵɵtextInterpolate1(" + ", ctx_r29.recipe.modifiedIngredients.length - 2, " ");
+    ɵɵtextInterpolate1(" + ", ctx_r32.recipe.modifiedIngredients.length - 2, " ");
 } }
 function CatalogRecipeCardComponent_div_11_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 42);
-    ɵɵelementStart(1, "div", 43);
-    ɵɵelement(2, "img", 44);
+    ɵɵelementStart(0, "div", 43);
+    ɵɵelementStart(1, "div", 44);
+    ɵɵelement(2, "img", 45);
     ɵɵelementEnd();
-    ɵɵelementStart(3, "div", 43);
-    ɵɵelement(4, "img", 44);
+    ɵɵelementStart(3, "div", 44);
+    ɵɵelement(4, "img", 45);
     ɵɵelementEnd();
-    ɵɵtemplate(5, CatalogRecipeCardComponent_div_11_div_5_Template, 2, 1, "div", 45);
+    ɵɵtemplate(5, CatalogRecipeCardComponent_div_11_div_5_Template, 2, 1, "div", 46);
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r4 = ɵɵnextContext();
@@ -6967,44 +7068,55 @@ function CatalogRecipeCardComponent_div_11_Template(rf, ctx) { if (rf & 1) {
     ɵɵproperty("ngIf", ctx_r4.recipe.modifiedIngredients.length > 2);
 } }
 function CatalogRecipeCardComponent_ng_template_12_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-skeleton", 38);
+    ɵɵelement(0, "ng-miam-skeleton", 39);
 } if (rf & 2) {
     const ctx_r6 = ɵɵnextContext();
     ɵɵproperty("type", ctx_r6.skeleton == null ? null : ctx_r6.skeleton.IconWithInfo);
 } }
 function CatalogRecipeCardComponent_ng_miam_recipe_pricing_16_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-recipe-pricing", 47);
+    ɵɵelement(0, "ng-miam-recipe-pricing", 48);
 } if (rf & 2) {
     const ctx_r7 = ɵɵnextContext();
     ɵɵproperty("recipe", ctx_r7.recipe)("serves", ctx_r7.recipe == null ? null : ctx_r7.recipe.modifiedGuests);
 } }
-function CatalogRecipeCardComponent_div_21_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 48);
-    ɵɵelement(1, "ng-miam-icon", 49);
-    ɵɵelementStart(2, "span", 50);
+function CatalogRecipeCardComponent_ng_miam_icon_18_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-icon", 49);
+    ɵɵpipe(1, "async");
+} if (rf & 2) {
+    const ctx_r8 = ɵɵnextContext();
+    var tmp_2_0 = null;
+    ɵɵproperty("width", 24)("height", 24)("iconName", ((tmp_2_0 = ɵɵpipeBind1(1, 3, ctx_r8.groceriesListsService.list$)) == null ? null : tmp_2_0.hasRecipe(ctx_r8.recipe == null ? null : ctx_r8.recipe.id)) ? ctx_r8.icon.CheckList : ctx_r8.icon.Cart);
+} }
+function CatalogRecipeCardComponent_ng_template_19_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-loader");
+} }
+function CatalogRecipeCardComponent_div_22_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 50);
+    ɵɵelement(1, "ng-miam-icon", 51);
+    ɵɵelementStart(2, "span", 52);
     ɵɵtext(3);
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r8 = ɵɵnextContext();
+    const ctx_r11 = ɵɵnextContext();
     ɵɵadvance(1);
-    ɵɵproperty("iconName", ctx_r8.icon.Time);
+    ɵɵproperty("iconName", ctx_r11.icon.Time);
     ɵɵadvance(2);
-    ɵɵtextInterpolate2("", ctx_r8.isMobile ? "" : "Temps n\u00E9cessaire : ", "", ctx_r8.recipe == null ? null : ctx_r8.recipe.totalTime, "");
+    ɵɵtextInterpolate2("", ctx_r11.isMobile ? "" : "Temps n\u00E9cessaire : ", "", ctx_r11.recipe == null ? null : ctx_r11.recipe.totalTime, "");
 } }
-function CatalogRecipeCardComponent_ng_template_22_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-skeleton", 38);
+function CatalogRecipeCardComponent_ng_template_23_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-skeleton", 39);
 } if (rf & 2) {
-    const ctx_r10 = ɵɵnextContext();
-    ɵɵproperty("type", ctx_r10.skeleton == null ? null : ctx_r10.skeleton.IconWithInfo);
+    const ctx_r13 = ɵɵnextContext();
+    ɵɵproperty("type", ctx_r13.skeleton == null ? null : ctx_r13.skeleton.IconWithInfo);
 } }
-function CatalogRecipeCardComponent_ng_miam_actions_popin_24_Template(rf, ctx) { if (rf & 1) {
-    const _r31 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "ng-miam-actions-popin", 51);
-    ɵɵlistener("close", function CatalogRecipeCardComponent_ng_miam_actions_popin_24_Template_ng_miam_actions_popin_close_0_listener() { ɵɵrestoreView(_r31); const ctx_r30 = ɵɵnextContext(); return ctx_r30.closeMoreActions(); })("actionTriggered", function CatalogRecipeCardComponent_ng_miam_actions_popin_24_Template_ng_miam_actions_popin_actionTriggered_0_listener($event) { ɵɵrestoreView(_r31); const ctx_r32 = ɵɵnextContext(); return ctx_r32.actionTriggered.emit($event); });
+function CatalogRecipeCardComponent_ng_miam_actions_popin_25_Template(rf, ctx) { if (rf & 1) {
+    const _r34 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "ng-miam-actions-popin", 53);
+    ɵɵlistener("close", function CatalogRecipeCardComponent_ng_miam_actions_popin_25_Template_ng_miam_actions_popin_close_0_listener() { ɵɵrestoreView(_r34); const ctx_r33 = ɵɵnextContext(); return ctx_r33.closeMoreActions(); })("actionTriggered", function CatalogRecipeCardComponent_ng_miam_actions_popin_25_Template_ng_miam_actions_popin_actionTriggered_0_listener($event) { ɵɵrestoreView(_r34); const ctx_r35 = ɵɵnextContext(); return ctx_r35.actionTriggered.emit($event); });
     ɵɵelementEnd();
 } }
-function CatalogRecipeCardComponent_ng_template_25_Template(rf, ctx) { if (rf & 1) {
+function CatalogRecipeCardComponent_ng_template_26_Template(rf, ctx) { if (rf & 1) {
     ɵɵelement(0, "ng-miam-cors-overlay");
 } }
 /**
@@ -7083,7 +7195,7 @@ CatalogRecipeCardComponent.ɵcmp = ɵɵdefineComponent({ type: CatalogRecipeCard
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.moreActions = _t.first);
     } }, hostBindings: function CatalogRecipeCardComponent_HostBindings(rf, ctx) { if (rf & 1) {
         ɵɵlistener("scroll", function CatalogRecipeCardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, false, ɵɵresolveWindow);
-    } }, outputs: { actionTriggered: "actionTriggered" }, features: [ɵɵInheritDefinitionFeature], decls: 27, vars: 16, consts: [[1, "miam-catalog-recipe-card"], [1, "miam-catalog-recipe-card__header"], ["class", "miam-catalog-card__picture", 3, "click", 4, "ngIf", "ngIfElse"], ["pictSkeleton", ""], [1, "miam-catalog-card__attributes"], [1, "miam-catalog-recipe-card__attributes__control"], [1, "miam-catalog-recipe-card__control__left__col"], ["class", "miam-catalog-recipe-card__left__col__counter", 4, "ngIf", "ngIfElse"], ["class", "miam-recipe-card__ingredients__pictures", 4, "ngIf"], ["skeletoncounter", ""], [1, "miam-catalog-recipe-card__control__right__col"], [1, "miam-catalog-recipe-card__right__col__price"], [3, "recipe", "serves", 4, "ngIf"], [1, "m-button-fab-primary", 3, "disabled", "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-catalog-card__attributes__infos"], ["class", "miam-catalog-card__attributes__info  ", 4, "ngIf", "ngIfElse"], ["skeletonInfo", ""], [3, "close", "actionTriggered", 4, "ngIf"], ["cors", ""], [1, "miam-catalog-card__picture", 3, "click"], [1, "miam-catalog-card__picture__gradient"], ["loading", "lazy", 1, "miam-catalog-card__picture__img", 3, "src"], [4, "ngIf"], ["class", "miam-catalog-recipe-card__picture__video", 4, "ngIf"], ["class", "miam-catalog-recipe-card__picture__tag", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["textSkeleton", ""], [1, "miam-catalog-recipe-card__picture__actions"], ["class", "miam-catalog-recipe-card__actions__icon miam-noPadding", 3, "recipe", 4, "ngIf"], [1, "miam-catalog-recipe-card__actions__icon", 3, "click"], ["miamMoreActions", ""], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], [1, "miam-catalog-card__picture__sponsor", 3, "src"], [1, "miam-catalog-recipe-card__picture__video"], ["primaryColor", "var(--m-color-primary)", 3, "iconName", "width", "height"], [1, "miam-catalog-recipe-card__picture__tag"], [1, "miam-catalog-recipe-card__attributes__title", 3, "click"], [3, "type"], [1, "miam-catalog-recipe-card__actions__icon", "miam-noPadding", 3, "recipe"], [1, "miam-catalog-recipe-card__left__col__counter"], [3, "counter", "counterChange"], [1, "miam-recipe-card__ingredients__pictures"], [1, "miam-recipe-card__ingredients__picture"], [3, "src"], ["class", "miam-recipe-card__ingredients__more", 4, "ngIf"], [1, "miam-recipe-card__ingredients__more"], [3, "recipe", "serves"], [1, "miam-catalog-card__attributes__info"], [3, "iconName"], [1, "miam-catalog-card__info__label"], [3, "close", "actionTriggered"]], template: function CatalogRecipeCardComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, outputs: { actionTriggered: "actionTriggered" }, features: [ɵɵInheritDefinitionFeature], decls: 28, vars: 13, consts: [[1, "miam-catalog-recipe-card"], [1, "miam-catalog-recipe-card__header"], ["class", "miam-catalog-card__picture", 3, "click", 4, "ngIf", "ngIfElse"], ["pictSkeleton", ""], [1, "miam-catalog-card__attributes"], [1, "miam-catalog-recipe-card__attributes__control"], [1, "miam-catalog-recipe-card__control__left__col"], ["class", "miam-catalog-recipe-card__left__col__counter", 4, "ngIf", "ngIfElse"], ["class", "miam-recipe-card__ingredients__pictures", 4, "ngIf"], ["skeletoncounter", ""], [1, "miam-catalog-recipe-card__control__right__col"], [1, "miam-catalog-recipe-card__right__col__price"], [3, "recipe", "serves", 4, "ngIf"], [1, "m-button-fab-primary", 3, "disabled", "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName", 4, "ngIf", "ngIfElse"], ["addLoader", ""], [1, "miam-catalog-card__attributes__infos"], ["class", "miam-catalog-card__attributes__info  ", 4, "ngIf", "ngIfElse"], ["skeletonInfo", ""], [3, "close", "actionTriggered", 4, "ngIf"], ["cors", ""], [1, "miam-catalog-card__picture", 3, "click"], [1, "miam-catalog-card__picture__gradient"], ["loading", "lazy", 1, "miam-catalog-card__picture__img", 3, "src"], [4, "ngIf"], ["class", "miam-catalog-recipe-card__picture__video", 4, "ngIf"], ["class", "miam-catalog-recipe-card__picture__tag", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["textSkeleton", ""], [1, "miam-catalog-recipe-card__picture__actions"], ["class", "miam-catalog-recipe-card__actions__icon miam-noPadding", 3, "recipe", 4, "ngIf"], [1, "miam-catalog-recipe-card__actions__icon", 3, "click"], ["miamMoreActions", ""], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], [1, "miam-catalog-card__picture__sponsor", 3, "src"], [1, "miam-catalog-recipe-card__picture__video"], ["primaryColor", "var(--m-color-primary)", 3, "iconName", "width", "height"], [1, "miam-catalog-recipe-card__picture__tag"], [1, "miam-catalog-recipe-card__attributes__title", 3, "click"], [3, "type"], [1, "miam-catalog-recipe-card__actions__icon", "miam-noPadding", 3, "recipe"], [1, "miam-catalog-recipe-card__left__col__counter"], [3, "counter", "counterChange"], [1, "miam-recipe-card__ingredients__pictures"], [1, "miam-recipe-card__ingredients__picture"], [3, "src"], ["class", "miam-recipe-card__ingredients__more", 4, "ngIf"], [1, "miam-recipe-card__ingredients__more"], [3, "recipe", "serves"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-catalog-card__attributes__info"], [3, "iconName"], [1, "miam-catalog-card__info__label"], [3, "close", "actionTriggered"]], template: function CatalogRecipeCardComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵelementStart(0, "div", 0);
         ɵɵelementStart(1, "div", 1);
         ɵɵelementStart(2, "span");
@@ -7105,24 +7217,24 @@ CatalogRecipeCardComponent.ɵcmp = ɵɵdefineComponent({ type: CatalogRecipeCard
         ɵɵelementEnd();
         ɵɵelementStart(17, "button", 13);
         ɵɵlistener("click", function CatalogRecipeCardComponent_Template_button_click_17_listener() { return ctx.clickPrimary(); });
-        ɵɵelement(18, "ng-miam-icon", 14);
-        ɵɵpipe(19, "async");
+        ɵɵtemplate(18, CatalogRecipeCardComponent_ng_miam_icon_18_Template, 2, 5, "ng-miam-icon", 14);
+        ɵɵtemplate(19, CatalogRecipeCardComponent_ng_template_19_Template, 1, 0, "ng-template", null, 15, ɵɵtemplateRefExtractor);
         ɵɵelementEnd();
         ɵɵelementEnd();
         ɵɵelementEnd();
-        ɵɵelementStart(20, "div", 15);
-        ɵɵtemplate(21, CatalogRecipeCardComponent_div_21_Template, 4, 3, "div", 16);
-        ɵɵtemplate(22, CatalogRecipeCardComponent_ng_template_22_Template, 1, 1, "ng-template", null, 17, ɵɵtemplateRefExtractor);
+        ɵɵelementStart(21, "div", 16);
+        ɵɵtemplate(22, CatalogRecipeCardComponent_div_22_Template, 4, 3, "div", 17);
+        ɵɵtemplate(23, CatalogRecipeCardComponent_ng_template_23_Template, 1, 1, "ng-template", null, 18, ɵɵtemplateRefExtractor);
         ɵɵelementEnd();
         ɵɵelementEnd();
-        ɵɵtemplate(24, CatalogRecipeCardComponent_ng_miam_actions_popin_24_Template, 1, 0, "ng-miam-actions-popin", 18);
+        ɵɵtemplate(25, CatalogRecipeCardComponent_ng_miam_actions_popin_25_Template, 1, 0, "ng-miam-actions-popin", 19);
         ɵɵelementEnd();
-        ɵɵtemplate(25, CatalogRecipeCardComponent_ng_template_25_Template, 1, 0, "ng-template", null, 19, ɵɵtemplateRefExtractor);
+        ɵɵtemplate(26, CatalogRecipeCardComponent_ng_template_26_Template, 1, 0, "ng-template", null, 20, ɵɵtemplateRefExtractor);
     } if (rf & 2) {
         const _r1 = ɵɵreference(6);
         const _r5 = ɵɵreference(13);
-        const _r9 = ɵɵreference(23);
-        var tmp_10_0 = null;
+        const _r9 = ɵɵreference(20);
+        const _r12 = ɵɵreference(24);
         ɵɵadvance(3);
         ɵɵtextInterpolate1(" ", ctx.headerText, "");
         ɵɵadvance(1);
@@ -7136,12 +7248,12 @@ CatalogRecipeCardComponent.ɵcmp = ɵɵdefineComponent({ type: CatalogRecipeCard
         ɵɵadvance(1);
         ɵɵproperty("disabled", !ctx.recipe);
         ɵɵadvance(1);
-        ɵɵproperty("width", 24)("height", 24)("iconName", ((tmp_10_0 = ɵɵpipeBind1(19, 14, ctx.groceriesListsService.list$)) == null ? null : tmp_10_0.hasRecipe(ctx.recipe == null ? null : ctx.recipe.id)) ? ctx.icon.CheckList : ctx.icon.Cart);
-        ɵɵadvance(3);
-        ɵɵproperty("ngIf", ctx.recipe)("ngIfElse", _r9);
+        ɵɵproperty("ngIf", !ctx.addButtonLoading)("ngIfElse", _r9);
+        ɵɵadvance(4);
+        ɵɵproperty("ngIf", ctx.recipe)("ngIfElse", _r12);
         ɵɵadvance(3);
         ɵɵproperty("ngIf", ctx.actionsOpened);
-    } }, directives: [NgIf, IconComponent, SkeletonComponent, LikeButtonComponent, CounterInputComponent, RecipePricingComponent, ActionsPopinComponent, CORSOverlayComponent], pipes: [AsyncPipe], styles: [".cal-month-view .cal-header{font-weight:bolder;text-align:center}.cal-month-view .cal-header .cal-cell{display:block;overflow:hidden;padding:5px 0;text-overflow:ellipsis;white-space:nowrap}.cal-month-view .cal-days{border:1px solid;border-bottom:0}.cal-month-view .cal-cell-top{flex:1;min-height:78px}.cal-month-view .cal-cell-row{display:flex}.cal-month-view .cal-cell{align-items:stretch;display:flex;flex:1;flex-direction:column;float:left}.cal-month-view .cal-cell .cal-event{pointer-events:all!important}.cal-month-view .cal-day-cell{min-height:100px}@media (-ms-high-contrast:none){.cal-month-view .cal-day-cell{display:block}}.cal-month-view .cal-day-cell:not(:last-child){border-right:1px solid}.cal-month-view .cal-days .cal-cell-row{border-bottom:1px solid}.cal-month-view .cal-day-badge{border-radius:10px;display:inline-block;font-size:12px;font-weight:700;line-height:1;margin-left:10px;margin-top:18px;min-width:10px;padding:3px 7px;text-align:center;vertical-align:middle;white-space:nowrap}.cal-month-view .cal-day-number{float:right;font-size:1.2em;font-weight:400;margin-bottom:10px;margin-right:15px;margin-top:15px;opacity:.5}.cal-month-view .cal-events{align-items:flex-end;display:flex;flex:1;flex-wrap:wrap;line-height:10px;margin:3px}.cal-month-view .cal-event{border-radius:50%;display:inline-block;height:10px;margin:2px;width:10px}.cal-month-view .cal-day-cell.cal-in-month.cal-has-events{cursor:pointer}.cal-month-view .cal-day-cell.cal-out-month .cal-day-number{cursor:default;opacity:.1}.cal-month-view .cal-day-cell.cal-today .cal-day-number{font-size:1.9em}.cal-month-view .cal-open-day-events{padding:15px}.cal-month-view .cal-open-day-events .cal-event{position:relative;top:2px}.cal-month-view .cal-out-month .cal-day-badge,.cal-month-view .cal-out-month .cal-event{opacity:.3}.cal-month-view .cal-draggable{cursor:move}.cal-month-view .cal-drag-active *{pointer-events:none}.cal-month-view .cal-event-title{cursor:pointer}.cal-month-view .cal-event-title:hover{text-decoration:underline}.cal-month-view{background-color:#fff}.cal-month-view .cal-cell-row:hover{background-color:#fafafa}.cal-month-view .cal-cell-row .cal-cell:hover,.cal-month-view .cal-cell.cal-has-events.cal-open{background-color:#ededed}.cal-month-view .cal-days{border-color:#e1e1e1}.cal-month-view .cal-day-cell:not(:last-child){border-right-color:#e1e1e1}.cal-month-view .cal-days .cal-cell-row{border-bottom-color:#e1e1e1}.cal-month-view .cal-day-badge{background-color:#b94a48;color:#fff}.cal-month-view .cal-event{background-color:#1e90ff;border-color:#d1e8ff;color:#fff}.cal-month-view .cal-day-cell.cal-weekend .cal-day-number{color:#8b0000}.cal-month-view .cal-day-cell.cal-today{background-color:#e8fde7}.cal-month-view .cal-day-cell.cal-drag-over{background-color:#e0e0e0!important}.cal-month-view .cal-open-day-events{background-color:#555;box-shadow:inset 0 0 15px 0 rgba(0,0,0,.5);color:#fff}.cal-week-view *{box-sizing:border-box}.cal-week-view .cal-day-headers{border:1px solid;display:flex;padding-left:70px}.cal-week-view .cal-day-headers .cal-header{flex:1;padding:5px;text-align:center}.cal-week-view .cal-day-headers .cal-header:not(:last-child){border-right:1px solid}.cal-week-view .cal-day-headers .cal-header:first-child{border-left:1px solid}.cal-week-view .cal-day-headers span{font-weight:400;opacity:.5}.cal-week-view .cal-day-column{border-left:1px solid;flex-grow:1}.cal-week-view .cal-event{border:1px solid;font-size:12px}.cal-week-view .cal-time-label-column{height:100%;width:70px}.cal-week-view .cal-current-time-marker{height:2px;position:absolute;width:100%;z-index:2}.cal-week-view .cal-all-day-events{border-bottom:3px solid;border-left:1px solid;border-right:1px solid;border-top:0;padding-top:3px;position:relative}.cal-week-view .cal-all-day-events .cal-day-columns{display:flex;height:100%;position:absolute;top:0;width:100%;z-index:0}.cal-week-view .cal-all-day-events .cal-events-row{height:31px;margin-left:70px;position:relative}.cal-week-view .cal-all-day-events .cal-event-container{display:inline-block;position:absolute}.cal-week-view .cal-all-day-events .cal-event-container.resize-active{pointer-events:none;z-index:1}.cal-week-view .cal-all-day-events .cal-event{height:28px;line-height:28px;margin-left:2px;margin-right:2px;padding:0 5px}.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event{border-bottom-left-radius:5px;border-top-left-radius:5px}.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event{border-bottom-right-radius:5px;border-top-right-radius:5px}.cal-week-view .cal-all-day-events .cal-time-label-column{align-items:center;display:flex;font-size:14px;justify-content:center}.cal-week-view .cal-all-day-events .cal-resize-handle{cursor:col-resize;height:100%;position:absolute;top:0;width:6px}.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end{right:0}.cal-week-view .cal-event,.cal-week-view .cal-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-week-view .cal-drag-active{pointer-events:none;z-index:1}.cal-week-view .cal-drag-active *{pointer-events:none}.cal-week-view .cal-time-events{border:1px solid;border-top:0;display:flex;position:relative}.cal-week-view .cal-time-events .cal-day-columns{display:flex;flex-grow:1}.cal-week-view .cal-time-events .cal-day-column,.cal-week-view .cal-time-events .cal-events-container{position:relative}.cal-week-view .cal-time-events .cal-event-container{position:absolute;z-index:1}.cal-week-view .cal-time-events .cal-event{height:calc(100% - 2px);line-height:25px;margin:1px;padding:0 5px;width:calc(100% - 2px)}.cal-week-view .cal-time-events .cal-resize-handle{cursor:row-resize;height:4px;position:absolute;width:100%}.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end{bottom:0}.cal-week-view .cal-hour-segment{position:relative}.cal-week-view .cal-hour-segment:after{content:\"\\00a0\"}.cal-week-view .cal-event-container:not(.cal-draggable){cursor:pointer}.cal-week-view .cal-draggable{cursor:move}.cal-week-view .cal-hour-segment,.cal-week-view mwl-calendar-week-view-hour-segment{display:block}.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment,.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment{border-bottom:thin dashed}.cal-week-view .cal-time{font-weight:700;padding-top:5px;text-align:center;width:70px}.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time{display:none}.cal-week-view .cal-starts-within-day .cal-event{border-top-left-radius:5px;border-top-right-radius:5px}.cal-week-view .cal-ends-within-day .cal-event{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.cal-week-view{background-color:#fff;border-top:1px solid #e1e1e1}.cal-week-view .cal-day-headers{border-color:#e1e1e1;border-top:0}.cal-week-view .cal-day-headers .cal-header:not(:last-child){border-right-color:#e1e1e1}.cal-week-view .cal-day-headers .cal-header:first-child{border-left-color:#e1e1e1}.cal-week-view .cal-day-headers .cal-drag-over,.cal-week-view .cal-day-headers .cal-header:hover{background-color:#ededed}.cal-week-view .cal-day-column{border-left-color:#e1e1e1}.cal-week-view .cal-event{background-color:#d1e8ff;border-color:#1e90ff;color:#1e90ff}.cal-week-view .cal-all-day-events{border-color:#e1e1e1}.cal-week-view .cal-header.cal-today{background-color:#e8fde7}.cal-week-view .cal-header.cal-weekend span{color:#8b0000}.cal-week-view .cal-time-events{border-color:#e1e1e1}.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover{background-color:#ededed}.cal-week-view .cal-hour-odd{background-color:#fafafa}.cal-week-view .cal-drag-over .cal-hour-segment{background-color:#ededed}.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment,.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment{border-bottom-color:#e1e1e1}.cal-week-view .cal-current-time-marker{background-color:#ea4334}.cal-day-view mwl-calendar-week-view-header{display:none}.cal-day-view .cal-events-container{margin-left:70px}.cal-day-view .cal-day-column{border-left:0}.cal-day-view .cal-current-time-marker{margin-left:70px;width:calc(100% - 70px)}.cal-tooltip{display:block;font-size:11px;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.5;opacity:.9;position:absolute;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:break-word;z-index:1070}.cal-tooltip.cal-tooltip-top{margin-top:-3px;padding:5px 0}.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow{border-width:5px 5px 0;bottom:0;left:50%;margin-left:-5px}.cal-tooltip.cal-tooltip-right{margin-left:3px;padding:0 5px}.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow{border-width:5px 5px 5px 0;left:0;margin-top:-5px;top:50%}.cal-tooltip.cal-tooltip-bottom{margin-top:3px;padding:5px 0}.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow{border-width:0 5px 5px;left:50%;margin-left:-5px;top:0}.cal-tooltip.cal-tooltip-left{margin-left:-3px;padding:0 5px}.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow{border-width:5px 0 5px 5px;margin-top:-5px;right:0;top:50%}.cal-tooltip-inner{border-radius:.25rem;max-width:200px;padding:3px 8px;text-align:center}.cal-tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow{border-top-color:#000}.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow{border-right-color:#000}.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow{border-bottom-color:#000}.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow{border-left-color:#000}.cal-tooltip-inner{background-color:#000;color:#fff}.m-button,.m-button-fab,.m-button-fab-grey,.m-button-fab-primary,.m-button-fab-secondary,.m-button-grey,.m-button-link,.m-button-primary,.m-button-secondary{-moz-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;align-items:center;border-radius:var(--m-border-radius);cursor:pointer;display:flex;justify-content:center;min-width:152px;outline:0;padding:16px 32px;transition:.3s ease-in-out;user-select:none}.m-button-fab-grey ng-miam-icon,.m-button-fab-primary ng-miam-icon,.m-button-fab-secondary ng-miam-icon,.m-button-fab ng-miam-icon,.m-button-grey ng-miam-icon,.m-button-link ng-miam-icon,.m-button-primary ng-miam-icon,.m-button-secondary ng-miam-icon,.m-button ng-miam-icon{margin-left:20px;padding:0}.m-button-fab-grey:disabled,.m-button-fab-primary:disabled,.m-button-fab-secondary:disabled,.m-button-fab:disabled,.m-button-grey:disabled,.m-button-link:disabled,.m-button-primary:disabled,.m-button-secondary:disabled,.m-button:disabled{background-color:var(--m-color-grey06);color:var(--m-color-grey03);min-height:42px}.m-button-fab-grey:disabled ng-miam-icon svg,.m-button-fab-primary:disabled ng-miam-icon svg,.m-button-fab-secondary:disabled ng-miam-icon svg,.m-button-fab:disabled ng-miam-icon svg,.m-button-grey:disabled ng-miam-icon svg,.m-button-link:disabled ng-miam-icon svg,.m-button-primary:disabled ng-miam-icon svg,.m-button-secondary:disabled ng-miam-icon svg,.m-button:disabled ng-miam-icon svg{fill:var(--m-color-grey03)}@media (min-width:1022px){.m-button-fab-grey:disabled:hover,.m-button-fab-primary:disabled:hover,.m-button-fab-secondary:disabled:hover,.m-button-fab:disabled:hover,.m-button-grey:disabled:hover,.m-button-link:disabled:hover,.m-button-primary:disabled:hover,.m-button-secondary:disabled:hover,.m-button:disabled:hover{background-color:var(--m-color-grey06);color:var(--m-color-grey03);cursor:default}}.m-button-fab-grey:focus,.m-button-fab-primary:focus,.m-button-fab-secondary:focus,.m-button-fab:focus,.m-button-grey:focus,.m-button-link:focus,.m-button-primary:focus,.m-button-secondary:focus,.m-button:focus{box-shadow:0 0 0 4px #c1f0ec}.m-button-primary{background-color:var(--m-color-primary);border:1px solid transparent;color:var(--m-color-unpure-white)}.m-button-primary ng-miam-icon svg path{fill:var(--m-color-unpure-white)}@media (min-width:1022px){.m-button-primary:hover{background-color:var(--m-color-primary-dark)}}.m-button-secondary{background-color:var(--m-color-unpure-white);border:1px solid var(--m-color-primary);color:var(--m-color-primary)}.m-button-secondary ng-miam-icon svg path{fill:var(--m-color-primary)}@media (min-width:1022px){.m-button-secondary:hover{background-color:var(--m-color-primary-light)}}.m-button-link{background-color:var(--m-color-primary);border:1px solid transparent;color:var(--m-color-unpure-white)}.m-button-link ng-miam-icon svg path{fill:var(--m-color-unpure-white)}@media (min-width:1022px){.m-button-link:hover{background-color:var(--m-color-secondary-dark)}}.m-button-fab-grey,.m-button-grey{background-color:var(--m-color-unpure-white);border:1px solid var(--m-color-grey03);color:var(--m-color-grey03)}.m-button-fab-grey ng-miam-icon svg path,.m-button-grey ng-miam-icon svg path{fill:var(--m-color-grey03)}@media (min-width:1022px){.m-button-fab-grey:hover,.m-button-grey:hover{background-color:var(--m-color-hairlines)}}.m-button-fab,.m-button-fab-grey,.m-button-fab-primary,.m-button-fab-secondary{border-radius:var(--m-border-radius-circle);min-width:unset;outline:0;padding:8px}.m-button-fab-grey ng-miam-icon,.m-button-fab-primary ng-miam-icon,.m-button-fab-secondary ng-miam-icon,.m-button-fab ng-miam-icon{margin-left:0}.m-button-fab-grey:disabled,.m-button-fab-primary:disabled,.m-button-fab-secondary:disabled,.m-button-fab:disabled{fill:var(--m-color-grey-text-dark)}@media (min-width:1022px){.m-button-fab-grey:disabled:hover,.m-button-fab-primary:disabled:hover,.m-button-fab-secondary:disabled:hover,.m-button-fab:disabled:hover{fill:var(--m-color-grey-text-dark)}}.m-button-fab-primary{background-color:var(--m-color-primary);border:1px solid transparent;fill:var(--m-color-primary-text)}@media (min-width:1022px){.m-button-fab-primary:hover{background-color:var(--m-color-primary-text);border:1px solid var(--m-color-primary-text)}.m-button-fab-primary:hover path{fill:var(--m-color-primary)}}.m-button-fab-secondary{background-color:var(--m-color-secondary-text);border:1px solid var(--m-color-secondary);fill:var(--m-color-secondary)}@media (min-width:1022px){.m-button-fab-secondary:hover{background-color:var(--m-color-secondary);fill:var(--m-color-secondary-text)}}.m-button-fab-grey{background-color:#fff;border:none}.m-input{align-items:center;border:1px solid var(--m-color-grey06);border-radius:5px;display:flex;justify-content:space-between;margin-top:16px;max-width:320px;min-width:200px;outline:none;padding:8px 16px}.m-input:focus-within{border:1px solid var(--m-color-primary)}@media (max-width:1023px){.m-input{padding:8px}}.m-title-text-input .miam-text-input{max-width:565px}.miam-catalog-recipe-card .miam-catalog-card__attributes,.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__picture__actions,.miam-flex-column{display:flex;flex-direction:column;justify-content:space-around}.miam-flex-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:auto}.m-default-card{background-color:var(--m-color-unpure-white);border-radius:8px;box-shadow:var(--m-shadow-small);padding:16px}@media (max-width:1023px){.m-default-card{margin-bottom:8px;padding:8px}}#toast-container>div{opacity:.95!important}#toast-container>div:hover{opacity:1!important}@-webkit-keyframes jiggle{0%{transform:none}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}to{transform:none}}@keyframes jiggle{0%{transform:none}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}to{transform:none}}:root{--m-border-radius:var(--miam-border-radius,8px);--m-border-radius-circle:50%;--m-border-radius-pill:25px;--m-color-black:var(--miam-color-black,#0e0e2c);--m-color-card-shadow:var(--miam-color-card-shadow,#eaf2fb);--m-color-danger:var(--miam-color-danger,#f97d7d);--m-color-danger-text:var(--miam-color-danger-text,#700505);--m-color-grey:var(--miam-color-grey,#f5f5f5);--m-color-grey-text:var(--miam-color-grey-text,#acb0b9);--m-color-grey-text-dark:var(--miam-color-grey-text-dark,#757575);--m-color-grey01:var(--miam-color-grey01,#505062);--m-color-grey02:var(--miam-color-grey02,#67677e);--m-color-grey03:var(--miam-color-grey03,#818198);--m-color-grey04:var(--miam-color-grey04,#9d9daf);--m-color-grey05:var(--miam-color-grey05,#b9b9c6);--m-color-grey06:var(--miam-color-grey06,#d5d5dd);--m-color-grey07:var(--miam-color-grey07,#e3e3e8);--m-color-hairlines:var(--miam-color-hairlines,#ecf1f4);--m-color-info:var(--miam-color-info,#8cd4eb);--m-color-info-text:var(--miam-color-info-text,#125368);--m-color-light-slate:var(--miam-color-light-slate,#8c8ca1);--m-color-onyx:var(--miam-color-onyx,#0e0e2c);--m-color-primary:var(--miam-color-primary,#2bb6aa);--m-color-primary-dark:var(--miam-color-primary-dark,#419f97);--m-color-primary-light:var(--miam-color-primary-light,#eafaf9);--m-color-primary-text:var(--miam-color-primary-text,#fff);--m-color-secondary:var(--miam-color-secondary,#ef760f);--m-color-secondary-dark:var(--miam-color-secondary-dark,#ef7711);--m-color-secondary-light:var(--miam-color-secondary-light,#faebd7);--m-color-secondary-text:var(--miam-color-secondary-text,#fff);--m-color-slate:var(--miam-color-slate,#4a4a68);--m-color-success:var(--miam-color-success,#44d6b3);--m-color-success-text:var(--miam-color-success-text,#135344);--m-color-ternary:var(--miam-color-ternary,#1accf8);--m-color-ternary-dark:var(--miam-color-ternary-dark,#057894);--m-color-ternary-light:var(--miam-color-ternary-light,#cef4fd);--m-color-ternary-text:var(--miam-color-ternary-text,#fff);--m-color-unpure-white:var(--miam-color-unpure-white,#fefefe);--m-color-warning:var(--miam-color-warning,#ffdaa3);--m-color-warning-text:var(--miam-color-warning-text,#f90);--m-color-white:var(--miam-color-white,#fafcfe);--m-default-transition:var(--miam-default-transition,all 0.3s ease-in-out);--m-font-size-Xlarge:var(--miam-font-size-Xlarge,24px);--m-font-size-large:var(--miam-font-size-large,20px);--m-font-size-medium:var(--miam-font-size-medium,16px);--m-font-size-small:var(--miam-font-size-small,14px);--m-shadow-small:var(--miam-shadow-small,0px 3px 4px var(--m-color-card-shadow));--m-z-index-drawer-container:var(--miam-z-index-drawer-container,5000002);--m-z-index-drawer-overlay:var(--miam-z-index-drawer-overlay,5000001);--m-z-index-loader:var(--miam-z-index-loader,2);--m-z-index-modal:var(--miam-z-index-modal,6001);--m-z-index-modal-overlay:var(--miam-z-index-modal-overlay,6000);--m-z-index-position-absolute-high:var(--miam-z-index-position-absolute-high,1);--m-z-index-position-absolute-low:var(--miam-z-index-position-absolute-low,0)}.m-title-text-input:focus-within :root .miam-text-input__label,.m-title-text-input :root input,.m-title-text-input :root label:not(.miam-text-input__label__top),:root .m-body-typo,:root .m-h1-typo,:root .m-input,:root .m-input>*,:root .m-small-typo,:root .m-title-text-input:focus-within .miam-text-input__label,:root .m-title-text-input input,:root .m-title-text-input label:not(.miam-text-input__label__top){color:var(--m-color-slate);font-family:Work Sans;font-size:var(--m-font-size-medium);font-style:normal;font-weight:500;line-height:24px}.m-title-text-input :root input,.m-title-text-input :root label:not(.miam-text-input__label__top),:root .m-h1-typo,:root .m-title-text-input input,:root .m-title-text-input label:not(.miam-text-input__label__top){font-size:40px;font-weight:700;line-height:48px}:root .m-button,:root .m-button-fab,:root .m-button-fab-grey,:root .m-button-fab-primary,:root .m-button-fab-secondary,:root .m-button-grey,:root .m-button-link,:root .m-button-primary,:root .m-button-secondary,:root .m-button-typo{font-family:Work Sans;font-size:var(--m-font-size-medium);font-size:14px;font-style:normal;font-weight:700;letter-spacing:.5px;line-height:16px}:root .m-small-typo{font-size:var(--m-font-size-small);line-height:16px}@media print{:root .miam-not-printable{display:none}:root:last-child{page-break-after:auto}}:root .miam-print-only{display:none}@media print{:root .miam-print-only{display:block}}.miam-catalog-recipe-card{background-color:#fff;border-radius:var(--m-border-radius);box-shadow:var(--m-shadow-small);display:flex;flex-direction:column;height:304px;position:relative;width:330px}.miam-catalog-recipe-card .miam-catalog-card__picture{-webkit-tap-highlight-color:transparent;cursor:pointer;height:169px;position:relative}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-card__picture__gradient{height:169px}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-card__picture__gradient .miam-catalog-card__picture__img{-o-object-fit:cover;border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);height:169px;object-fit:cover;position:absolute;transition:var(--m-default-transition);width:100%;z-index:var(--m-z-index-position-absolute-low)}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-card__picture__gradient .miam-catalog-card__picture__sponsor{-o-object-fit:contain;height:auto;left:16px;max-height:48px;max-width:64px;object-fit:contain;position:absolute;top:16px;transform:none;width:auto;z-index:var(--m-z-index-position-absolute-low)}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-card__picture__gradient:after{background:linear-gradient(180deg,rgba(0,0,0,.1) 50.52%,rgba(32,32,32,.85) 88.54%);border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);content:\"\";height:100%;position:absolute;width:100%}.miam-catalog-recipe-card .miam-catalog-card__attributes{flex:1 1;justify-content:space-between;padding:24px 16px}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-card__attributes__infos{display:flex;flex-direction:row;justify-content:center}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-card__attributes__infos .miam-catalog-card__attributes__info{display:flex;flex-direction:row}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-card__attributes__infos .miam-catalog-card__attributes__info .miam-catalog-card__info__label{color:var(--m-color-grey-text);font-size:15px;margin-left:8px}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-card__attributes__infos .miam-catalog-card__attributes__info .miam-catalog-card__info__label:first-letter{text-transform:capitalize}@media (max-width:1022px){.miam-catalog-recipe-card{border-radius:24px;width:272px}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-card__picture__gradient .miam-catalog-card__picture__img,.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-card__picture__gradient:after{border-radius:24px 24px 0 0}.miam-catalog-recipe-card .miam-catalog-card__attributes{padding:16px}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__infos{bottom:16px;position:absolute}}.miam-catalog-recipe-card .miam-catalog-recipe-card__header{display:none}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__picture__video{left:calc(50% - 40px);position:absolute;top:calc(50% - 50px)}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__picture__tag{background-color:var(--m-color-primary-light);border-radius:5px;color:var(--m-color-primary);font-weight:500;left:16px;padding:8px;position:absolute;text-transform:uppercase;top:16px}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__attributes__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-tap-highlight-color:transparent;bottom:0;color:#fff;cursor:pointer;display:-webkit-box;font-size:17px;font-weight:700;left:0;letter-spacing:normal;line-height:20;line-height:1.5;margin:16px;overflow:hidden;position:absolute;text-align:left;text-overflow:ellipsis;transition:var(--m-default-transition)}@media (min-width:1022px){.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__attributes__title:hover{text-decoration:underline}}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__picture__actions{position:absolute;right:16px;top:16px;z-index:var(--m-z-index-position-absolute-high)}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__picture__actions .miam-catalog-recipe-card__actions__icon{-o-object-fit:contain;-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:var(--m-border-radius-circle);box-shadow:var(--m-shadow-small);margin:0 0 16px;object-fit:contain;padding:8px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__picture__actions .miam-catalog-recipe-card__actions__icon .icon-container{margin:0}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__picture__actions .miam-catalog-recipe-card__actions__icon.miam-noPadding{padding:0}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control{align-items:center;display:flex;justify-content:space-between}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__left__col{display:flex;flex-direction:column-reverse}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__left__col .miam-catalog-recipe-card__left__col__counter{align-items:center;display:flex}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__left__col .miam-catalog-recipe-card__left__col__counter ng-miam-counter-input .miam-counter-input__icon{margin-right:8px}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__right__col{display:flex;flex-direction:row}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__right__col .miam-catalog-recipe-card__right__col__price{margin-right:16px}@media (max-width:1022px){.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control{align-items:flex-start;height:100%}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__left__col{padding-top:4px}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__right__col{align-items:end;flex-direction:column;height:100%;justify-content:space-between}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__right__col .miam-catalog-recipe-card__right__col__price{margin-right:unset}}"], encapsulation: 2, changeDetection: 0 });
+    } }, directives: [NgIf, IconComponent, SkeletonComponent, LikeButtonComponent, CounterInputComponent, RecipePricingComponent, LoaderComponent, ActionsPopinComponent, CORSOverlayComponent], pipes: [AsyncPipe], styles: [".cal-month-view .cal-header{font-weight:bolder;text-align:center}.cal-month-view .cal-header .cal-cell{display:block;overflow:hidden;padding:5px 0;text-overflow:ellipsis;white-space:nowrap}.cal-month-view .cal-days{border:1px solid;border-bottom:0}.cal-month-view .cal-cell-top{flex:1;min-height:78px}.cal-month-view .cal-cell-row{display:flex}.cal-month-view .cal-cell{align-items:stretch;display:flex;flex:1;flex-direction:column;float:left}.cal-month-view .cal-cell .cal-event{pointer-events:all!important}.cal-month-view .cal-day-cell{min-height:100px}@media (-ms-high-contrast:none){.cal-month-view .cal-day-cell{display:block}}.cal-month-view .cal-day-cell:not(:last-child){border-right:1px solid}.cal-month-view .cal-days .cal-cell-row{border-bottom:1px solid}.cal-month-view .cal-day-badge{border-radius:10px;display:inline-block;font-size:12px;font-weight:700;line-height:1;margin-left:10px;margin-top:18px;min-width:10px;padding:3px 7px;text-align:center;vertical-align:middle;white-space:nowrap}.cal-month-view .cal-day-number{float:right;font-size:1.2em;font-weight:400;margin-bottom:10px;margin-right:15px;margin-top:15px;opacity:.5}.cal-month-view .cal-events{align-items:flex-end;display:flex;flex:1;flex-wrap:wrap;line-height:10px;margin:3px}.cal-month-view .cal-event{border-radius:50%;display:inline-block;height:10px;margin:2px;width:10px}.cal-month-view .cal-day-cell.cal-in-month.cal-has-events{cursor:pointer}.cal-month-view .cal-day-cell.cal-out-month .cal-day-number{cursor:default;opacity:.1}.cal-month-view .cal-day-cell.cal-today .cal-day-number{font-size:1.9em}.cal-month-view .cal-open-day-events{padding:15px}.cal-month-view .cal-open-day-events .cal-event{position:relative;top:2px}.cal-month-view .cal-out-month .cal-day-badge,.cal-month-view .cal-out-month .cal-event{opacity:.3}.cal-month-view .cal-draggable{cursor:move}.cal-month-view .cal-drag-active *{pointer-events:none}.cal-month-view .cal-event-title{cursor:pointer}.cal-month-view .cal-event-title:hover{text-decoration:underline}.cal-month-view{background-color:#fff}.cal-month-view .cal-cell-row:hover{background-color:#fafafa}.cal-month-view .cal-cell-row .cal-cell:hover,.cal-month-view .cal-cell.cal-has-events.cal-open{background-color:#ededed}.cal-month-view .cal-days{border-color:#e1e1e1}.cal-month-view .cal-day-cell:not(:last-child){border-right-color:#e1e1e1}.cal-month-view .cal-days .cal-cell-row{border-bottom-color:#e1e1e1}.cal-month-view .cal-day-badge{background-color:#b94a48;color:#fff}.cal-month-view .cal-event{background-color:#1e90ff;border-color:#d1e8ff;color:#fff}.cal-month-view .cal-day-cell.cal-weekend .cal-day-number{color:#8b0000}.cal-month-view .cal-day-cell.cal-today{background-color:#e8fde7}.cal-month-view .cal-day-cell.cal-drag-over{background-color:#e0e0e0!important}.cal-month-view .cal-open-day-events{background-color:#555;box-shadow:inset 0 0 15px 0 rgba(0,0,0,.5);color:#fff}.cal-week-view *{box-sizing:border-box}.cal-week-view .cal-day-headers{border:1px solid;display:flex;padding-left:70px}.cal-week-view .cal-day-headers .cal-header{flex:1;padding:5px;text-align:center}.cal-week-view .cal-day-headers .cal-header:not(:last-child){border-right:1px solid}.cal-week-view .cal-day-headers .cal-header:first-child{border-left:1px solid}.cal-week-view .cal-day-headers span{font-weight:400;opacity:.5}.cal-week-view .cal-day-column{border-left:1px solid;flex-grow:1}.cal-week-view .cal-event{border:1px solid;font-size:12px}.cal-week-view .cal-time-label-column{height:100%;width:70px}.cal-week-view .cal-current-time-marker{height:2px;position:absolute;width:100%;z-index:2}.cal-week-view .cal-all-day-events{border-bottom:3px solid;border-left:1px solid;border-right:1px solid;border-top:0;padding-top:3px;position:relative}.cal-week-view .cal-all-day-events .cal-day-columns{display:flex;height:100%;position:absolute;top:0;width:100%;z-index:0}.cal-week-view .cal-all-day-events .cal-events-row{height:31px;margin-left:70px;position:relative}.cal-week-view .cal-all-day-events .cal-event-container{display:inline-block;position:absolute}.cal-week-view .cal-all-day-events .cal-event-container.resize-active{pointer-events:none;z-index:1}.cal-week-view .cal-all-day-events .cal-event{height:28px;line-height:28px;margin-left:2px;margin-right:2px;padding:0 5px}.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event{border-bottom-left-radius:5px;border-top-left-radius:5px}.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event{border-bottom-right-radius:5px;border-top-right-radius:5px}.cal-week-view .cal-all-day-events .cal-time-label-column{align-items:center;display:flex;font-size:14px;justify-content:center}.cal-week-view .cal-all-day-events .cal-resize-handle{cursor:col-resize;height:100%;position:absolute;top:0;width:6px}.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end{right:0}.cal-week-view .cal-event,.cal-week-view .cal-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-week-view .cal-drag-active{pointer-events:none;z-index:1}.cal-week-view .cal-drag-active *{pointer-events:none}.cal-week-view .cal-time-events{border:1px solid;border-top:0;display:flex;position:relative}.cal-week-view .cal-time-events .cal-day-columns{display:flex;flex-grow:1}.cal-week-view .cal-time-events .cal-day-column,.cal-week-view .cal-time-events .cal-events-container{position:relative}.cal-week-view .cal-time-events .cal-event-container{position:absolute;z-index:1}.cal-week-view .cal-time-events .cal-event{height:calc(100% - 2px);line-height:25px;margin:1px;padding:0 5px;width:calc(100% - 2px)}.cal-week-view .cal-time-events .cal-resize-handle{cursor:row-resize;height:4px;position:absolute;width:100%}.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end{bottom:0}.cal-week-view .cal-hour-segment{position:relative}.cal-week-view .cal-hour-segment:after{content:\"\\00a0\"}.cal-week-view .cal-event-container:not(.cal-draggable){cursor:pointer}.cal-week-view .cal-draggable{cursor:move}.cal-week-view .cal-hour-segment,.cal-week-view mwl-calendar-week-view-hour-segment{display:block}.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment,.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment{border-bottom:thin dashed}.cal-week-view .cal-time{font-weight:700;padding-top:5px;text-align:center;width:70px}.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time{display:none}.cal-week-view .cal-starts-within-day .cal-event{border-top-left-radius:5px;border-top-right-radius:5px}.cal-week-view .cal-ends-within-day .cal-event{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.cal-week-view{background-color:#fff;border-top:1px solid #e1e1e1}.cal-week-view .cal-day-headers{border-color:#e1e1e1;border-top:0}.cal-week-view .cal-day-headers .cal-header:not(:last-child){border-right-color:#e1e1e1}.cal-week-view .cal-day-headers .cal-header:first-child{border-left-color:#e1e1e1}.cal-week-view .cal-day-headers .cal-drag-over,.cal-week-view .cal-day-headers .cal-header:hover{background-color:#ededed}.cal-week-view .cal-day-column{border-left-color:#e1e1e1}.cal-week-view .cal-event{background-color:#d1e8ff;border-color:#1e90ff;color:#1e90ff}.cal-week-view .cal-all-day-events{border-color:#e1e1e1}.cal-week-view .cal-header.cal-today{background-color:#e8fde7}.cal-week-view .cal-header.cal-weekend span{color:#8b0000}.cal-week-view .cal-time-events{border-color:#e1e1e1}.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover{background-color:#ededed}.cal-week-view .cal-hour-odd{background-color:#fafafa}.cal-week-view .cal-drag-over .cal-hour-segment{background-color:#ededed}.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment,.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment{border-bottom-color:#e1e1e1}.cal-week-view .cal-current-time-marker{background-color:#ea4334}.cal-day-view mwl-calendar-week-view-header{display:none}.cal-day-view .cal-events-container{margin-left:70px}.cal-day-view .cal-day-column{border-left:0}.cal-day-view .cal-current-time-marker{margin-left:70px;width:calc(100% - 70px)}.cal-tooltip{display:block;font-size:11px;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.5;opacity:.9;position:absolute;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:break-word;z-index:1070}.cal-tooltip.cal-tooltip-top{margin-top:-3px;padding:5px 0}.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow{border-width:5px 5px 0;bottom:0;left:50%;margin-left:-5px}.cal-tooltip.cal-tooltip-right{margin-left:3px;padding:0 5px}.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow{border-width:5px 5px 5px 0;left:0;margin-top:-5px;top:50%}.cal-tooltip.cal-tooltip-bottom{margin-top:3px;padding:5px 0}.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow{border-width:0 5px 5px;left:50%;margin-left:-5px;top:0}.cal-tooltip.cal-tooltip-left{margin-left:-3px;padding:0 5px}.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow{border-width:5px 0 5px 5px;margin-top:-5px;right:0;top:50%}.cal-tooltip-inner{border-radius:.25rem;max-width:200px;padding:3px 8px;text-align:center}.cal-tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow{border-top-color:#000}.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow{border-right-color:#000}.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow{border-bottom-color:#000}.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow{border-left-color:#000}.cal-tooltip-inner{background-color:#000;color:#fff}.m-button,.m-button-fab,.m-button-fab-grey,.m-button-fab-primary,.m-button-fab-secondary,.m-button-grey,.m-button-link,.m-button-primary,.m-button-secondary{-moz-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;align-items:center;border-radius:var(--m-border-radius);cursor:pointer;display:flex;justify-content:center;min-width:152px;outline:0;padding:16px 32px;transition:.3s ease-in-out;user-select:none}.m-button-fab-grey ng-miam-icon,.m-button-fab-primary ng-miam-icon,.m-button-fab-secondary ng-miam-icon,.m-button-fab ng-miam-icon,.m-button-grey ng-miam-icon,.m-button-link ng-miam-icon,.m-button-primary ng-miam-icon,.m-button-secondary ng-miam-icon,.m-button ng-miam-icon{margin-left:20px;padding:0}.m-button-fab-grey:disabled,.m-button-fab-primary:disabled,.m-button-fab-secondary:disabled,.m-button-fab:disabled,.m-button-grey:disabled,.m-button-link:disabled,.m-button-primary:disabled,.m-button-secondary:disabled,.m-button:disabled{background-color:var(--m-color-grey06);color:var(--m-color-grey03);min-height:42px}.m-button-fab-grey:disabled ng-miam-icon svg,.m-button-fab-primary:disabled ng-miam-icon svg,.m-button-fab-secondary:disabled ng-miam-icon svg,.m-button-fab:disabled ng-miam-icon svg,.m-button-grey:disabled ng-miam-icon svg,.m-button-link:disabled ng-miam-icon svg,.m-button-primary:disabled ng-miam-icon svg,.m-button-secondary:disabled ng-miam-icon svg,.m-button:disabled ng-miam-icon svg{fill:var(--m-color-grey03)}@media (min-width:1022px){.m-button-fab-grey:disabled:hover,.m-button-fab-primary:disabled:hover,.m-button-fab-secondary:disabled:hover,.m-button-fab:disabled:hover,.m-button-grey:disabled:hover,.m-button-link:disabled:hover,.m-button-primary:disabled:hover,.m-button-secondary:disabled:hover,.m-button:disabled:hover{background-color:var(--m-color-grey06);color:var(--m-color-grey03);cursor:default}}.m-button-fab-grey:focus,.m-button-fab-primary:focus,.m-button-fab-secondary:focus,.m-button-fab:focus,.m-button-grey:focus,.m-button-link:focus,.m-button-primary:focus,.m-button-secondary:focus,.m-button:focus{box-shadow:0 0 0 4px #c1f0ec}.m-button-primary{background-color:var(--m-color-primary);border:1px solid transparent;color:var(--m-color-unpure-white)}.m-button-primary ng-miam-icon svg path{fill:var(--m-color-unpure-white)}@media (min-width:1022px){.m-button-primary:hover{background-color:var(--m-color-primary-dark)}}.m-button-secondary{background-color:var(--m-color-unpure-white);border:1px solid var(--m-color-primary);color:var(--m-color-primary)}.m-button-secondary ng-miam-icon svg path{fill:var(--m-color-primary)}@media (min-width:1022px){.m-button-secondary:hover{background-color:var(--m-color-primary-light)}}.m-button-link{background-color:var(--m-color-primary);border:1px solid transparent;color:var(--m-color-unpure-white)}.m-button-link ng-miam-icon svg path{fill:var(--m-color-unpure-white)}@media (min-width:1022px){.m-button-link:hover{background-color:var(--m-color-secondary-dark)}}.m-button-fab-grey,.m-button-grey{background-color:var(--m-color-unpure-white);border:1px solid var(--m-color-grey03);color:var(--m-color-grey03)}.m-button-fab-grey ng-miam-icon svg path,.m-button-grey ng-miam-icon svg path{fill:var(--m-color-grey03)}@media (min-width:1022px){.m-button-fab-grey:hover,.m-button-grey:hover{background-color:var(--m-color-hairlines)}}.m-button-fab,.m-button-fab-grey,.m-button-fab-primary,.m-button-fab-secondary{border-radius:var(--m-border-radius-circle);min-width:unset;outline:0;padding:8px}.m-button-fab-grey ng-miam-icon,.m-button-fab-primary ng-miam-icon,.m-button-fab-secondary ng-miam-icon,.m-button-fab ng-miam-icon{margin-left:0}.m-button-fab-grey:disabled,.m-button-fab-primary:disabled,.m-button-fab-secondary:disabled,.m-button-fab:disabled{fill:var(--m-color-grey-text-dark)}@media (min-width:1022px){.m-button-fab-grey:disabled:hover,.m-button-fab-primary:disabled:hover,.m-button-fab-secondary:disabled:hover,.m-button-fab:disabled:hover{fill:var(--m-color-grey-text-dark)}}.m-button-fab-primary{background-color:var(--m-color-primary);border:1px solid transparent;fill:var(--m-color-primary-text)}@media (min-width:1022px){.m-button-fab-primary:hover{background-color:var(--m-color-primary-text);border:1px solid var(--m-color-primary-text)}.m-button-fab-primary:hover path{fill:var(--m-color-primary)}}.m-button-fab-secondary{background-color:var(--m-color-secondary-text);border:1px solid var(--m-color-secondary);fill:var(--m-color-secondary)}@media (min-width:1022px){.m-button-fab-secondary:hover{background-color:var(--m-color-secondary);fill:var(--m-color-secondary-text)}}.m-button-fab-grey{background-color:#fff;border:none}.m-input{align-items:center;border:1px solid var(--m-color-grey06);border-radius:5px;display:flex;justify-content:space-between;margin-top:16px;max-width:320px;min-width:200px;outline:none;padding:8px 16px}.m-input:focus-within{border:1px solid var(--m-color-primary)}@media (max-width:1023px){.m-input{padding:8px}}.m-title-text-input .miam-text-input{max-width:565px}.miam-catalog-recipe-card .miam-catalog-card__attributes,.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__picture__actions,.miam-flex-column{display:flex;flex-direction:column;justify-content:space-around}.miam-flex-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:auto}.m-default-card{background-color:var(--m-color-unpure-white);border-radius:8px;box-shadow:var(--m-shadow-small);padding:16px}@media (max-width:1023px){.m-default-card{margin-bottom:8px;padding:8px}}#toast-container>div{opacity:.95!important}#toast-container>div:hover{opacity:1!important}@-webkit-keyframes jiggle{0%{transform:none}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}to{transform:none}}@keyframes jiggle{0%{transform:none}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}to{transform:none}}:root{--m-border-radius:var(--miam-border-radius,8px);--m-border-radius-circle:50%;--m-border-radius-pill:25px;--m-color-black:var(--miam-color-black,#0e0e2c);--m-color-card-shadow:var(--miam-color-card-shadow,#eaf2fb);--m-color-danger:var(--miam-color-danger,#f97d7d);--m-color-danger-text:var(--miam-color-danger-text,#700505);--m-color-grey:var(--miam-color-grey,#f5f5f5);--m-color-grey-text:var(--miam-color-grey-text,#acb0b9);--m-color-grey-text-dark:var(--miam-color-grey-text-dark,#757575);--m-color-grey01:var(--miam-color-grey01,#505062);--m-color-grey02:var(--miam-color-grey02,#67677e);--m-color-grey03:var(--miam-color-grey03,#818198);--m-color-grey04:var(--miam-color-grey04,#9d9daf);--m-color-grey05:var(--miam-color-grey05,#b9b9c6);--m-color-grey06:var(--miam-color-grey06,#d5d5dd);--m-color-grey07:var(--miam-color-grey07,#e3e3e8);--m-color-hairlines:var(--miam-color-hairlines,#ecf1f4);--m-color-info:var(--miam-color-info,#8cd4eb);--m-color-info-text:var(--miam-color-info-text,#125368);--m-color-light-slate:var(--miam-color-light-slate,#8c8ca1);--m-color-onyx:var(--miam-color-onyx,#0e0e2c);--m-color-primary:var(--miam-color-primary,#2bb6aa);--m-color-primary-dark:var(--miam-color-primary-dark,#419f97);--m-color-primary-light:var(--miam-color-primary-light,#eafaf9);--m-color-primary-text:var(--miam-color-primary-text,#fff);--m-color-secondary:var(--miam-color-secondary,#ef760f);--m-color-secondary-dark:var(--miam-color-secondary-dark,#ef7711);--m-color-secondary-light:var(--miam-color-secondary-light,#faebd7);--m-color-secondary-text:var(--miam-color-secondary-text,#fff);--m-color-slate:var(--miam-color-slate,#4a4a68);--m-color-success:var(--miam-color-success,#44d6b3);--m-color-success-text:var(--miam-color-success-text,#135344);--m-color-ternary:var(--miam-color-ternary,#1accf8);--m-color-ternary-dark:var(--miam-color-ternary-dark,#057894);--m-color-ternary-light:var(--miam-color-ternary-light,#cef4fd);--m-color-ternary-text:var(--miam-color-ternary-text,#fff);--m-color-unpure-white:var(--miam-color-unpure-white,#fefefe);--m-color-warning:var(--miam-color-warning,#ffdaa3);--m-color-warning-text:var(--miam-color-warning-text,#f90);--m-color-white:var(--miam-color-white,#fafcfe);--m-default-transition:var(--miam-default-transition,all 0.3s ease-in-out);--m-font-size-Xlarge:var(--miam-font-size-Xlarge,24px);--m-font-size-large:var(--miam-font-size-large,20px);--m-font-size-medium:var(--miam-font-size-medium,16px);--m-font-size-small:var(--miam-font-size-small,14px);--m-shadow-small:var(--miam-shadow-small,0px 3px 4px var(--m-color-card-shadow));--m-z-index-drawer-container:var(--miam-z-index-drawer-container,5000002);--m-z-index-drawer-overlay:var(--miam-z-index-drawer-overlay,5000001);--m-z-index-loader:var(--miam-z-index-loader,2);--m-z-index-modal:var(--miam-z-index-modal,6001);--m-z-index-modal-overlay:var(--miam-z-index-modal-overlay,6000);--m-z-index-position-absolute-high:var(--miam-z-index-position-absolute-high,1);--m-z-index-position-absolute-low:var(--miam-z-index-position-absolute-low,0)}.m-title-text-input:focus-within :root .miam-text-input__label,.m-title-text-input :root input,.m-title-text-input :root label:not(.miam-text-input__label__top),:root .m-body-typo,:root .m-h1-typo,:root .m-input,:root .m-input>*,:root .m-small-typo,:root .m-title-text-input:focus-within .miam-text-input__label,:root .m-title-text-input input,:root .m-title-text-input label:not(.miam-text-input__label__top){color:var(--m-color-slate);font-family:Work Sans;font-size:var(--m-font-size-medium);font-style:normal;font-weight:500;line-height:24px}.m-title-text-input :root input,.m-title-text-input :root label:not(.miam-text-input__label__top),:root .m-h1-typo,:root .m-title-text-input input,:root .m-title-text-input label:not(.miam-text-input__label__top){font-size:40px;font-weight:700;line-height:48px}:root .m-button,:root .m-button-fab,:root .m-button-fab-grey,:root .m-button-fab-primary,:root .m-button-fab-secondary,:root .m-button-grey,:root .m-button-link,:root .m-button-primary,:root .m-button-secondary,:root .m-button-typo{font-family:Work Sans;font-size:var(--m-font-size-medium);font-size:14px;font-style:normal;font-weight:700;letter-spacing:.5px;line-height:16px}:root .m-small-typo{font-size:var(--m-font-size-small);line-height:16px}@media print{:root .miam-not-printable{display:none}:root:last-child{page-break-after:auto}}:root .miam-print-only{display:none}@media print{:root .miam-print-only{display:block}}.miam-catalog-recipe-card{background-color:#fff;border-radius:var(--m-border-radius);box-shadow:var(--m-shadow-small);display:flex;flex-direction:column;height:304px;position:relative;width:330px}.miam-catalog-recipe-card .miam-catalog-card__picture{-webkit-tap-highlight-color:transparent;cursor:pointer;height:169px;position:relative}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-card__picture__gradient{height:169px}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-card__picture__gradient .miam-catalog-card__picture__img{-o-object-fit:cover;border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);height:169px;object-fit:cover;position:absolute;transition:var(--m-default-transition);width:100%;z-index:var(--m-z-index-position-absolute-low)}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-card__picture__gradient .miam-catalog-card__picture__sponsor{-o-object-fit:contain;height:auto;left:16px;max-height:48px;max-width:64px;object-fit:contain;position:absolute;top:16px;transform:none;width:auto;z-index:var(--m-z-index-position-absolute-low)}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-card__picture__gradient:after{background:linear-gradient(180deg,rgba(0,0,0,.1) 50.52%,rgba(32,32,32,.85) 88.54%);border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);content:\"\";height:100%;position:absolute;width:100%}.miam-catalog-recipe-card .miam-catalog-card__attributes{flex:1 1;justify-content:space-between;padding:24px 16px}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-card__attributes__infos{display:flex;flex-direction:row;justify-content:center}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-card__attributes__infos .miam-catalog-card__attributes__info{display:flex;flex-direction:row}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-card__attributes__infos .miam-catalog-card__attributes__info .miam-catalog-card__info__label{color:var(--m-color-grey-text);font-size:15px;margin-left:8px}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-card__attributes__infos .miam-catalog-card__attributes__info .miam-catalog-card__info__label:first-letter{text-transform:capitalize}@media (max-width:1022px){.miam-catalog-recipe-card{border-radius:24px;width:272px}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-card__picture__gradient .miam-catalog-card__picture__img,.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-card__picture__gradient:after{border-radius:24px 24px 0 0}.miam-catalog-recipe-card .miam-catalog-card__attributes{padding:16px}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__infos{bottom:16px;position:absolute}}.miam-catalog-recipe-card .miam-catalog-recipe-card__header{display:none}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__picture__video{left:calc(50% - 40px);position:absolute;top:calc(50% - 50px)}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__picture__tag{background-color:var(--m-color-primary-light);border-radius:5px;color:var(--m-color-primary);font-weight:500;left:16px;padding:8px;position:absolute;text-transform:uppercase;top:16px}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__attributes__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-tap-highlight-color:transparent;bottom:0;color:#fff;cursor:pointer;display:-webkit-box;font-size:17px;font-weight:700;left:0;letter-spacing:normal;line-height:20;line-height:1.5;margin:16px;overflow:hidden;position:absolute;text-align:left;text-overflow:ellipsis;transition:var(--m-default-transition)}@media (min-width:1022px){.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__attributes__title:hover{text-decoration:underline}}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__picture__actions{position:absolute;right:16px;top:16px;z-index:var(--m-z-index-position-absolute-high)}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__picture__actions .miam-catalog-recipe-card__actions__icon{-o-object-fit:contain;-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:var(--m-border-radius-circle);box-shadow:var(--m-shadow-small);margin:0 0 16px;object-fit:contain;padding:8px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__picture__actions .miam-catalog-recipe-card__actions__icon .icon-container{margin:0}.miam-catalog-recipe-card .miam-catalog-card__picture .miam-catalog-recipe-card__picture__actions .miam-catalog-recipe-card__actions__icon.miam-noPadding{padding:0}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control{align-items:center;display:flex;justify-content:space-between}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__left__col{display:flex;flex-direction:column-reverse}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__left__col .miam-catalog-recipe-card__left__col__counter{align-items:center;display:flex}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__left__col .miam-catalog-recipe-card__left__col__counter ng-miam-counter-input .miam-counter-input__icon{margin-right:8px}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__right__col{display:flex;flex-direction:row}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__right__col .miam-catalog-recipe-card__right__col__price{margin-right:16px}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__right__col button .loader{border:var(--m-loader-thickness) solid transparent;border-top:var(--m-loader-thickness) solid var(--m-color-white);height:24px;width:24px}@media (max-width:1022px){.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control{align-items:flex-start;height:100%}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__left__col{padding-top:4px}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__right__col{align-items:end;flex-direction:column;height:100%;justify-content:space-between}.miam-catalog-recipe-card .miam-catalog-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__right__col .miam-catalog-recipe-card__right__col__price{margin-right:unset}}"], encapsulation: 2, changeDetection: 0 });
 /*@__PURE__*/ (function () { ɵsetClassMetadata(CatalogRecipeCardComponent, [{
         type: Component,
         args: [{
@@ -7185,39 +7297,6 @@ CatalogRecipeCardComponent.ɵcmp = ɵɵdefineComponent({ type: CatalogRecipeCard
             args: ['window:scroll']
         }] }); })();
 
-function LoaderComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 2);
-    ɵɵelement(1, "div", 3);
-    ɵɵelementEnd();
-} }
-function LoaderComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "div", 3);
-} }
-class LoaderComponent {
-    constructor() {
-        this.wide = false;
-    }
-}
-LoaderComponent.ɵfac = function LoaderComponent_Factory(t) { return new (t || LoaderComponent)(); };
-LoaderComponent.ɵcmp = ɵɵdefineComponent({ type: LoaderComponent, selectors: [["ng-miam-loader"]], inputs: { wide: "wide" }, decls: 2, vars: 2, consts: [["class", "wide-container", 4, "ngIf"], ["class", "loader", 4, "ngIf"], [1, "wide-container"], [1, "loader"]], template: function LoaderComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵtemplate(0, LoaderComponent_div_0_Template, 2, 0, "div", 0);
-        ɵɵtemplate(1, LoaderComponent_div_1_Template, 1, 0, "div", 1);
-    } if (rf & 2) {
-        ɵɵproperty("ngIf", ctx.wide);
-        ɵɵadvance(1);
-        ɵɵproperty("ngIf", !ctx.wide);
-    } }, directives: [NgIf], styles: ["[_nghost-%COMP%]{--m-loader-size:var(--miam-loader-sizes,40px);--m-loader-thickness:var(--miam-loader-thickness,5px)}.loader[_ngcontent-%COMP%]{-webkit-animation:spin .5s linear infinite;animation:spin .5s linear infinite;border:var(--m-loader-thickness) solid var(--m-color-grey);border-radius:var(--m-border-radius-circle);border-top:var(--m-loader-thickness) solid var(--m-color-ternary);height:var(--m-loader-size);width:var(--m-loader-size)}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}"] });
-/*@__PURE__*/ (function () { ɵsetClassMetadata(LoaderComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ng-miam-loader',
-                templateUrl: './loader.component.html',
-                styleUrls: ['./loader.component.scss']
-            }]
-    }], function () { return []; }, { wide: [{
-            type: Input
-        }] }); })();
-
 function CatalogArticleCardComponent_img_4_Template(rf, ctx) { if (rf & 1) {
     ɵɵelement(0, "img", 11);
 } if (rf & 2) {
@@ -7933,7 +8012,7 @@ class CatalogListComponent {
             return this.recipesService.all({
                 remotefilter: requestFilters,
                 page: { size: 20, number: page },
-                include: ['ingredients', 'recipe-steps', 'recipe-type', 'recipe-status', 'sponsors', 'recipe-provider']
+                include: ['ingredients', 'recipe-steps', 'recipe-type', 'recipe-status', 'sponsors', 'recipe-provider', 'tags']
             }).pipe(skipWhile(resp => resp.is_loading), switchMap((result) => this.processResults(result.data, requestFilters, page)));
         }
     }
@@ -8795,67 +8874,67 @@ BasketPreviewDisabledComponent.ɵcmp = ɵɵdefineComponent({ type: BasketPreview
             args: ['window:resize', ['$event']]
         }] }); })();
 
-function BasketPreviewLineComponent_ng_container_1_div_3_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 24);
-    ɵɵlistener("click", function BasketPreviewLineComponent_ng_container_1_div_3_Template_div_click_0_listener($event) { ɵɵrestoreView(_r15); const ctx_r14 = ɵɵnextContext(2); return ctx_r14.removeLine($event); });
-    ɵɵelement(1, "ng-miam-icon", 25);
+function BasketPreviewLineComponent_div_3_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 23);
+    ɵɵlistener("click", function BasketPreviewLineComponent_div_3_Template_div_click_0_listener($event) { ɵɵrestoreView(_r14); const ctx_r13 = ɵɵnextContext(); return ctx_r13.removeLine($event); });
+    ɵɵelement(1, "ng-miam-icon", 24);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = ɵɵnextContext(2);
+    const ctx_r0 = ɵɵnextContext();
     ɵɵadvance(1);
-    ɵɵproperty("iconName", ctx_r2.icon.Trash);
+    ɵɵproperty("iconName", ctx_r0.icon.Trash);
 } }
-function BasketPreviewLineComponent_ng_container_1_div_11_Template(rf, ctx) { if (rf & 1) {
+function BasketPreviewLineComponent_div_11_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div");
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r16 = ctx.$implicit;
+    const item_r15 = ctx.$implicit;
     ɵɵadvance(1);
-    ɵɵtextInterpolate(item_r16);
+    ɵɵtextInterpolate(item_r15);
 } }
-function BasketPreviewLineComponent_ng_container_1_div_13_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 26);
+function BasketPreviewLineComponent_div_13_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 25);
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r4 = ɵɵnextContext(2);
+    const ctx_r2 = ɵɵnextContext();
     ɵɵadvance(1);
-    ɵɵtextInterpolate1(" ", ctx_r4.expanded ? "Masquer" : "Voir", " le d\u00E9tail ");
+    ɵɵtextInterpolate1(" ", ctx_r2.expanded ? "Masquer" : "Voir", " le d\u00E9tail ");
 } }
-function BasketPreviewLineComponent_ng_container_1_div_14_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 26);
+function BasketPreviewLineComponent_div_14_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 25);
     ɵɵtext(1, " Voir la recette ");
     ɵɵelementEnd();
 } }
 const _c0$g = function (a0) { return { "disable": a0 }; };
-function BasketPreviewLineComponent_ng_container_1_div_15_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 27);
-    ɵɵelementStart(1, "a", 28);
-    ɵɵlistener("click", function BasketPreviewLineComponent_ng_container_1_div_15_Template_a_click_1_listener() { ɵɵrestoreView(_r18); const ctx_r17 = ɵɵnextContext(2); return ctx_r17.changeProduct(ctx_r17.line); });
+function BasketPreviewLineComponent_div_15_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 26);
+    ɵɵelementStart(1, "a", 27);
+    ɵɵlistener("click", function BasketPreviewLineComponent_div_15_Template_a_click_1_listener() { ɵɵrestoreView(_r17); const ctx_r16 = ɵɵnextContext(); return ctx_r16.changeProduct(ctx_r16.line); });
     ɵɵtext(2, "Changer d'article");
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r6 = ɵɵnextContext(2);
+    const ctx_r4 = ɵɵnextContext();
     ɵɵadvance(1);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(1, _c0$g, ctx_r6.disableItemSelector));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(1, _c0$g, ctx_r4.disableItemSelector));
 } }
-function BasketPreviewLineComponent_ng_container_1_div_16_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 29);
-    ɵɵelementStart(1, "span", 30);
+function BasketPreviewLineComponent_div_16_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 28);
+    ɵɵelementStart(1, "span", 29);
     ɵɵtext(2);
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r7 = ɵɵnextContext(2);
+    const ctx_r5 = ɵɵnextContext();
     ɵɵadvance(2);
-    ɵɵtextInterpolate(ctx_r7.line.inlineTag);
+    ɵɵtextInterpolate(ctx_r5.line.inlineTag);
 } }
-function BasketPreviewLineComponent_ng_container_1_div_18_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 31);
+function BasketPreviewLineComponent_div_18_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 30);
     ɵɵelementStart(1, "span");
     ɵɵtext(2);
     ɵɵelementEnd();
@@ -8867,189 +8946,117 @@ function BasketPreviewLineComponent_ng_container_1_div_18_Template(rf, ctx) { if
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r8 = ɵɵnextContext(2);
+    const ctx_r6 = ɵɵnextContext();
     ɵɵadvance(2);
-    ɵɵtextInterpolate1("", ctx_r8.priceIntegerPart(), ",");
+    ɵɵtextInterpolate1("", ctx_r6.priceIntegerPart(), ",");
     ɵɵadvance(2);
-    ɵɵtextInterpolate(ctx_r8.priceDecimalPart());
+    ɵɵtextInterpolate(ctx_r6.priceDecimalPart());
 } }
-function BasketPreviewLineComponent_ng_container_1_ng_template_19_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-recipe-pricing", 32);
+function BasketPreviewLineComponent_ng_template_19_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-recipe-pricing", 31);
     ɵɵpipe(1, "async");
 } if (rf & 2) {
-    const ctx_r10 = ɵɵnextContext(2);
-    ɵɵproperty("recipe", ɵɵpipeBind1(1, 2, ctx_r10.recipesService.get(ctx_r10.line.id)))("serves", ctx_r10.line.count);
+    const ctx_r8 = ɵɵnextContext();
+    ɵɵproperty("recipe", ɵɵpipeBind1(1, 2, ctx_r8.recipesService.get(ctx_r8.line.id)))("serves", ctx_r8.line.count);
 } }
-function BasketPreviewLineComponent_ng_container_1_div_22_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 33);
+function BasketPreviewLineComponent_div_22_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 32);
     ɵɵtext(1, "pour");
     ɵɵelementEnd();
 } }
-function BasketPreviewLineComponent_ng_container_1_div_24_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 34);
+function BasketPreviewLineComponent_div_24_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 33);
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r12 = ɵɵnextContext(2);
+    const ctx_r10 = ɵɵnextContext();
     ɵɵadvance(1);
-    ɵɵtextInterpolate1("personne", ctx_r12.line.count > 1 ? "s" : "", "");
-} }
-function BasketPreviewLineComponent_ng_container_1_div_25_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 35);
-    ɵɵelementStart(1, "button", 36);
-    ɵɵlistener("click", function BasketPreviewLineComponent_ng_container_1_div_25_Template_button_click_1_listener($event) { ɵɵrestoreView(_r20); const ctx_r19 = ɵɵnextContext(2); return ctx_r19.toggleRecipeDisplay($event, true); });
-    ɵɵelement(2, "ng-miam-icon", 37);
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r13 = ɵɵnextContext(2);
-    ɵɵadvance(2);
-    ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r13.icon.Cart);
+    ɵɵtextInterpolate1("personne", ctx_r10.line.count > 1 ? "s" : "", "");
 } }
-function BasketPreviewLineComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = ɵɵgetCurrentView();
-    ɵɵelementContainerStart(0);
-    ɵɵelementStart(1, "div", 3);
-    ɵɵelementStart(2, "div", 4);
-    ɵɵtemplate(3, BasketPreviewLineComponent_ng_container_1_div_3_Template, 2, 1, "div", 5);
-    ɵɵelementStart(4, "div", 6);
-    ɵɵelementStart(5, "img", 7);
-    ɵɵlistener("click", function BasketPreviewLineComponent_ng_container_1_Template_img_click_5_listener($event) { ɵɵrestoreView(_r22); const ctx_r21 = ɵɵnextContext(); return ctx_r21.toggleRecipeDisplay($event); });
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementStart(6, "div", 8);
-    ɵɵelementStart(7, "strong", 9);
-    ɵɵlistener("click", function BasketPreviewLineComponent_ng_container_1_Template_strong_click_7_listener($event) { ɵɵrestoreView(_r22); const ctx_r23 = ɵɵnextContext(); return ctx_r23.toggleRecipeDisplay($event); });
-    ɵɵtext(8);
-    ɵɵpipe(9, "capitalizeFirstLetter");
-    ɵɵelementEnd();
-    ɵɵelementStart(10, "div", 10);
-    ɵɵtemplate(11, BasketPreviewLineComponent_ng_container_1_div_11_Template, 2, 1, "div", 11);
-    ɵɵelementEnd();
-    ɵɵelementStart(12, "div", 12);
-    ɵɵtemplate(13, BasketPreviewLineComponent_ng_container_1_div_13_Template, 2, 1, "div", 13);
-    ɵɵtemplate(14, BasketPreviewLineComponent_ng_container_1_div_14_Template, 2, 0, "div", 13);
-    ɵɵtemplate(15, BasketPreviewLineComponent_ng_container_1_div_15_Template, 3, 3, "div", 14);
-    ɵɵtemplate(16, BasketPreviewLineComponent_ng_container_1_div_16_Template, 3, 1, "div", 15);
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementEnd();
-    ɵɵelementStart(17, "div", 16);
-    ɵɵtemplate(18, BasketPreviewLineComponent_ng_container_1_div_18_Template, 7, 2, "div", 17);
-    ɵɵtemplate(19, BasketPreviewLineComponent_ng_container_1_ng_template_19_Template, 2, 4, "ng-template", null, 18, ɵɵtemplateRefExtractor);
-    ɵɵelementStart(21, "div", 19);
-    ɵɵtemplate(22, BasketPreviewLineComponent_ng_container_1_div_22_Template, 2, 0, "div", 20);
-    ɵɵelementStart(23, "ng-miam-counter-input", 21);
-    ɵɵlistener("counterChange", function BasketPreviewLineComponent_ng_container_1_Template_ng_miam_counter_input_counterChange_23_listener($event) { ɵɵrestoreView(_r22); const ctx_r24 = ɵɵnextContext(); return ctx_r24.changeCount($event); });
-    ɵɵelementEnd();
-    ɵɵtemplate(24, BasketPreviewLineComponent_ng_container_1_div_24_Template, 2, 1, "div", 22);
-    ɵɵelementEnd();
-    ɵɵtemplate(25, BasketPreviewLineComponent_ng_container_1_div_25_Template, 3, 3, "div", 23);
+function BasketPreviewLineComponent_div_25_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 34);
+    ɵɵelementStart(1, "button", 35);
+    ɵɵlistener("click", function BasketPreviewLineComponent_div_25_Template_button_click_1_listener($event) { ɵɵrestoreView(_r19); const ctx_r18 = ɵɵnextContext(); return ctx_r18.toggleRecipeDisplay($event, true); });
+    ɵɵelement(2, "ng-miam-icon", 36);
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const _r9 = ɵɵreference(20);
-    const ctx_r0 = ɵɵnextContext();
-    ɵɵadvance(3);
-    ɵɵproperty("ngIf", !ctx_r0.uniqueLine && !ctx_r0.line.displayMode);
-    ɵɵadvance(2);
-    ɵɵproperty("src", ctx_r0.line.picture, ɵɵsanitizeUrl);
-    ɵɵadvance(3);
-    ɵɵtextInterpolate1(" ", ɵɵpipeBind1(9, 15, ctx_r0.line.title), " ");
-    ɵɵadvance(3);
-    ɵɵproperty("ngForOf", ctx_r0.line.description);
+    const ctx_r11 = ɵɵnextContext();
     ɵɵadvance(2);
-    ɵɵproperty("ngIf", ctx_r0.line.hasEntries() && !ctx_r0.uniqueLine);
-    ɵɵadvance(1);
-    ɵɵproperty("ngIf", ctx_r0.line.displayMode);
-    ɵɵadvance(1);
-    ɵɵproperty("ngIf", !ctx_r0.line.isRecipe && (ctx_r0.line == null ? null : ctx_r0.line.record == null ? null : ctx_r0.line.record.candidateItems == null ? null : ctx_r0.line.record.candidateItems.length) > 0);
-    ɵɵadvance(1);
-    ɵɵproperty("ngIf", ctx_r0.line.inlineTag);
-    ɵɵadvance(2);
-    ɵɵproperty("ngIf", ctx_r0.displayTotalPricing || !ctx_r0.line.isRecipe)("ngIfElse", _r9);
-    ɵɵadvance(4);
-    ɵɵproperty("ngIf", ctx_r0.line.isRecipe);
-    ɵɵadvance(1);
-    ɵɵproperty("counter", ctx_r0.line.count)("minRange", ctx_r0.line.isRecipe ? 1 : 0);
-    ɵɵadvance(1);
-    ɵɵproperty("ngIf", ctx_r0.line.isRecipe);
-    ɵɵadvance(1);
-    ɵɵproperty("ngIf", ctx_r0.line.displayMode);
+    ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r11.icon.Cart);
 } }
-function BasketPreviewLineComponent_div_2_div_1_ng_miam_basket_preview_line_1_Template(rf, ctx) { if (rf & 1) {
-    const _r34 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "ng-miam-basket-preview-line", 45);
-    ɵɵlistener("removed", function BasketPreviewLineComponent_div_2_div_1_ng_miam_basket_preview_line_1_Template_ng_miam_basket_preview_line_removed_0_listener($event) { ɵɵrestoreView(_r34); const ctx_r33 = ɵɵnextContext(3); return ctx_r33.deleteEntry($event.record); })("replaceItem", function BasketPreviewLineComponent_div_2_div_1_ng_miam_basket_preview_line_1_Template_ng_miam_basket_preview_line_replaceItem_0_listener() { ɵɵrestoreView(_r34); const ctx_r35 = ɵɵnextContext(3); return ctx_r35.replaceItem.emit(ctx_r35.line); });
+function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_line_1_Template(rf, ctx) { if (rf & 1) {
+    const _r29 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "ng-miam-basket-preview-line", 44);
+    ɵɵlistener("removed", function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_line_1_Template_ng_miam_basket_preview_line_removed_0_listener($event) { ɵɵrestoreView(_r29); const ctx_r28 = ɵɵnextContext(3); return ctx_r28.deleteEntry($event.record); })("replaceItem", function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_line_1_Template_ng_miam_basket_preview_line_replaceItem_0_listener() { ɵɵrestoreView(_r29); const ctx_r30 = ɵɵnextContext(3); return ctx_r30.replaceItem.emit(ctx_r30.line); });
     ɵɵelementEnd();
 } if (rf & 2) {
-    const entryLine_r32 = ctx.$implicit;
-    const ctx_r28 = ɵɵnextContext(3);
-    ɵɵproperty("line", entryLine_r32)("blockStates", ctx_r28.blockStates);
+    const entryLine_r27 = ctx.$implicit;
+    const ctx_r23 = ɵɵnextContext(3);
+    ɵɵproperty("line", entryLine_r27)("blockStates", ctx_r23.blockStates);
 } }
-function BasketPreviewLineComponent_div_2_div_1_ng_miam_basket_preview_disabled_3_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-basket-preview-disabled", 46);
+function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_3_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-basket-preview-disabled", 45);
 } if (rf & 2) {
-    const ctx_r29 = ɵɵnextContext(3);
-    ɵɵproperty("entries", ctx_r29.line.entries.notFound);
+    const ctx_r24 = ɵɵnextContext(3);
+    ɵɵproperty("entries", ctx_r24.line.entries.notFound);
 } }
-function BasketPreviewLineComponent_div_2_div_1_ng_miam_basket_preview_disabled_4_Template(rf, ctx) { if (rf & 1) {
-    const _r37 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "ng-miam-basket-preview-disabled", 47);
-    ɵɵlistener("entryAdded", function BasketPreviewLineComponent_div_2_div_1_ng_miam_basket_preview_disabled_4_Template_ng_miam_basket_preview_disabled_entryAdded_0_listener($event) { ɵɵrestoreView(_r37); const ctx_r36 = ɵɵnextContext(3); return ctx_r36.addEntry($event); });
+function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_4_Template(rf, ctx) { if (rf & 1) {
+    const _r32 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "ng-miam-basket-preview-disabled", 46);
+    ɵɵlistener("entryAdded", function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_4_Template_ng_miam_basket_preview_disabled_entryAdded_0_listener($event) { ɵɵrestoreView(_r32); const ctx_r31 = ɵɵnextContext(3); return ctx_r31.addEntry($event); });
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r30 = ɵɵnextContext(3);
-    ɵɵproperty("entries", ctx_r30.line.entries.oftenDeleted);
+    const ctx_r25 = ɵɵnextContext(3);
+    ɵɵproperty("entries", ctx_r25.line.entries.oftenDeleted);
 } }
-function BasketPreviewLineComponent_div_2_div_1_ng_miam_basket_preview_disabled_5_Template(rf, ctx) { if (rf & 1) {
-    const _r39 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "ng-miam-basket-preview-disabled", 48);
-    ɵɵlistener("entryAdded", function BasketPreviewLineComponent_div_2_div_1_ng_miam_basket_preview_disabled_5_Template_ng_miam_basket_preview_disabled_entryAdded_0_listener($event) { ɵɵrestoreView(_r39); const ctx_r38 = ɵɵnextContext(3); return ctx_r38.addEntry($event); });
+function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_5_Template(rf, ctx) { if (rf & 1) {
+    const _r34 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "ng-miam-basket-preview-disabled", 47);
+    ɵɵlistener("entryAdded", function BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_5_Template_ng_miam_basket_preview_disabled_entryAdded_0_listener($event) { ɵɵrestoreView(_r34); const ctx_r33 = ɵɵnextContext(3); return ctx_r33.addEntry($event); });
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r31 = ɵɵnextContext(3);
-    ɵɵproperty("entries", ctx_r31.line.entries.removed)("reduced", true);
+    const ctx_r26 = ɵɵnextContext(3);
+    ɵɵproperty("entries", ctx_r26.line.entries.removed)("reduced", true);
 } }
-function BasketPreviewLineComponent_div_2_div_1_Template(rf, ctx) { if (rf & 1) {
+function BasketPreviewLineComponent_div_26_div_1_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div");
-    ɵɵtemplate(1, BasketPreviewLineComponent_div_2_div_1_ng_miam_basket_preview_line_1_Template, 1, 2, "ng-miam-basket-preview-line", 41);
+    ɵɵtemplate(1, BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_line_1_Template, 1, 2, "ng-miam-basket-preview-line", 40);
     ɵɵpipe(2, "async");
-    ɵɵtemplate(3, BasketPreviewLineComponent_div_2_div_1_ng_miam_basket_preview_disabled_3_Template, 1, 1, "ng-miam-basket-preview-disabled", 42);
-    ɵɵtemplate(4, BasketPreviewLineComponent_div_2_div_1_ng_miam_basket_preview_disabled_4_Template, 1, 1, "ng-miam-basket-preview-disabled", 43);
-    ɵɵtemplate(5, BasketPreviewLineComponent_div_2_div_1_ng_miam_basket_preview_disabled_5_Template, 1, 2, "ng-miam-basket-preview-disabled", 44);
+    ɵɵtemplate(3, BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_3_Template, 1, 1, "ng-miam-basket-preview-disabled", 41);
+    ɵɵtemplate(4, BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_4_Template, 1, 1, "ng-miam-basket-preview-disabled", 42);
+    ɵɵtemplate(5, BasketPreviewLineComponent_div_26_div_1_ng_miam_basket_preview_disabled_5_Template, 1, 2, "ng-miam-basket-preview-disabled", 43);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r25 = ɵɵnextContext(2);
+    const ctx_r20 = ɵɵnextContext(2);
     ɵɵadvance(1);
-    ɵɵproperty("ngForOf", ɵɵpipeBind1(2, 4, ctx_r25.entriesLines$));
+    ɵɵproperty("ngForOf", ɵɵpipeBind1(2, 4, ctx_r20.entriesLines$));
     ɵɵadvance(2);
-    ɵɵproperty("ngIf", ctx_r25.line.entries.notFound.length > 0);
+    ɵɵproperty("ngIf", ctx_r20.line.entries.notFound.length > 0);
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", ctx_r25.line.entries.oftenDeleted.length > 0);
+    ɵɵproperty("ngIf", ctx_r20.line.entries.oftenDeleted.length > 0);
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", ctx_r25.line.entries.removed.length > 0);
+    ɵɵproperty("ngIf", ctx_r20.line.entries.removed.length > 0);
 } }
-function BasketPreviewLineComponent_div_2_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 49);
+function BasketPreviewLineComponent_div_26_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 48);
     ɵɵelement(1, "ng-miam-loader");
     ɵɵelementStart(2, "div");
     ɵɵtext(3, "Calcul des ingr\u00E9dients...");
     ɵɵelementEnd();
     ɵɵelementEnd();
 } }
-function BasketPreviewLineComponent_div_2_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 38);
-    ɵɵtemplate(1, BasketPreviewLineComponent_div_2_div_1_Template, 6, 6, "div", 39);
-    ɵɵtemplate(2, BasketPreviewLineComponent_div_2_ng_template_2_Template, 4, 0, "ng-template", null, 40, ɵɵtemplateRefExtractor);
+function BasketPreviewLineComponent_div_26_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 37);
+    ɵɵtemplate(1, BasketPreviewLineComponent_div_26_div_1_Template, 6, 6, "div", 38);
+    ɵɵtemplate(2, BasketPreviewLineComponent_div_26_ng_template_2_Template, 4, 0, "ng-template", null, 39, ɵɵtemplateRefExtractor);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const _r26 = ɵɵreference(3);
-    const ctx_r1 = ɵɵnextContext();
+    const _r21 = ɵɵreference(3);
+    const ctx_r12 = ɵɵnextContext();
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", !ctx_r1.loading)("ngIfElse", _r26);
+    ɵɵproperty("ngIf", !ctx_r12.loading)("ngIfElse", _r21);
 } }
 const _c1$6 = function (a0, a1, a2) { return { clickable: a0, expanded: a1, elevate: a2 }; };
 class BasketPreviewLineComponent {
@@ -9196,7 +9203,7 @@ class BasketPreviewLineComponent {
         event.stopPropagation();
     }
     addRecipeActionOK() {
-        this.listsService.appendRecipeToList(this.line.id, this.line.count);
+        this.subscriptions.push(this.listsService.appendRecipeToList(this.line.id, this.line.count).subscribe());
         this.recipesService.display(this.line.id, { guests: this.line.count, previewMode: true });
     }
     removeLine(event) {
@@ -9215,17 +9222,79 @@ class BasketPreviewLineComponent {
     }
 }
 BasketPreviewLineComponent.ɵfac = function BasketPreviewLineComponent_Factory(t) { return new (t || BasketPreviewLineComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(RecipesService), ɵɵdirectiveInject(GroceriesListsService), ɵɵdirectiveInject(BasketsService), ɵɵdirectiveInject(AnalyticsService), ɵɵdirectiveInject(PointOfSalesService), ɵɵdirectiveInject(UserService), ɵɵdirectiveInject(ContextService), ɵɵdirectiveInject(ElementRef)); };
-BasketPreviewLineComponent.ɵcmp = ɵɵdefineComponent({ type: BasketPreviewLineComponent, selectors: [["ng-miam-basket-preview-line"]], inputs: { line: "line", uniqueLine: "uniqueLine", blockStates: "blockStates", displayTotalPricing: "displayTotalPricing" }, outputs: { removed: "removed", countChanged: "countChanged", replaceItem: "replaceItem", showRecipe: "showRecipe" }, decls: 3, vars: 8, consts: [[1, "miam-basket-preview-line", 3, "id", "ngClass", "click"], [4, "ngIf"], ["class", "miam-basket-preview-lines", 4, "ngIf"], [1, "miam-basket-preview-line__item"], [1, "miam-basket-preview-line__item__left"], ["class", "miam-basket-preview-line__item__remove", 3, "click", 4, "ngIf"], [1, "miam-basket-preview-line__item__picture"], [3, "src", "click"], [1, "miam-basket-preview-line__item__details"], [1, "miam-basket-preview-line__item__title", 3, "click"], [1, "miam-basket-preview-line__item__description"], [4, "ngFor", "ngForOf"], [1, "miam-basket-preview-line__item__actions"], ["class", "miam-basket-preview-line__item__showDetails", 4, "ngIf"], ["class", "miam-basket-preview-line__item__change", 4, "ngIf"], ["class", "miam-basket-preview-line__item__inlineTag__container", 4, "ngIf"], [1, "miam-basket-preview-line__item__right"], ["class", "miam-basket-preview-line__item__price", 4, "ngIf", "ngIfElse"], ["pricePerguest", ""], [1, "miam-basket-preview-line__item__count"], ["class", "miam-basket-preview-line__item__count__for", 4, "ngIf"], [3, "counter", "minRange", "counterChange"], ["class", "miam-basket-preview-line__item__count__people", 4, "ngIf"], ["class", "miam-basket-preview-line__add__button", 4, "ngIf"], [1, "miam-basket-preview-line__item__remove", 3, "click"], ["height", "24", "width", "24", "primaryColor", "var(--m-color-grey-text-dark)", 3, "iconName"], [1, "miam-basket-preview-line__item__showDetails"], [1, "miam-basket-preview-line__item__change"], [1, "miam-basket-preview-line__item__change__link", 3, "ngClass", "click"], [1, "miam-basket-preview-line__item__inlineTag__container"], [1, "miam-basket-preview-line__item__inlineTag"], [1, "miam-basket-preview-line__item__price"], [3, "recipe", "serves"], [1, "miam-basket-preview-line__item__count__for"], [1, "miam-basket-preview-line__item__count__people"], [1, "miam-basket-preview-line__add__button"], [1, "m-button-fab-primary", 3, "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-basket-preview-lines"], [4, "ngIf", "ngIfElse"], ["loader", ""], [3, "line", "blockStates", "removed", "replaceItem", 4, "ngFor", "ngForOf"], ["mode", "unavailable", 3, "entries", 4, "ngIf"], ["mode", "oftenDeleted", 3, "entries", "entryAdded", 4, "ngIf"], ["mode", "removed", 3, "entries", "reduced", "entryAdded", 4, "ngIf"], [3, "line", "blockStates", "removed", "replaceItem"], ["mode", "unavailable", 3, "entries"], ["mode", "oftenDeleted", 3, "entries", "entryAdded"], ["mode", "removed", 3, "entries", "reduced", "entryAdded"], [1, "miam-basket-preview-line__loader-container"]], template: function BasketPreviewLineComponent_Template(rf, ctx) { if (rf & 1) {
+BasketPreviewLineComponent.ɵcmp = ɵɵdefineComponent({ type: BasketPreviewLineComponent, selectors: [["ng-miam-basket-preview-line"]], inputs: { line: "line", uniqueLine: "uniqueLine", blockStates: "blockStates", displayTotalPricing: "displayTotalPricing" }, outputs: { removed: "removed", countChanged: "countChanged", replaceItem: "replaceItem", showRecipe: "showRecipe" }, decls: 27, vars: 24, consts: [[1, "miam-basket-preview-line", 3, "id", "ngClass", "click"], [1, "miam-basket-preview-line__item"], [1, "miam-basket-preview-line__item__left"], ["class", "miam-basket-preview-line__item__remove", 3, "click", 4, "ngIf"], [1, "miam-basket-preview-line__item__picture"], [3, "src", "click"], [1, "miam-basket-preview-line__item__details"], [1, "miam-basket-preview-line__item__title", 3, "click"], [1, "miam-basket-preview-line__item__description"], [4, "ngFor", "ngForOf"], [1, "miam-basket-preview-line__item__actions"], ["class", "miam-basket-preview-line__item__showDetails", 4, "ngIf"], ["class", "miam-basket-preview-line__item__change", 4, "ngIf"], ["class", "miam-basket-preview-line__item__inlineTag__container", 4, "ngIf"], [1, "miam-basket-preview-line__item__right"], ["class", "miam-basket-preview-line__item__price", 4, "ngIf", "ngIfElse"], ["pricePerguest", ""], [1, "miam-basket-preview-line__item__count"], ["class", "miam-basket-preview-line__item__count__for", 4, "ngIf"], [3, "counter", "minRange", "counterChange"], ["class", "miam-basket-preview-line__item__count__people", 4, "ngIf"], ["class", "miam-basket-preview-line__add__button", 4, "ngIf"], ["class", "miam-basket-preview-lines", 4, "ngIf"], [1, "miam-basket-preview-line__item__remove", 3, "click"], ["height", "24", "width", "24", "primaryColor", "var(--m-color-grey-text-dark)", 3, "iconName"], [1, "miam-basket-preview-line__item__showDetails"], [1, "miam-basket-preview-line__item__change"], [1, "miam-basket-preview-line__item__change__link", 3, "ngClass", "click"], [1, "miam-basket-preview-line__item__inlineTag__container"], [1, "miam-basket-preview-line__item__inlineTag"], [1, "miam-basket-preview-line__item__price"], [3, "recipe", "serves"], [1, "miam-basket-preview-line__item__count__for"], [1, "miam-basket-preview-line__item__count__people"], [1, "miam-basket-preview-line__add__button"], [1, "m-button-fab-primary", 3, "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-basket-preview-lines"], [4, "ngIf", "ngIfElse"], ["loader", ""], [3, "line", "blockStates", "removed", "replaceItem", 4, "ngFor", "ngForOf"], ["mode", "unavailable", 3, "entries", 4, "ngIf"], ["mode", "oftenDeleted", 3, "entries", "entryAdded", 4, "ngIf"], ["mode", "removed", 3, "entries", "reduced", "entryAdded", 4, "ngIf"], [3, "line", "blockStates", "removed", "replaceItem"], ["mode", "unavailable", 3, "entries"], ["mode", "oftenDeleted", 3, "entries", "entryAdded"], ["mode", "removed", 3, "entries", "reduced", "entryAdded"], [1, "miam-basket-preview-line__loader-container"]], template: function BasketPreviewLineComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵelementStart(0, "div", 0);
         ɵɵlistener("click", function BasketPreviewLineComponent_Template_div_click_0_listener($event) { return ctx.line.displayMode ? ctx.toggleRecipeDisplay($event) : ctx.toggleExpanded($event); });
-        ɵɵtemplate(1, BasketPreviewLineComponent_ng_container_1_Template, 26, 17, "ng-container", 1);
+        ɵɵelementStart(1, "div", 1);
+        ɵɵelementStart(2, "div", 2);
+        ɵɵtemplate(3, BasketPreviewLineComponent_div_3_Template, 2, 1, "div", 3);
+        ɵɵelementStart(4, "div", 4);
+        ɵɵelementStart(5, "img", 5);
+        ɵɵlistener("click", function BasketPreviewLineComponent_Template_img_click_5_listener($event) { return ctx.toggleRecipeDisplay($event); });
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+        ɵɵelementStart(6, "div", 6);
+        ɵɵelementStart(7, "strong", 7);
+        ɵɵlistener("click", function BasketPreviewLineComponent_Template_strong_click_7_listener($event) { return ctx.toggleRecipeDisplay($event); });
+        ɵɵtext(8);
+        ɵɵpipe(9, "capitalizeFirstLetter");
+        ɵɵelementEnd();
+        ɵɵelementStart(10, "div", 8);
+        ɵɵtemplate(11, BasketPreviewLineComponent_div_11_Template, 2, 1, "div", 9);
+        ɵɵelementEnd();
+        ɵɵelementStart(12, "div", 10);
+        ɵɵtemplate(13, BasketPreviewLineComponent_div_13_Template, 2, 1, "div", 11);
+        ɵɵtemplate(14, BasketPreviewLineComponent_div_14_Template, 2, 0, "div", 11);
+        ɵɵtemplate(15, BasketPreviewLineComponent_div_15_Template, 3, 3, "div", 12);
+        ɵɵtemplate(16, BasketPreviewLineComponent_div_16_Template, 3, 1, "div", 13);
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+        ɵɵelementStart(17, "div", 14);
+        ɵɵtemplate(18, BasketPreviewLineComponent_div_18_Template, 7, 2, "div", 15);
+        ɵɵtemplate(19, BasketPreviewLineComponent_ng_template_19_Template, 2, 4, "ng-template", null, 16, ɵɵtemplateRefExtractor);
+        ɵɵelementStart(21, "div", 17);
+        ɵɵtemplate(22, BasketPreviewLineComponent_div_22_Template, 2, 0, "div", 18);
+        ɵɵelementStart(23, "ng-miam-counter-input", 19);
+        ɵɵlistener("counterChange", function BasketPreviewLineComponent_Template_ng_miam_counter_input_counterChange_23_listener($event) { return ctx.changeCount($event); });
+        ɵɵelementEnd();
+        ɵɵtemplate(24, BasketPreviewLineComponent_div_24_Template, 2, 1, "div", 20);
         ɵɵelementEnd();
-        ɵɵtemplate(2, BasketPreviewLineComponent_div_2_Template, 4, 2, "div", 2);
+        ɵɵtemplate(25, BasketPreviewLineComponent_div_25_Template, 3, 3, "div", 21);
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+        ɵɵtemplate(26, BasketPreviewLineComponent_div_26_Template, 4, 2, "div", 22);
     } if (rf & 2) {
+        const _r7 = ɵɵreference(20);
         ɵɵpropertyInterpolate("id", ctx.line.id);
-        ɵɵproperty("ngClass", ɵɵpureFunction3(4, _c1$6, ctx.line.hasEntries() || ctx.line.displayMode, ctx.expanded, ctx.selectItem));
+        ɵɵproperty("ngClass", ɵɵpureFunction3(20, _c1$6, ctx.line.hasEntries() || ctx.line.displayMode, ctx.expanded, ctx.selectItem));
+        ɵɵadvance(3);
+        ɵɵproperty("ngIf", !ctx.uniqueLine && !ctx.line.displayMode);
+        ɵɵadvance(2);
+        ɵɵproperty("src", ctx.line.picture, ɵɵsanitizeUrl);
+        ɵɵadvance(3);
+        ɵɵtextInterpolate1(" ", ɵɵpipeBind1(9, 18, ctx.line.title), " ");
+        ɵɵadvance(3);
+        ɵɵproperty("ngForOf", ctx.line.description);
+        ɵɵadvance(2);
+        ɵɵproperty("ngIf", ctx.line.hasEntries() && !ctx.uniqueLine);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.line.displayMode);
         ɵɵadvance(1);
-        ɵɵproperty("ngIf", !ctx.selectItem);
+        ɵɵproperty("ngIf", !ctx.line.isRecipe && (ctx.line == null ? null : ctx.line.record == null ? null : ctx.line.record.candidateItems == null ? null : ctx.line.record.candidateItems.length) > 0);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.line.inlineTag);
+        ɵɵadvance(2);
+        ɵɵproperty("ngIf", ctx.displayTotalPricing || !ctx.line.isRecipe)("ngIfElse", _r7);
+        ɵɵadvance(4);
+        ɵɵproperty("ngIf", ctx.line.isRecipe);
+        ɵɵadvance(1);
+        ɵɵproperty("counter", ctx.line.count)("minRange", ctx.line.isRecipe ? 1 : 0);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.line.isRecipe);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", ctx.line.displayMode);
         ɵɵadvance(1);
         ɵɵproperty("ngIf", ctx.expanded);
     } }, directives: [NgClass, NgIf, NgForOf, CounterInputComponent, IconComponent, RecipePricingComponent, BasketPreviewLineComponent, BasketPreviewDisabledComponent, LoaderComponent], pipes: [CapitalizeFirstLetterPipe, AsyncPipe], styles: [":root{--price-color:var(--miam-price-color,green);--tag-color:var(--miam-tag-color,#fcecce)}.miam-basket-preview-line{-webkit-tap-highlight-color:transparent;overflow:hidden;padding-left:10px}.miam-basket-preview-line.clickable{border:1px solid var(--m-color-grey);border-radius:4px;box-shadow:none;cursor:pointer;margin-bottom:6px;transition:var(--m-default-transition)}.miam-basket-preview-line.elevate{position:relative;z-index:var(--m-z-index-modal)}.miam-basket-preview-line.expanded{background:#fff;border-color:var(--m-color-grey);box-shadow:var(--m-shadow-small);margin-bottom:15px;margin-top:10px;position:relative}.miam-basket-preview-line .miam-basket-preview-line__item{display:flex;justify-content:space-between;padding:16px 0}.miam-basket-preview-line .miam-basket-preview-line__item.clickable{cursor:pointer}.miam-basket-preview-line .miam-basket-preview-line__item.clickable.expanded{padding-bottom:0}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left{align-items:center;display:flex;width:100%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{align-self:center;margin:0 30px 0 15px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove .icon-container{background-color:var(--m-color-grey);border-radius:12.5px;height:25px!important;padding:6px;width:25px!important}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove .icon-container svg{color:var(--m-color-grey-text);cursor:pointer;height:13px;width:13px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture{margin-right:25px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{-o-object-fit:cover;border-radius:var(--m-border-radius);height:100px;object-fit:cover;width:130px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details{width:100%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title{display:inline-block;font-size:var(--m-font-size-medium)}@media (min-width:1022px){.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title:hover{color:var(--m-color-primary);text-decoration:underline}}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title:first-letter{text-transform:capitalize}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__description{font-size:var(--m-font-size-small);font-weight:400}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions{display:flex;flex-direction:row}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__showDetails{color:var(--m-color-grey-text);cursor:pointer;margin:2px 30px 0 0;text-decoration:underline;transition:var(--m-default-transition);width:-webkit-max-content;width:-moz-max-content;width:max-content}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__change .miam-basket-preview-line__item__change__link{color:var(--m-color-grey-text);cursor:pointer;margin:2px 30px 0 0;text-decoration:underline;transition:var(--m-default-transition)}@media (min-width:1022px){.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__change .miam-basket-preview-line__item__change__link:hover{color:var(--m-color-primary)}}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__change .miam-basket-preview-line__item__change__link.disable{color:var(--m-color-grey-text);pointer-events:none}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag{background-color:var(--tag-color);border-radius:100px;display:inline-block;font-size:var(--m-font-size-small);height:22px;padding:1px 16px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{align-items:center;display:flex;justify-content:flex-end;max-width:330px;position:relative;width:100%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{color:var(--price-color);font-size:var(--m-font-size-large);font-weight:700;margin:0 20px;white-space:nowrap}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right ng-miam-recipe-pricing{width:100%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count{font-size:var(--m-font-size-small);text-align:center}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__for,.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__people{color:var(--m-color-slate);font-weight:700;margin-bottom:2px;padding-left:20px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__add__button{margin:0 20px}@media (min-width:1022px){.miam-basket-preview-line .miam-basket-preview-line__item:hover .miam-basket-preview-line__item__left .miam-basket-preview-line__item__showDetails{color:var(--m-color-primary)}}.miam-basket-preview-lines{border-left:1px solid var(--m-color-grey);margin-bottom:20px;margin-left:20px;overflow:hidden}.miam-basket-preview-lines .miam-basket-preview-line{border-top:1px solid var(--m-color-grey)}.miam-basket-preview-lines .miam-basket-preview-line.expanded{border-top:1px solid var(--m-color-primary)}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item{border-top:none;padding:12px 0 15px}@media (min-width:1022px){.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title:hover{color:var(--m-color-black);text-decoration:none}}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture,.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{margin-right:15px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{-o-object-fit:cover;border-radius:var(--m-border-radius);height:50px;object-fit:cover;width:50px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{margin-top:-16px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{color:var(--m-color-grey-text);font-size:16px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count ng-miam-counter-input .miam-counter-input__icon{display:none}.miam-basket-preview-lines .miam-basket-preview-line__loader-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px}@media (max-width:1022px){.miam-basket-preview-line .miam-basket-preview-line__item{flex-direction:column;height:204px;padding:0 0 52px;position:relative}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left{height:92px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{bottom:58px;margin:0;position:absolute;right:18px;z-index:1}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture{height:152px;position:absolute;top:16px;width:33%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{height:100%;width:100%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details{padding:8px 0 0 36%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions{bottom:8px;position:absolute}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag{height:auto;padding:1px;text-align:center}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{align-items:flex-start;flex-direction:column-reverse;justify-content:flex-start;padding-left:38%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{margin:0}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count{margin:16px 0}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__for,.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__people{display:none}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item{flex-direction:column;height:auto;padding:0;position:relative}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left{height:auto}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{bottom:unset;margin-right:15px;position:relative;right:unset}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture{height:72px;position:relative;top:unset;width:72px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{-o-object-fit:cover;border-radius:var(--m-border-radius);height:72px;object-fit:cover;width:72px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details{padding:0}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__actions{bottom:unset;flex-direction:column;gap:8px;position:relative}}@media (max-width:1022px) and (min-width:1023px){.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag__container{width:100%}}@media (max-width:1022px){.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag__container .miam-basket-preview-line__item__inlineTag{padding:4px 16px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{flex-direction:row;margin:16px 0}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{margin:0 16px 0 0}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count{margin:0}}"], encapsulation: 2, changeDetection: 0 });
@@ -9256,23 +9325,22 @@ BasketPreviewLineComponent.ɵcmp = ɵɵdefineComponent({ type: BasketPreviewLine
             type: Output
         }] }); })();
 
-const _c0$h = ["itemsList"];
-function ReplaceItemComponent_div_24_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 13);
-    ɵɵlistener("click", function ReplaceItemComponent_div_24_Template_div_click_0_listener() { ɵɵrestoreView(_r5); const item_r2 = ctx.$implicit; const ctx_r4 = ɵɵnextContext(); return ctx_r4.onSelectItem(item_r2); });
-    ɵɵelementStart(1, "div", 14);
-    ɵɵelement(2, "ng-miam-icon", 15);
-    ɵɵelement(3, "img", 16);
+function ReplaceItemComponent_div_22_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 12);
+    ɵɵlistener("click", function ReplaceItemComponent_div_22_Template_div_click_0_listener() { ɵɵrestoreView(_r4); const item_r1 = ctx.$implicit; const ctx_r3 = ɵɵnextContext(); return ctx_r3.onSelectItem(item_r1); });
+    ɵɵelementStart(1, "div", 13);
+    ɵɵelement(2, "ng-miam-icon", 14);
+    ɵɵelement(3, "img", 15);
     ɵɵelementEnd();
-    ɵɵelementStart(4, "div", 14);
-    ɵɵelementStart(5, "div", 17);
+    ɵɵelementStart(4, "div", 13);
+    ɵɵelementStart(5, "div", 16);
     ɵɵelementStart(6, "div", 6);
     ɵɵtext(7);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(8, "div", 14);
+    ɵɵelementStart(8, "div", 13);
     ɵɵelementStart(9, "div", 7);
     ɵɵelementStart(10, "span");
     ɵɵtext(11);
@@ -9287,18 +9355,18 @@ function ReplaceItemComponent_div_24_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r2 = ctx.$implicit;
-    const ctx_r1 = ɵɵnextContext();
+    const item_r1 = ctx.$implicit;
+    const ctx_r0 = ɵɵnextContext();
     ɵɵadvance(2);
-    ɵɵproperty("height", 16)("width", 16)("iconName", ctx_r1.icon.Swap);
+    ɵɵproperty("height", 16)("width", 16)("iconName", ctx_r0.icon.Swap);
     ɵɵadvance(1);
-    ɵɵproperty("src", item_r2 == null ? null : item_r2.attributes == null ? null : item_r2.attributes.image, ɵɵsanitizeUrl);
+    ɵɵproperty("src", item_r1 == null ? null : item_r1.attributes == null ? null : item_r1.attributes.image, ɵɵsanitizeUrl);
     ɵɵadvance(4);
-    ɵɵtextInterpolate2(" ", item_r2 == null ? null : item_r2.attributes == null ? null : item_r2.attributes.name, " | ", item_r2 == null ? null : item_r2.capacity, " ");
+    ɵɵtextInterpolate2(" ", item_r1 == null ? null : item_r1.attributes == null ? null : item_r1.attributes.name, " | ", item_r1 == null ? null : item_r1.capacity, " ");
     ɵɵadvance(4);
-    ɵɵtextInterpolate1("", ctx_r1.priceIntegerPart(item_r2 == null ? null : item_r2.attributes["unit-price"]), ",");
+    ɵɵtextInterpolate1("", ctx_r0.priceIntegerPart(item_r1 == null ? null : item_r1.attributes["unit-price"]), ",");
     ɵɵadvance(2);
-    ɵɵtextInterpolate(ctx_r1.priceDecimalPart(item_r2 == null ? null : item_r2.attributes["unit-price"]));
+    ɵɵtextInterpolate(ctx_r0.priceDecimalPart(item_r1 == null ? null : item_r1.attributes["unit-price"]));
 } }
 class ReplaceItemComponent {
     constructor(cdr, basketsService, analyticsService) {
@@ -9340,12 +9408,7 @@ class ReplaceItemComponent {
     }
 }
 ReplaceItemComponent.ɵfac = function ReplaceItemComponent_Factory(t) { return new (t || ReplaceItemComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(BasketsService), ɵɵdirectiveInject(AnalyticsService)); };
-ReplaceItemComponent.ɵcmp = ɵɵdefineComponent({ type: ReplaceItemComponent, selectors: [["ng-miam-replace-item"]], viewQuery: function ReplaceItemComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵstaticViewQuery(_c0$h, true);
-    } if (rf & 2) {
-        var _t;
-        ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.itemsListElement = _t.first);
-    } }, inputs: { line: "line" }, outputs: { selected: "selected" }, decls: 25, vars: 7, consts: [[1, "miam-replace-item"], [1, "m-button-secondary", 3, "click"], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], [1, "miam-replace-item__selected"], ["alt", "Image non disponible", 1, "miam-replace-item__selected__picture", 3, "src"], [1, "miam-replace-item__selected__column"], [1, "miam-replace-item__description"], [1, "miam-replace-item__price"], [1, "miam-replace-item__choices"], [1, "miam-replace-item__choices__action"], ["itemsList", ""], [1, "miam-replace-item__choices__list"], ["class", "miam-replace-item__choice", 3, "click", 4, "ngFor", "ngForOf"], [1, "miam-replace-item__choice", 3, "click"], [1, "miam-replace-item__choice__column"], [1, "miam-replace-item__choice__swap", 3, "height", "width", "iconName"], [3, "src"], [1, "miam-replace-item__choice__content"]], template: function ReplaceItemComponent_Template(rf, ctx) { if (rf & 1) {
+ReplaceItemComponent.ɵcmp = ɵɵdefineComponent({ type: ReplaceItemComponent, selectors: [["ng-miam-replace-item"]], inputs: { line: "line" }, outputs: { selected: "selected" }, decls: 23, vars: 7, consts: [[1, "miam-replace-item"], [1, "m-button-secondary", 3, "click"], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], [1, "miam-replace-item__selected"], ["alt", "Image non disponible", 1, "miam-replace-item__selected__picture", 3, "src"], [1, "miam-replace-item__selected__column"], [1, "miam-replace-item__description"], [1, "miam-replace-item__price"], [1, "miam-replace-item__choices"], [1, "miam-replace-item__choices__action"], [1, "miam-replace-item__choices__list"], ["class", "miam-replace-item__choice", 3, "click", 4, "ngFor", "ngForOf"], [1, "miam-replace-item__choice", 3, "click"], [1, "miam-replace-item__choice__column"], [1, "miam-replace-item__choice__swap", 3, "height", "width", "iconName"], [3, "src"], [1, "miam-replace-item__choice__content"]], template: function ReplaceItemComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵelementStart(0, "div", 0);
         ɵɵelementStart(1, "button", 1);
         ɵɵlistener("click", function ReplaceItemComponent_Template_button_click_1_listener() { return ctx.onClose(); });
@@ -9379,10 +9442,8 @@ ReplaceItemComponent.ɵcmp = ɵɵdefineComponent({ type: ReplaceItemComponent, s
         ɵɵtext(20, "Remplacer cet article par :");
         ɵɵelementEnd();
         ɵɵelementEnd();
-        ɵɵelementStart(21, "div", 8, 10);
-        ɵɵelementStart(23, "div", 11);
-        ɵɵtemplate(24, ReplaceItemComponent_div_24_Template, 16, 8, "div", 12);
-        ɵɵelementEnd();
+        ɵɵelementStart(21, "div", 10);
+        ɵɵtemplate(22, ReplaceItemComponent_div_22_Template, 16, 8, "div", 11);
         ɵɵelementEnd();
         ɵɵelementEnd();
         ɵɵelementEnd();
@@ -9397,7 +9458,7 @@ ReplaceItemComponent.ɵcmp = ɵɵdefineComponent({ type: ReplaceItemComponent, s
         ɵɵtextInterpolate1("", ctx.priceIntegerPart(ctx.line == null ? null : ctx.line.record == null ? null : ctx.line.record.totalPrice), ",");
         ɵɵadvance(2);
         ɵɵtextInterpolate(ctx.priceDecimalPart(ctx.line == null ? null : ctx.line.record == null ? null : ctx.line.record.totalPrice));
-        ɵɵadvance(10);
+        ɵɵadvance(8);
         ɵɵproperty("ngForOf", ctx.line == null ? null : ctx.line.record == null ? null : ctx.line.record.candidateItems);
     } }, directives: [IconComponent, NgForOf], styles: [".miam-replace-item{background:var(--m-color-white);height:100%;width:100%}.miam-replace-item button{margin-left:16px;max-width:150px;padding:16px}.miam-replace-item button ng-miam-icon{height:16px;margin-left:0;padding-top:20px;transform:rotate(90deg)}.miam-replace-item button ng-miam-icon svg path:first-of-type{fill:none}.miam-replace-item .miam-replace-item__selected{align-items:center;border:1px solid var(--m-color-primary);border-radius:16px;display:flex;margin:16px;padding:16px}.miam-replace-item .miam-replace-item__selected .miam-replace-item__selected__picture{height:70px;margin:8px}.miam-replace-item .miam-replace-item__selected .miam-replace-item__selected__column{display:flex;flex-direction:column;padding:10px;width:100%}.miam-replace-item .miam-replace-item__selected .miam-replace-item__selected__column .miam-replace-item__description{text-align:left}.miam-replace-item .miam-replace-item__choices{display:flex;flex-direction:column;margin:auto;min-width:100%;padding-bottom:80px;position:relative;width:auto}@media (max-width:475px){.miam-replace-item .miam-replace-item__choices{min-width:unset}}.miam-replace-item .miam-replace-item__choices ::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-replace-item .miam-replace-item__choices ::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-replace-item .miam-replace-item__choices ::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__action{align-items:center;display:flex;justify-content:space-between;top:0}@media (max-width:475px){.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__action{margin-left:16px}}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__action div{font-size:16px;font-weight:700}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__action .miam-replace-item__choices__close{border:none;padding:0}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list{display:flex;flex-wrap:wrap;gap:16px;padding:16px}@media (max-width:475px){.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list{display:flex;gap:0;justify-content:space-between;margin:auto;padding:0;width:90vw}}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice{-webkit-tap-highlight-color:transparent;border:1px solid var(--m-color-hairlines);border-radius:var(--m-border-radius);cursor:pointer;display:flex;flex-direction:column;width:160px}@media (max-width:475px){.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice{margin-top:8px;width:40vw}}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice .miam-replace-item__choice__column{align-items:center;display:inline-flex;flex-direction:column;gap:8px;margin:8px}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice .miam-replace-item__choice__column .miam-replace-item__choice__content{align-items:center;display:flex;flex-direction:column}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice .miam-replace-item__choice__column img{-o-object-fit:cover;border-radius:var(--m-border-radius);height:50px;object-fit:cover;width:50px}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice .miam-replace-item__choice__swap{background-color:var(--m-color-secondary);border:1px solid var(--m-color-secondary);border-radius:16px;padding:4px;transition:var(--m-default-transition)}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice .miam-replace-item__choice__swap .icon-container svg{fill:var(--m-color-white)}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice:hover{background-color:var(--m-color-white)}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice:hover .miam-replace-item__choice__swap{background-color:#fff;color:var(--m-color-secondary);transform:scale(1.1)}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice:hover .miam-replace-item__choice__swap .icon-container svg{fill:var(--m-color-secondary)}.miam-replace-item .miam-replace-item__title{display:inline-block;font-size:16px;font-weight:700;white-space:normal}.miam-replace-item .miam-replace-item__title:first-letter{text-transform:capitalize}.miam-replace-item .miam-replace-item__description{font-size:14px;text-align:center;white-space:normal}.miam-replace-item .miam-replace-item__price{font-size:20px;font-weight:700;text-align:right}"], encapsulation: 2, changeDetection: 0 });
 /*@__PURE__*/ (function () { ɵsetClassMetadata(ReplaceItemComponent, [{
@@ -9413,9 +9474,6 @@ ReplaceItemComponent.ɵcmp = ɵɵdefineComponent({ type: ReplaceItemComponent, s
             type: Input
         }], selected: [{
             type: Output
-        }], itemsListElement: [{
-            type: ViewChild,
-            args: ['itemsList', { static: true }]
         }] }); })();
 
 function BasketPreviewBlockComponent_div_0_ng_container_2_h3_1_button_2_Template(rf, ctx) { if (rf & 1) {
@@ -9432,7 +9490,7 @@ function BasketPreviewBlockComponent_div_0_ng_container_2_h3_1_button_2_Template
     ɵɵadvance(1);
     ɵɵproperty("iconName", ctx_r10.icon.Trash);
 } }
-const _c0$i = function (a0) { return { "miam-basket-preview-block__chevron__down": a0 }; };
+const _c0$h = function (a0) { return { "miam-basket-preview-block__chevron__down": a0 }; };
 function BasketPreviewBlockComponent_div_0_ng_container_2_h3_1_Template(rf, ctx) { if (rf & 1) {
     const _r14 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "h3", 9);
@@ -9449,7 +9507,7 @@ function BasketPreviewBlockComponent_div_0_ng_container_2_h3_1_Template(rf, ctx)
     ɵɵadvance(2);
     ɵɵproperty("ngIf", ctx_r7.showLines);
     ɵɵadvance(1);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$i, !ctx_r7.showLines));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$h, !ctx_r7.showLines));
     ɵɵadvance(1);
     ɵɵproperty("iconName", ctx_r7.icon.ChevronDown);
 } }
@@ -9603,7 +9661,7 @@ class BasketPreviewBlockComponent {
         this.cdr.detectChanges();
     }
     removeRecipe(line) {
-        this.listsService.removeRecipeFromList(line.id);
+        this.listsService.removeRecipeFromList(line.id).subscribe();
     }
     updateRecipe(line) {
         this.listsService.updateRecipeGuests(line.id, line.count);
@@ -9776,7 +9834,7 @@ function DrawerComponent_div_11_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("ngIf", ctx_r3.loading);
 } }
-const _c0$j = function (a0) { return { expand: a0 }; };
+const _c0$i = function (a0) { return { expand: a0 }; };
 class DrawerComponent {
     constructor(cdr, listsService, posService, basketsService, analyticsService) {
         this.cdr = cdr;
@@ -9900,13 +9958,13 @@ DrawerComponent.ɵcmp = ɵɵdefineComponent({ type: DrawerComponent, selectors:
     } if (rf & 2) {
         ɵɵproperty("ngIf", ctx.expand);
         ɵɵadvance(1);
-        ɵɵproperty("ngClass", ɵɵpureFunction1(8, _c0$j, ctx.expand));
+        ɵɵproperty("ngClass", ɵɵpureFunction1(8, _c0$i, ctx.expand));
         ɵɵadvance(1);
         ɵɵclassProp("jiggle", ctx.jiggle);
         ɵɵadvance(1);
         ɵɵproperty("ngIf", ctx.recipesCount && ctx.recipesCount > 0);
         ɵɵadvance(1);
-        ɵɵproperty("ngClass", ɵɵpureFunction1(10, _c0$j, ctx.expand));
+        ɵɵproperty("ngClass", ɵɵpureFunction1(10, _c0$i, ctx.expand));
         ɵɵadvance(6);
         ɵɵproperty("ngIf", ctx.expand);
         ɵɵadvance(1);
@@ -9929,7 +9987,7 @@ DrawerComponent.ɵcmp = ɵɵdefineComponent({ type: DrawerComponent, selectors:
             args: ['document:click', ['$event']]
         }] }); })();
 
-const _c0$k = ["miamCatalogTopAnchor"];
+const _c0$j = ["miamCatalogTopAnchor"];
 function RecipeCatalogComponent_div_2_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r10 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 12);
@@ -10314,7 +10372,7 @@ class RecipeCatalogComponent {
 RecipeCatalogComponent.ɵfac = function RecipeCatalogComponent_Factory(t) { return new (t || RecipeCatalogComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(RecipeTypeService), ɵɵdirectiveInject(SponsorService), ɵɵdirectiveInject(SuppliersService), ɵɵdirectiveInject(PackageService), ɵɵdirectiveInject(RecipesService), ɵɵdirectiveInject(MediaMatcher), ɵɵdirectiveInject(UserService)); };
 RecipeCatalogComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeCatalogComponent, selectors: [["ng-miam-recipe-catalog"]], viewQuery: function RecipeCatalogComponent_Query(rf, ctx) { if (rf & 1) {
         ɵɵviewQuery(CatalogHeaderComponent, true);
-        ɵɵviewQuery(_c0$k, true);
+        ɵɵviewQuery(_c0$j, true);
         ɵɵviewQuery(CatalogCategoryComponent, true);
     } if (rf & 2) {
         var _t;
@@ -10370,7 +10428,7 @@ function FavoritePageComponent_div_2_div_6_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("iconName", ctx_r5.icon.ChevronDown);
 } }
-const _c0$l = function (a0) { return { "filter-collapsed": a0 }; };
+const _c0$k = function (a0) { return { "filter-collapsed": a0 }; };
 function FavoritePageComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r13 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 4);
@@ -10393,7 +10451,7 @@ function FavoritePageComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("ngIf", !(ctx_r1.listIsEmpty && ctx_r1.isMobile && ctx_r1.areFiltersEmpty()));
     ɵɵadvance(1);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(9, _c0$l, ctx_r1.isFilterCollapsed));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(9, _c0$k, ctx_r1.isFilterCollapsed));
     ɵɵadvance(1);
     ɵɵproperty("displayReturnButton", false)("forcedPictureUrl", ctx_r1.forcedPictureUrl)("title", ctx_r1.homePageTitle);
     ɵɵadvance(2);
@@ -10525,7 +10583,7 @@ function ModalComponent_ng_container_0_button_13_Template(rf, ctx) { if (rf & 1)
     ɵɵadvance(1);
     ɵɵtextInterpolate1(" ", ctx_r5.confirmButtonText, " ");
 } }
-const _c0$m = function (a0, a1) { return { "with-header": a0, "without-header": a1 }; };
+const _c0$l = function (a0, a1) { return { "with-header": a0, "without-header": a1 }; };
 function ModalComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     const _r11 = ɵɵgetCurrentView();
     ɵɵelementContainerStart(0);
@@ -10555,7 +10613,7 @@ function ModalComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     const _r2 = ɵɵreference(10);
     const ctx_r0 = ɵɵnextContext();
     ɵɵadvance(2);
-    ɵɵproperty("ngClass", ɵɵpureFunction2(9, _c0$m, !ctx_r0.noHeaderMode, ctx_r0.noHeaderMode));
+    ɵɵproperty("ngClass", ɵɵpureFunction2(9, _c0$l, !ctx_r0.noHeaderMode, ctx_r0.noHeaderMode));
     ɵɵadvance(4);
     ɵɵtextInterpolate(ctx_r0.title);
     ɵɵadvance(1);
@@ -10778,7 +10836,7 @@ function PersonalRecipesComponent_div_2_div_7_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("iconName", ctx_r6.icon.ChevronDown);
 } }
-const _c0$n = function (a0) { return { "filter-collapsed": a0 }; };
+const _c0$m = function (a0) { return { "filter-collapsed": a0 }; };
 function PersonalRecipesComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r16 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 4);
@@ -10802,7 +10860,7 @@ function PersonalRecipesComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("ngIf", !(ctx_r1.listIsEmpty && ctx_r1.isMobile && ctx_r1.areFiltersEmpty()));
     ɵɵadvance(1);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(11, _c0$n, ctx_r1.isFilterCollapsed));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(11, _c0$m, ctx_r1.isFilterCollapsed));
     ɵɵadvance(1);
     ɵɵproperty("displayReturnButton", false)("forcedPictureUrl", ctx_r1.forcedPictureUrl)("title", ctx_r1.homePageTitle);
     ɵɵadvance(2);
@@ -10961,7 +11019,7 @@ CalendarEventsService.ɵprov = ɵɵdefineInjectable({ token: CalendarEventsServi
             }]
     }], function () { return []; }, null); })();
 
-const _c0$o = function (a0) { return { event: a0 }; };
+const _c0$n = function (a0) { return { event: a0 }; };
 function PlannerSideMenuComponent_div_7_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div", 3);
     ɵɵelement(1, "img", 4);
@@ -10969,7 +11027,7 @@ function PlannerSideMenuComponent_div_7_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementEnd();
 } if (rf & 2) {
     const event_r1 = ctx.$implicit;
-    ɵɵproperty("dropData", ɵɵpureFunction1(3, _c0$o, event_r1));
+    ɵɵproperty("dropData", ɵɵpureFunction1(3, _c0$n, event_r1));
     ɵɵadvance(1);
     ɵɵproperty("src", event_r1.recipe == null ? null : event_r1.recipe.attributes["media-url"], ɵɵsanitizeUrl);
     ɵɵadvance(1);
@@ -11188,47 +11246,47 @@ RecipeAddonComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeAddonComponent, s
             type: Output
         }] }); })();
 
-const _c0$p = ["topContainerImg"];
+const _c0$o = ["topContainerImg"];
 const _c1$a = ["mainContainer"];
 function RecipeDetailsComponent_div_0_img_6_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "img", 40);
+    ɵɵelement(0, "img", 41);
 } if (rf & 2) {
     const ctx_r5 = ɵɵnextContext(2);
     ɵɵproperty("src", ctx_r5.recipe == null ? null : ctx_r5.recipe.attributes["media-url"], ɵɵsanitizeUrl);
 } }
 function RecipeDetailsComponent_div_0_div_7_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "div", 41);
+    ɵɵelement(0, "div", 42);
 } }
 function RecipeDetailsComponent_div_0_youtube_player_8_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "youtube-player", 42);
+    ɵɵelement(0, "youtube-player", 43);
 } if (rf & 2) {
     const ctx_r7 = ɵɵnextContext(2);
     ɵɵproperty("videoId", ctx_r7.recipe.videoId)("width", ctx_r7.playerWidth)("height", ctx_r7.playerHeight);
 } }
 function RecipeDetailsComponent_div_0_div_9_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 43);
+    ɵɵelementStart(0, "div", 44);
     ɵɵtext(1, "D\u00E9j\u00E0 ajout\u00E9e");
     ɵɵelementEnd();
 } }
 function RecipeDetailsComponent_div_0_ng_miam_like_button_12_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-like-button", 44);
+    ɵɵelement(0, "ng-miam-like-button", 45);
 } if (rf & 2) {
     const ctx_r9 = ɵɵnextContext(2);
     ɵɵproperty("recipe", ctx_r9.recipe)("width", 26)("height", 26);
 } }
 function RecipeDetailsComponent_div_0_img_16_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "img", 45);
+    ɵɵelement(0, "img", 46);
 } if (rf & 2) {
     const ctx_r10 = ɵɵnextContext(2);
     ɵɵpropertyInterpolate("src", ctx_r10.recipe.filigraneLogoUrl, ɵɵsanitizeUrl);
 } }
 function RecipeDetailsComponent_div_0_div_23_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 46);
+    ɵɵelementStart(0, "div", 47);
     ɵɵelementStart(1, "span");
     ɵɵtext(2, "Pr\u00E9paration");
     ɵɵelementEnd();
-    ɵɵelementStart(3, "div", 47);
-    ɵɵelement(4, "ng-miam-icon", 48);
+    ɵɵelementStart(3, "div", 48);
+    ɵɵelement(4, "ng-miam-icon", 49);
     ɵɵelementStart(5, "span");
     ɵɵtext(6);
     ɵɵelementEnd();
@@ -11242,12 +11300,12 @@ function RecipeDetailsComponent_div_0_div_23_Template(rf, ctx) { if (rf & 1) {
     ɵɵtextInterpolate(ctx_r11.recipe == null ? null : ctx_r11.recipe.preparationTime);
 } }
 function RecipeDetailsComponent_div_0_div_24_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 46);
+    ɵɵelementStart(0, "div", 47);
     ɵɵelementStart(1, "span");
     ɵɵtext(2, "Cuisson");
     ɵɵelementEnd();
-    ɵɵelementStart(3, "div", 47);
-    ɵɵelement(4, "ng-miam-icon", 48);
+    ɵɵelementStart(3, "div", 48);
+    ɵɵelement(4, "ng-miam-icon", 49);
     ɵɵelementStart(5, "span");
     ɵɵtext(6);
     ɵɵelementEnd();
@@ -11261,12 +11319,12 @@ function RecipeDetailsComponent_div_0_div_24_Template(rf, ctx) { if (rf & 1) {
     ɵɵtextInterpolate(ctx_r12.recipe == null ? null : ctx_r12.recipe.cookingTime);
 } }
 function RecipeDetailsComponent_div_0_div_25_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 46);
+    ɵɵelementStart(0, "div", 47);
     ɵɵelementStart(1, "span");
     ɵɵtext(2, "Repos");
     ɵɵelementEnd();
-    ɵɵelementStart(3, "div", 47);
-    ɵɵelement(4, "ng-miam-icon", 48);
+    ɵɵelementStart(3, "div", 48);
+    ɵɵelement(4, "ng-miam-icon", 49);
     ɵɵelementStart(5, "span");
     ɵɵtext(6);
     ɵɵelementEnd();
@@ -11281,7 +11339,7 @@ function RecipeDetailsComponent_div_0_div_25_Template(rf, ctx) { if (rf & 1) {
 } }
 function RecipeDetailsComponent_div_0_ng_container_35_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainerStart(0);
-    ɵɵelement(1, "ng-miam-icon", 49);
+    ɵɵelement(1, "ng-miam-icon", 50);
     ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r14 = ɵɵnextContext(2);
@@ -11290,7 +11348,7 @@ function RecipeDetailsComponent_div_0_ng_container_35_Template(rf, ctx) { if (rf
 } }
 function RecipeDetailsComponent_div_0_ng_container_36_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainerStart(0);
-    ɵɵelement(1, "ng-miam-icon", 49);
+    ɵɵelement(1, "ng-miam-icon", 50);
     ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r15 = ɵɵnextContext(2);
@@ -11299,7 +11357,7 @@ function RecipeDetailsComponent_div_0_ng_container_36_Template(rf, ctx) { if (rf
 } }
 function RecipeDetailsComponent_div_0_ng_container_37_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainerStart(0);
-    ɵɵelement(1, "ng-miam-icon", 49);
+    ɵɵelement(1, "ng-miam-icon", 50);
     ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r16 = ɵɵnextContext(2);
@@ -11309,286 +11367,338 @@ function RecipeDetailsComponent_div_0_ng_container_37_Template(rf, ctx) { if (rf
 function RecipeDetailsComponent_div_0_ng_container_38_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainer(0);
 } }
+function RecipeDetailsComponent_div_0_button_51_ng_miam_icon_4_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-icon", 54);
+    ɵɵpipe(1, "async");
+} if (rf & 2) {
+    const ctx_r25 = ɵɵnextContext(3);
+    var tmp_2_0 = null;
+    ɵɵproperty("width", 24)("height", 24)("iconName", ((tmp_2_0 = ɵɵpipeBind1(1, 3, ctx_r25.groceriesListsService.list$)) == null ? null : tmp_2_0.hasRecipe(ctx_r25.recipe == null ? null : ctx_r25.recipe.id)) ? ctx_r25.icon.CheckList : ctx_r25.icon.Cart);
+} }
+function RecipeDetailsComponent_div_0_button_51_ng_template_5_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-loader");
+} }
 function RecipeDetailsComponent_div_0_button_51_Template(rf, ctx) { if (rf & 1) {
-    const _r25 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "button", 50);
-    ɵɵlistener("click", function RecipeDetailsComponent_div_0_button_51_Template_button_click_0_listener() { ɵɵrestoreView(_r25); const ctx_r24 = ɵɵnextContext(2); return ctx_r24.clickPrimary(); });
+    const _r29 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "button", 51);
+    ɵɵlistener("click", function RecipeDetailsComponent_div_0_button_51_Template_button_click_0_listener() { ɵɵrestoreView(_r29); const ctx_r28 = ɵɵnextContext(2); return ctx_r28.clickPrimary(); });
     ɵɵelementStart(1, "span");
     ɵɵtext(2);
     ɵɵpipe(3, "async");
     ɵɵelementEnd();
-    ɵɵelement(4, "ng-miam-icon", 51);
-    ɵɵpipe(5, "async");
+    ɵɵtemplate(4, RecipeDetailsComponent_div_0_button_51_ng_miam_icon_4_Template, 2, 5, "ng-miam-icon", 52);
+    ɵɵtemplate(5, RecipeDetailsComponent_div_0_button_51_ng_template_5_Template, 1, 0, "ng-template", null, 53, ɵɵtemplateRefExtractor);
     ɵɵelementEnd();
 } if (rf & 2) {
+    const _r26 = ɵɵreference(6);
     const ctx_r18 = ɵɵnextContext(2);
     var tmp_0_0 = null;
-    var tmp_3_0 = null;
     ɵɵadvance(2);
-    ɵɵtextInterpolate1(" ", ((tmp_0_0 = ɵɵpipeBind1(3, 4, ctx_r18.groceriesListsService.list$)) == null ? null : tmp_0_0.hasRecipe(ctx_r18.recipe == null ? null : ctx_r18.recipe.id)) ? "Voir le d\u00E9tail" : "S\u00E9lectionner ce repas", " ");
+    ɵɵtextInterpolate1(" ", ((tmp_0_0 = ɵɵpipeBind1(3, 3, ctx_r18.groceriesListsService.list$)) == null ? null : tmp_0_0.hasRecipe(ctx_r18.recipe == null ? null : ctx_r18.recipe.id)) ? "Voir le d\u00E9tail" : "S\u00E9lectionner ce repas", " ");
     ɵɵadvance(2);
-    ɵɵproperty("width", 24)("height", 24)("iconName", ((tmp_3_0 = ɵɵpipeBind1(5, 6, ctx_r18.groceriesListsService.list$)) == null ? null : tmp_3_0.hasRecipe(ctx_r18.recipe == null ? null : ctx_r18.recipe.id)) ? ctx_r18.icon.CheckList : ctx_r18.icon.Cart);
+    ɵɵproperty("ngIf", !ctx_r18.addButtonLoading)("ngIfElse", _r26);
 } }
-function RecipeDetailsComponent_div_0_ng_miam_addon_link_54_Template(rf, ctx) { if (rf & 1) {
-    const _r27 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "ng-miam-addon-link", 52);
-    ɵɵlistener("showAddon", function RecipeDetailsComponent_div_0_ng_miam_addon_link_54_Template_ng_miam_addon_link_showAddon_0_listener() { ɵɵrestoreView(_r27); const ctx_r26 = ɵɵnextContext(2); return ctx_r26.toggleAddon(); });
+function RecipeDetailsComponent_div_0_div_53_div_1_img_1_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "img", 60);
+} if (rf & 2) {
+    const tag_r31 = ɵɵnextContext().$implicit;
+    ɵɵproperty("src", tag_r31.attributes.icon, ɵɵsanitizeUrl);
+} }
+function RecipeDetailsComponent_div_0_div_53_div_1_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 57);
+    ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_53_div_1_img_1_Template, 1, 1, "img", 58);
+    ɵɵelementStart(2, "span", 59);
+    ɵɵtext(3);
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const tag_r31 = ctx.$implicit;
+    const ctx_r30 = ɵɵnextContext(3);
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", ctx_r30.displayTagsIcons);
+    ɵɵadvance(2);
+    ɵɵtextInterpolate1(" ", tag_r31.name, " ");
+} }
+function RecipeDetailsComponent_div_0_div_53_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 55);
+    ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_53_div_1_Template, 4, 2, "div", 56);
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r19 = ɵɵnextContext(2);
-    ɵɵproperty("recipe", ctx_r19.recipe);
+    ɵɵadvance(1);
+    ɵɵproperty("ngForOf", ctx_r19.recipe.relationships.tags.data);
 } }
-function RecipeDetailsComponent_div_0_div_55_div_12_div_1_Template(rf, ctx) { if (rf & 1) {
+function RecipeDetailsComponent_div_0_ng_miam_addon_link_55_Template(rf, ctx) { if (rf & 1) {
+    const _r35 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "ng-miam-addon-link", 61);
+    ɵɵlistener("showAddon", function RecipeDetailsComponent_div_0_ng_miam_addon_link_55_Template_ng_miam_addon_link_showAddon_0_listener() { ɵɵrestoreView(_r35); const ctx_r34 = ɵɵnextContext(2); return ctx_r34.toggleAddon(); });
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r20 = ɵɵnextContext(2);
+    ɵɵproperty("recipe", ctx_r20.recipe);
+} }
+function RecipeDetailsComponent_div_0_div_56_div_12_div_1_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div");
-    ɵɵelement(1, "img", 68);
+    ɵɵelement(1, "img", 77);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ingredient_r30 = ɵɵnextContext().$implicit;
-    const ctx_r32 = ɵɵnextContext(3);
+    const ingredient_r38 = ɵɵnextContext().$implicit;
+    const ctx_r40 = ɵɵnextContext(3);
     ɵɵadvance(1);
-    ɵɵproperty("src", ctx_r32.ingredientPicture(ingredient_r30), ɵɵsanitizeUrl);
+    ɵɵproperty("src", ctx_r40.ingredientPicture(ingredient_r38), ɵɵsanitizeUrl);
 } }
 const _c2$2 = function (a0) { return { "checked": a0 }; };
-function RecipeDetailsComponent_div_0_div_55_div_12_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 66);
-    ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_55_div_12_div_1_Template, 2, 1, "div", 67);
+function RecipeDetailsComponent_div_0_div_56_div_12_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 75);
+    ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_56_div_12_div_1_Template, 2, 1, "div", 76);
     ɵɵelementStart(2, "div");
     ɵɵtext(3);
     ɵɵpipe(4, "capitalizeFirstLetter");
     ɵɵelementEnd();
-    ɵɵelementStart(5, "div", 60);
+    ɵɵelementStart(5, "div", 69);
     ɵɵtext(6);
     ɵɵpipe(7, "readableFloatNumber");
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ingredient_r30 = ctx.$implicit;
-    const i_r31 = ctx.index;
-    const ctx_r28 = ɵɵnextContext(3);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(9, _c2$2, ctx_r28.ingredientsChecked[i_r31]));
+    const ingredient_r38 = ctx.$implicit;
+    const i_r39 = ctx.index;
+    const ctx_r36 = ɵɵnextContext(3);
+    ɵɵproperty("ngClass", ɵɵpureFunction1(9, _c2$2, ctx_r36.ingredientsChecked[i_r39]));
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", ctx_r28.ingredientsPictures);
+    ɵɵproperty("ngIf", ctx_r36.ingredientsPictures);
     ɵɵadvance(2);
-    ɵɵtextInterpolate1(" ", ɵɵpipeBind1(4, 4, ingredient_r30.name), "");
+    ɵɵtextInterpolate1(" ", ɵɵpipeBind1(4, 4, ingredient_r38.name), "");
     ɵɵadvance(3);
-    ɵɵtextInterpolate1(" ", ɵɵpipeBind2(7, 6, ingredient_r30.qty, ingredient_r30.unit), "");
+    ɵɵtextInterpolate1(" ", ɵɵpipeBind2(7, 6, ingredient_r38.qty, ingredient_r38.unit), "");
 } }
-function RecipeDetailsComponent_div_0_div_55_div_17_ng_miam_icon_6_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-icon", 73);
+function RecipeDetailsComponent_div_0_div_56_div_17_ng_miam_icon_6_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-icon", 82);
 } if (rf & 2) {
-    const ctx_r36 = ɵɵnextContext(4);
-    ɵɵproperty("height", 16)("width", 16)("iconName", ctx_r36.icon.CheckCircleFill);
+    const ctx_r44 = ɵɵnextContext(4);
+    ɵɵproperty("height", 16)("width", 16)("iconName", ctx_r44.icon.CheckCircleFill);
 } }
-function RecipeDetailsComponent_div_0_div_55_div_17_Template(rf, ctx) { if (rf & 1) {
-    const _r38 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 69);
-    ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_55_div_17_Template_div_click_0_listener() { ɵɵrestoreView(_r38); const i_r35 = ctx.index; const ctx_r37 = ɵɵnextContext(3); return ctx_r37.changeActiveStep(i_r35); });
-    ɵɵelementStart(1, "div", 70);
+function RecipeDetailsComponent_div_0_div_56_div_17_Template(rf, ctx) { if (rf & 1) {
+    const _r46 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 78);
+    ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_56_div_17_Template_div_click_0_listener() { ɵɵrestoreView(_r46); const i_r43 = ctx.index; const ctx_r45 = ɵɵnextContext(3); return ctx_r45.changeActiveStep(i_r43); });
+    ɵɵelementStart(1, "div", 79);
     ɵɵelementStart(2, "strong");
     ɵɵtext(3);
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(4, "div", 71);
+    ɵɵelementStart(4, "div", 80);
     ɵɵtext(5);
     ɵɵelementEnd();
-    ɵɵtemplate(6, RecipeDetailsComponent_div_0_div_55_div_17_ng_miam_icon_6_Template, 1, 3, "ng-miam-icon", 72);
+    ɵɵtemplate(6, RecipeDetailsComponent_div_0_div_56_div_17_ng_miam_icon_6_Template, 1, 3, "ng-miam-icon", 81);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const step_r34 = ctx.$implicit;
-    const i_r35 = ctx.index;
-    const ctx_r29 = ɵɵnextContext(3);
-    ɵɵclassProp("active", i_r35 === ctx_r29.activeStep)("miam-recipe-details__panel__done", i_r35 < ctx_r29.activeStep);
+    const step_r42 = ctx.$implicit;
+    const i_r43 = ctx.index;
+    const ctx_r37 = ɵɵnextContext(3);
+    ɵɵclassProp("active", i_r43 === ctx_r37.activeStep)("miam-recipe-details__panel__done", i_r43 < ctx_r37.activeStep);
     ɵɵadvance(3);
-    ɵɵtextInterpolate(i_r35 + 1);
+    ɵɵtextInterpolate(i_r43 + 1);
     ɵɵadvance(2);
-    ɵɵtextInterpolate(step_r34 == null ? null : step_r34.attributes == null ? null : step_r34.attributes.description);
+    ɵɵtextInterpolate(step_r42 == null ? null : step_r42.attributes == null ? null : step_r42.attributes.description);
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", i_r35 <= ctx_r29.activeStep);
+    ɵɵproperty("ngIf", i_r43 <= ctx_r37.activeStep);
 } }
-function RecipeDetailsComponent_div_0_div_55_Template(rf, ctx) { if (rf & 1) {
-    const _r40 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 53);
-    ɵɵelementStart(1, "div", 54);
-    ɵɵelementStart(2, "div", 55);
+function RecipeDetailsComponent_div_0_div_56_Template(rf, ctx) { if (rf & 1) {
+    const _r48 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 62);
+    ɵɵelementStart(1, "div", 63);
+    ɵɵelementStart(2, "div", 64);
     ɵɵtext(3, " Ingr\u00E9dients ");
     ɵɵelementEnd();
-    ɵɵelementStart(4, "div", 56);
-    ɵɵelementStart(5, "div", 57);
-    ɵɵelementStart(6, "ng-miam-counter-input", 58);
-    ɵɵlistener("counterChange", function RecipeDetailsComponent_div_0_div_55_Template_ng_miam_counter_input_counterChange_6_listener($event) { ɵɵrestoreView(_r40); const ctx_r39 = ɵɵnextContext(2); return ctx_r39.updateGuests($event); });
+    ɵɵelementStart(4, "div", 65);
+    ɵɵelementStart(5, "div", 66);
+    ɵɵelementStart(6, "ng-miam-counter-input", 67);
+    ɵɵlistener("counterChange", function RecipeDetailsComponent_div_0_div_56_Template_ng_miam_counter_input_counterChange_6_listener($event) { ɵɵrestoreView(_r48); const ctx_r47 = ɵɵnextContext(2); return ctx_r47.updateGuests($event); });
     ɵɵelementEnd();
-    ɵɵelementStart(7, "span", 59);
+    ɵɵelementStart(7, "span", 68);
     ɵɵtext(8);
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(9, "span", 60);
+    ɵɵelementStart(9, "span", 69);
     ɵɵtext(10, "Quantit\u00E9");
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(11, "div", 61);
-    ɵɵtemplate(12, RecipeDetailsComponent_div_0_div_55_div_12_Template, 8, 11, "div", 62);
+    ɵɵelementStart(11, "div", 70);
+    ɵɵtemplate(12, RecipeDetailsComponent_div_0_div_56_div_12_Template, 8, 11, "div", 71);
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(13, "div", 63);
-    ɵɵelementStart(14, "div", 55);
+    ɵɵelementStart(13, "div", 72);
+    ɵɵelementStart(14, "div", 64);
     ɵɵtext(15, " Pr\u00E9paration ");
     ɵɵelementEnd();
-    ɵɵelementStart(16, "div", 64);
-    ɵɵtemplate(17, RecipeDetailsComponent_div_0_div_55_div_17_Template, 7, 7, "div", 65);
+    ɵɵelementStart(16, "div", 73);
+    ɵɵtemplate(17, RecipeDetailsComponent_div_0_div_56_div_17_Template, 7, 7, "div", 74);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r20 = ɵɵnextContext(2);
+    const ctx_r21 = ɵɵnextContext(2);
     ɵɵadvance(6);
-    ɵɵproperty("counter", (ctx_r20.recipe == null ? null : ctx_r20.recipe.modifiedGuests) || ctx_r20.recipe.guests);
+    ɵɵproperty("counter", (ctx_r21.recipe == null ? null : ctx_r21.recipe.modifiedGuests) || ctx_r21.recipe.guests);
     ɵɵadvance(2);
-    ɵɵtextInterpolate1("Pour ", ctx_r20.recipe == null ? null : ctx_r20.recipe.modifiedGuests, " personnes");
+    ɵɵtextInterpolate1("Pour ", ctx_r21.recipe == null ? null : ctx_r21.recipe.modifiedGuests, " personnes");
     ɵɵadvance(4);
-    ɵɵproperty("ngForOf", ctx_r20.recipe == null ? null : ctx_r20.recipe.modifiedIngredients);
+    ɵɵproperty("ngForOf", ctx_r21.recipe == null ? null : ctx_r21.recipe.modifiedIngredients);
     ɵɵadvance(5);
-    ɵɵproperty("ngForOf", ctx_r20.steps);
+    ɵɵproperty("ngForOf", ctx_r21.steps);
 } }
-function RecipeDetailsComponent_div_0_ng_template_56_ng_container_7_div_9_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 66);
+function RecipeDetailsComponent_div_0_ng_template_57_ng_container_7_div_9_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 75);
     ɵɵelementStart(1, "div");
     ɵɵtext(2);
     ɵɵpipe(3, "capitalizeFirstLetter");
     ɵɵelementEnd();
-    ɵɵelementStart(4, "div", 60);
+    ɵɵelementStart(4, "div", 69);
     ɵɵtext(5);
     ɵɵpipe(6, "readableFloatNumber");
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ingredient_r46 = ctx.$implicit;
-    const i_r47 = ctx.index;
-    const ctx_r45 = ɵɵnextContext(4);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(8, _c2$2, ctx_r45.ingredientsChecked[i_r47]));
+    const ingredient_r54 = ctx.$implicit;
+    const i_r55 = ctx.index;
+    const ctx_r53 = ɵɵnextContext(4);
+    ɵɵproperty("ngClass", ɵɵpureFunction1(8, _c2$2, ctx_r53.ingredientsChecked[i_r55]));
     ɵɵadvance(2);
-    ɵɵtextInterpolate1(" ", ɵɵpipeBind1(3, 3, ingredient_r46.name), "");
+    ɵɵtextInterpolate1(" ", ɵɵpipeBind1(3, 3, ingredient_r54.name), "");
     ɵɵadvance(3);
-    ɵɵtextInterpolate1(" ", ɵɵpipeBind2(6, 5, ingredient_r46.qty, ingredient_r46.unit), "");
+    ɵɵtextInterpolate1(" ", ɵɵpipeBind2(6, 5, ingredient_r54.qty, ingredient_r54.unit), "");
 } }
-function RecipeDetailsComponent_div_0_ng_template_56_ng_container_7_Template(rf, ctx) { if (rf & 1) {
-    const _r49 = ɵɵgetCurrentView();
+function RecipeDetailsComponent_div_0_ng_template_57_ng_container_7_Template(rf, ctx) { if (rf & 1) {
+    const _r57 = ɵɵgetCurrentView();
     ɵɵelementContainerStart(0);
-    ɵɵelementStart(1, "div", 56);
-    ɵɵelementStart(2, "div", 57);
-    ɵɵelementStart(3, "ng-miam-counter-input", 58);
-    ɵɵlistener("counterChange", function RecipeDetailsComponent_div_0_ng_template_56_ng_container_7_Template_ng_miam_counter_input_counterChange_3_listener($event) { ɵɵrestoreView(_r49); const ctx_r48 = ɵɵnextContext(3); return ctx_r48.updateGuests($event); });
+    ɵɵelementStart(1, "div", 65);
+    ɵɵelementStart(2, "div", 66);
+    ɵɵelementStart(3, "ng-miam-counter-input", 67);
+    ɵɵlistener("counterChange", function RecipeDetailsComponent_div_0_ng_template_57_ng_container_7_Template_ng_miam_counter_input_counterChange_3_listener($event) { ɵɵrestoreView(_r57); const ctx_r56 = ɵɵnextContext(3); return ctx_r56.updateGuests($event); });
     ɵɵelementEnd();
-    ɵɵelementStart(4, "span", 59);
+    ɵɵelementStart(4, "span", 68);
     ɵɵtext(5);
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(6, "span", 60);
+    ɵɵelementStart(6, "span", 69);
     ɵɵtext(7, "Quantit\u00E9");
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(8, "div", 61);
-    ɵɵtemplate(9, RecipeDetailsComponent_div_0_ng_template_56_ng_container_7_div_9_Template, 7, 10, "div", 62);
+    ɵɵelementStart(8, "div", 70);
+    ɵɵtemplate(9, RecipeDetailsComponent_div_0_ng_template_57_ng_container_7_div_9_Template, 7, 10, "div", 71);
     ɵɵelementEnd();
     ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r42 = ɵɵnextContext(3);
+    const ctx_r50 = ɵɵnextContext(3);
     ɵɵadvance(3);
-    ɵɵproperty("counter", ctx_r42.recipe == null ? null : ctx_r42.recipe.modifiedGuests);
+    ɵɵproperty("counter", ctx_r50.recipe == null ? null : ctx_r50.recipe.modifiedGuests);
     ɵɵadvance(2);
-    ɵɵtextInterpolate1("Pour ", ctx_r42.recipe == null ? null : ctx_r42.recipe.modifiedGuests, " personnes");
+    ɵɵtextInterpolate1("Pour ", ctx_r50.recipe == null ? null : ctx_r50.recipe.modifiedGuests, " personnes");
     ɵɵadvance(4);
-    ɵɵproperty("ngForOf", ctx_r42.recipe == null ? null : ctx_r42.recipe.modifiedIngredients);
+    ɵɵproperty("ngForOf", ctx_r50.recipe == null ? null : ctx_r50.recipe.modifiedIngredients);
 } }
-function RecipeDetailsComponent_div_0_ng_template_56_ng_template_8_div_1_ng_miam_icon_6_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-icon", 73);
+function RecipeDetailsComponent_div_0_ng_template_57_ng_template_8_div_1_ng_miam_icon_6_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-icon", 82);
 } if (rf & 2) {
-    const ctx_r53 = ɵɵnextContext(5);
-    ɵɵproperty("height", 16)("width", 16)("iconName", ctx_r53.icon.CheckCircleFill);
+    const ctx_r61 = ɵɵnextContext(5);
+    ɵɵproperty("height", 16)("width", 16)("iconName", ctx_r61.icon.CheckCircleFill);
 } }
-function RecipeDetailsComponent_div_0_ng_template_56_ng_template_8_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r55 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 69);
-    ɵɵlistener("click", function RecipeDetailsComponent_div_0_ng_template_56_ng_template_8_div_1_Template_div_click_0_listener() { ɵɵrestoreView(_r55); const i_r52 = ctx.index; const ctx_r54 = ɵɵnextContext(4); return ctx_r54.changeActiveStep(i_r52); });
-    ɵɵelementStart(1, "div", 70);
+function RecipeDetailsComponent_div_0_ng_template_57_ng_template_8_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r63 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 78);
+    ɵɵlistener("click", function RecipeDetailsComponent_div_0_ng_template_57_ng_template_8_div_1_Template_div_click_0_listener() { ɵɵrestoreView(_r63); const i_r60 = ctx.index; const ctx_r62 = ɵɵnextContext(4); return ctx_r62.changeActiveStep(i_r60); });
+    ɵɵelementStart(1, "div", 79);
     ɵɵelementStart(2, "strong");
     ɵɵtext(3);
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(4, "div", 71);
+    ɵɵelementStart(4, "div", 80);
     ɵɵtext(5);
     ɵɵelementEnd();
-    ɵɵtemplate(6, RecipeDetailsComponent_div_0_ng_template_56_ng_template_8_div_1_ng_miam_icon_6_Template, 1, 3, "ng-miam-icon", 72);
+    ɵɵtemplate(6, RecipeDetailsComponent_div_0_ng_template_57_ng_template_8_div_1_ng_miam_icon_6_Template, 1, 3, "ng-miam-icon", 81);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const step_r51 = ctx.$implicit;
-    const i_r52 = ctx.index;
-    const ctx_r50 = ɵɵnextContext(4);
-    ɵɵclassProp("active", i_r52 === ctx_r50.activeStep)("miam-recipe-details__panel__done", i_r52 < ctx_r50.activeStep);
+    const step_r59 = ctx.$implicit;
+    const i_r60 = ctx.index;
+    const ctx_r58 = ɵɵnextContext(4);
+    ɵɵclassProp("active", i_r60 === ctx_r58.activeStep)("miam-recipe-details__panel__done", i_r60 < ctx_r58.activeStep);
     ɵɵadvance(3);
-    ɵɵtextInterpolate(i_r52 + 1);
+    ɵɵtextInterpolate(i_r60 + 1);
     ɵɵadvance(2);
-    ɵɵtextInterpolate(step_r51 == null ? null : step_r51.attributes == null ? null : step_r51.attributes.description);
+    ɵɵtextInterpolate(step_r59 == null ? null : step_r59.attributes == null ? null : step_r59.attributes.description);
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", i_r52 <= ctx_r50.activeStep);
+    ɵɵproperty("ngIf", i_r60 <= ctx_r58.activeStep);
 } }
-function RecipeDetailsComponent_div_0_ng_template_56_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 64);
-    ɵɵtemplate(1, RecipeDetailsComponent_div_0_ng_template_56_ng_template_8_div_1_Template, 7, 7, "div", 65);
+function RecipeDetailsComponent_div_0_ng_template_57_ng_template_8_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 73);
+    ɵɵtemplate(1, RecipeDetailsComponent_div_0_ng_template_57_ng_template_8_div_1_Template, 7, 7, "div", 74);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r44 = ɵɵnextContext(3);
+    const ctx_r52 = ɵɵnextContext(3);
     ɵɵadvance(1);
-    ɵɵproperty("ngForOf", ctx_r44.steps);
+    ɵɵproperty("ngForOf", ctx_r52.steps);
 } }
 const _c3$1 = function (a0) { return { "active": a0 }; };
-function RecipeDetailsComponent_div_0_ng_template_56_Template(rf, ctx) { if (rf & 1) {
-    const _r57 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 74, 75);
-    ɵɵelementStart(2, "div", 76);
-    ɵɵelementStart(3, "button", 77);
-    ɵɵlistener("click", function RecipeDetailsComponent_div_0_ng_template_56_Template_button_click_3_listener() { ɵɵrestoreView(_r57); const _r41 = ɵɵreference(1); const ctx_r56 = ɵɵnextContext(2); ctx_r56.toggleShowIngredient(true); return _r41.scrollIntoView(); });
+function RecipeDetailsComponent_div_0_ng_template_57_Template(rf, ctx) { if (rf & 1) {
+    const _r65 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 83, 84);
+    ɵɵelementStart(2, "div", 85);
+    ɵɵelementStart(3, "button", 86);
+    ɵɵlistener("click", function RecipeDetailsComponent_div_0_ng_template_57_Template_button_click_3_listener() { ɵɵrestoreView(_r65); const _r49 = ɵɵreference(1); const ctx_r64 = ɵɵnextContext(2); ctx_r64.toggleShowIngredient(true); return _r49.scrollIntoView(); });
     ɵɵtext(4, "Ingredients");
     ɵɵelementEnd();
-    ɵɵelementStart(5, "button", 77);
-    ɵɵlistener("click", function RecipeDetailsComponent_div_0_ng_template_56_Template_button_click_5_listener() { ɵɵrestoreView(_r57); const _r41 = ɵɵreference(1); const ctx_r58 = ɵɵnextContext(2); ctx_r58.toggleShowIngredient(false); return _r41.scrollIntoView(); });
+    ɵɵelementStart(5, "button", 86);
+    ɵɵlistener("click", function RecipeDetailsComponent_div_0_ng_template_57_Template_button_click_5_listener() { ɵɵrestoreView(_r65); const _r49 = ɵɵreference(1); const ctx_r66 = ɵɵnextContext(2); ctx_r66.toggleShowIngredient(false); return _r49.scrollIntoView(); });
     ɵɵtext(6, "Pr\u00E9paration");
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵtemplate(7, RecipeDetailsComponent_div_0_ng_template_56_ng_container_7_Template, 10, 3, "ng-container", 78);
-    ɵɵtemplate(8, RecipeDetailsComponent_div_0_ng_template_56_ng_template_8_Template, 2, 1, "ng-template", null, 79, ɵɵtemplateRefExtractor);
+    ɵɵtemplate(7, RecipeDetailsComponent_div_0_ng_template_57_ng_container_7_Template, 10, 3, "ng-container", 87);
+    ɵɵtemplate(8, RecipeDetailsComponent_div_0_ng_template_57_ng_template_8_Template, 2, 1, "ng-template", null, 88, ɵɵtemplateRefExtractor);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const _r43 = ɵɵreference(9);
-    const ctx_r22 = ɵɵnextContext(2);
+    const _r51 = ɵɵreference(9);
+    const ctx_r23 = ɵɵnextContext(2);
     ɵɵadvance(3);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(4, _c3$1, ctx_r22.showIngredient));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(4, _c3$1, ctx_r23.showIngredient));
     ɵɵadvance(2);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(6, _c3$1, !ctx_r22.showIngredient));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(6, _c3$1, !ctx_r23.showIngredient));
     ɵɵadvance(2);
-    ɵɵproperty("ngIf", ctx_r22.showIngredient)("ngIfElse", _r43);
+    ɵɵproperty("ngIf", ctx_r23.showIngredient)("ngIfElse", _r51);
+} }
+function RecipeDetailsComponent_div_0_button_63_ng_miam_icon_4_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-icon", 54);
+    ɵɵpipe(1, "async");
+} if (rf & 2) {
+    const ctx_r67 = ɵɵnextContext(3);
+    var tmp_2_0 = null;
+    ɵɵproperty("width", 24)("height", 24)("iconName", ((tmp_2_0 = ɵɵpipeBind1(1, 3, ctx_r67.groceriesListsService.list$)) == null ? null : tmp_2_0.hasRecipe(ctx_r67.recipe == null ? null : ctx_r67.recipe.id)) ? ctx_r67.icon.CheckList : ctx_r67.icon.Cart);
+} }
+function RecipeDetailsComponent_div_0_button_63_ng_template_5_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-loader");
 } }
-function RecipeDetailsComponent_div_0_button_62_Template(rf, ctx) { if (rf & 1) {
-    const _r60 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "button", 50);
-    ɵɵlistener("click", function RecipeDetailsComponent_div_0_button_62_Template_button_click_0_listener() { ɵɵrestoreView(_r60); const ctx_r59 = ɵɵnextContext(2); return ctx_r59.clickPrimary(); });
+function RecipeDetailsComponent_div_0_button_63_Template(rf, ctx) { if (rf & 1) {
+    const _r71 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "button", 51);
+    ɵɵlistener("click", function RecipeDetailsComponent_div_0_button_63_Template_button_click_0_listener() { ɵɵrestoreView(_r71); const ctx_r70 = ɵɵnextContext(2); return ctx_r70.clickPrimary(); });
     ɵɵelementStart(1, "span");
     ɵɵtext(2);
     ɵɵpipe(3, "async");
     ɵɵelementEnd();
-    ɵɵelement(4, "ng-miam-icon", 51);
-    ɵɵpipe(5, "async");
+    ɵɵtemplate(4, RecipeDetailsComponent_div_0_button_63_ng_miam_icon_4_Template, 2, 5, "ng-miam-icon", 52);
+    ɵɵtemplate(5, RecipeDetailsComponent_div_0_button_63_ng_template_5_Template, 1, 0, "ng-template", null, 53, ɵɵtemplateRefExtractor);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r23 = ɵɵnextContext(2);
+    const _r68 = ɵɵreference(6);
+    const ctx_r24 = ɵɵnextContext(2);
     var tmp_0_0 = null;
-    var tmp_3_0 = null;
     ɵɵadvance(2);
-    ɵɵtextInterpolate1(" ", ((tmp_0_0 = ɵɵpipeBind1(3, 4, ctx_r23.groceriesListsService.list$)) == null ? null : tmp_0_0.hasRecipe(ctx_r23.recipe == null ? null : ctx_r23.recipe.id)) ? "Voir le d\u00E9tail" : "S\u00E9lectionner ce repas", " ");
+    ɵɵtextInterpolate1(" ", ((tmp_0_0 = ɵɵpipeBind1(3, 3, ctx_r24.groceriesListsService.list$)) == null ? null : tmp_0_0.hasRecipe(ctx_r24.recipe == null ? null : ctx_r24.recipe.id)) ? "Voir le d\u00E9tail" : "S\u00E9lectionner ce repas", " ");
     ɵɵadvance(2);
-    ɵɵproperty("width", 24)("height", 24)("iconName", ((tmp_3_0 = ɵɵpipeBind1(5, 6, ctx_r23.groceriesListsService.list$)) == null ? null : tmp_3_0.hasRecipe(ctx_r23.recipe == null ? null : ctx_r23.recipe.id)) ? ctx_r23.icon.CheckList : ctx_r23.icon.Cart);
+    ɵɵproperty("ngIf", !ctx_r24.addButtonLoading)("ngIfElse", _r68);
 } }
 function RecipeDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r62 = ɵɵgetCurrentView();
+    const _r73 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 2, 3);
     ɵɵelementStart(2, "div", 4);
     ɵɵelementStart(3, "div", 5);
@@ -11644,7 +11754,7 @@ function RecipeDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(42, "div", 29);
     ɵɵtext(43);
     ɵɵelementStart(44, "div", 30);
-    ɵɵlistener("click", function RecipeDetailsComponent_div_0_Template_div_click_44_listener() { ɵɵrestoreView(_r62); const ctx_r61 = ɵɵnextContext(); return ctx_r61.print(); });
+    ɵɵlistener("click", function RecipeDetailsComponent_div_0_Template_div_click_44_listener() { ɵɵrestoreView(_r73); const ctx_r72 = ɵɵnextContext(); return ctx_r72.print(); });
     ɵɵelement(45, "ng-miam-icon", 14);
     ɵɵelementStart(46, "span");
     ɵɵtext(47, " Imprimer la recette ");
@@ -11656,27 +11766,28 @@ function RecipeDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(49, "div", 32);
     ɵɵelement(50, "ng-miam-recipe-pricing", 33);
     ɵɵelementEnd();
-    ɵɵtemplate(51, RecipeDetailsComponent_div_0_button_51_Template, 6, 8, "button", 34);
+    ɵɵtemplate(51, RecipeDetailsComponent_div_0_button_51_Template, 7, 5, "button", 34);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelement(52, "div", 35);
-    ɵɵelementStart(53, "div");
-    ɵɵtemplate(54, RecipeDetailsComponent_div_0_ng_miam_addon_link_54_Template, 1, 1, "ng-miam-addon-link", 36);
+    ɵɵtemplate(53, RecipeDetailsComponent_div_0_div_53_Template, 2, 1, "div", 36);
+    ɵɵelementStart(54, "div");
+    ɵɵtemplate(55, RecipeDetailsComponent_div_0_ng_miam_addon_link_55_Template, 1, 1, "ng-miam-addon-link", 37);
     ɵɵelementEnd();
-    ɵɵtemplate(55, RecipeDetailsComponent_div_0_div_55_Template, 18, 4, "div", 37);
-    ɵɵtemplate(56, RecipeDetailsComponent_div_0_ng_template_56_Template, 10, 8, "ng-template", null, 38, ɵɵtemplateRefExtractor);
-    ɵɵelementStart(58, "div", 39);
-    ɵɵelementStart(59, "div", 31);
-    ɵɵelementStart(60, "div", 32);
-    ɵɵelement(61, "ng-miam-recipe-pricing", 33);
+    ɵɵtemplate(56, RecipeDetailsComponent_div_0_div_56_Template, 18, 4, "div", 38);
+    ɵɵtemplate(57, RecipeDetailsComponent_div_0_ng_template_57_Template, 10, 8, "ng-template", null, 39, ɵɵtemplateRefExtractor);
+    ɵɵelementStart(59, "div", 40);
+    ɵɵelementStart(60, "div", 31);
+    ɵɵelementStart(61, "div", 32);
+    ɵɵelement(62, "ng-miam-recipe-pricing", 33);
     ɵɵelementEnd();
-    ɵɵtemplate(62, RecipeDetailsComponent_div_0_button_62_Template, 6, 8, "button", 34);
+    ɵɵtemplate(63, RecipeDetailsComponent_div_0_button_63_Template, 7, 5, "button", 34);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const _r21 = ɵɵreference(57);
+    const _r22 = ɵɵreference(58);
     const ctx_r0 = ɵɵnextContext();
     var tmp_3_0 = null;
     ɵɵadvance(6);
@@ -11686,9 +11797,9 @@ function RecipeDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("ngIf", ctx_r0.showVideo && ctx_r0.playerWidth);
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", (tmp_3_0 = ɵɵpipeBind1(10, 39, ctx_r0.groceriesListsService.list$)) == null ? null : tmp_3_0.hasRecipe(ctx_r0.recipe == null ? null : ctx_r0.recipe.id));
+    ɵɵproperty("ngIf", (tmp_3_0 = ɵɵpipeBind1(10, 40, ctx_r0.groceriesListsService.list$)) == null ? null : tmp_3_0.hasRecipe(ctx_r0.recipe == null ? null : ctx_r0.recipe.id));
     ɵɵadvance(3);
-    ɵɵproperty("ngIf", ɵɵpipeBind1(13, 41, ctx_r0.userService.isLogged$));
+    ɵɵproperty("ngIf", ɵɵpipeBind1(13, 42, ctx_r0.userService.isLogged$));
     ɵɵadvance(2);
     ɵɵproperty("width", 26)("height", 26)("iconName", ctx_r0.icon.Calendar);
     ɵɵadvance(1);
@@ -11706,7 +11817,7 @@ function RecipeDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("ngIf", (ctx_r0.recipe == null ? null : ctx_r0.recipe.restingTime) !== "-");
     ɵɵadvance(4);
-    ɵɵtextInterpolate(ɵɵpipeBind1(30, 43, ctx_r0.recipe == null ? null : ctx_r0.recipe.recipeType == null ? null : ctx_r0.recipe.recipeType.attributes == null ? null : ctx_r0.recipe.recipeType.attributes.name));
+    ɵɵtextInterpolate(ɵɵpipeBind1(30, 44, ctx_r0.recipe == null ? null : ctx_r0.recipe.recipeType == null ? null : ctx_r0.recipe.recipeType.attributes == null ? null : ctx_r0.recipe.recipeType.attributes.name));
     ɵɵadvance(3);
     ɵɵtextInterpolate(ctx_r0.recipe == null ? null : ctx_r0.recipe.attributes["title"]);
     ɵɵadvance(2);
@@ -11718,7 +11829,7 @@ function RecipeDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("ngSwitchCase", "difficile");
     ɵɵadvance(3);
-    ɵɵtextInterpolate(ɵɵpipeBind1(41, 45, ctx_r0.recipe == null ? null : ctx_r0.recipe.difficultyLabel));
+    ɵɵtextInterpolate(ɵɵpipeBind1(41, 46, ctx_r0.recipe == null ? null : ctx_r0.recipe.difficultyLabel));
     ɵɵadvance(3);
     ɵɵtextInterpolate1(" ", ctx_r0.recipe == null ? null : ctx_r0.recipe.attributes["description"], " ");
     ɵɵadvance(2);
@@ -11727,19 +11838,21 @@ function RecipeDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵproperty("recipe", ctx_r0.recipe)("serves", ctx_r0.recipe == null ? null : ctx_r0.recipe.modifiedGuests);
     ɵɵadvance(1);
     ɵɵproperty("ngIf", ctx_r0.previewAllowed);
-    ɵɵadvance(3);
+    ɵɵadvance(2);
+    ɵɵproperty("ngIf", ctx_r0.displayTags);
+    ɵɵadvance(2);
     ɵɵproperty("ngIf", (ctx_r0.recipe == null ? null : ctx_r0.recipe.sponsors == null ? null : ctx_r0.recipe.sponsors.length) > 0 || ctx_r0.recipe.informationalSentence);
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", !ctx_r0.isMobile)("ngIfElse", _r21);
+    ɵɵproperty("ngIf", !ctx_r0.isMobile)("ngIfElse", _r22);
     ɵɵadvance(6);
     ɵɵproperty("recipe", ctx_r0.recipe)("serves", ctx_r0.recipe == null ? null : ctx_r0.recipe.modifiedGuests);
     ɵɵadvance(1);
     ɵɵproperty("ngIf", ctx_r0.previewAllowed);
 } }
 function RecipeDetailsComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    const _r64 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "ng-miam-recipe-addon", 80);
-    ɵɵlistener("hideAddon", function RecipeDetailsComponent_ng_template_1_Template_ng_miam_recipe_addon_hideAddon_0_listener() { ɵɵrestoreView(_r64); const ctx_r63 = ɵɵnextContext(); return ctx_r63.toggleAddon(); });
+    const _r75 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "ng-miam-recipe-addon", 89);
+    ɵɵlistener("hideAddon", function RecipeDetailsComponent_ng_template_1_Template_ng_miam_recipe_addon_hideAddon_0_listener() { ɵɵrestoreView(_r75); const ctx_r74 = ɵɵnextContext(); return ctx_r74.toggleAddon(); });
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = ɵɵnextContext();
@@ -11756,6 +11869,8 @@ class RecipeDetailsComponent {
         this.contextService = contextService;
         this.previewAllowed = true;
         this.ingredientsPictures = false;
+        this.displayTags = false;
+        this.displayTagsIcons = false;
         this.recipeAdded = new EventEmitter();
         this.recipeChanged = new EventEmitter();
         this.recipeError = new EventEmitter();
@@ -11770,6 +11885,7 @@ class RecipeDetailsComponent {
         this.showIngredient = true;
         this.closeIconhidden = new BehaviorSubject(false);
         this.scrollListenerInitialised = false;
+        this.addButtonLoading = false;
         this.subscriptions = [];
         this.isMobile = this.mediaMatcher.matchMedia('(max-width: 1023px)').matches;
     }
@@ -11819,10 +11935,14 @@ class RecipeDetailsComponent {
         this.cdr.detectChanges();
     }
     clickPrimary() {
-        this.primaryButtonClicked$.emit();
-        this.addRecipe();
+        if (!this.addButtonLoading) {
+            const wasAdded = !this.groceriesListsService.list$.value.hasRecipe(this.recipe.id);
+            this.addRecipe();
+            this.primaryButtonClicked$.emit(wasAdded);
+        }
     }
     addRecipe() {
+        this.toggleButtonLoader(true);
         forkJoin([
             this.userService.isLogged$.asObservable().pipe(take(1)),
             this.posService.isPosValid().pipe(take(1))
@@ -11840,7 +11960,10 @@ class RecipeDetailsComponent {
         if (!this.groceriesListsService.list$.value.hasRecipe(this.recipe.id)) {
             this.recipeEventsService.sendEvent(this.recipe, this.recipeEventsService.ACTION_ADDED);
         }
-        this.groceriesListsService.appendRecipeToList(this.recipe.id, this.recipe.modifiedGuests);
+        this.subscriptions.push(this.groceriesListsService.appendRecipeToList(this.recipe.id, this.recipe.modifiedGuests)
+            .subscribe(l => {
+            this.toggleButtonLoader(false);
+        }));
         this.recipeAdded.emit();
     }
     addRecipeActionKO() {
@@ -11871,25 +11994,29 @@ class RecipeDetailsComponent {
         this.showIngredient = isShowed;
         this.cdr.detectChanges();
     }
+    toggleButtonLoader(value) {
+        this.addButtonLoading = value;
+        this.cdr.detectChanges();
+    }
     ingredientPicture(ingredient) {
         return ingredient.picture || this.contextService.defaultIngredientPicture;
     }
 }
 RecipeDetailsComponent.ɵfac = function RecipeDetailsComponent_Factory(t) { return new (t || RecipeDetailsComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(MediaMatcher), ɵɵdirectiveInject(GroceriesListsService), ɵɵdirectiveInject(UserService), ɵɵdirectiveInject(PointOfSalesService), ɵɵdirectiveInject(RecipeEventsService), ɵɵdirectiveInject(ContextService)); };
 RecipeDetailsComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeDetailsComponent, selectors: [["ng-miam-recipe-details"]], viewQuery: function RecipeDetailsComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$p, true);
+        ɵɵviewQuery(_c0$o, true);
         ɵɵviewQuery(_c1$a, true);
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.topContainerImg = _t.first);
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.mainContainer = _t.first);
-    } }, inputs: { recipe: "recipe", forceIngredientsStepstoggle: "forceIngredientsStepstoggle", previewAllowed: "previewAllowed", ingredientsPictures: "ingredientsPictures" }, outputs: { recipeAdded: "recipeAdded", recipeChanged: "recipeChanged", recipeError: "recipeError" }, features: [ɵɵNgOnChangesFeature], decls: 3, vars: 2, consts: [["class", "miam-recipe-details", 4, "ngIf", "ngIfElse"], ["addon", ""], [1, "miam-recipe-details"], ["mainContainer", ""], [1, "miam-recipe-details__top__container"], [1, "miam-recipe-details__top__left"], [1, "miam-recipe-details__top__container__img"], ["topContainerImg", ""], [3, "src", 4, "ngIf"], ["class", "miam-recipe-details__picture__gradient", 4, "ngIf"], [3, "videoId", "width", "height", 4, "ngIf"], ["class", "miam-recipe-details__picture__tag", 4, "ngIf"], [1, "miam-recipe-details__img__actions"], ["class", "miam-recipe-details__actions__icon miam-noPadding", 3, "recipe", "width", "height", 4, "ngIf"], ["primaryColor", "var(--m-color-primary)", 1, "miam-recipe-details__actions__icon", 3, "width", "height", "iconName"], ["class", "miam-recipe-details__picture__sponsor", 3, "src", 4, "ngIf"], [1, "miam-recipe-details__top__container__info"], [1, "miam-recipe-details__info__metrics", "miam-recipe-details__info__metrics__total"], ["primaryColor", "var(--m-color-primary)", 3, "width", "height", "iconName"], [1, "miam-recipe-details__info__times"], ["class", "miam-recipe-details__info__metrics", 4, "ngIf"], [1, "miam-recipe-details__top__container__infos"], [1, "miam-recipe-details__top__container__infos__top"], [1, "miam-recipe-details__infos__type"], [1, "miam-recipe-details__infos__title"], [1, "miam-recipe-details__infos__difficulty"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [1, "miam-recipe-details__infos__description"], [1, "miam-recipe-details__description__action", 3, "click"], [1, "miam-recipe-details__infos__price__wrapper"], [1, "miam-recipe-details__infos__price"], [3, "recipe", "serves"], ["class", "miam-recipe-details__infos__action m-button-fab-primary", 3, "click", 4, "ngIf"], [1, "miam-recipe-details__mid__container"], [3, "recipe", "showAddon", 4, "ngIf"], ["class", "miam-recipe-details__bottom__container", 4, "ngIf", "ngIfElse"], ["mobileContainer", ""], [1, "miam-recipe-details__bottom__container__action"], [3, "src"], [1, "miam-recipe-details__picture__gradient"], [3, "videoId", "width", "height"], [1, "miam-recipe-details__picture__tag"], [1, "miam-recipe-details__actions__icon", "miam-noPadding", 3, "recipe", "width", "height"], [1, "miam-recipe-details__picture__sponsor", 3, "src"], [1, "miam-recipe-details__info__metrics"], [1, "miam-recipe-details__metrics__row"], ["primaryColor", "var(--m-color-slate)", 3, "width", "height", "iconName"], [3, "width", "height", "iconName"], [1, "miam-recipe-details__infos__action", "m-button-fab-primary", 3, "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [3, "recipe", "showAddon"], [1, "miam-recipe-details__bottom__container"], [1, "miam-recipe-details__bottom__container__ingredients"], [1, "miam-recipe-details__bottom__container__header"], [1, "miam-recipe-details__ingredients__row"], [1, "miam-recipe-details__ingredients__counter"], [3, "counter", "counterChange"], [1, "miam-recipe-details__ingredients__counter__print"], [1, "miam-recipe-details__ingredients__row__qty"], [1, "miam-recipe-details__ingredients__list"], ["class", "miam-recipe-details__ingredients__row", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "miam-recipe-details__bottom__container__steps"], [1, "miam-recipe-details__steps__list"], ["class", "miam-recipe-details__steps__list__panel", 3, "active", "miam-recipe-details__panel__done", "click", 4, "ngFor", "ngForOf"], [1, "miam-recipe-details__ingredients__row", 3, "ngClass"], [4, "ngIf"], [1, "miam-recipe-details__ingredients__row__picture", 3, "src"], [1, "miam-recipe-details__steps__list__panel", 3, "click"], [1, "miam-recipe-details__panel__idx"], [1, "miam-recipe-details__panel__text"], ["class", "miam-recipe-details__panel__checkIcon", "primaryColor", "var(--m-color-secondary)", 3, "height", "width", "iconName", 4, "ngIf"], ["primaryColor", "var(--m-color-secondary)", 1, "miam-recipe-details__panel__checkIcon", 3, "height", "width", "iconName"], [1, "miam-recipe-details__mobile__container"], ["mobileContainerTop", ""], [1, "miam-recipe-details__mobile__header"], [1, "m-button-secondary", 3, "ngClass", "click"], [4, "ngIf", "ngIfElse"], ["stepsContainer", ""], [3, "recipe", "hideAddon"]], template: function RecipeDetailsComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵtemplate(0, RecipeDetailsComponent_div_0_Template, 63, 47, "div", 0);
+    } }, inputs: { recipe: "recipe", forceIngredientsStepstoggle: "forceIngredientsStepstoggle", previewAllowed: "previewAllowed", ingredientsPictures: "ingredientsPictures", displayTags: "displayTags", displayTagsIcons: "displayTagsIcons" }, outputs: { recipeAdded: "recipeAdded", recipeChanged: "recipeChanged", recipeError: "recipeError" }, features: [ɵɵNgOnChangesFeature], decls: 3, vars: 2, consts: [["class", "miam-recipe-details", 4, "ngIf", "ngIfElse"], ["addon", ""], [1, "miam-recipe-details"], ["mainContainer", ""], [1, "miam-recipe-details__top__container"], [1, "miam-recipe-details__top__left"], [1, "miam-recipe-details__top__container__img"], ["topContainerImg", ""], [3, "src", 4, "ngIf"], ["class", "miam-recipe-details__picture__gradient", 4, "ngIf"], [3, "videoId", "width", "height", 4, "ngIf"], ["class", "miam-recipe-details__picture__tag", 4, "ngIf"], [1, "miam-recipe-details__img__actions"], ["class", "miam-recipe-details__actions__icon miam-noPadding", 3, "recipe", "width", "height", 4, "ngIf"], ["primaryColor", "var(--m-color-primary)", 1, "miam-recipe-details__actions__icon", 3, "width", "height", "iconName"], ["class", "miam-recipe-details__picture__sponsor", 3, "src", 4, "ngIf"], [1, "miam-recipe-details__top__container__info"], [1, "miam-recipe-details__info__metrics", "miam-recipe-details__info__metrics__total"], ["primaryColor", "var(--m-color-primary)", 3, "width", "height", "iconName"], [1, "miam-recipe-details__info__times"], ["class", "miam-recipe-details__info__metrics", 4, "ngIf"], [1, "miam-recipe-details__top__container__infos"], [1, "miam-recipe-details__top__container__infos__top"], [1, "miam-recipe-details__infos__type"], [1, "miam-recipe-details__infos__title"], [1, "miam-recipe-details__infos__difficulty"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [1, "miam-recipe-details__infos__description"], [1, "miam-recipe-details__description__action", 3, "click"], [1, "miam-recipe-details__infos__price__wrapper"], [1, "miam-recipe-details__infos__price"], [3, "recipe", "serves"], ["class", "miam-recipe-details__infos__action m-button-fab-primary", 3, "click", 4, "ngIf"], [1, "miam-recipe-details__mid__container"], ["class", "miam-recipe-details__tags__container", 4, "ngIf"], [3, "recipe", "showAddon", 4, "ngIf"], ["class", "miam-recipe-details__bottom__container", 4, "ngIf", "ngIfElse"], ["mobileContainer", ""], [1, "miam-recipe-details__bottom__container__action"], [3, "src"], [1, "miam-recipe-details__picture__gradient"], [3, "videoId", "width", "height"], [1, "miam-recipe-details__picture__tag"], [1, "miam-recipe-details__actions__icon", "miam-noPadding", 3, "recipe", "width", "height"], [1, "miam-recipe-details__picture__sponsor", 3, "src"], [1, "miam-recipe-details__info__metrics"], [1, "miam-recipe-details__metrics__row"], ["primaryColor", "var(--m-color-slate)", 3, "width", "height", "iconName"], [3, "width", "height", "iconName"], [1, "miam-recipe-details__infos__action", "m-button-fab-primary", 3, "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName", 4, "ngIf", "ngIfElse"], ["addLoader", ""], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-recipe-details__tags__container"], ["class", "miam-recipe-details__tag", 4, "ngFor", "ngForOf"], [1, "miam-recipe-details__tag"], ["class", "miam-recipe-details__tag__icon", 3, "src", 4, "ngIf"], [1, "miam-recipe-details__tag__name"], [1, "miam-recipe-details__tag__icon", 3, "src"], [3, "recipe", "showAddon"], [1, "miam-recipe-details__bottom__container"], [1, "miam-recipe-details__bottom__container__ingredients"], [1, "miam-recipe-details__bottom__container__header"], [1, "miam-recipe-details__ingredients__row"], [1, "miam-recipe-details__ingredients__counter"], [3, "counter", "counterChange"], [1, "miam-recipe-details__ingredients__counter__print"], [1, "miam-recipe-details__ingredients__row__qty"], [1, "miam-recipe-details__ingredients__list"], ["class", "miam-recipe-details__ingredients__row", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "miam-recipe-details__bottom__container__steps"], [1, "miam-recipe-details__steps__list"], ["class", "miam-recipe-details__steps__list__panel", 3, "active", "miam-recipe-details__panel__done", "click", 4, "ngFor", "ngForOf"], [1, "miam-recipe-details__ingredients__row", 3, "ngClass"], [4, "ngIf"], [1, "miam-recipe-details__ingredients__row__picture", 3, "src"], [1, "miam-recipe-details__steps__list__panel", 3, "click"], [1, "miam-recipe-details__panel__idx"], [1, "miam-recipe-details__panel__text"], ["class", "miam-recipe-details__panel__checkIcon", "primaryColor", "var(--m-color-secondary)", 3, "height", "width", "iconName", 4, "ngIf"], ["primaryColor", "var(--m-color-secondary)", 1, "miam-recipe-details__panel__checkIcon", 3, "height", "width", "iconName"], [1, "miam-recipe-details__mobile__container"], ["mobileContainerTop", ""], [1, "miam-recipe-details__mobile__header"], [1, "m-button-secondary", 3, "ngClass", "click"], [4, "ngIf", "ngIfElse"], ["stepsContainer", ""], [3, "recipe", "hideAddon"]], template: function RecipeDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵtemplate(0, RecipeDetailsComponent_div_0_Template, 64, 48, "div", 0);
         ɵɵtemplate(1, RecipeDetailsComponent_ng_template_1_Template, 1, 1, "ng-template", null, 1, ɵɵtemplateRefExtractor);
     } if (rf & 2) {
         const _r1 = ɵɵreference(2);
         ɵɵproperty("ngIf", ctx.showDetail)("ngIfElse", _r1);
-    } }, directives: [NgIf, IconComponent, NgSwitch, NgSwitchCase, NgSwitchDefault, RecipePricingComponent, YouTubePlayer, LikeButtonComponent, AddonLinkComponent, CounterInputComponent, NgForOf, NgClass, RecipeAddonComponent], pipes: [AsyncPipe, TitleCasePipe, CapitalizeFirstLetterPipe, ReadableFloatNumberPipe], styles: [".miam-recipe-details{border-radius:var(--m-border-radius);display:inline-flex;flex-direction:row;flex-wrap:wrap;height:calc(80vh - 80px);margin:40px 8px;min-width:calc(100% - 32px);padding:0 16px}.miam-recipe-details::-webkit-scrollbar-button{height:20px}.miam-recipe-details::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__top__container{display:flex;justify-content:space-evenly}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img{align-items:center;border-radius:var(--m-border-radius);display:flex;height:400px;overflow:hidden;position:relative;width:370px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img img{-o-object-fit:cover;-webkit-print-color-adjust:exact;display:block;height:100%;object-fit:cover;transform:translateX(-25%)}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__gradient{background:linear-gradient(180deg,transparent 57.92%,rgba(0,0,0,.75) 100%,rgba(0,0,0,.75) 0);border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);display:block;height:100%;position:absolute;top:0;width:100%}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__gradient{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{background-color:var(--m-color-primary-light);border-radius:5px;bottom:16px;color:var(--m-color-primary);font-weight:500;left:16px;padding:8px;position:absolute;text-transform:uppercase}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{display:flex;flex-direction:column;justify-content:space-evenly;position:absolute;right:16px;top:16px;z-index:var(--m-z-index-position-absolute-hight)}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon{-o-object-fit:contain;background-color:#fff;border-radius:var(--m-border-radius-circle);box-shadow:var(--m-shadow-small);margin:0 0 16px;object-fit:contain;padding:8px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon.miam-noPadding{padding:0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__sponsor{-o-object-fit:contain;bottom:16px;height:auto;max-height:72px;max-width:96px;object-fit:contain;position:absolute;right:16px;transform:none;width:auto}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;margin-left:40px;padding:16px;position:relative}@media (max-width:1022px){.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__infos__price__wrapper{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top{display:flex;flex-direction:column;position:relative}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__type{color:var(--m-color-black);font-size:14px;line-height:1.14;padding-bottom:16px;text-align:left}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__title{color:var(--m-color-secondary);font-size:32px;font-weight:700;line-height:1.1;text-align:left}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__difficulty{display:flex;padding:16px 0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__difficulty ng-miam-icon{margin-right:8px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics{align-items:center;display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics span{color:var(--m-color-black);font-size:14px;margin-left:12px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics .miam-recipe-details__metrics__row{display:flex}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description{color:var(--m-color-grey-text-dark);display:flex;flex:1;flex-direction:column;font-size:17px;line-height:1.62;margin-bottom:24px;overflow-y:auto;text-align:left;word-break:break-word}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{align-items:center;display:flex;margin-top:16px}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action>*{cursor:pointer}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action>:hover{color:var(--m-color-primary);text-decoration:underline}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action ng-miam-icon{margin-right:10px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper{align-items:flex-end;display:flex;flex-direction:column;height:100%;justify-content:flex-start;max-height:225px;padding-left:16px;position:relative}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price{margin-bottom:4px;padding:4px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{color:var(--m-color-primary);flex-direction:row}@media (max-width:1022px){.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{display:flex;flex-direction:column}}@media print{.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{display:none}}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{font-size:20px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{font-size:14px;margin-left:12px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{border-radius:20px;color:var(--m-color-white);font-size:16px;padding:8px 20px}@media print{.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{display:none}}@media (min-width:1022px){.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action:hover{color:var(--m-color-primary)}}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action ng-miam-icon{margin-left:16px}.miam-recipe-details .miam-recipe-details__top__container__info{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;padding:16px 0;width:370px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__metrics{align-items:center;display:flex;justify-content:center}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__metrics span{color:var(--m-color-primary);font-size:19px;font-weight:700;margin-left:12px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times{align-items:center;display:flex;justify-content:space-evenly}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics{flex-direction:column;margin-right:24px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics span{color:var(--m-color-black);font-size:13px;font-weight:400;line-height:16px;margin-left:4px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics .miam-recipe-details__metrics__row{align-items:center;display:flex}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics .miam-recipe-details__metrics__row span{font-size:19px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics{align-items:center;display:flex;justify-content:center;z-index:0}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics ng-miam-icon{display:flex;justify-content:center;margin-right:4px;min-height:32px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics span{font-size:15px}.miam-recipe-details .miam-recipe-details__mid__container{border-bottom:1px dashed var(--m-color-primary);display:flex;padding-bottom:16px;width:100%}.miam-recipe-details .miam-recipe-details__bottom__container{display:flex;width:100%}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__header{border-bottom:1px solid var(--m-color-grey-text);color:var(--m-color-primary);display:block;font-size:20px;font-size:17px;font-weight:700;margin:24px 0;padding:16px 0 8px;position:relative}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter{align-items:center;display:flex}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter ng-miam-counter-input .miam-counter-input__icon{margin-right:16px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:none}@media print{.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter ng-miam-counter-input{display:none}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:block}}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list{flex:1 1;overflow-y:auto;padding-bottom:40px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__row{color:var(--m-color-black);display:flex;font-size:14px;font-weight:700;height:40px;justify-content:space-between;padding-bottom:16px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__row .miam-recipe-details__ingredients__row__qty{color:var(--m-color-grey-text-dark);font-size:14px;font-weight:500;padding-right:10px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__ingredients{display:flex;flex:1;flex-direction:column;padding:0 40px 0 0}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps{display:flex;flex:1;flex-direction:column}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list{flex:1 1;overflow-y:auto;padding-bottom:40px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--m-color-primary-text);border-radius:var(--m-border-radius);cursor:pointer;display:flex;flex-direction:row;margin:0 16px 8px 0;text-align:left;transition:var(--m-default-transition)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__idx{color:var(--m-color-secondary);flex:0 0 auto;font-size:20px;margin-right:20px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__text{font-size:14px;word-break:break-word}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__checkIcon{flex:0 0 auto}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel.miam-recipe-details__panel__done{background-color:var(--m-color-secondary-light)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel div{flex:1;margin:10px}.miam-recipe-details .miam-recipe-details__bottom__container__action{width:100%}@media print{.miam-recipe-details{height:unset}}@media (max-width:1022px){.miam-recipe-details{height:80vh;margin:0;min-width:100vw;overflow-y:auto;padding:0 0 80px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper{align-items:center;background-color:var(--m-color-white);bottom:0;flex-direction:row;height:unset;justify-content:space-between;left:0;padding:4px 16px;position:fixed;right:0}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-pricing__wrapper{flex-direction:column}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{font-size:10px;margin-left:0}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{padding:8px 10px}.miam-recipe-details .miam-recipe-details__top__container{flex-wrap:wrap}.miam-recipe-details .miam-recipe-details__top__container div .miam-recipe-details__top__left{position:-webkit-sticky;position:sticky;top:0;z-index:3}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__info__times{position:-webkit-sticky;position:sticky;top:0;z-index:1}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img{height:220px;position:-webkit-sticky;position:sticky;top:-5vh;width:100vw;z-index:3}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img img{height:unset;transform:none;width:100%}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{bottom:unset;left:16px;top:16px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{bottom:0;flex-direction:unset;left:8px;right:unset;top:unset}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.65);background-color:unset;box-shadow:none;margin:0 4px 8px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos{flex:unset;margin-left:unset;padding:0 16px;width:100vw;z-index:0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__type{display:none}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__title{font-size:24px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description{margin-bottom:16px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{display:none}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__info{background-color:var(--m-color-white);width:unset;z-index:1}.miam-recipe-details .miam-recipe-details__mobile__container{display:flex;flex-direction:column;min-height:80vh;padding-bottom:50px;position:relative;width:100vw}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header{background-color:var(--m-color-white);border-radius:32px 32px 0 0;display:flex;justify-content:space-evenly;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header button{margin-right:0}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header button.active{background-color:var(--m-color-primary);color:var(--m-color-white)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row{align-items:center;color:var(--m-color-black);display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding-bottom:16px;padding-right:16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row div{width:100%}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row .miam-recipe-details__ingredients__row__qty{color:var(--m-color-grey-text-dark);font-size:14px;font-weight:500;margin-right:16px;padding-right:10px;text-align:end}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__counter{display:flex;justify-content:space-between;padding:16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:none}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__list{display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__list .miam-recipe-details__ingredients__row{display:flex;font-size:16px;justify-content:space-between;padding:0 16px 16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel{-webkit-tap-highlight-color:transparent;align-items:center;align-items:flex-start;background-color:transparent;border-radius:var(--m-border-radius);cursor:pointer;display:flex;flex-direction:row;margin:0 8px 32px;padding:0;position:relative;text-align:left;transition:var(--m-default-transition)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel:not(:last-child):before{background-color:var(--m-color-grey);content:\"\";height:50%;left:29px;position:absolute;top:60px;width:1px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel.miam-recipe-details__panel__done{background-color:var(--miam-color-primary-light)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__idx{align-items:center;background-color:var(--m-color-primary);border-radius:40px;color:#fff;display:flex;flex:0 0 auto;font-size:17px;font-weight:700;height:40px;justify-content:center;margin-right:20px;width:40px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__text{font-size:14px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__checkIcon{flex:0 0 auto}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel div{flex:1;margin:10px}.miam-recipe-details .miam-recipe-details__bottom__container__action{background:var(--m-color-white);bottom:0;left:0;padding:0 16px;position:fixed;right:0;width:100vw;z-index:4}}"], encapsulation: 2, changeDetection: 0 });
+    } }, directives: [NgIf, IconComponent, NgSwitch, NgSwitchCase, NgSwitchDefault, RecipePricingComponent, YouTubePlayer, LikeButtonComponent, LoaderComponent, NgForOf, AddonLinkComponent, CounterInputComponent, NgClass, RecipeAddonComponent], pipes: [AsyncPipe, TitleCasePipe, CapitalizeFirstLetterPipe, ReadableFloatNumberPipe], styles: [".miam-recipe-details{border-radius:var(--m-border-radius);display:inline-flex;flex-direction:row;flex-wrap:wrap;height:calc(80vh - 80px);margin:40px 8px;min-width:calc(100% - 32px);padding:0 16px}.miam-recipe-details::-webkit-scrollbar-button{height:20px}.miam-recipe-details::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__top__container{display:flex;justify-content:space-evenly}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img{align-items:center;border-radius:var(--m-border-radius);display:flex;height:400px;overflow:hidden;position:relative;width:370px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img img{-o-object-fit:cover;-webkit-print-color-adjust:exact;display:block;height:100%;object-fit:cover;transform:translateX(-25%)}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__gradient{background:linear-gradient(180deg,transparent 57.92%,rgba(0,0,0,.75) 100%,rgba(0,0,0,.75) 0);border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);display:block;height:100%;position:absolute;top:0;width:100%}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__gradient{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{background-color:var(--m-color-primary-light);border-radius:5px;bottom:16px;color:var(--m-color-primary);font-weight:500;left:16px;padding:8px;position:absolute;text-transform:uppercase}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{display:flex;flex-direction:column;justify-content:space-evenly;position:absolute;right:16px;top:16px;z-index:var(--m-z-index-position-absolute-hight)}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon{-o-object-fit:contain;background-color:#fff;border-radius:var(--m-border-radius-circle);box-shadow:var(--m-shadow-small);margin:0 0 16px;object-fit:contain;padding:8px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon.miam-noPadding{padding:0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__sponsor{-o-object-fit:contain;bottom:16px;height:auto;max-height:72px;max-width:96px;object-fit:contain;position:absolute;right:16px;transform:none;width:auto}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;margin-left:40px;padding:16px;position:relative}@media (max-width:1022px){.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__infos__price__wrapper{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top{display:flex;flex-direction:column;position:relative}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__type{color:var(--m-color-black);font-size:14px;line-height:1.14;padding-bottom:16px;text-align:left}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__title{color:var(--m-color-secondary);font-size:32px;font-weight:700;line-height:1.1;text-align:left}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__difficulty{display:flex;padding:16px 0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__difficulty ng-miam-icon{margin-right:8px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics{align-items:center;display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics span{color:var(--m-color-black);font-size:14px;margin-left:12px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics .miam-recipe-details__metrics__row{display:flex}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description{color:var(--m-color-grey-text-dark);display:flex;flex:1;flex-direction:column;font-size:17px;line-height:1.62;margin-bottom:24px;overflow-y:auto;text-align:left;word-break:break-word}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{align-items:center;display:flex;margin-top:16px}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action>*{cursor:pointer}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action>:hover{color:var(--m-color-primary);text-decoration:underline}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action ng-miam-icon{margin-right:10px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper{align-items:flex-end;display:flex;flex-direction:column;height:100%;justify-content:flex-start;max-height:225px;padding-left:16px;position:relative}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price{margin-bottom:4px;padding:4px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{color:var(--m-color-primary);flex-direction:row}@media (max-width:1022px){.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{display:flex;flex-direction:column}}@media print{.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{display:none}}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{font-size:20px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{font-size:14px;margin-left:12px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{border-radius:20px;color:var(--m-color-white);font-size:16px;padding:8px 20px}@media print{.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{display:none}}@media (min-width:1022px){.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action:hover{color:var(--m-color-primary)}}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action ng-miam-icon{margin-left:16px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action .loader{border:var(--m-loader-thickness) solid transparent;border-top:var(--m-loader-thickness) solid var(--m-color-white);height:24px;width:24px}.miam-recipe-details .miam-recipe-details__top__container__info{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;padding:16px 0;width:370px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__metrics{align-items:center;display:flex;justify-content:center}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__metrics span{color:var(--m-color-primary);font-size:19px;font-weight:700;margin-left:12px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times{align-items:center;display:flex;justify-content:space-evenly}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics{flex-direction:column;margin-right:24px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics span{color:var(--m-color-black);font-size:13px;font-weight:400;line-height:16px;margin-left:4px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics .miam-recipe-details__metrics__row{align-items:center;display:flex}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics .miam-recipe-details__metrics__row span{font-size:19px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics{align-items:center;display:flex;justify-content:center;z-index:0}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics ng-miam-icon{display:flex;justify-content:center;margin-right:4px;min-height:32px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics span{font-size:15px}.miam-recipe-details .miam-recipe-details__mid__container{border-bottom:1px dashed var(--m-color-primary);display:flex;padding-bottom:16px;width:100%}.miam-recipe-details .miam-recipe-details__tags__container{display:flex;flex-wrap:wrap;padding:20px;width:100%}.miam-recipe-details .miam-recipe-details__tags__container .miam-recipe-details__tag{background-color:var(--m-color-grey05);border-radius:var(--m-border-radius-pill);display:flex;margin:4px;padding:4px 8px}.miam-recipe-details .miam-recipe-details__tags__container .miam-recipe-details__tag .miam-recipe-details__tag__icon{height:16px;width:16px}.miam-recipe-details .miam-recipe-details__tags__container .miam-recipe-details__tag .miam-recipe-details__tag__name{font-size:16px}.miam-recipe-details .miam-recipe-details__bottom__container{display:flex;width:100%}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__header{border-bottom:1px solid var(--m-color-grey-text);color:var(--m-color-primary);display:block;font-size:20px;font-size:17px;font-weight:700;margin:24px 0;padding:16px 0 8px;position:relative}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter{align-items:center;display:flex}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter ng-miam-counter-input .miam-counter-input__icon{margin-right:16px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:none}@media print{.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter ng-miam-counter-input{display:none}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:block}}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list{flex:1 1;overflow-y:auto;padding-bottom:40px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__row{color:var(--m-color-black);display:flex;font-size:14px;font-weight:700;height:40px;justify-content:space-between;padding-bottom:16px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__row .miam-recipe-details__ingredients__row__qty{color:var(--m-color-grey-text-dark);font-size:14px;font-weight:500;padding-right:10px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__ingredients{display:flex;flex:1;flex-direction:column;padding:0 40px 0 0}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps{display:flex;flex:1;flex-direction:column}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list{flex:1 1;overflow-y:auto;padding-bottom:40px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--m-color-primary-text);border-radius:var(--m-border-radius);cursor:pointer;display:flex;flex-direction:row;margin:0 16px 8px 0;text-align:left;transition:var(--m-default-transition)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__idx{color:var(--m-color-secondary);flex:0 0 auto;font-size:20px;margin-right:20px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__text{font-size:14px;word-break:break-word}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__checkIcon{flex:0 0 auto}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel.miam-recipe-details__panel__done{background-color:var(--m-color-secondary-light)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel div{flex:1;margin:10px}.miam-recipe-details .miam-recipe-details__bottom__container__action{width:100%}@media print{.miam-recipe-details{height:unset}}@media (max-width:1022px){.miam-recipe-details{height:80vh;margin:0;min-width:100vw;overflow-y:auto;padding:0 0 80px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper{align-items:center;background-color:var(--m-color-white);bottom:0;flex-direction:row;height:unset;justify-content:space-between;left:0;padding:4px 16px;position:fixed;right:0}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-pricing__wrapper{flex-direction:column}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{font-size:10px;margin-left:0}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{padding:8px 10px}.miam-recipe-details .miam-recipe-details__top__container{flex-wrap:wrap}.miam-recipe-details .miam-recipe-details__top__container div .miam-recipe-details__top__left{position:-webkit-sticky;position:sticky;top:0;z-index:3}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__info__times{position:-webkit-sticky;position:sticky;top:0;z-index:1}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img{height:220px;position:-webkit-sticky;position:sticky;top:-5vh;width:100vw;z-index:3}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img img{height:unset;transform:none;width:100%}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{bottom:unset;left:16px;top:16px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{bottom:0;flex-direction:unset;left:8px;right:unset;top:unset}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.65);background-color:unset;box-shadow:none;margin:0 4px 8px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos{flex:unset;margin-left:unset;padding:0 16px;width:100vw;z-index:0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__type{display:none}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__title{font-size:24px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description{margin-bottom:16px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{display:none}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__info{background-color:var(--m-color-white);width:unset;z-index:1}.miam-recipe-details .miam-recipe-details__mobile__container{display:flex;flex-direction:column;min-height:80vh;padding-bottom:50px;position:relative;width:100vw}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header{background-color:var(--m-color-white);border-radius:32px 32px 0 0;display:flex;justify-content:space-evenly;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header button{margin-right:0}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header button.active{background-color:var(--m-color-primary);color:var(--m-color-white)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row{align-items:center;color:var(--m-color-black);display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding-bottom:16px;padding-right:16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row div{width:100%}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row .miam-recipe-details__ingredients__row__qty{color:var(--m-color-grey-text-dark);font-size:14px;font-weight:500;margin-right:16px;padding-right:10px;text-align:end}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__counter{display:flex;justify-content:space-between;padding:16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:none}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__list{display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__list .miam-recipe-details__ingredients__row{display:flex;font-size:16px;justify-content:space-between;padding:0 16px 16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel{-webkit-tap-highlight-color:transparent;align-items:center;align-items:flex-start;background-color:transparent;border-radius:var(--m-border-radius);cursor:pointer;display:flex;flex-direction:row;margin:0 8px 32px;padding:0;position:relative;text-align:left;transition:var(--m-default-transition)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel:not(:last-child):before{background-color:var(--m-color-grey);content:\"\";height:50%;left:29px;position:absolute;top:60px;width:1px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel.miam-recipe-details__panel__done{background-color:var(--miam-color-primary-light)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__idx{align-items:center;background-color:var(--m-color-primary);border-radius:40px;color:#fff;display:flex;flex:0 0 auto;font-size:17px;font-weight:700;height:40px;justify-content:center;margin-right:20px;width:40px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__text{font-size:14px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__checkIcon{flex:0 0 auto}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel div{flex:1;margin:10px}.miam-recipe-details .miam-recipe-details__bottom__container__action{background:var(--m-color-white);bottom:0;left:0;padding:0 16px;position:fixed;right:0;width:100vw;z-index:4}}"], encapsulation: 2, changeDetection: 0 });
 /*@__PURE__*/ (function () { ɵsetClassMetadata(RecipeDetailsComponent, [{
         type: Component,
         args: [{
@@ -11907,6 +12034,10 @@ RecipeDetailsComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeDetailsComponen
             type: Input
         }], ingredientsPictures: [{
             type: Input
+        }], displayTags: [{
+            type: Input
+        }], displayTagsIcons: [{
+            type: Input
         }], recipeAdded: [{
             type: Output
         }], recipeChanged: [{
@@ -11961,7 +12092,7 @@ function RecipeFormComponent_form_0_div_22_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(2);
     ɵɵproperty("formControl", ctx_r2.recipeForm == null ? null : (tmp_4_0 = ctx_r2.recipeForm.get("attributes")) == null ? null : tmp_4_0.get("description"));
 } }
-const _c0$q = function () { return ["number-of-guests"]; };
+const _c0$p = function () { return ["number-of-guests"]; };
 function RecipeFormComponent_form_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "form", 4);
@@ -12018,7 +12149,7 @@ function RecipeFormComponent_form_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(3);
     ɵɵproperty("formControl", ctx_r0.recipeForm == null ? null : (tmp_3_0 = ctx_r0.recipeForm.get("attributes")) == null ? null : tmp_3_0.get("media-url"))("imageUrl", ctx_r0.recipeForm == null ? null : (tmp_4_0 = ctx_r0.recipeForm.get("attributes")) == null ? null : (tmp_4_1 = tmp_4_0.get("media-url")) == null ? null : tmp_4_1.value)("photoMode", true);
     ɵɵadvance(4);
-    ɵɵproperty("formControl", ctx_r0.recipeForm.controls["attributes"]["controls"][ɵɵpureFunction0(19, _c0$q)]);
+    ɵɵproperty("formControl", ctx_r0.recipeForm.controls["attributes"]["controls"][ɵɵpureFunction0(19, _c0$p)]);
     ɵɵadvance(2);
     ɵɵproperty("options", ɵɵpipeBind1(12, 17, ctx_r0.recipeTypeService == null ? null : ctx_r0.recipeTypeService.getTypes()))("formControl", ctx_r0.recipeForm == null ? null : ctx_r0.recipeForm.get("recipe-type"));
     ɵɵadvance(4);
@@ -12520,7 +12651,7 @@ RecipeHelperComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeHelperComponent,
             type: Output
         }] }); })();
 
-const _c0$r = ["topAnchor"];
+const _c0$q = ["topAnchor"];
 const _c1$b = ["stepperLinks"];
 const _c2$3 = ["step"];
 function RecipeStepperComponent_ng_container_28_div_21_Template(rf, ctx) { if (rf & 1) {
@@ -12779,7 +12910,7 @@ class RecipeStepperComponent extends RecipeFormComponent {
 }
 RecipeStepperComponent.ɵfac = function RecipeStepperComponent_Factory(t) { return ɵRecipeStepperComponent_BaseFactory(t || RecipeStepperComponent); };
 RecipeStepperComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeStepperComponent, selectors: [["ng-miam-recipe-stepper"]], viewQuery: function RecipeStepperComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$r, true);
+        ɵɵviewQuery(_c0$q, true);
         ɵɵviewQuery(_c1$b, true);
         ɵɵviewQuery(_c2$3, true);
     } if (rf & 2) {
@@ -12886,7 +13017,7 @@ const ɵRecipeStepperComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFacto
             args: ['step']
         }] }); })();
 
-const _c0$s = ["tag"];
+const _c0$r = ["tag"];
 function RecipeTagsComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r6 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 9, 10);
@@ -13006,7 +13137,7 @@ class RecipeTagsComponent {
 }
 RecipeTagsComponent.ɵfac = function RecipeTagsComponent_Factory(t) { return new (t || RecipeTagsComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(BasketsService), ɵɵdirectiveInject(ContextService)); };
 RecipeTagsComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeTagsComponent, selectors: [["ng-miam-recipe-tags"]], viewQuery: function RecipeTagsComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$s, true);
+        ɵɵviewQuery(_c0$r, true);
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.tags = _t);
@@ -13110,7 +13241,7 @@ function RecipesHistoryComponent_div_6_div_8_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("ngIf", ɵɵpipeBind1(2, 1, line_r8));
 } }
-const _c0$t = function (a0) { return { rotate: a0 }; };
+const _c0$s = function (a0) { return { rotate: a0 }; };
 const _c1$d = function (a0) { return { wrap: a0 }; };
 function RecipesHistoryComponent_div_6_Template(rf, ctx) { if (rf & 1) {
     const _r12 = ɵɵgetCurrentView();
@@ -13135,7 +13266,7 @@ function RecipesHistoryComponent_div_6_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(3);
     ɵɵtextInterpolate(ɵɵpipeBind1(4, 5, group_r6.date));
     ɵɵadvance(2);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(7, _c0$t, !group_r6.show));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(7, _c0$s, !group_r6.show));
     ɵɵadvance(1);
     ɵɵproperty("iconName", ctx_r2.icon.ChevronDown);
     ɵɵadvance(1);
@@ -13203,7 +13334,9 @@ class RecipesHistoryComponent {
         }
     }
     prepareLine(recipeInfo) {
-        return this.recipesService.get(recipeInfo.id, { include: ['ingredients', 'recipe-steps', 'recipe-status', 'recipe-type'] }).pipe(skipWhile(r => r.is_loading), map(recipe => {
+        return this.recipesService.get(recipeInfo.id, {
+            include: ['ingredients', 'recipe-steps', 'recipe-status', 'recipe-type', 'tags']
+        }).pipe(skipWhile(r => r.is_loading), map(recipe => {
             const line = BasketPreviewLine.fromRecipe(recipe, recipe.ingredients.length);
             line.displayMode = true;
             setTimeout(() => this.cdr.detectChanges()); // ensures the line will be reloaded after the observable resolves
@@ -13296,7 +13429,7 @@ PrintService.ɵprov = ɵɵdefineInjectable({ token: PrintService, factory: Print
             }]
     }], function () { return []; }, null); })();
 
-const _c0$u = ["details"];
+const _c0$t = ["details"];
 function RecipeModalComponent_ng_miam_recipe_details_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "ng-miam-recipe-details", 3, 4);
@@ -13366,7 +13499,7 @@ class RecipeModalComponent {
         this.cdr.detectChanges();
     }
     removeRecipe() {
-        this.groceriesListsService.removeRecipeFromList(this.recipe.id);
+        this.groceriesListsService.removeRecipeFromList(this.recipe.id).subscribe();
         this.hide();
     }
     updateRecipeGuests(guests) {
@@ -13375,14 +13508,14 @@ class RecipeModalComponent {
     // If the recipe is already in basket, update the number of guests (= append recipe to list again)
     recipeChanged() {
         if (this.groceriesListsService.list$.value.hasRecipe(this.recipe.id)) {
-            this.groceriesListsService.appendRecipeToList(this.recipe.id, this.recipe.modifiedGuests);
+            this.groceriesListsService.appendRecipeToList(this.recipe.id, this.recipe.modifiedGuests).subscribe();
         }
         this.recipesService.displayedRecipeChanged.emit();
     }
 }
 RecipeModalComponent.ɵfac = function RecipeModalComponent_Factory(t) { return new (t || RecipeModalComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(RecipesService), ɵɵdirectiveInject(PrintService), ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(GroceriesListsService)); };
 RecipeModalComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeModalComponent, selectors: [["ng-miam-recipe-modal"]], viewQuery: function RecipeModalComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$u, true);
+        ɵɵviewQuery(_c0$t, true);
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.content = _t.first);
@@ -13412,7 +13545,7 @@ RecipeModalComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeModalComponent, s
             args: ['details']
         }] }); })();
 
-const _c0$v = ["recipeCard"];
+const _c0$u = ["recipeCard"];
 function SuggestionCardComponent_ng_miam_recipe_card_0_Template(rf, ctx) { if (rf & 1) {
     const _r3 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "ng-miam-recipe-card", 1, 2);
@@ -13499,7 +13632,7 @@ class SuggestionCardComponent extends AbstractRecipeCardComponent {
 }
 SuggestionCardComponent.ɵfac = function SuggestionCardComponent_Factory(t) { return new (t || SuggestionCardComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(RecipesService), ɵɵdirectiveInject(GroceriesListsService), ɵɵdirectiveInject(UserService), ɵɵdirectiveInject(PointOfSalesService), ɵɵdirectiveInject(ContextService), ɵɵdirectiveInject(AnalyticsService), ɵɵdirectiveInject(RecipeEventsService), ɵɵdirectiveInject(ElementRef)); };
 SuggestionCardComponent.ɵcmp = ɵɵdefineComponent({ type: SuggestionCardComponent, selectors: [["ng-miam-suggestion-card"]], viewQuery: function SuggestionCardComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$v, true);
+        ɵɵviewQuery(_c0$u, true);
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.recipeCard = _t.first);
@@ -13654,14 +13787,14 @@ function ListScanOverlayButtonComponent_ng_miam_icon_3_Template(rf, ctx) { if (r
     const ctx_r0 = ɵɵnextContext();
     ɵɵproperty("iconName", ctx_r0.icon.ListScanner);
 } }
-const _c0$w = function (a0) { return { reduced: a0 }; };
+const _c0$v = function (a0) { return { reduced: a0 }; };
 function ListScanOverlayButtonComponent_div_4_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div", 10);
     ɵɵtext(1, "Scanner ma liste de courses");
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = ɵɵnextContext();
-    ɵɵproperty("ngClass", ɵɵpureFunction1(1, _c0$w, ctx_r1.reduced == "true"));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(1, _c0$v, ctx_r1.reduced == "true"));
 } }
 function ListScanOverlayButtonComponent_ng_miam_loader_5_Template(rf, ctx) { if (rf & 1) {
     ɵɵelement(0, "ng-miam-loader");
@@ -13728,7 +13861,7 @@ ListScanOverlayButtonComponent.ɵcmp = ɵɵdefineComponent({ type: ListScanOverl
         ɵɵadvance(1);
         ɵɵproperty("ngIf", ctx.loading);
         ɵɵadvance(1);
-        ɵɵproperty("ngClass", ɵɵpureFunction1(8, _c0$w, ctx.reduced == "true"));
+        ɵɵproperty("ngClass", ɵɵpureFunction1(8, _c0$v, ctx.reduced == "true"));
     } }, directives: [NgClass, NgIf, IconComponent, LoaderComponent], styles: [".miam-list-scan__overlay-button[_ngcontent-%COMP%]{display:inline-block;position:relative}.miam-list-scan__overlay-button.overlay[_ngcontent-%COMP%]{bottom:20px;position:fixed;right:20px}.miam-list-scan__overlay-button[_ngcontent-%COMP%]   .inputfile[_ngcontent-%COMP%]{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.miam-list-scan__overlay-button[_ngcontent-%COMP%]   .miam-list-scan__overlay-button__label[_ngcontent-%COMP%]{max-height:50px;min-width:0}.miam-list-scan__overlay-button[_ngcontent-%COMP%]   .miam-list-scan__overlay-button__label[_ngcontent-%COMP%]   ng-miam-icon[_ngcontent-%COMP%]{margin:0}.miam-list-scan__overlay-button[_ngcontent-%COMP%]   .miam-list-scan__overlay-button__label[_ngcontent-%COMP%]   .button-label[_ngcontent-%COMP%]{margin-left:10px}.miam-list-scan__overlay-button[_ngcontent-%COMP%]   .miam-list-scan__overlay-button__label[_ngcontent-%COMP%]   .button-label.reduced[_ngcontent-%COMP%]{display:none}.miam-list-scan__overlay-button[_ngcontent-%COMP%]   .miam-list-scan__overlay-button__reduce[_ngcontent-%COMP%]{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 5px rgba(0,0,0,.25);cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-9px;width:24px}.miam-list-scan__overlay-button[_ngcontent-%COMP%]   .miam-list-scan__overlay-button__reduce.reduced[_ngcontent-%COMP%]{display:none}"], changeDetection: 0 });
 /*@__PURE__*/ (function () { ɵsetClassMetadata(ListScanOverlayButtonComponent, [{
         type: Component,
@@ -13755,7 +13888,7 @@ function ListScanIngredientsListComponent_div_0_Template(rf, ctx) { if (rf & 1)
     ɵɵadvance(1);
     ɵɵproperty("iconName", ctx_r0.icon.DrawerHorizontalCloseBar);
 } }
-const _c0$x = function (a0) { return { overlay: a0 }; };
+const _c0$w = function (a0) { return { overlay: a0 }; };
 function ListScanIngredientsListComponent_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r6 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 9);
@@ -13791,7 +13924,7 @@ function ListScanIngredientsListComponent_div_4_Template(rf, ctx) { if (rf & 1)
 } if (rf & 2) {
     const e_r4 = ctx.$implicit;
     const ctx_r1 = ɵɵnextContext();
-    ɵɵproperty("ngClass", ɵɵpureFunction1(5, _c0$x, ctx_r1.overlay));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(5, _c0$w, ctx_r1.overlay));
     ɵɵadvance(2);
     ɵɵproperty("iconName", ctx_r1.icon.Trash);
     ɵɵadvance(4);
@@ -14026,7 +14159,7 @@ function ListScanComponent_ng_miam_list_scan_overlay_button_1_Template(rf, ctx)
     const ctx_r0 = ɵɵnextContext();
     ɵɵproperty("overlay", ctx_r0.overlay);
 } }
-const _c0$y = function (a0) { return { overlay: a0 }; };
+const _c0$x = function (a0) { return { overlay: a0 }; };
 function ListScanComponent_ng_miam_list_scan_ingredients_list_2_Template(rf, ctx) { if (rf & 1) {
     const _r6 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "ng-miam-list-scan-ingredients-list", 5);
@@ -14034,7 +14167,7 @@ function ListScanComponent_ng_miam_list_scan_ingredients_list_2_Template(rf, ctx
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = ɵɵnextContext();
-    ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$y, ctx_r1.overlay))("overlay", ctx_r1.overlay)("entries", ctx_r1.entries);
+    ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$x, ctx_r1.overlay))("overlay", ctx_r1.overlay)("entries", ctx_r1.entries);
 } }
 function ListScanComponent_ng_miam_list_scan_basket_preview_3_Template(rf, ctx) { if (rf & 1) {
     const _r9 = ɵɵgetCurrentView();
@@ -14043,7 +14176,7 @@ function ListScanComponent_ng_miam_list_scan_basket_preview_3_Template(rf, ctx)
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = ɵɵnextContext();
-    ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$y, ctx_r2.overlay))("overlay", ctx_r2.overlay)("entries", ctx_r2.entries);
+    ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$x, ctx_r2.overlay))("overlay", ctx_r2.overlay)("entries", ctx_r2.entries);
 } }
 class ListScanComponent {
     constructor(cdr) {
@@ -14455,7 +14588,7 @@ MiamInterceptor.ɵprov = ɵɵdefineInjectable({ token: MiamInterceptor, factory:
         type: Injectable
     }], function () { return [{ type: Injector }]; }, null); })();
 
-const MIAM_API_HOST$4 = `${environment.miamAPI}/api/v1/`;
+const MIAM_API_HOST$5 = `${environment.miamAPI}/api/v1/`;
 const MIAM_WEB_URL = `${environment.miamWeb}/fr/app`;
 const MIAM_BASKET_URL = `${MIAM_WEB_URL}/mon-panier`;
 registerLocaleData(localeFr, 'fr');
@@ -14499,7 +14632,7 @@ NgMiamModule.ɵinj = ɵɵdefineInjector({ factory: function NgMiamModule_Factory
         { provide: MIAM_BASKET_PATH, useValue: MIAM_BASKET_URL },
         { provide: LOCALE_ID, useValue: 'fr' }
     ], imports: [[
-            NgxJsonapiModule.forRoot({ url: MIAM_API_HOST$4 }),
+            NgxJsonapiModule.forRoot({ url: MIAM_API_HOST$5 }),
             ComponentsModule,
             WebComponentsModule,
             BrowserAnimationsModule
@@ -14513,7 +14646,7 @@ NgMiamModule.ɵinj = ɵɵdefineInjector({ factory: function NgMiamModule_Factory
         type: NgModule,
         args: [{
                 imports: [
-                    NgxJsonapiModule.forRoot({ url: MIAM_API_HOST$4 }),
+                    NgxJsonapiModule.forRoot({ url: MIAM_API_HOST$5 }),
                     ComponentsModule,
                     WebComponentsModule,
                     BrowserAnimationsModule
@@ -14546,5 +14679,5 @@ NgMiamModule.ɵinj = ɵɵdefineInjector({ factory: function NgMiamModule_Factory
  * Generated bundle index. Do not edit.
  */
 
-export { ActionsPopinComponent, AddonLinkComponent, Article, ArticlesService, Basket, BasketEntriesItem, BasketEntriesService, BasketEntry, BasketPreviewBlockComponent, BasketPreviewDisabledComponent, BasketPreviewLine, BasketPreviewLineComponent, BasketPreviewModule, BasketsService, COMPONENTS, CORSOverlayComponent, CardCreateRecipeComponent, CatalogArticleCardComponent, CatalogCategoryComponent, CatalogHeaderComponent, CatalogListComponent, CatalogRecipeCardComponent, ComponentsModule, ContextService, CounterInputComponent, CounterService, DeleteConfirmButtonComponent, DragDropInputComponent, DrawerComponent, FavoritePageComponent, GroceriesEntriesService, GroceriesListsService, Icon, IconComponent, Ingredient, IngredientsService, Item, ItemsService, LikeButtonComponent, ListInputComponent, ListScanComponent, ListScanModule, LoaderComponent, LoaderModule, MIAM_BASKET_PATH, MIAM_PROVIDER_ID, MIAM_STATUS_ID, ModalComponent, NgMiamModule, OrderButtonComponent, Package, PackageService, PersonalRecipesComponent, PlannerCalendarComponent, PlannerPageComponent, PlannerSideMenuComponent, PointOfSale, PointOfSalesService, PosCardComponent, PosSelectionComponent, QuantityUnit, Recipe, RecipeAddonComponent, RecipeCardComponent, RecipeCatalogComponent, RecipeDetailsComponent, RecipeEventsService, RecipeFiltersComponent, RecipeFormComponent, RecipeHelperComponent, RecipeLikesService, RecipeModalComponent, RecipePricingComponent, RecipeProvider, RecipeProviderService, RecipeShare, RecipeShareService, RecipeStatus, RecipeStatusService, RecipeStep, RecipeStepperComponent, RecipeStepsService, RecipeTagsComponent, RecipeType, RecipeTypeChooserComponent, RecipeTypeService, RecipesHistoryComponent, RecipesService, ReplaceItemComponent, SelectInputComponent, SkeletonComponent, SliderComponent, Sponsor, SponsorService, SuggestionCardComponent, Supplier, SuppliersService, TabBodyComponent, TabItemComponent, TabLabelComponent, TabsComponent, TextInputComponent, TimePickerComponent, ToastrService, User, UserService, WEB_COMPONENTS, WEB_COMPONENTS_NAMES, WebComponentsModule };
+export { ActionsPopinComponent, AddonLinkComponent, Article, ArticlesService, Basket, BasketEntriesItem, BasketEntriesService, BasketEntry, BasketPreviewBlockComponent, BasketPreviewDisabledComponent, BasketPreviewLine, BasketPreviewLineComponent, BasketPreviewModule, BasketsService, COMPONENTS, CORSOverlayComponent, CardCreateRecipeComponent, CatalogArticleCardComponent, CatalogCategoryComponent, CatalogHeaderComponent, CatalogListComponent, CatalogRecipeCardComponent, ComponentsModule, ContextService, CounterInputComponent, CounterService, DeleteConfirmButtonComponent, DragDropInputComponent, DrawerComponent, FavoritePageComponent, GroceriesEntriesService, GroceriesListsService, Icon, IconComponent, Ingredient, IngredientsService, Item, ItemsService, LikeButtonComponent, ListInputComponent, ListScanComponent, ListScanModule, LoaderComponent, LoaderModule, MIAM_BASKET_PATH, MIAM_PROVIDER_ID, MIAM_STATUS_ID, ModalComponent, NgMiamModule, OrderButtonComponent, Package, PackageService, PersonalRecipesComponent, PlannerCalendarComponent, PlannerPageComponent, PlannerSideMenuComponent, PointOfSale, PointOfSalesService, PosCardComponent, PosSelectionComponent, QuantityUnit, Recipe, RecipeAddonComponent, RecipeCardComponent, RecipeCatalogComponent, RecipeDetailsComponent, RecipeEventsService, RecipeFiltersComponent, RecipeFormComponent, RecipeHelperComponent, RecipeLikesService, RecipeModalComponent, RecipePricingComponent, RecipeProvider, RecipeProviderService, RecipeShare, RecipeShareService, RecipeStatus, RecipeStatusService, RecipeStep, RecipeStepperComponent, RecipeStepsService, RecipeTagsComponent, RecipeType, RecipeTypeChooserComponent, RecipeTypeService, RecipesHistoryComponent, RecipesService, ReplaceItemComponent, SelectInputComponent, SkeletonComponent, SliderComponent, Sponsor, SponsorService, SuggestionCardComponent, Supplier, SuppliersService, TabBodyComponent, TabItemComponent, TabLabelComponent, TabsComponent, Tag, TagsService, TextInputComponent, TimePickerComponent, ToastrService, User, UserService, WEB_COMPONENTS, WEB_COMPONENTS_NAMES, WebComponentsModule };
 //# sourceMappingURL=ng-miam.js.map