ng-miam 3.4.0 → 3.4.4

package/fesm2015/ng-miam.js

@@ -904,7 +904,8 @@ class Recipe extends Resource {
                 return {
                     name: ingredient.attributes.name,
                     qty: (+ingredient.quantity) / (+this.guests || 1),
-                    unit: ingredient.attributes.unit
+                    unit: ingredient.attributes.unit,
+                    picture: ingredient.picture
                 };
             });
         }
@@ -1216,14 +1217,15 @@ class Ingredient extends Resource {
     constructor() {
         super(...arguments);
         this.attributes = {
-            'name': '',
-            'quantity': '',
-            'unit': '',
-            'active': true,
-            'forced-eans': []
+            name: '',
+            quantity: '',
+            unit: '',
+            active: true,
+            'forced-eans': [],
+            picture: ''
         };
         this.relationships = {
-            'recipe': new DocumentResource(),
+            recipe: new DocumentResource(),
             'quantity-unit': new DocumentResource()
         };
     }
@@ -1236,6 +1238,9 @@ class Ingredient extends Resource {
             return '1';
         }
     }
+    get picture() {
+        return this.attributes.picture;
+    }
 }
 
 const MIAM_API_HOST = `${environment.miamAPI}/api/v1/`;
@@ -2239,7 +2244,7 @@ class ToastrService {
             this.injectCss();
         });
     }
-    info(message, title = null, options = null) {
+    info(message, title = null, options = {}) {
         window['toastr'].info(message, title, options);
     }
     injectJquery() {
@@ -2247,8 +2252,8 @@ class ToastrService {
             return;
         }
         const script = document.createElement('script');
-        script.src = 'https://code.jquery.com/jquery-1.12.4.min.js';
-        script.integrity = 'sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=';
+        script.src = 'https://code.jquery.com/jquery-3.6.0.min.js';
+        script.integrity = 'sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=';
         script.crossOrigin = 'anonymous';
         document.head.appendChild(script);
     }
@@ -2455,6 +2460,7 @@ class ContextService {
         this.breakpointObserver = breakpointObserver;
         this.videoRecipesEnabled = false;
         this.articlesInCatalogEnabled = false;
+        this.defaultIngredientPicture = 'https://storage.googleapis.com/assets.miam.tech/generic/images/default-ingredient-picture.svg';
         this.isSmallScreen$ = new BehaviorSubject(false);
         this.miam = {
             user: {
@@ -2523,6 +2529,9 @@ class ContextService {
                 hidden: this.recipesService.hidden,
                 search: (provider, query) => {
                     return this.recipesService.all({ remotefilter: { recipe_provider_id: provider, search: query } }).pipe(skipWhile(result => !result), map(response => response['data']));
+                },
+                setDefaultIngredientPicture: (url) => {
+                    this.defaultIngredientPicture = url;
                 }
             },
             analytics: {
@@ -4900,7 +4909,7 @@ CounterInputComponent.ɵcmp = ɵɵdefineComponent({ type: CounterInputComponent,
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.counterInput = _t.first);
-    } }, inputs: { counter: "counter", minRange: "minRange", maxRange: "maxRange" }, outputs: { counterChange: "counterChange", selected: "selected" }, features: [ɵɵNgOnChangesFeature], decls: 8, vars: 9, consts: [[1, "miam-counter-input"], ["primaryColor", "var(--m-color-light-slate)", 1, "miam-counter-input__icon", 3, "width", "height", "iconName"], [1, "miam-counter-input__button", "miam-counter-input__button__minus", 3, "click"], ["primaryColor", "var(--m-color-secondary)", 3, "width", "height", "iconName"], [1, "miam-counter-input__count", "m-small-typo", 3, "ngModel", "maxLength", "ngModelChange", "click", "focus"], ["counterInput", ""], [1, "miam-counter-input__button", "miam-counter-input__button__plus"], ["primaryColor", "var(--m-color-light-slate) ", 3, "iconName", "click"]], template: function CounterInputComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { counter: "counter", minRange: "minRange", maxRange: "maxRange" }, outputs: { counterChange: "counterChange", selected: "selected" }, features: [ɵɵNgOnChangesFeature], decls: 8, vars: 9, consts: [[1, "miam-counter-input"], ["primaryColor", "var(--m-color-light-slate)", 1, "miam-counter-input__icon", 3, "width", "height", "iconName"], [1, "miam-counter-input__button", "miam-counter-input__button__minus", 3, "click"], ["primaryColor", "var(--m-color-secondary)", 3, "width", "height", "iconName"], [1, "miam-counter-input__count", "m-small-typo", 3, "ngModel", "maxLength", "ngModelChange", "click", "focus"], ["counterInput", ""], [1, "miam-counter-input__button", "miam-counter-input__button__plus", 3, "click"], ["primaryColor", "var(--m-color-light-slate)", 3, "iconName"]], template: function CounterInputComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵelementStart(0, "div", 0);
         ɵɵelement(1, "ng-miam-icon", 1);
         ɵɵelementStart(2, "span", 2);
@@ -4911,9 +4920,8 @@ CounterInputComponent.ɵcmp = ɵɵdefineComponent({ type: CounterInputComponent,
         ɵɵlistener("ngModelChange", function CounterInputComponent_Template_input_ngModelChange_4_listener($event) { return ctx.counter = $event; })("click", function CounterInputComponent_Template_input_click_4_listener($event) { return ctx.prevent($event); })("focus", function CounterInputComponent_Template_input_focus_4_listener() { return ctx.selected.emit(true); })("ngModelChange", function CounterInputComponent_Template_input_ngModelChange_4_listener() { return ctx.updateValue(); });
         ɵɵelementEnd();
         ɵɵelementStart(6, "span", 6);
-        ɵɵelementStart(7, "ng-miam-icon", 7);
-        ɵɵlistener("click", function CounterInputComponent_Template_ng_miam_icon_click_7_listener($event) { return ctx.increment($event); });
-        ɵɵelementEnd();
+        ɵɵlistener("click", function CounterInputComponent_Template_span_click_6_listener($event) { return ctx.increment($event); });
+        ɵɵelement(7, "ng-miam-icon", 7);
         ɵɵelementEnd();
         ɵɵelementEnd();
     } if (rf & 2) {
@@ -11884,493 +11892,506 @@ RecipeAddonComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeAddonComponent, s
         }] }); })();
 
 const _c0$r = ["topContainerImg"];
-function RecipeDetailsComponent_div_0_img_5_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "img", 39);
+const _c1$b = ["mainContainer"];
+function RecipeDetailsComponent_div_0_img_6_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "img", 40);
 } if (rf & 2) {
-    const ctx_r4 = ɵɵnextContext(2);
-    ɵɵproperty("src", ctx_r4.recipe == null ? null : ctx_r4.recipe.attributes["media-url"], ɵɵsanitizeUrl);
+    const ctx_r5 = ɵɵnextContext(2);
+    ɵɵproperty("src", ctx_r5.recipe == null ? null : ctx_r5.recipe.attributes["media-url"], ɵɵsanitizeUrl);
 } }
-function RecipeDetailsComponent_div_0_div_6_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "div", 40);
+function RecipeDetailsComponent_div_0_div_7_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "div", 41);
 } }
-function RecipeDetailsComponent_div_0_youtube_player_7_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "youtube-player", 41);
+function RecipeDetailsComponent_div_0_youtube_player_8_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "youtube-player", 42);
 } if (rf & 2) {
-    const ctx_r6 = ɵɵnextContext(2);
-    ɵɵproperty("videoId", ctx_r6.recipe.videoId)("width", ctx_r6.playerWidth)("height", ctx_r6.playerHeight);
+    const ctx_r7 = ɵɵnextContext(2);
+    ɵɵproperty("videoId", ctx_r7.recipe.videoId)("width", ctx_r7.playerWidth)("height", ctx_r7.playerHeight);
 } }
-function RecipeDetailsComponent_div_0_div_8_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 42);
+function RecipeDetailsComponent_div_0_div_9_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 43);
     ɵɵtext(1, "D\u00E9j\u00E0 ajout\u00E9e");
     ɵɵelementEnd();
 } }
-function RecipeDetailsComponent_div_0_ng_miam_like_button_11_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-like-button", 43);
+function RecipeDetailsComponent_div_0_ng_miam_like_button_12_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-like-button", 44);
 } if (rf & 2) {
-    const ctx_r8 = ɵɵnextContext(2);
-    ɵɵproperty("recipe", ctx_r8.recipe)("width", 26)("height", 26);
+    const ctx_r9 = ɵɵnextContext(2);
+    ɵɵproperty("recipe", ctx_r9.recipe)("width", 26)("height", 26);
 } }
-function RecipeDetailsComponent_div_0_img_15_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "img", 44);
+function RecipeDetailsComponent_div_0_img_16_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "img", 45);
 } if (rf & 2) {
-    const ctx_r9 = ɵɵnextContext(2);
-    ɵɵpropertyInterpolate("src", ctx_r9.recipe.filigraneLogoUrl, ɵɵsanitizeUrl);
+    const ctx_r10 = ɵɵnextContext(2);
+    ɵɵpropertyInterpolate("src", ctx_r10.recipe.filigraneLogoUrl, ɵɵsanitizeUrl);
 } }
-function RecipeDetailsComponent_div_0_div_22_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 45);
+function RecipeDetailsComponent_div_0_div_23_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 46);
     ɵɵelementStart(1, "span");
     ɵɵtext(2, "Pr\u00E9paration");
     ɵɵelementEnd();
-    ɵɵelementStart(3, "div", 46);
-    ɵɵelement(4, "ng-miam-icon", 47);
+    ɵɵelementStart(3, "div", 47);
+    ɵɵelement(4, "ng-miam-icon", 48);
     ɵɵelementStart(5, "span");
     ɵɵtext(6);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r10 = ɵɵnextContext(2);
+    const ctx_r11 = ɵɵnextContext(2);
     ɵɵadvance(4);
-    ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r10.icon.Preparation);
+    ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r11.icon.Preparation);
     ɵɵadvance(2);
-    ɵɵtextInterpolate(ctx_r10.recipe == null ? null : ctx_r10.recipe.preparationTime);
+    ɵɵtextInterpolate(ctx_r11.recipe == null ? null : ctx_r11.recipe.preparationTime);
 } }
-function RecipeDetailsComponent_div_0_div_23_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 45);
+function RecipeDetailsComponent_div_0_div_24_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 46);
     ɵɵelementStart(1, "span");
     ɵɵtext(2, "Cuisson");
     ɵɵelementEnd();
-    ɵɵelementStart(3, "div", 46);
-    ɵɵelement(4, "ng-miam-icon", 47);
+    ɵɵelementStart(3, "div", 47);
+    ɵɵelement(4, "ng-miam-icon", 48);
     ɵɵelementStart(5, "span");
     ɵɵtext(6);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r11 = ɵɵnextContext(2);
+    const ctx_r12 = ɵɵnextContext(2);
     ɵɵadvance(4);
-    ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r11.icon.Hot);
+    ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r12.icon.Hot);
     ɵɵadvance(2);
-    ɵɵtextInterpolate(ctx_r11.recipe == null ? null : ctx_r11.recipe.cookingTime);
+    ɵɵtextInterpolate(ctx_r12.recipe == null ? null : ctx_r12.recipe.cookingTime);
 } }
-function RecipeDetailsComponent_div_0_div_24_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 45);
+function RecipeDetailsComponent_div_0_div_25_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 46);
     ɵɵelementStart(1, "span");
     ɵɵtext(2, "Repos");
     ɵɵelementEnd();
-    ɵɵelementStart(3, "div", 46);
-    ɵɵelement(4, "ng-miam-icon", 47);
+    ɵɵelementStart(3, "div", 47);
+    ɵɵelement(4, "ng-miam-icon", 48);
     ɵɵelementStart(5, "span");
     ɵɵtext(6);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r12 = ɵɵnextContext(2);
+    const ctx_r13 = ɵɵnextContext(2);
     ɵɵadvance(4);
-    ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r12.icon.Wait);
+    ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r13.icon.Wait);
     ɵɵadvance(2);
-    ɵɵtextInterpolate(ctx_r12.recipe == null ? null : ctx_r12.recipe.restingTime);
-} }
-function RecipeDetailsComponent_div_0_ng_container_34_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementContainerStart(0);
-    ɵɵelement(1, "ng-miam-icon", 48);
-    ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const ctx_r13 = ɵɵnextContext(2);
-    ɵɵadvance(1);
-    ɵɵproperty("width", 56)("height", 16)("iconName", ctx_r13.icon.DifficultyLow);
+    ɵɵtextInterpolate(ctx_r13.recipe == null ? null : ctx_r13.recipe.restingTime);
 } }
 function RecipeDetailsComponent_div_0_ng_container_35_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainerStart(0);
-    ɵɵelement(1, "ng-miam-icon", 48);
+    ɵɵelement(1, "ng-miam-icon", 49);
     ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r14 = ɵɵnextContext(2);
     ɵɵadvance(1);
-    ɵɵproperty("width", 56)("height", 16)("iconName", ctx_r14.icon.DifficultyMedium);
+    ɵɵproperty("width", 56)("height", 16)("iconName", ctx_r14.icon.DifficultyLow);
 } }
 function RecipeDetailsComponent_div_0_ng_container_36_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainerStart(0);
-    ɵɵelement(1, "ng-miam-icon", 48);
+    ɵɵelement(1, "ng-miam-icon", 49);
     ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r15 = ɵɵnextContext(2);
     ɵɵadvance(1);
-    ɵɵproperty("width", 56)("height", 16)("iconName", ctx_r15.icon.DifficultyHight);
+    ɵɵproperty("width", 56)("height", 16)("iconName", ctx_r15.icon.DifficultyMedium);
 } }
 function RecipeDetailsComponent_div_0_ng_container_37_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementContainerStart(0);
+    ɵɵelement(1, "ng-miam-icon", 49);
+    ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r16 = ɵɵnextContext(2);
+    ɵɵadvance(1);
+    ɵɵproperty("width", 56)("height", 16)("iconName", ctx_r16.icon.DifficultyHight);
+} }
+function RecipeDetailsComponent_div_0_ng_container_38_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainer(0);
 } }
-function RecipeDetailsComponent_div_0_button_50_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "button", 49);
-    ɵɵlistener("click", function RecipeDetailsComponent_div_0_button_50_Template_button_click_0_listener() { ɵɵrestoreView(_r24); const ctx_r23 = ɵɵnextContext(2); return ctx_r23.addRecipe(); });
+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.addRecipe(); });
     ɵɵelementStart(1, "span");
     ɵɵtext(2);
     ɵɵpipe(3, "async");
     ɵɵelementEnd();
-    ɵɵelement(4, "ng-miam-icon", 50);
+    ɵɵelement(4, "ng-miam-icon", 51);
     ɵɵpipe(5, "async");
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r17 = ɵɵnextContext(2);
+    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_r17.groceriesListsService.list$)) == null ? null : tmp_0_0.hasRecipe(ctx_r17.recipe == null ? null : ctx_r17.recipe.id)) ? "Voir le d\u00E9tail" : "S\u00E9lectionner ce repas", " ");
+    ɵɵ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", " ");
     ɵɵadvance(2);
-    ɵɵproperty("width", 24)("height", 24)("iconName", ((tmp_3_0 = ɵɵpipeBind1(5, 6, ctx_r17.groceriesListsService.list$)) == null ? null : tmp_3_0.hasRecipe(ctx_r17.recipe == null ? null : ctx_r17.recipe.id)) ? ctx_r17.icon.CheckList : ctx_r17.icon.Cart);
+    ɵɵ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);
 } }
-function RecipeDetailsComponent_div_0_ng_miam_addon_link_53_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "ng-miam-addon-link", 51);
-    ɵɵlistener("showAddon", function RecipeDetailsComponent_div_0_ng_miam_addon_link_53_Template_ng_miam_addon_link_showAddon_0_listener() { ɵɵrestoreView(_r26); const ctx_r25 = ɵɵnextContext(2); return ctx_r25.toggleAddon(); });
+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(); });
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r18 = ɵɵnextContext(2);
-    ɵɵproperty("recipe", ctx_r18.recipe);
+    const ctx_r19 = ɵɵnextContext(2);
+    ɵɵproperty("recipe", ctx_r19.recipe);
 } }
-const _c1$b = function (a0) { return { "checked": a0 }; };
-function RecipeDetailsComponent_div_0_div_54_div_12_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 65);
-    ɵɵelementStart(1, "div");
-    ɵɵtext(2);
-    ɵɵpipe(3, "capitalizeFirstLetter");
+function RecipeDetailsComponent_div_0_div_55_div_12_div_1_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div");
+    ɵɵelement(1, "img", 68);
     ɵɵelementEnd();
-    ɵɵelementStart(4, "div", 59);
-    ɵɵtext(5);
-    ɵɵpipe(6, "readableFloatNumber");
+} if (rf & 2) {
+    const ingredient_r30 = ɵɵnextContext().$implicit;
+    const ctx_r32 = ɵɵnextContext(3);
+    ɵɵadvance(1);
+    ɵɵproperty("src", ctx_r32.ingredientPicture(ingredient_r30), ɵɵsanitizeUrl);
+} }
+const _c2$3 = 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);
+    ɵɵelementStart(2, "div");
+    ɵɵtext(3);
+    ɵɵpipe(4, "capitalizeFirstLetter");
+    ɵɵelementEnd();
+    ɵɵelementStart(5, "div", 60);
+    ɵɵtext(6);
+    ɵɵpipe(7, "readableFloatNumber");
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ingredient_r29 = ctx.$implicit;
-    const i_r30 = ctx.index;
-    const ctx_r27 = ɵɵnextContext(3);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(8, _c1$b, ctx_r27.ingredientsChecked[i_r30]));
+    const ingredient_r30 = ctx.$implicit;
+    const i_r31 = ctx.index;
+    const ctx_r28 = ɵɵnextContext(3);
+    ɵɵproperty("ngClass", ɵɵpureFunction1(9, _c2$3, ctx_r28.ingredientsChecked[i_r31]));
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", ctx_r28.ingredientsPictures);
     ɵɵadvance(2);
-    ɵɵtextInterpolate1(" ", ɵɵpipeBind1(3, 3, ingredient_r29.name), "");
+    ɵɵtextInterpolate1(" ", ɵɵpipeBind1(4, 4, ingredient_r30.name), "");
     ɵɵadvance(3);
-    ɵɵtextInterpolate1(" ", ɵɵpipeBind2(6, 5, ingredient_r29.qty, ingredient_r29.unit), "");
+    ɵɵtextInterpolate1(" ", ɵɵpipeBind2(7, 6, ingredient_r30.qty, ingredient_r30.unit), "");
 } }
-function RecipeDetailsComponent_div_0_div_54_div_17_ng_miam_icon_6_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-icon", 70);
+function RecipeDetailsComponent_div_0_div_55_div_17_ng_miam_icon_6_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-icon", 73);
 } if (rf & 2) {
-    const ctx_r33 = ɵɵnextContext(4);
-    ɵɵproperty("height", 16)("width", 16)("iconName", ctx_r33.icon.CheckCircleFill);
+    const ctx_r36 = ɵɵnextContext(4);
+    ɵɵproperty("height", 16)("width", 16)("iconName", ctx_r36.icon.CheckCircleFill);
 } }
-function RecipeDetailsComponent_div_0_div_54_div_17_Template(rf, ctx) { if (rf & 1) {
-    const _r35 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 66);
-    ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_54_div_17_Template_div_click_0_listener() { ɵɵrestoreView(_r35); const i_r32 = ctx.index; const ctx_r34 = ɵɵnextContext(3); return ctx_r34.changeActiveStep(i_r32); });
-    ɵɵelementStart(1, "div", 67);
+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);
     ɵɵelementStart(2, "strong");
     ɵɵtext(3);
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(4, "div", 68);
+    ɵɵelementStart(4, "div", 71);
     ɵɵtext(5);
     ɵɵelementEnd();
-    ɵɵtemplate(6, RecipeDetailsComponent_div_0_div_54_div_17_ng_miam_icon_6_Template, 1, 3, "ng-miam-icon", 69);
+    ɵɵtemplate(6, RecipeDetailsComponent_div_0_div_55_div_17_ng_miam_icon_6_Template, 1, 3, "ng-miam-icon", 72);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const step_r31 = ctx.$implicit;
-    const i_r32 = ctx.index;
-    const ctx_r28 = ɵɵnextContext(3);
-    ɵɵclassProp("active", i_r32 === ctx_r28.activeStep)("miam-recipe-details__panel__done", i_r32 < ctx_r28.activeStep);
+    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);
     ɵɵadvance(3);
-    ɵɵtextInterpolate(i_r32);
+    ɵɵtextInterpolate(i_r35 + 1);
     ɵɵadvance(2);
-    ɵɵtextInterpolate(step_r31 == null ? null : step_r31.attributes == null ? null : step_r31.attributes.description);
+    ɵɵtextInterpolate(step_r34 == null ? null : step_r34.attributes == null ? null : step_r34.attributes.description);
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", i_r32 <= ctx_r28.activeStep);
+    ɵɵproperty("ngIf", i_r35 <= ctx_r29.activeStep);
 } }
-function RecipeDetailsComponent_div_0_div_54_Template(rf, ctx) { if (rf & 1) {
-    const _r37 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 52);
-    ɵɵelementStart(1, "div", 53);
-    ɵɵelementStart(2, "div", 54);
+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);
     ɵɵtext(3, " Ingr\u00E9dients ");
     ɵɵelementEnd();
-    ɵɵelementStart(4, "div", 55);
-    ɵɵelementStart(5, "div", 56);
-    ɵɵelementStart(6, "ng-miam-counter-input", 57);
-    ɵɵlistener("counterChange", function RecipeDetailsComponent_div_0_div_54_Template_ng_miam_counter_input_counterChange_6_listener($event) { ɵɵrestoreView(_r37); const ctx_r36 = ɵɵnextContext(2); return ctx_r36.updateGuests($event); });
+    ɵɵ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); });
     ɵɵelementEnd();
-    ɵɵelementStart(7, "span", 58);
+    ɵɵelementStart(7, "span", 59);
     ɵɵtext(8);
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(9, "span", 59);
+    ɵɵelementStart(9, "span", 60);
     ɵɵtext(10, "Quantit\u00E9");
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(11, "div", 60);
-    ɵɵtemplate(12, RecipeDetailsComponent_div_0_div_54_div_12_Template, 7, 10, "div", 61);
+    ɵɵelementStart(11, "div", 61);
+    ɵɵtemplate(12, RecipeDetailsComponent_div_0_div_55_div_12_Template, 8, 11, "div", 62);
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(13, "div", 62);
-    ɵɵelementStart(14, "div", 54);
+    ɵɵelementStart(13, "div", 63);
+    ɵɵelementStart(14, "div", 55);
     ɵɵtext(15, " Pr\u00E9paration ");
     ɵɵelementEnd();
-    ɵɵelementStart(16, "div", 63);
-    ɵɵtemplate(17, RecipeDetailsComponent_div_0_div_54_div_17_Template, 7, 7, "div", 64);
+    ɵɵelementStart(16, "div", 64);
+    ɵɵtemplate(17, RecipeDetailsComponent_div_0_div_55_div_17_Template, 7, 7, "div", 65);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r19 = ɵɵnextContext(2);
+    const ctx_r20 = ɵɵnextContext(2);
     ɵɵadvance(6);
-    ɵɵproperty("counter", (ctx_r19.recipe == null ? null : ctx_r19.recipe.modifiedGuests) || ctx_r19.recipe.guests);
+    ɵɵproperty("counter", (ctx_r20.recipe == null ? null : ctx_r20.recipe.modifiedGuests) || ctx_r20.recipe.guests);
     ɵɵadvance(2);
-    ɵɵtextInterpolate1("Pour ", ctx_r19.recipe == null ? null : ctx_r19.recipe.modifiedGuests, " personnes");
+    ɵɵtextInterpolate1("Pour ", ctx_r20.recipe == null ? null : ctx_r20.recipe.modifiedGuests, " personnes");
     ɵɵadvance(4);
-    ɵɵproperty("ngForOf", ctx_r19.recipe == null ? null : ctx_r19.recipe.modifiedIngredients);
+    ɵɵproperty("ngForOf", ctx_r20.recipe == null ? null : ctx_r20.recipe.modifiedIngredients);
     ɵɵadvance(5);
-    ɵɵproperty("ngForOf", ctx_r19.steps);
+    ɵɵproperty("ngForOf", ctx_r20.steps);
 } }
-function RecipeDetailsComponent_div_0_ng_template_55_ng_container_7_div_9_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 65);
+function RecipeDetailsComponent_div_0_ng_template_56_ng_container_7_div_9_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 66);
     ɵɵelementStart(1, "div");
     ɵɵtext(2);
     ɵɵpipe(3, "capitalizeFirstLetter");
     ɵɵelementEnd();
-    ɵɵelementStart(4, "div", 59);
+    ɵɵelementStart(4, "div", 60);
     ɵɵtext(5);
     ɵɵpipe(6, "readableFloatNumber");
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ingredient_r43 = ctx.$implicit;
-    const i_r44 = ctx.index;
-    const ctx_r42 = ɵɵnextContext(4);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(8, _c1$b, ctx_r42.ingredientsChecked[i_r44]));
+    const ingredient_r46 = ctx.$implicit;
+    const i_r47 = ctx.index;
+    const ctx_r45 = ɵɵnextContext(4);
+    ɵɵproperty("ngClass", ɵɵpureFunction1(8, _c2$3, ctx_r45.ingredientsChecked[i_r47]));
     ɵɵadvance(2);
-    ɵɵtextInterpolate1(" ", ɵɵpipeBind1(3, 3, ingredient_r43.name), "");
+    ɵɵtextInterpolate1(" ", ɵɵpipeBind1(3, 3, ingredient_r46.name), "");
     ɵɵadvance(3);
-    ɵɵtextInterpolate1(" ", ɵɵpipeBind2(6, 5, ingredient_r43.qty, ingredient_r43.unit), "");
+    ɵɵtextInterpolate1(" ", ɵɵpipeBind2(6, 5, ingredient_r46.qty, ingredient_r46.unit), "");
 } }
-function RecipeDetailsComponent_div_0_ng_template_55_ng_container_7_Template(rf, ctx) { if (rf & 1) {
-    const _r46 = ɵɵgetCurrentView();
+function RecipeDetailsComponent_div_0_ng_template_56_ng_container_7_Template(rf, ctx) { if (rf & 1) {
+    const _r49 = ɵɵgetCurrentView();
     ɵɵelementContainerStart(0);
-    ɵɵelementStart(1, "div", 55);
-    ɵɵelementStart(2, "div", 56);
-    ɵɵelementStart(3, "ng-miam-counter-input", 57);
-    ɵɵlistener("counterChange", function RecipeDetailsComponent_div_0_ng_template_55_ng_container_7_Template_ng_miam_counter_input_counterChange_3_listener($event) { ɵɵrestoreView(_r46); const ctx_r45 = ɵɵnextContext(3); return ctx_r45.updateGuests($event); });
+    ɵɵ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); });
     ɵɵelementEnd();
-    ɵɵelementStart(4, "span", 58);
+    ɵɵelementStart(4, "span", 59);
     ɵɵtext(5);
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(6, "span", 59);
+    ɵɵelementStart(6, "span", 60);
     ɵɵtext(7, "Quantit\u00E9");
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(8, "div", 60);
-    ɵɵtemplate(9, RecipeDetailsComponent_div_0_ng_template_55_ng_container_7_div_9_Template, 7, 10, "div", 61);
+    ɵɵelementStart(8, "div", 61);
+    ɵɵtemplate(9, RecipeDetailsComponent_div_0_ng_template_56_ng_container_7_div_9_Template, 7, 10, "div", 62);
     ɵɵelementEnd();
     ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r39 = ɵɵnextContext(3);
+    const ctx_r42 = ɵɵnextContext(3);
     ɵɵadvance(3);
-    ɵɵproperty("counter", ctx_r39.recipe == null ? null : ctx_r39.recipe.modifiedGuests);
+    ɵɵproperty("counter", ctx_r42.recipe == null ? null : ctx_r42.recipe.modifiedGuests);
     ɵɵadvance(2);
-    ɵɵtextInterpolate1("Pour ", ctx_r39.recipe == null ? null : ctx_r39.recipe.modifiedGuests, " personnes");
+    ɵɵtextInterpolate1("Pour ", ctx_r42.recipe == null ? null : ctx_r42.recipe.modifiedGuests, " personnes");
     ɵɵadvance(4);
-    ɵɵproperty("ngForOf", ctx_r39.recipe == null ? null : ctx_r39.recipe.modifiedIngredients);
+    ɵɵproperty("ngForOf", ctx_r42.recipe == null ? null : ctx_r42.recipe.modifiedIngredients);
 } }
-function RecipeDetailsComponent_div_0_ng_template_55_ng_template_8_div_1_ng_miam_icon_6_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "ng-miam-icon", 70);
+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);
 } if (rf & 2) {
-    const ctx_r50 = ɵɵnextContext(5);
-    ɵɵproperty("height", 16)("width", 16)("iconName", ctx_r50.icon.CheckCircleFill);
+    const ctx_r53 = ɵɵnextContext(5);
+    ɵɵproperty("height", 16)("width", 16)("iconName", ctx_r53.icon.CheckCircleFill);
 } }
-function RecipeDetailsComponent_div_0_ng_template_55_ng_template_8_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r52 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 66);
-    ɵɵlistener("click", function RecipeDetailsComponent_div_0_ng_template_55_ng_template_8_div_1_Template_div_click_0_listener() { ɵɵrestoreView(_r52); const i_r49 = ctx.index; const ctx_r51 = ɵɵnextContext(4); return ctx_r51.changeActiveStep(i_r49); });
-    ɵɵelementStart(1, "div", 67);
+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);
     ɵɵelementStart(2, "strong");
     ɵɵtext(3);
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(4, "div", 68);
+    ɵɵelementStart(4, "div", 71);
     ɵɵtext(5);
     ɵɵelementEnd();
-    ɵɵtemplate(6, RecipeDetailsComponent_div_0_ng_template_55_ng_template_8_div_1_ng_miam_icon_6_Template, 1, 3, "ng-miam-icon", 69);
+    ɵɵtemplate(6, RecipeDetailsComponent_div_0_ng_template_56_ng_template_8_div_1_ng_miam_icon_6_Template, 1, 3, "ng-miam-icon", 72);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const step_r48 = ctx.$implicit;
-    const i_r49 = ctx.index;
-    const ctx_r47 = ɵɵnextContext(4);
-    ɵɵclassProp("active", i_r49 === ctx_r47.activeStep)("miam-recipe-details__panel__done", i_r49 < ctx_r47.activeStep);
+    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);
     ɵɵadvance(3);
-    ɵɵtextInterpolate(i_r49);
+    ɵɵtextInterpolate(i_r52 + 1);
     ɵɵadvance(2);
-    ɵɵtextInterpolate(step_r48 == null ? null : step_r48.attributes == null ? null : step_r48.attributes.description);
+    ɵɵtextInterpolate(step_r51 == null ? null : step_r51.attributes == null ? null : step_r51.attributes.description);
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", i_r49 <= ctx_r47.activeStep);
+    ɵɵproperty("ngIf", i_r52 <= ctx_r50.activeStep);
 } }
-function RecipeDetailsComponent_div_0_ng_template_55_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 63);
-    ɵɵtemplate(1, RecipeDetailsComponent_div_0_ng_template_55_ng_template_8_div_1_Template, 7, 7, "div", 64);
+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);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r41 = ɵɵnextContext(3);
+    const ctx_r44 = ɵɵnextContext(3);
     ɵɵadvance(1);
-    ɵɵproperty("ngForOf", ctx_r41.steps);
+    ɵɵproperty("ngForOf", ctx_r44.steps);
 } }
-const _c2$3 = function (a0) { return { "active": a0 }; };
-function RecipeDetailsComponent_div_0_ng_template_55_Template(rf, ctx) { if (rf & 1) {
-    const _r54 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 71, 72);
-    ɵɵelementStart(2, "div", 73);
-    ɵɵelementStart(3, "button", 74);
-    ɵɵlistener("click", function RecipeDetailsComponent_div_0_ng_template_55_Template_button_click_3_listener() { ɵɵrestoreView(_r54); const _r38 = ɵɵreference(1); const ctx_r53 = ɵɵnextContext(2); ctx_r53.toggleShowIngredient(true); return _r38.scrollIntoView(); });
+const _c3$2 = 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(); });
     ɵɵtext(4, "Ingredients");
     ɵɵelementEnd();
-    ɵɵelementStart(5, "button", 74);
-    ɵɵlistener("click", function RecipeDetailsComponent_div_0_ng_template_55_Template_button_click_5_listener() { ɵɵrestoreView(_r54); const _r38 = ɵɵreference(1); const ctx_r55 = ɵɵnextContext(2); ctx_r55.toggleShowIngredient(false); return _r38.scrollIntoView(); });
+    ɵɵ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(); });
     ɵɵtext(6, "Pr\u00E9paration");
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵtemplate(7, RecipeDetailsComponent_div_0_ng_template_55_ng_container_7_Template, 10, 3, "ng-container", 75);
-    ɵɵtemplate(8, RecipeDetailsComponent_div_0_ng_template_55_ng_template_8_Template, 2, 1, "ng-template", null, 76, ɵɵtemplateRefExtractor);
+    ɵɵ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);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const _r40 = ɵɵreference(9);
-    const ctx_r21 = ɵɵnextContext(2);
+    const _r43 = ɵɵreference(9);
+    const ctx_r22 = ɵɵnextContext(2);
     ɵɵadvance(3);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(4, _c2$3, ctx_r21.showIngredient));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(4, _c3$2, ctx_r22.showIngredient));
     ɵɵadvance(2);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(6, _c2$3, !ctx_r21.showIngredient));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(6, _c3$2, !ctx_r22.showIngredient));
     ɵɵadvance(2);
-    ɵɵproperty("ngIf", ctx_r21.showIngredient)("ngIfElse", _r40);
+    ɵɵproperty("ngIf", ctx_r22.showIngredient)("ngIfElse", _r43);
 } }
-function RecipeDetailsComponent_div_0_button_61_Template(rf, ctx) { if (rf & 1) {
-    const _r57 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "button", 49);
-    ɵɵlistener("click", function RecipeDetailsComponent_div_0_button_61_Template_button_click_0_listener() { ɵɵrestoreView(_r57); const ctx_r56 = ɵɵnextContext(2); return ctx_r56.addRecipe(); });
+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.addRecipe(); });
     ɵɵelementStart(1, "span");
     ɵɵtext(2);
     ɵɵpipe(3, "async");
     ɵɵelementEnd();
-    ɵɵelement(4, "ng-miam-icon", 50);
+    ɵɵelement(4, "ng-miam-icon", 51);
     ɵɵpipe(5, "async");
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r22 = ɵɵnextContext(2);
+    const ctx_r23 = ɵɵnextContext(2);
     var tmp_0_0 = null;
     var tmp_3_0 = null;
     ɵɵadvance(2);
-    ɵɵtextInterpolate1(" ", ((tmp_0_0 = ɵɵpipeBind1(3, 4, ctx_r22.groceriesListsService.list$)) == null ? null : tmp_0_0.hasRecipe(ctx_r22.recipe == null ? null : ctx_r22.recipe.id)) ? "Voir le d\u00E9tail" : "S\u00E9lectionner ce repas", " ");
+    ɵɵ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", " ");
     ɵɵadvance(2);
-    ɵɵproperty("width", 24)("height", 24)("iconName", ((tmp_3_0 = ɵɵpipeBind1(5, 6, ctx_r22.groceriesListsService.list$)) == null ? null : tmp_3_0.hasRecipe(ctx_r22.recipe == null ? null : ctx_r22.recipe.id)) ? ctx_r22.icon.CheckList : ctx_r22.icon.Cart);
+    ɵɵ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);
 } }
 function RecipeDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r59 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 2);
-    ɵɵlistener("scroll", function RecipeDetailsComponent_div_0_Template_div_scroll_0_listener($event) { ɵɵrestoreView(_r59); const ctx_r58 = ɵɵnextContext(); return ctx_r58.onScroll($event); });
-    ɵɵelementStart(1, "div", 3);
+    const _r62 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 2, 3);
     ɵɵelementStart(2, "div", 4);
-    ɵɵelementStart(3, "div", 5, 6);
-    ɵɵtemplate(5, RecipeDetailsComponent_div_0_img_5_Template, 1, 1, "img", 7);
-    ɵɵtemplate(6, RecipeDetailsComponent_div_0_div_6_Template, 1, 0, "div", 8);
-    ɵɵtemplate(7, RecipeDetailsComponent_div_0_youtube_player_7_Template, 1, 3, "youtube-player", 9);
-    ɵɵtemplate(8, RecipeDetailsComponent_div_0_div_8_Template, 2, 0, "div", 10);
-    ɵɵpipe(9, "async");
-    ɵɵelementStart(10, "div", 11);
-    ɵɵtemplate(11, RecipeDetailsComponent_div_0_ng_miam_like_button_11_Template, 1, 3, "ng-miam-like-button", 12);
-    ɵɵpipe(12, "async");
-    ɵɵelement(13, "ng-miam-icon", 13);
-    ɵɵelement(14, "ng-miam-icon", 13);
+    ɵɵelementStart(3, "div", 5);
+    ɵɵelementStart(4, "div", 6, 7);
+    ɵɵtemplate(6, RecipeDetailsComponent_div_0_img_6_Template, 1, 1, "img", 8);
+    ɵɵtemplate(7, RecipeDetailsComponent_div_0_div_7_Template, 1, 0, "div", 9);
+    ɵɵtemplate(8, RecipeDetailsComponent_div_0_youtube_player_8_Template, 1, 3, "youtube-player", 10);
+    ɵɵtemplate(9, RecipeDetailsComponent_div_0_div_9_Template, 2, 0, "div", 11);
+    ɵɵpipe(10, "async");
+    ɵɵelementStart(11, "div", 12);
+    ɵɵtemplate(12, RecipeDetailsComponent_div_0_ng_miam_like_button_12_Template, 1, 3, "ng-miam-like-button", 13);
+    ɵɵpipe(13, "async");
+    ɵɵelement(14, "ng-miam-icon", 14);
+    ɵɵelement(15, "ng-miam-icon", 14);
     ɵɵelementEnd();
-    ɵɵtemplate(15, RecipeDetailsComponent_div_0_img_15_Template, 1, 1, "img", 14);
+    ɵɵtemplate(16, RecipeDetailsComponent_div_0_img_16_Template, 1, 1, "img", 15);
     ɵɵelementEnd();
-    ɵɵelementStart(16, "div", 15);
     ɵɵelementStart(17, "div", 16);
-    ɵɵelement(18, "ng-miam-icon", 17);
-    ɵɵelementStart(19, "span");
-    ɵɵtext(20);
+    ɵɵelementStart(18, "div", 17);
+    ɵɵelement(19, "ng-miam-icon", 18);
+    ɵɵelementStart(20, "span");
+    ɵɵtext(21);
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(21, "div", 18);
-    ɵɵtemplate(22, RecipeDetailsComponent_div_0_div_22_Template, 7, 4, "div", 19);
-    ɵɵtemplate(23, RecipeDetailsComponent_div_0_div_23_Template, 7, 4, "div", 19);
-    ɵɵtemplate(24, RecipeDetailsComponent_div_0_div_24_Template, 7, 4, "div", 19);
+    ɵɵelementStart(22, "div", 19);
+    ɵɵtemplate(23, RecipeDetailsComponent_div_0_div_23_Template, 7, 4, "div", 20);
+    ɵɵtemplate(24, RecipeDetailsComponent_div_0_div_24_Template, 7, 4, "div", 20);
+    ɵɵtemplate(25, RecipeDetailsComponent_div_0_div_25_Template, 7, 4, "div", 20);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(25, "div", 20);
     ɵɵelementStart(26, "div", 21);
-    ɵɵelementStart(27, "span", 22);
-    ɵɵtext(28);
-    ɵɵpipe(29, "titlecase");
-    ɵɵelementEnd();
-    ɵɵelementStart(30, "span", 23);
-    ɵɵtext(31);
-    ɵɵelementEnd();
-    ɵɵelementStart(32, "div", 24);
-    ɵɵelementContainerStart(33, 25);
-    ɵɵtemplate(34, RecipeDetailsComponent_div_0_ng_container_34_Template, 2, 3, "ng-container", 26);
-    ɵɵtemplate(35, RecipeDetailsComponent_div_0_ng_container_35_Template, 2, 3, "ng-container", 26);
-    ɵɵtemplate(36, RecipeDetailsComponent_div_0_ng_container_36_Template, 2, 3, "ng-container", 26);
-    ɵɵtemplate(37, RecipeDetailsComponent_div_0_ng_container_37_Template, 1, 0, "ng-container", 27);
+    ɵɵelementStart(27, "div", 22);
+    ɵɵelementStart(28, "span", 23);
+    ɵɵtext(29);
+    ɵɵpipe(30, "titlecase");
+    ɵɵelementEnd();
+    ɵɵelementStart(31, "span", 24);
+    ɵɵtext(32);
+    ɵɵelementEnd();
+    ɵɵelementStart(33, "div", 25);
+    ɵɵelementContainerStart(34, 26);
+    ɵɵtemplate(35, RecipeDetailsComponent_div_0_ng_container_35_Template, 2, 3, "ng-container", 27);
+    ɵɵtemplate(36, RecipeDetailsComponent_div_0_ng_container_36_Template, 2, 3, "ng-container", 27);
+    ɵɵtemplate(37, RecipeDetailsComponent_div_0_ng_container_37_Template, 2, 3, "ng-container", 27);
+    ɵɵtemplate(38, RecipeDetailsComponent_div_0_ng_container_38_Template, 1, 0, "ng-container", 28);
     ɵɵelementContainerEnd();
-    ɵɵelementStart(38, "span");
-    ɵɵtext(39);
-    ɵɵpipe(40, "titlecase");
+    ɵɵelementStart(39, "span");
+    ɵɵtext(40);
+    ɵɵpipe(41, "titlecase");
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(41, "div", 28);
-    ɵɵtext(42);
-    ɵɵelementStart(43, "div", 29);
-    ɵɵlistener("click", function RecipeDetailsComponent_div_0_Template_div_click_43_listener() { ɵɵrestoreView(_r59); const ctx_r60 = ɵɵnextContext(); return ctx_r60.print(); });
-    ɵɵelement(44, "ng-miam-icon", 13);
-    ɵɵelementStart(45, "span");
-    ɵɵtext(46, " Imprimer la recette ");
+    ɵɵ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(); });
+    ɵɵelement(45, "ng-miam-icon", 14);
+    ɵɵelementStart(46, "span");
+    ɵɵtext(47, " Imprimer la recette ");
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(47, "div", 30);
     ɵɵelementStart(48, "div", 31);
-    ɵɵelement(49, "ng-miam-recipe-pricing", 32);
+    ɵɵelementStart(49, "div", 32);
+    ɵɵelement(50, "ng-miam-recipe-pricing", 33);
     ɵɵelementEnd();
-    ɵɵtemplate(50, RecipeDetailsComponent_div_0_button_50_Template, 6, 8, "button", 33);
+    ɵɵtemplate(51, RecipeDetailsComponent_div_0_button_51_Template, 6, 8, "button", 34);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelement(51, "div", 34);
-    ɵɵelementStart(52, "div");
-    ɵɵtemplate(53, RecipeDetailsComponent_div_0_ng_miam_addon_link_53_Template, 1, 1, "ng-miam-addon-link", 35);
+    ɵɵ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);
     ɵɵelementEnd();
-    ɵɵtemplate(54, RecipeDetailsComponent_div_0_div_54_Template, 18, 4, "div", 36);
-    ɵɵtemplate(55, RecipeDetailsComponent_div_0_ng_template_55_Template, 10, 8, "ng-template", null, 37, ɵɵtemplateRefExtractor);
-    ɵɵelementStart(57, "div", 38);
-    ɵɵelementStart(58, "div", 30);
+    ɵɵ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);
-    ɵɵelement(60, "ng-miam-recipe-pricing", 32);
+    ɵɵelementStart(60, "div", 32);
+    ɵɵelement(61, "ng-miam-recipe-pricing", 33);
     ɵɵelementEnd();
-    ɵɵtemplate(61, RecipeDetailsComponent_div_0_button_61_Template, 6, 8, "button", 33);
+    ɵɵtemplate(62, RecipeDetailsComponent_div_0_button_62_Template, 6, 8, "button", 34);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const _r20 = ɵɵreference(56);
+    const _r21 = ɵɵreference(57);
     const ctx_r0 = ɵɵnextContext();
     var tmp_3_0 = null;
-    ɵɵadvance(5);
+    ɵɵadvance(6);
     ɵɵproperty("ngIf", !ctx_r0.showVideo);
     ɵɵadvance(1);
     ɵɵproperty("ngIf", !ctx_r0.showVideo);
     ɵɵadvance(1);
     ɵɵproperty("ngIf", ctx_r0.showVideo && ctx_r0.playerWidth);
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", (tmp_3_0 = ɵɵpipeBind1(9, 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, 39, ctx_r0.groceriesListsService.list$)) == null ? null : tmp_3_0.hasRecipe(ctx_r0.recipe == null ? null : ctx_r0.recipe.id));
     ɵɵadvance(3);
-    ɵɵproperty("ngIf", ɵɵpipeBind1(12, 41, ctx_r0.userService.isLogged$));
+    ɵɵproperty("ngIf", ɵɵpipeBind1(13, 41, ctx_r0.userService.isLogged$));
     ɵɵadvance(2);
     ɵɵproperty("width", 26)("height", 26)("iconName", ctx_r0.icon.Calendar);
     ɵɵadvance(1);
@@ -12388,7 +12409,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(29, 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, 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));
     ɵɵadvance(3);
     ɵɵtextInterpolate(ctx_r0.recipe == null ? null : ctx_r0.recipe.attributes["title"]);
     ɵɵadvance(2);
@@ -12400,7 +12421,7 @@ function RecipeDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("ngSwitchCase", "difficile");
     ɵɵadvance(3);
-    ɵɵtextInterpolate(ɵɵpipeBind1(40, 45, ctx_r0.recipe == null ? null : ctx_r0.recipe.difficultyLabel));
+    ɵɵtextInterpolate(ɵɵpipeBind1(41, 45, ctx_r0.recipe == null ? null : ctx_r0.recipe.difficultyLabel));
     ɵɵadvance(3);
     ɵɵtextInterpolate1(" ", ctx_r0.recipe == null ? null : ctx_r0.recipe.attributes["description"], " ");
     ɵɵadvance(2);
@@ -12412,16 +12433,16 @@ function RecipeDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(3);
     ɵɵ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", _r20);
+    ɵɵproperty("ngIf", !ctx_r0.isMobile)("ngIfElse", _r21);
     ɵɵ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 _r62 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "ng-miam-recipe-addon", 77);
-    ɵɵlistener("hideAddon", function RecipeDetailsComponent_ng_template_1_Template_ng_miam_recipe_addon_hideAddon_0_listener() { ɵɵrestoreView(_r62); const ctx_r61 = ɵɵnextContext(); return ctx_r61.toggleAddon(); });
+    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(); });
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = ɵɵnextContext();
@@ -12436,8 +12457,8 @@ class RecipeDetailsComponent {
         this.posService = posService;
         this.recipeEventsService = recipeEventsService;
         this.contextService = contextService;
-        this.forceIngredientsStepstoggle = false;
         this.previewAllowed = true;
+        this.ingredientsPictures = false;
         this.recipeAdded = new EventEmitter();
         this.recipeChanged = new EventEmitter();
         this.recipeError = new EventEmitter();
@@ -12450,17 +12471,19 @@ class RecipeDetailsComponent {
         this.ingredientsChecked = {};
         this.showIngredient = true;
         this.closeIconhidden = new BehaviorSubject(false);
+        this.scrollListenerInitialised = false;
         this.subscriptions = [];
         this.isMobile = this.mediaMatcher.matchMedia('(max-width: 1023px)').matches;
     }
-    onScroll($event) {
-        if ($event.srcElement.scrollTop > 300 !== this.closeIconhidden.value) {
-            this.closeIconhidden.next($event.srcElement.scrollTop > 300);
-        }
-    }
     ngOnChanges() {
         var _a;
-        this.isMobile = this.forceIngredientsStepstoggle ? true : this.isMobile;
+        // if forceIngredientsStepstoggle, use isMobile to toggle ingredients & steps in mobile mode, else
+        // Use the value of forceIngredientsStepstoggle to force it to mobile (true) or desktop (false)
+        if (this.forceIngredientsStepstoggle !== undefined) {
+            this.isMobile = this.forceIngredientsStepstoggle;
+        }
+        this.showVideo = false; // force reload video player
+        this.cdr.detectChanges();
         this.showVideo = this.contextService.videoRecipesEnabled && ((_a = this.recipe) === null || _a === void 0 ? void 0 : _a.videoId);
         if (this.recipe) {
             this.steps = this.recipe.steps;
@@ -12472,6 +12495,26 @@ class RecipeDetailsComponent {
         var _a, _b;
         this.playerWidth = Math.min(640, (_b = (_a = this.topContainerImg) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.offsetWidth);
         this.playerHeight = this.playerWidth * 390 / 640;
+        if (!this.scrollListenerInitialised) {
+            this.initScrollListener();
+        }
+    }
+    /**
+     * Init the listener on scroll so the modal can hide the close icon
+     */
+    initScrollListener() {
+        if (this.mainContainer) {
+            const intersectionObserver = new IntersectionObserver(([entry]) => {
+                if (this.mainContainer.nativeElement.scrollTop > 300 !== this.closeIconhidden.value) {
+                    this.closeIconhidden.next(this.mainContainer.nativeElement.scrollTop > 300);
+                }
+            }, {
+                threshold: [0, 0.33, 0.66, 1],
+                root: this.mainContainer.nativeElement
+            });
+            intersectionObserver.observe(this.topContainerImg.nativeElement);
+            this.scrollListenerInitialised = true;
+        }
     }
     changeActiveStep(index) {
         this.activeStep = index;
@@ -12526,22 +12569,25 @@ class RecipeDetailsComponent {
         this.showIngredient = isShowed;
         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$r, true);
+        ɵɵviewQuery(_c1$b, true);
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.topContainerImg = _t.first);
-    } }, hostBindings: function RecipeDetailsComponent_HostBindings(rf, ctx) { if (rf & 1) {
-        ɵɵlistener("scroll", function RecipeDetailsComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); });
-    } }, inputs: { recipe: "recipe", forceIngredientsStepstoggle: "forceIngredientsStepstoggle", previewAllowed: "previewAllowed" }, outputs: { recipeAdded: "recipeAdded", recipeChanged: "recipeChanged", recipeError: "recipeError" }, features: [ɵɵNgOnChangesFeature], decls: 3, vars: 2, consts: [["class", "miam-recipe-details", 3, "scroll", 4, "ngIf", "ngIfElse"], ["addon", ""], [1, "miam-recipe-details", 3, "scroll"], [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"], [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, 62, 47, "div", 0);
+        ɵɵ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);
         ɵɵ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}@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, 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 });
 /*@__PURE__*/ (function () { ɵsetClassMetadata(RecipeDetailsComponent, [{
         type: Component,
         args: [{
@@ -12557,6 +12603,8 @@ RecipeDetailsComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeDetailsComponen
             type: Input
         }], previewAllowed: [{
             type: Input
+        }], ingredientsPictures: [{
+            type: Input
         }], recipeAdded: [{
             type: Output
         }], recipeChanged: [{
@@ -12566,9 +12614,9 @@ RecipeDetailsComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeDetailsComponen
         }], topContainerImg: [{
             type: ViewChild,
             args: ['topContainerImg']
-        }], onScroll: [{
-            type: HostListener,
-            args: ['scroll', ['$event']]
+        }], mainContainer: [{
+            type: ViewChild,
+            args: ['mainContainer']
         }] }); })();
 
 function RecipeHelperComponent_ng_container_0_ng_miam_icon_4_Template(rf, ctx) { if (rf & 1) {
@@ -12739,7 +12787,7 @@ function RecipeTagsComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
 } }
 const _c1$c = function (a0) { return { "height.px": a0 }; };
 const _c2$4 = function (a0) { return { "miam-recipe-tags__container__toggle__hidden": a0 }; };
-const _c3$2 = function (a0) { return { "opacity": a0 }; };
+const _c3$3 = function (a0) { return { "opacity": a0 }; };
 function RecipeTagsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r9 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 1);
@@ -12768,7 +12816,7 @@ function RecipeTagsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(2);
     ɵɵtextInterpolate1(" ", ctx_r0.isListOpen ? " " : "+" + ctx_r0.wrappedItemsCount, "");
     ɵɵadvance(2);
-    ɵɵproperty("ngStyle", ɵɵpureFunction1(10, _c3$2, ctx_r0.isListOpen ? 1 : 0));
+    ɵɵproperty("ngStyle", ɵɵpureFunction1(10, _c3$3, ctx_r0.isListOpen ? 1 : 0));
     ɵɵadvance(1);
     ɵɵproperty("iconName", ctx_r0.icon.ChevronDown);
 } }