ng-miam 8.1.4 → 8.1.5

package/bundles/ng-miam.umd.js

@@ -8516,7 +8516,7 @@
           request = request.clone({
               setHeaders: {
                   'miam-origin': this.context.origin.value,
-                  'miam-front-version': '8.1.4',
+                  'miam-front-version': '8.1.5',
                   'miam-front-type': 'web',
                   'miam-api-version': '4.7.0'
               }
@@ -19314,7 +19314,7 @@
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(9, 8, ctx.loading));
           }
-      }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgForOf, IconComponent, CardCreateRecipeComponent, RecipeCardComponent, LoadOnScrollDirective, i2__namespace$1.NgTemplateOutlet, CatalogArticleCardComponent, LoaderComponent], pipes: [i2__namespace$1.AsyncPipe], styles: [".miam-catalog-list__cards{display:grid;grid-template-columns:repeat(auto-fill,var(--m-catalog-card-width));justify-content:center;gap:16px;position:relative;width:100%;box-sizing:border-box}.miam-catalog-list__cards .miam-catalog-list__notFound{display:flex;flex-direction:column;width:100%;justify-content:center;text-align:center;padding:36px 0 0}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1{margin-top:36px;font-size:24px;font-weight:700;color:var(--m-color-primary)}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1.filtering{display:flex;justify-content:center}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1.filtering .miam-catalog-list__notFound__searching span{margin-left:5px}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title2{font-size:22px;color:var(--m-color-grey-text)}.miam-catalog-list__cards .miam-catalog-list__loader{width:100%;font-size:20px;font-weight:700;color:var(--m-color-grey-text);text-align:center}.miam-catalog-list__cards .miam-catalog-list__loader .miam-loader{margin-top:80px;margin-bottom:16px;margin-left:calc(50% - 40px);height:80px;width:80px}.miam-catalog-list__cards #miam-catalog-list__anchor{position:relative;bottom:0;height:600px;margin-top:-600px}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgForOf, IconComponent, CardCreateRecipeComponent, RecipeCardComponent, LoadOnScrollDirective, i2__namespace$1.NgTemplateOutlet, CatalogArticleCardComponent, LoaderComponent], pipes: [i2__namespace$1.AsyncPipe], styles: [".miam-catalog-list__cards{display:grid;grid-template-columns:repeat(auto-fill,var(--m-catalog-card-width));justify-content:center;gap:16px;position:relative;width:100%;box-sizing:border-box}.miam-catalog-list__cards:not(:has(.miam-recipe-card)){grid-template-columns:unset}.miam-catalog-list__cards .miam-catalog-list__notFound{display:flex;flex-direction:column;width:100%;justify-content:center;text-align:center;padding:36px 0 0}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1{margin-top:36px;font-size:24px;font-weight:700;color:var(--m-color-primary)}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1.filtering{display:flex;justify-content:center}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1.filtering .miam-catalog-list__notFound__searching span{margin-left:5px}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title2{font-size:22px;color:var(--m-color-grey-text)}.miam-catalog-list__cards .miam-catalog-list__loader{width:100%;font-size:20px;font-weight:700;color:var(--m-color-grey-text);text-align:center}.miam-catalog-list__cards .miam-catalog-list__loader .miam-loader{margin-top:80px;margin-bottom:16px;margin-left:calc(50% - 40px);height:80px;width:80px}.miam-catalog-list__cards #miam-catalog-list__anchor{position:relative;bottom:0;height:600px;margin-top:-600px}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CatalogListComponent, [{
               type: i0.Component,
@@ -24129,7 +24129,7 @@
   }
   function RecipeDetailsComponent_div_0_div_3_ng_miam_like_button_10_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "ng-miam-like-button", 45);
+          i0__namespace.ɵɵelement(0, "ng-miam-like-button", 43);
       }
       if (rf & 2) {
           var ctx_r6 = i0__namespace.ɵɵnextContext(3);
@@ -24138,7 +24138,7 @@
   }
   function RecipeDetailsComponent_div_0_div_3_img_14_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "img", 46);
+          i0__namespace.ɵɵelement(0, "img", 44);
       }
       if (rf & 2) {
           var ctx_r7 = i0__namespace.ɵɵnextContext(3);
@@ -24147,7 +24147,7 @@
   }
   function RecipeDetailsComponent_div_0_div_3_youtube_player_15_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "youtube-player", 47);
+          i0__namespace.ɵɵelement(0, "youtube-player", 45);
       }
       if (rf & 2) {
           var ctx_r8 = i0__namespace.ɵɵnextContext(3);
@@ -24156,8 +24156,8 @@
   }
   function RecipeDetailsComponent_div_0_div_3_div_16_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 48);
-          i0__namespace.ɵɵelement(1, "img", 49);
+          i0__namespace.ɵɵelementStart(0, "div", 46);
+          i0__namespace.ɵɵelement(1, "img", 47);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -24168,9 +24168,9 @@
   }
   function RecipeDetailsComponent_div_0_div_3_ng_miam_addon_link_18_Template(rf, ctx) {
       if (rf & 1) {
-          var _r19_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "ng-miam-addon-link", 50);
-          i0__namespace.ɵɵlistener("showAddon", function RecipeDetailsComponent_div_0_div_3_ng_miam_addon_link_18_Template_ng_miam_addon_link_showAddon_0_listener() { i0__namespace.ɵɵrestoreView(_r19_1); var ctx_r18 = i0__namespace.ɵɵnextContext(3); return ctx_r18.toggleAddon(); });
+          var _r18_1 = i0__namespace.ɵɵgetCurrentView();
+          i0__namespace.ɵɵelementStart(0, "ng-miam-addon-link", 48);
+          i0__namespace.ɵɵlistener("showAddon", function RecipeDetailsComponent_div_0_div_3_ng_miam_addon_link_18_Template_ng_miam_addon_link_showAddon_0_listener() { i0__namespace.ɵɵrestoreView(_r18_1); var ctx_r17 = i0__namespace.ɵɵnextContext(3); return ctx_r17.toggleAddon(); });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -24180,7 +24180,7 @@
   }
   function RecipeDetailsComponent_div_0_div_3_ng_miam_like_button_27_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "ng-miam-like-button", 51);
+          i0__namespace.ɵɵelement(0, "ng-miam-like-button", 49);
       }
       if (rf & 2) {
           var ctx_r11 = i0__namespace.ɵɵnextContext(3);
@@ -24189,17 +24189,17 @@
   }
   function RecipeDetailsComponent_div_0_div_3_ng_miam_products_picker_35_Template(rf, ctx) {
       if (rf & 1) {
-          var _r21_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "ng-miam-products-picker", 52);
-          i0__namespace.ɵɵlistener("closeModal", function RecipeDetailsComponent_div_0_div_3_ng_miam_products_picker_35_Template_ng_miam_products_picker_closeModal_0_listener() { i0__namespace.ɵɵrestoreView(_r21_1); var ctx_r20 = i0__namespace.ɵɵnextContext(3); return ctx_r20.onClose(); });
+          var _r20_1 = i0__namespace.ɵɵgetCurrentView();
+          i0__namespace.ɵɵelementStart(0, "ng-miam-products-picker", 50);
+          i0__namespace.ɵɵlistener("closeModal", function RecipeDetailsComponent_div_0_div_3_ng_miam_products_picker_35_Template_ng_miam_products_picker_closeModal_0_listener() { i0__namespace.ɵɵrestoreView(_r20_1); var ctx_r19 = i0__namespace.ɵɵnextContext(3); return ctx_r19.onClose(); });
           i0__namespace.ɵɵelementEnd();
       }
   }
   function RecipeDetailsComponent_div_0_div_3_div_36_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 53);
-          i0__namespace.ɵɵelement(1, "ng-miam-recipe-details-ingredients", 54);
-          i0__namespace.ɵɵelement(2, "ng-miam-recipe-details-steps", 55);
+          i0__namespace.ɵɵelementStart(0, "div", 51);
+          i0__namespace.ɵɵelement(1, "ng-miam-recipe-details-ingredients", 52);
+          i0__namespace.ɵɵelement(2, "ng-miam-recipe-details-steps", 53);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -24210,35 +24210,35 @@
           i0__namespace.ɵɵproperty("recipe", ctx_r13.recipeDetailsService.recipe);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_button_39_span_7_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_span_7_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "span");
           i0__namespace.ɵɵi18n(1, 63);
           i0__namespace.ɵɵelementEnd();
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_button_39_span_8_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_span_8_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "span");
           i0__namespace.ɵɵi18n(1, 64);
           i0__namespace.ɵɵelementEnd();
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_button_39_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_Template(rf, ctx) {
       if (rf & 1) {
-          var _r25_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "button", 56);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_button_39_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r25_1); var ctx_r24 = i0__namespace.ɵɵnextContext(3); return ctx_r24.recipeDetailsService.addAllIngredientsToBasket(ctx_r24.eventTrace()); });
-          i0__namespace.ɵɵelement(1, "img", 57);
-          i0__namespace.ɵɵelementStart(2, "div", 58);
+          var _r27_1 = i0__namespace.ɵɵgetCurrentView();
+          i0__namespace.ɵɵelementStart(0, "button", 57);
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r27_1); var ctx_r26 = i0__namespace.ɵɵnextContext(4); return ctx_r26.recipeDetailsService.addAllIngredientsToBasket(ctx_r26.eventTrace()); });
+          i0__namespace.ɵɵelement(1, "img", 58);
+          i0__namespace.ɵɵelementStart(2, "div", 59);
           i0__namespace.ɵɵelementStart(3, "span");
-          i0__namespace.ɵɵi18n(4, 59);
+          i0__namespace.ɵɵi18n(4, 60);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(5, "span");
           i0__namespace.ɵɵtext(6);
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵtemplate(7, RecipeDetailsComponent_div_0_div_3_button_39_span_7_Template, 2, 0, "span", 60);
-          i0__namespace.ɵɵtemplate(8, RecipeDetailsComponent_div_0_div_3_button_39_span_8_Template, 2, 0, "span", 60);
+          i0__namespace.ɵɵtemplate(7, RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_span_7_Template, 2, 0, "span", 41);
+          i0__namespace.ɵɵtemplate(8, RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_span_8_Template, 2, 0, "span", 41);
           i0__namespace.ɵɵelementStart(9, "div", 61);
           i0__namespace.ɵɵtext(10, " ( ");
           i0__namespace.ɵɵelementStart(11, "span");
@@ -24254,34 +24254,34 @@
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
-          var ctx_r14 = i0__namespace.ɵɵnextContext(3);
+          var ctx_r21 = i0__namespace.ɵɵnextContext(4);
           i0__namespace.ɵɵadvance(6);
-          i0__namespace.ɵɵtextInterpolate(ctx_r14.recipeDetailsService.remainingBasketEntries.length);
+          i0__namespace.ɵɵtextInterpolate(ctx_r21.recipeDetailsService.remainingBasketEntries.length);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r14.recipeDetailsService.remainingBasketEntries.length <= 1);
+          i0__namespace.ɵɵproperty("ngIf", ctx_r21.recipeDetailsService.remainingBasketEntries.length <= 1);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r14.recipeDetailsService.remainingBasketEntries.length > 1);
+          i0__namespace.ɵɵproperty("ngIf", ctx_r21.recipeDetailsService.remainingBasketEntries.length > 1);
           i0__namespace.ɵɵadvance(3);
-          i0__namespace.ɵɵclassProp("hidden", i0__namespace.ɵɵpipeBind1(12, 8, ctx_r14.recipeDetailsService.ingredientToBasketLoading$));
+          i0__namespace.ɵɵclassProp("hidden", i0__namespace.ɵɵpipeBind1(12, 8, ctx_r21.recipeDetailsService.ingredientToBasketLoading$));
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(14, 10, ctx_r14.recipeDetailsService.recipePrice.remaining, ctx_r14.suppliersService.supplier$.value.currency), " ");
+          i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(14, 10, ctx_r21.recipeDetailsService.recipePrice.remaining, ctx_r21.suppliersService.supplier$.value.currency), " ");
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵclassProp("hidden", !i0__namespace.ɵɵpipeBind1(16, 13, ctx_r14.recipeDetailsService.ingredientToBasketLoading$));
+          i0__namespace.ɵɵclassProp("hidden", !i0__namespace.ɵɵpipeBind1(16, 13, ctx_r21.recipeDetailsService.ingredientToBasketLoading$));
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_button_41_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_3_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "button", 65);
           i0__namespace.ɵɵelement(1, "div", 62);
           i0__namespace.ɵɵelementEnd();
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_button_43_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_5_Template(rf, ctx) {
       if (rf & 1) {
-          var _r27_1 = i0__namespace.ɵɵgetCurrentView();
+          var _r29_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "button", 66);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_button_43_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r27_1); var ctx_r26 = i0__namespace.ɵɵnextContext(3); return ctx_r26.onClose(); });
-          i0__namespace.ɵɵelementStart(1, "div", 58);
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_5_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r28 = i0__namespace.ɵɵnextContext(4); return ctx_r28.onClose(); });
+          i0__namespace.ɵɵelementStart(1, "div", 59);
           i0__namespace.ɵɵelementStart(2, "span");
           i0__namespace.ɵɵi18n(3, 67);
           i0__namespace.ɵɵelementEnd();
@@ -24289,51 +24289,83 @@
           i0__namespace.ɵɵelementEnd();
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_div_44_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_container_38_Template(rf, ctx) {
+      if (rf & 1) {
+          i0__namespace.ɵɵelementContainerStart(0);
+          i0__namespace.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_Template, 18, 15, "button", 54);
+          i0__namespace.ɵɵpipe(2, "async");
+          i0__namespace.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_3_ng_container_38_button_3_Template, 2, 0, "button", 55);
+          i0__namespace.ɵɵpipe(4, "async");
+          i0__namespace.ɵɵtemplate(5, RecipeDetailsComponent_div_0_div_3_ng_container_38_button_5_Template, 4, 0, "button", 56);
+          i0__namespace.ɵɵelementContainerEnd();
+      }
+      if (rf & 2) {
+          var ctx_r14 = i0__namespace.ɵɵnextContext(3);
+          i0__namespace.ɵɵadvance(1);
+          i0__namespace.ɵɵproperty("ngIf", ctx_r14.recipeDetailsService.remainingBasketEntries.length > 0 && !i0__namespace.ɵɵpipeBind1(2, 3, ctx_r14.recipeDetailsService.allIngredientsToBasketLoading$));
+          i0__namespace.ɵɵadvance(2);
+          i0__namespace.ɵɵproperty("ngIf", ctx_r14.recipeDetailsService.remainingBasketEntries.length > 0 && i0__namespace.ɵɵpipeBind1(4, 5, ctx_r14.recipeDetailsService.allIngredientsToBasketLoading$));
+          i0__namespace.ɵɵadvance(2);
+          i0__namespace.ɵɵproperty("ngIf", ctx_r14.recipeDetailsService.remainingBasketEntries.length === 0);
+      }
+  }
+  function RecipeDetailsComponent_div_0_div_3_ng_container_39_Template(rf, ctx) {
+      if (rf & 1) {
+          i0__namespace.ɵɵelementContainerStart(0);
+          i0__namespace.ɵɵelement(1, "ng-miam-recipe-pricing", 68);
+          i0__namespace.ɵɵelementContainerEnd();
+      }
+      if (rf & 2) {
+          var ctx_r15 = i0__namespace.ɵɵnextContext(3);
+          i0__namespace.ɵɵadvance(1);
+          i0__namespace.ɵɵproperty("recipeId", ctx_r15.recipeDetailsService.recipe.id)("serves", ctx_r15.recipeDetailsService.recipe.modifiedGuests)("fetchPricingOnScroll", false);
+      }
+  }
+  function RecipeDetailsComponent_div_0_div_3_div_40_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 68);
-          i0__namespace.ɵɵelementStart(1, "div", 69);
+          i0__namespace.ɵɵelementStart(0, "div", 69);
+          i0__namespace.ɵɵelementStart(1, "div", 70);
           i0__namespace.ɵɵelementStart(2, "span");
           i0__namespace.ɵɵpipe(3, "async");
           i0__namespace.ɵɵpipe(4, "async");
           i0__namespace.ɵɵtext(5);
           i0__namespace.ɵɵpipe(6, "currency");
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelement(7, "div", 70);
+          i0__namespace.ɵɵelement(7, "div", 71);
           i0__namespace.ɵɵpipe(8, "async");
           i0__namespace.ɵɵpipe(9, "async");
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelementStart(10, "span", 71);
+          i0__namespace.ɵɵelementStart(10, "span", 72);
           i0__namespace.ɵɵtext(11, "dans mon panier");
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
-          var ctx_r17 = i0__namespace.ɵɵnextContext(3);
+          var ctx_r16 = i0__namespace.ɵɵnextContext(3);
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵclassProp("hidden", i0__namespace.ɵɵpipeBind1(3, 5, ctx_r17.recipeDetailsService.ingredientToBasketLoading$) || i0__namespace.ɵɵpipeBind1(4, 7, ctx_r17.recipeDetailsService.updateIngredientFromBasketLoading$));
+          i0__namespace.ɵɵclassProp("hidden", i0__namespace.ɵɵpipeBind1(3, 5, ctx_r16.recipeDetailsService.ingredientToBasketLoading$) || i0__namespace.ɵɵpipeBind1(4, 7, ctx_r16.recipeDetailsService.updateIngredientFromBasketLoading$));
           i0__namespace.ɵɵadvance(3);
-          i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(6, 9, ctx_r17.recipeDetailsService.recipePrice.inBasket, ctx_r17.suppliersService.supplier$.value.currency), " ");
+          i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(6, 9, ctx_r16.recipeDetailsService.recipePrice.inBasket, ctx_r16.suppliersService.supplier$.value.currency), " ");
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵclassProp("hidden", !(i0__namespace.ɵɵpipeBind1(8, 12, ctx_r17.recipeDetailsService.ingredientToBasketLoading$) || i0__namespace.ɵɵpipeBind1(9, 14, ctx_r17.recipeDetailsService.updateIngredientFromBasketLoading$)));
+          i0__namespace.ɵɵclassProp("hidden", !(i0__namespace.ɵɵpipeBind1(8, 12, ctx_r16.recipeDetailsService.ingredientToBasketLoading$) || i0__namespace.ɵɵpipeBind1(9, 14, ctx_r16.recipeDetailsService.updateIngredientFromBasketLoading$)));
       }
   }
   var _c9 = function (a0) { return { "hidden": a0 }; };
   var _c10 = function () { return ["Je fais mes courses", "Je cuisine"]; };
   function RecipeDetailsComponent_div_0_div_3_Template(rf, ctx) {
       if (rf & 1) {
-          var _r29_1 = i0__namespace.ɵɵgetCurrentView();
+          var _r31_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "div", 7);
           i0__namespace.ɵɵelementStart(1, "div", 8, 9);
           i0__namespace.ɵɵelementStart(3, "div", 10);
           i0__namespace.ɵɵelementStart(4, "div", 11);
           i0__namespace.ɵɵelementStart(5, "button", 12);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_5_listener() { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r28 = i0__namespace.ɵɵnextContext(2); return ctx_r28.onClose(); });
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_5_listener() { i0__namespace.ɵɵrestoreView(_r31_1); var ctx_r30 = i0__namespace.ɵɵnextContext(2); return ctx_r30.onClose(); });
           i0__namespace.ɵɵelement(6, "img", 13);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(7, "div", 14);
           i0__namespace.ɵɵelementStart(8, "button", 15);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_8_listener() { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r30 = i0__namespace.ɵɵnextContext(2); return ctx_r30.onClose(); });
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_8_listener() { i0__namespace.ɵɵrestoreView(_r31_1); var ctx_r32 = i0__namespace.ɵɵnextContext(2); return ctx_r32.onClose(); });
           i0__namespace.ɵɵelement(9, "img", 16);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵtemplate(10, RecipeDetailsComponent_div_0_div_3_ng_miam_like_button_10_Template, 1, 3, "ng-miam-like-button", 17);
@@ -24341,7 +24373,7 @@
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(12, "ng-miam-counter-input", 18);
-          i0__namespace.ɵɵlistener("valueChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_counter_input_valueChange_12_listener($event) { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r31 = i0__namespace.ɵɵnextContext(2); return ctx_r31.updateGuests($event); });
+          i0__namespace.ɵɵlistener("valueChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_counter_input_valueChange_12_listener($event) { i0__namespace.ɵɵrestoreView(_r31_1); var ctx_r33 = i0__namespace.ɵɵnextContext(2); return ctx_r33.updateGuests($event); });
           i0__namespace.ɵɵtext(13, " > ");
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -24356,7 +24388,7 @@
           i0__namespace.ɵɵelementStart(20, "div", 25);
           i0__namespace.ɵɵelementStart(21, "div", 26);
           i0__namespace.ɵɵelementStart(22, "button", 27);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_22_listener() { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r32 = i0__namespace.ɵɵnextContext(2); return ctx_r32.onClose(); });
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_22_listener() { i0__namespace.ɵɵrestoreView(_r31_1); var ctx_r34 = i0__namespace.ɵɵnextContext(2); return ctx_r34.onClose(); });
           i0__namespace.ɵɵelement(23, "img", 28);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -24368,7 +24400,7 @@
           i0__namespace.ɵɵpipe(28, "async");
           i0__namespace.ɵɵelementStart(29, "div", 32);
           i0__namespace.ɵɵelementStart(30, "button", 33);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_30_listener() { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r33 = i0__namespace.ɵɵnextContext(2); return ctx_r33.onClose(); });
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_30_listener() { i0__namespace.ɵɵrestoreView(_r31_1); var ctx_r35 = i0__namespace.ɵɵnextContext(2); return ctx_r35.onClose(); });
           i0__namespace.ɵɵelement(31, "img", 34);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -24377,27 +24409,22 @@
           i0__namespace.ɵɵelement(32, "ng-miam-recipe-details-infos", 35);
           i0__namespace.ɵɵelementStart(33, "div", 36);
           i0__namespace.ɵɵelementStart(34, "ng-miam-slider-tabs", 37);
-          i0__namespace.ɵɵlistener("selectedTabIndexChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_slider_tabs_selectedTabIndexChange_34_listener($event) { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r34 = i0__namespace.ɵɵnextContext(2); return ctx_r34.activeTabIndex = $event; })("selectedTabIndexChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_slider_tabs_selectedTabIndexChange_34_listener() { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r35 = i0__namespace.ɵɵnextContext(2); return ctx_r35.cdr.detectChanges(); });
+          i0__namespace.ɵɵlistener("selectedTabIndexChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_slider_tabs_selectedTabIndexChange_34_listener($event) { i0__namespace.ɵɵrestoreView(_r31_1); var ctx_r36 = i0__namespace.ɵɵnextContext(2); return ctx_r36.activeTabIndex = $event; })("selectedTabIndexChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_slider_tabs_selectedTabIndexChange_34_listener() { i0__namespace.ɵɵrestoreView(_r31_1); var ctx_r37 = i0__namespace.ɵɵnextContext(2); return ctx_r37.cdr.detectChanges(); });
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵtemplate(35, RecipeDetailsComponent_div_0_div_3_ng_miam_products_picker_35_Template, 1, 0, "ng-miam-products-picker", 38);
           i0__namespace.ɵɵtemplate(36, RecipeDetailsComponent_div_0_div_3_div_36_Template, 3, 2, "div", 39);
           i0__namespace.ɵɵelementStart(37, "div", 40);
-          i0__namespace.ɵɵelementContainerStart(38);
-          i0__namespace.ɵɵtemplate(39, RecipeDetailsComponent_div_0_div_3_button_39_Template, 18, 15, "button", 41);
-          i0__namespace.ɵɵpipe(40, "async");
-          i0__namespace.ɵɵtemplate(41, RecipeDetailsComponent_div_0_div_3_button_41_Template, 2, 0, "button", 42);
-          i0__namespace.ɵɵpipe(42, "async");
-          i0__namespace.ɵɵtemplate(43, RecipeDetailsComponent_div_0_div_3_button_43_Template, 4, 0, "button", 43);
-          i0__namespace.ɵɵelementContainerEnd();
-          i0__namespace.ɵɵtemplate(44, RecipeDetailsComponent_div_0_div_3_div_44_Template, 12, 16, "div", 44);
+          i0__namespace.ɵɵtemplate(38, RecipeDetailsComponent_div_0_div_3_ng_container_38_Template, 6, 7, "ng-container", 41);
+          i0__namespace.ɵɵtemplate(39, RecipeDetailsComponent_div_0_div_3_ng_container_39_Template, 2, 3, "ng-container", 41);
+          i0__namespace.ɵɵtemplate(40, RecipeDetailsComponent_div_0_div_3_div_40_Template, 12, 16, "div", 42);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
           var ctx_r4 = i0__namespace.ɵɵnextContext(2);
           i0__namespace.ɵɵadvance(10);
-          i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(11, 20, ctx_r4.userService.isLogged$));
+          i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(11, 21, ctx_r4.userService.isLogged$));
           i0__namespace.ɵɵadvance(2);
           i0__namespace.ɵɵproperty("floating", true)("value", ctx_r4.recipeDetailsService.recipe.modifiedGuests)("minRange", 1);
           i0__namespace.ɵɵadvance(2);
@@ -24411,23 +24438,23 @@
           i0__namespace.ɵɵadvance(7);
           i0__namespace.ɵɵtextInterpolate1(" ", ctx_r4.recipeDetailsService.recipe == null ? null : ctx_r4.recipeDetailsService.recipe.attributes["title"], " ");
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(28, 22, ctx_r4.userService.isLogged$));
+          i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(28, 23, ctx_r4.userService.isLogged$));
           i0__namespace.ɵɵadvance(5);
           i0__namespace.ɵɵproperty("recipe", ctx_r4.recipeDetailsService.recipe);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(28, _c9, ctx_r4.recipeDetailsService.onlyShowPreparation));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(25, _c9, ctx_r4.recipeDetailsService.onlyShowPreparation));
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("tabs", i0__namespace.ɵɵpureFunction0(30, _c10))("selectedTabIndex", ctx_r4.activeTabIndex);
+          i0__namespace.ɵɵproperty("tabs", i0__namespace.ɵɵpureFunction0(27, _c10))("selectedTabIndex", ctx_r4.activeTabIndex);
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r4.activeTabIndex === 0);
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r4.activeTabIndex === 1);
-          i0__namespace.ɵɵadvance(3);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r4.recipeDetailsService.remainingBasketEntries.length > 0 && !i0__namespace.ɵɵpipeBind1(40, 24, ctx_r4.recipeDetailsService.allIngredientsToBasketLoading$));
-          i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r4.recipeDetailsService.remainingBasketEntries.length > 0 && i0__namespace.ɵɵpipeBind1(42, 26, ctx_r4.recipeDetailsService.allIngredientsToBasketLoading$));
-          i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r4.recipeDetailsService.remainingBasketEntries.length === 0);
+          i0__namespace.ɵɵadvance(1);
+          i0__namespace.ɵɵclassProp("center", ctx_r4.recipeDetailsService.onlyShowPreparation);
+          i0__namespace.ɵɵadvance(1);
+          i0__namespace.ɵɵproperty("ngIf", !ctx_r4.recipeDetailsService.onlyShowPreparation);
+          i0__namespace.ɵɵadvance(1);
+          i0__namespace.ɵɵproperty("ngIf", ctx_r4.recipeDetailsService.onlyShowPreparation);
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r4.showPrice());
       }
@@ -24437,7 +24464,7 @@
           i0__namespace.ɵɵelementStart(0, "div", 3);
           i0__namespace.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_1_Template, 1, 0, "div", 4);
           i0__namespace.ɵɵpipe(2, "async");
-          i0__namespace.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_3_Template, 45, 31, "div", 5);
+          i0__namespace.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_3_Template, 41, 28, "div", 5);
           i0__namespace.ɵɵpipe(4, "async");
           i0__namespace.ɵɵelementEnd();
       }
@@ -24451,9 +24478,9 @@
   }
   function RecipeDetailsComponent_ng_miam_recipe_addon_2_Template(rf, ctx) {
       if (rf & 1) {
-          var _r37_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "ng-miam-recipe-addon", 72);
-          i0__namespace.ɵɵlistener("hideAddon", function RecipeDetailsComponent_ng_miam_recipe_addon_2_Template_ng_miam_recipe_addon_hideAddon_0_listener() { i0__namespace.ɵɵrestoreView(_r37_1); var ctx_r36 = i0__namespace.ɵɵnextContext(); return ctx_r36.toggleAddon(); });
+          var _r39_1 = i0__namespace.ɵɵgetCurrentView();
+          i0__namespace.ɵɵelementStart(0, "ng-miam-recipe-addon", 73);
+          i0__namespace.ɵɵlistener("hideAddon", function RecipeDetailsComponent_ng_miam_recipe_addon_2_Template_ng_miam_recipe_addon_hideAddon_0_listener() { i0__namespace.ɵɵrestoreView(_r39_1); var ctx_r38 = i0__namespace.ɵɵnextContext(); return ctx_r38.toggleAddon(); });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -24463,9 +24490,9 @@
   }
   function RecipeDetailsComponent_ng_miam_replace_item_3_Template(rf, ctx) {
       if (rf & 1) {
-          var _r39_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "ng-miam-replace-item", 73);
-          i0__namespace.ɵɵlistener("selected", function RecipeDetailsComponent_ng_miam_replace_item_3_Template_ng_miam_replace_item_selected_0_listener() { i0__namespace.ɵɵrestoreView(_r39_1); var ctx_r38 = i0__namespace.ɵɵnextContext(); return ctx_r38.recipeDetailsService.basketEntryToReplace = null; });
+          var _r41_1 = i0__namespace.ɵɵgetCurrentView();
+          i0__namespace.ɵɵelementStart(0, "ng-miam-replace-item", 74);
+          i0__namespace.ɵɵlistener("selected", function RecipeDetailsComponent_ng_miam_replace_item_3_Template_ng_miam_replace_item_selected_0_listener() { i0__namespace.ɵɵrestoreView(_r41_1); var ctx_r40 = i0__namespace.ɵɵnextContext(); return ctx_r40.recipeDetailsService.basketEntryToReplace = null; });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -24507,6 +24534,7 @@
           _this.pricingGuestsText = 'par-personne';
           _this.recipeAdded = new i0.EventEmitter();
           _this.recipeError = new i0.EventEmitter();
+          _this.closeDetails = new i0.EventEmitter();
           _this.removedIngredients = [];
           _this.isMobile = false;
           _this.displayTags = false;
@@ -24662,6 +24690,7 @@
       RecipeDetailsComponent.prototype.onClose = function () {
           this.recipeDetailsService.displayEventWasSent = false;
           var originPath = this.eventTrace().originPath;
+          this.closeDetails.emit();
           this.recipesService.hide();
           this.cdr.detectChanges();
           this.activeTabIndex = 0;
@@ -24700,40 +24729,40 @@
               var _t = void 0;
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.topContainerImg = _t.first);
           }
-      }, inputs: { recipeId: "recipeId", guestNumber: "guestNumber", previewAllowed: "previewAllowed", ingredientsPictures: "ingredientsPictures", forceDisplayTags: "forceDisplayTags", displayTagsIcons: "displayTagsIcons", displayPricing: "displayPricing", displayGuests: "displayGuests", helpButtonAllowed: "helpButtonAllowed", stepsOnLeftSide: "stepsOnLeftSide", cookingTimeAsPrimaryInfo: "cookingTimeAsPrimaryInfo", moreRecipesImageURL: "moreRecipesImageURL", pricingGuestsText: "pricingGuestsText" }, outputs: { recipeAdded: "recipeAdded", recipeError: "recipeError" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 5, vars: 7, consts: function () {
+      }, inputs: { recipeId: "recipeId", guestNumber: "guestNumber", previewAllowed: "previewAllowed", ingredientsPictures: "ingredientsPictures", forceDisplayTags: "forceDisplayTags", displayTagsIcons: "displayTagsIcons", displayPricing: "displayPricing", displayGuests: "displayGuests", helpButtonAllowed: "helpButtonAllowed", stepsOnLeftSide: "stepsOnLeftSide", cookingTimeAsPrimaryInfo: "cookingTimeAsPrimaryInfo", moreRecipesImageURL: "moreRecipesImageURL", pricingGuestsText: "pricingGuestsText" }, outputs: { recipeAdded: "recipeAdded", recipeError: "recipeError", closeDetails: "closeDetails" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 5, vars: 7, consts: function () {
           var i18n_1;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_70397346439942337$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS____2 = goog.getMsg("Ajouter");
-              i18n_1 = MSG_EXTERNAL_70397346439942337$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS____2;
+              var MSG_EXTERNAL_70397346439942337$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____2 = goog.getMsg("Ajouter");
+              i18n_1 = MSG_EXTERNAL_70397346439942337$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____2;
           }
           else {
               i18n_1 = $localize(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject([":\u241F8aa969e69241c7c5838b40348f913519d6349371\u241F70397346439942337:Ajouter"], [":\u241F8aa969e69241c7c5838b40348f913519d6349371\u241F70397346439942337:Ajouter"])));
           }
           var i18n_3;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_5144484951400113194$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____4 = goog.getMsg("produit");
-              i18n_3 = MSG_EXTERNAL_5144484951400113194$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____4;
+              var MSG_EXTERNAL_5144484951400113194$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS______4 = goog.getMsg("produit");
+              i18n_3 = MSG_EXTERNAL_5144484951400113194$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS______4;
           }
           else {
               i18n_3 = $localize(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject([":\u241F84c216d92afc9edd2b3bd2175d38197737ff86c5\u241F5144484951400113194:produit"], [":\u241F84c216d92afc9edd2b3bd2175d38197737ff86c5\u241F5144484951400113194:produit"])));
           }
           var i18n_5;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_1112144680738962826$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____6 = goog.getMsg("produits");
-              i18n_5 = MSG_EXTERNAL_1112144680738962826$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____6;
+              var MSG_EXTERNAL_1112144680738962826$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS______6 = goog.getMsg("produits");
+              i18n_5 = MSG_EXTERNAL_1112144680738962826$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS______6;
           }
           else {
               i18n_5 = $localize(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject([":\u241F2571d7fbaeed8646df6ee852fb5d94185b0efd88\u241F1112144680738962826:produits"], [":\u241F2571d7fbaeed8646df6ee852fb5d94185b0efd88\u241F1112144680738962826:produits"])));
           }
           var i18n_7;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_2001694451572573558$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS____8 = goog.getMsg("Continuer mes courses");
-              i18n_7 = MSG_EXTERNAL_2001694451572573558$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS____8;
+              var MSG_EXTERNAL_2001694451572573558$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____8 = goog.getMsg("Continuer mes courses");
+              i18n_7 = MSG_EXTERNAL_2001694451572573558$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____8;
           }
           else {
               i18n_7 = $localize(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject([":\u241F0e81a4e1efd31ae65483ef21f4fa59c2dce0e6f1\u241F2001694451572573558:Continuer mes courses"], [":\u241F0e81a4e1efd31ae65483ef21f4fa59c2dce0e6f1\u241F2001694451572573558:Continuer mes courses"])));
           }
-          return [["class", "miam-recipe-details", 4, "ngIf"], [3, "recipe", "hideAddon", 4, "ngIf"], [3, "recipe", "basketEntry", "ingredient", "ignoreSelected", "loadOnSelect", "selected", 4, "ngIf"], [1, "miam-recipe-details"], ["class", "miam-ds-loader miam-recipe-details__loader", 4, "ngIf"], ["class", "miam-recipe-details__container", 4, "ngIf"], [1, "miam-ds-loader", "miam-recipe-details__loader"], [1, "miam-recipe-details__container"], [1, "miam-recipe-details__picture"], ["topContainerImg", ""], [1, "miam-recipe-details__banner_buttons"], [1, "miam-recipe-details__top-button-wrapper"], [1, "miam-recipe-details__close-button", "miam-ds-button", "square", "primary", "reverse", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg", "alt", "modal close button", 1, "miam-recipe-details__close-icon"], [1, "miam-recipe-details__mobile-header-buttons"], [1, "miam-recipe-details__back-button", "miam-ds-button", "square", "primary", "reverse", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-primary.svg", "alt", "modal back button", 1, "miam-recipe-details__back-icon"], ["class", "miam-recipe-details__like-button", 3, "recipe", "width", "height", 4, "ngIf"], [1, "miam-recipe-details__guest-counter", 3, "floating", "value", "minRange", "valueChange"], ["alt", "recipe picture", "class", "miam-recipe-details__picture-img", 3, "src", 4, "ngIf"], [3, "videoId", "width", "height", "playerVars", 4, "ngIf"], ["class", "miam-recipe-details__picture__filigrane", 4, "ngIf"], [1, "miam-recipe-details__sponsor"], [3, "hasStorytelling", "recipe", "showAddon", 4, "ngIf"], [1, "miam-recipe-details__sponsor-separator"], ["ngMiamReachTop", "", 1, "miam-recipe-details__title-container"], [1, "miam-recipe-details__back-button-mobile-container"], [1, "miam-recipe-details__back-button", "miam-ds-button", "small", "square", "ghost", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-primary.svg", "alt", "modal close button", 1, "miam-recipe-details__back-icon"], [1, "miam-recipe-details__title", "miam-ds-text", "size-xl", "weight-xxl"], [1, "miam-recipe-details__actions__icon"], ["class", "miam-recipe-details__like-button", 3, "recipe", "originTrace", "width", "height", 4, "ngIf"], [1, "miam-recipe-details__hideable-actions"], [1, "miam-recipe-details__close-button", "miam-ds-button", "square", "ghost", 3, "click"], ["alt", "modal close button", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg", 1, "miam-recipe-details__close-icon"], [1, "miam-recipe-details__infos", 3, "recipe"], [1, "miam-recipe-details__tabs", 3, "ngClass"], [3, "tabs", "selectedTabIndex", "selectedTabIndexChange"], [3, "closeModal", 4, "ngIf"], ["class", "miam-recipe-details__preparation-tab", 4, "ngIf"], [1, "miam-recipe-details__footer"], ["class", "miam-recipe-details__add-to-basket-cta miam-ds-button primary", 3, "click", 4, "ngIf"], ["class", "miam-recipe-details__add-to-basket-cta miam-ds-button primary", 4, "ngIf"], ["class", "miam-ds-button secondary", 3, "click", 4, "ngIf"], ["class", "miam-recipe-details__price", 4, "ngIf"], [1, "miam-recipe-details__like-button", 3, "recipe", "width", "height"], ["alt", "recipe picture", 1, "miam-recipe-details__picture-img", 3, "src"], [3, "videoId", "width", "height", "playerVars"], [1, "miam-recipe-details__picture__filigrane"], ["alt", "filigrane logo", 3, "src"], [3, "hasStorytelling", "recipe", "showAddon"], [1, "miam-recipe-details__like-button", 3, "recipe", "originTrace", "width", "height"], [3, "closeModal"], [1, "miam-recipe-details__preparation-tab"], [3, "ingredients"], [3, "recipe"], [1, "miam-recipe-details__add-to-basket-cta", "miam-ds-button", "primary", 3, "click"], ["alt", "basket icon", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Basket.svg"], [1, "miam-recipe-details__add-to-basket-cta__text"], i18n_1, [4, "ngIf"], [1, "miam-recipe-details__add-to-basket-remaining-price"], [1, "miam-ds-loader"], i18n_3, i18n_5, [1, "miam-recipe-details__add-to-basket-cta", "miam-ds-button", "primary"], [1, "miam-ds-button", "secondary", 3, "click"], i18n_7, [1, "miam-recipe-details__price"], [1, "miam-recipe-details__price-label", "miam-ds-text", "size-l", "weight-xxl"], [1, "miam-ds-loader", "primary"], [1, "miam-recipe-details__price-in-basket-label", "miam-ds-text", "size-xs"], [3, "recipe", "hideAddon"], [3, "recipe", "basketEntry", "ingredient", "ignoreSelected", "loadOnSelect", "selected"]];
+          return [["class", "miam-recipe-details", 4, "ngIf"], [3, "recipe", "hideAddon", 4, "ngIf"], [3, "recipe", "basketEntry", "ingredient", "ignoreSelected", "loadOnSelect", "selected", 4, "ngIf"], [1, "miam-recipe-details"], ["class", "miam-ds-loader miam-recipe-details__loader", 4, "ngIf"], ["class", "miam-recipe-details__container", 4, "ngIf"], [1, "miam-ds-loader", "miam-recipe-details__loader"], [1, "miam-recipe-details__container"], [1, "miam-recipe-details__picture"], ["topContainerImg", ""], [1, "miam-recipe-details__banner_buttons"], [1, "miam-recipe-details__top-button-wrapper"], [1, "miam-recipe-details__close-button", "miam-ds-button", "square", "primary", "reverse", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg", "alt", "modal close button", 1, "miam-recipe-details__close-icon"], [1, "miam-recipe-details__mobile-header-buttons"], [1, "miam-recipe-details__back-button", "miam-ds-button", "square", "primary", "reverse", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-primary.svg", "alt", "modal back button", 1, "miam-recipe-details__back-icon"], ["class", "miam-recipe-details__like-button", 3, "recipe", "width", "height", 4, "ngIf"], [1, "miam-recipe-details__guest-counter", 3, "floating", "value", "minRange", "valueChange"], ["alt", "recipe picture", "class", "miam-recipe-details__picture-img", 3, "src", 4, "ngIf"], [3, "videoId", "width", "height", "playerVars", 4, "ngIf"], ["class", "miam-recipe-details__picture__filigrane", 4, "ngIf"], [1, "miam-recipe-details__sponsor"], [3, "hasStorytelling", "recipe", "showAddon", 4, "ngIf"], [1, "miam-recipe-details__sponsor-separator"], ["ngMiamReachTop", "", 1, "miam-recipe-details__title-container"], [1, "miam-recipe-details__back-button-mobile-container"], [1, "miam-recipe-details__back-button", "miam-ds-button", "small", "square", "ghost", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-primary.svg", "alt", "modal close button", 1, "miam-recipe-details__back-icon"], [1, "miam-recipe-details__title", "miam-ds-text", "size-xl", "weight-xxl"], [1, "miam-recipe-details__actions__icon"], ["class", "miam-recipe-details__like-button", 3, "recipe", "originTrace", "width", "height", 4, "ngIf"], [1, "miam-recipe-details__hideable-actions"], [1, "miam-recipe-details__close-button", "miam-ds-button", "square", "ghost", 3, "click"], ["alt", "modal close button", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg", 1, "miam-recipe-details__close-icon"], [1, "miam-recipe-details__infos", 3, "recipe"], [1, "miam-recipe-details__tabs", 3, "ngClass"], [3, "tabs", "selectedTabIndex", "selectedTabIndexChange"], [3, "closeModal", 4, "ngIf"], ["class", "miam-recipe-details__preparation-tab", 4, "ngIf"], [1, "miam-recipe-details__footer"], [4, "ngIf"], ["class", "miam-recipe-details__price", 4, "ngIf"], [1, "miam-recipe-details__like-button", 3, "recipe", "width", "height"], ["alt", "recipe picture", 1, "miam-recipe-details__picture-img", 3, "src"], [3, "videoId", "width", "height", "playerVars"], [1, "miam-recipe-details__picture__filigrane"], ["alt", "filigrane logo", 3, "src"], [3, "hasStorytelling", "recipe", "showAddon"], [1, "miam-recipe-details__like-button", 3, "recipe", "originTrace", "width", "height"], [3, "closeModal"], [1, "miam-recipe-details__preparation-tab"], [3, "ingredients"], [3, "recipe"], ["class", "miam-recipe-details__add-to-basket-cta miam-ds-button primary", 3, "click", 4, "ngIf"], ["class", "miam-recipe-details__add-to-basket-cta miam-ds-button primary", 4, "ngIf"], ["class", "miam-ds-button secondary", 3, "click", 4, "ngIf"], [1, "miam-recipe-details__add-to-basket-cta", "miam-ds-button", "primary", 3, "click"], ["alt", "basket icon", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Basket.svg"], [1, "miam-recipe-details__add-to-basket-cta__text"], i18n_1, [1, "miam-recipe-details__add-to-basket-remaining-price"], [1, "miam-ds-loader"], i18n_3, i18n_5, [1, "miam-recipe-details__add-to-basket-cta", "miam-ds-button", "primary"], [1, "miam-ds-button", "secondary", 3, "click"], i18n_7, [3, "recipeId", "serves", "fetchPricingOnScroll"], [1, "miam-recipe-details__price"], [1, "miam-recipe-details__price-label", "miam-ds-text", "size-l", "weight-xxl"], [1, "miam-ds-loader", "primary"], [1, "miam-recipe-details__price-in-basket-label", "miam-ds-text", "size-xs"], [3, "recipe", "hideAddon"], [3, "recipe", "basketEntry", "ingredient", "ignoreSelected", "loadOnSelect", "selected"]];
       }, template: function RecipeDetailsComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵtemplate(0, RecipeDetailsComponent_div_0_Template, 5, 6, "div", 0);
@@ -24749,7 +24778,7 @@
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(4, 5, ctx.recipeDetailsService.basketEntryToReplace$));
           }
-      }, directives: [i2__namespace$1.NgIf, CounterInputComponent, ReachTopDirective, RecipeDetailsInfosComponent, i2__namespace$1.NgClass, SliderTabsComponent, LikeButtonComponent, i8__namespace.YouTubePlayer, AddonLinkComponent, ProductsPickerComponent, RecipeDetailsIngredientsComponent, RecipeDetailsStepsComponent, RecipeAddonComponent, ReplaceItemComponent], pipes: [i2__namespace$1.AsyncPipe, i2__namespace$1.CurrencyPipe], styles: [".miam-recipe-details{min-height:100dvh}.miam-recipe-details .miam-recipe-details__loader{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:40px;height:40px;background-position-x:20px;background-size:20px 20px}.miam-recipe-details .miam-recipe-details__container{position:relative}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sponsor-separator{border-top:1px solid var(--miam-ds-color-neutral-200,#d9dde1);margin:unset}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{position:relative;max-height:600px;display:flex}@media (min-width:1023px) and (max-height:1000px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{max-height:400px}}@media (min-width:1023px) and (max-height:800px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{max-height:300px}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons{position:absolute;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px;top:16px;right:16px;left:16px;bottom:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper{flex:1;width:100%;height:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons{display:flex;justify-content:space-between;height:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button{transform:rotate(90deg);border-radius:100%;height:40px;width:40px;position:sticky;top:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button .miam-recipe-details__back-icon{display:block}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button:hover img.miam-recipe-details__back-icon{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-white.svg)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__like-button{position:absolute;top:0;right:0}@media (min-width:1023px) and (max-height:800px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__guest-counter .miam-counter-input{padding:2px}}@media (min-width:1023px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons{top:24px;right:24px;left:24px;bottom:24px;flex-direction:column}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper{width:inherit}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button{display:flex;position:sticky;top:24px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button:hover img.miam-recipe-details__close-icon{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross.svg)}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__picture-img{width:100%;max-height:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container{z-index:2;display:flex;justify-content:space-between;align-items:center;position:sticky;top:-1px;padding:16px;overflow:hidden;background:var(--miam-ds-color-neutral-white,#fff);transition:padding .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__title{width:100%;transition:font-size .3s;color:var(--miam-ds-color-neutral-black,#1f3543)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__actions__icon{display:flex;position:absolute;right:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__actions__icon .miam-recipe-details__hideable-actions{max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__actions__icon .miam-recipe-details__close-button{margin-left:16px;padding:8px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned{padding:12px 16px;border-bottom:1px solid var(--miam-ds-color-neutral-200,#d9dde1)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__title{font-size:20px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon{position:relative;top:unset;right:unset}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon .miam-recipe-details__like-button{margin-right:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon .miam-recipe-details__hideable-actions{max-width:64px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container{justify-content:flex-start}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container{display:flex;align-items:center;justify-content:center;max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container .miam-recipe-details__back-icon{transform:rotate(90deg)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__title{font-size:20px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__actions__icon{max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__hideable-actions{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned{padding:4px 16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__back-button-mobile-container{overflow:visible;max-width:48px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__back-button-mobile-container .miam-recipe-details__back-button{margin:8px 0;width:40px;height:40px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__title{font-size:14px;font-weight:500}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon{max-width:40px}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__infos{padding:8px 16px 16px;display:block}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__tabs{padding:8px 16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__tabs.hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer{box-sizing:border-box;background:var(--miam-ds-color-neutral-white,#fff);border-top:1px solid var(--miam-ds-color-neutral-200,#d9dde1);padding:16px 12px;position:sticky;bottom:0;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;z-index:2;height:80px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer.center{justify-content:center}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer.hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta{display:flex;gap:8px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta.miam-ds-button.primary:hover{background-color:var(--miam-ds-color-primary)}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text{display:flex;gap:4px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text .miam-recipe-details__add-to-basket-remaining-price{display:flex}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text .miam-recipe-details__add-to-basket-remaining-price .hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper{align-items:flex-end}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{color:var(--miam-ds-color-primary-700);margin-right:4px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper{flex-direction:column;align-items:flex-start}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price{display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-label{color:var(--miam-ds-color-primary,#24748f)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-label .hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-in-basket-label{color:var(--miam-ds-color-neutral-black,#1f3543);opacity:.65}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__preparation-tab{padding:16px;display:flex;flex-direction:column;gap:24px}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [i2__namespace$1.NgIf, CounterInputComponent, ReachTopDirective, RecipeDetailsInfosComponent, i2__namespace$1.NgClass, SliderTabsComponent, LikeButtonComponent, i8__namespace.YouTubePlayer, AddonLinkComponent, ProductsPickerComponent, RecipeDetailsIngredientsComponent, RecipeDetailsStepsComponent, RecipePricingComponent, RecipeAddonComponent, ReplaceItemComponent], pipes: [i2__namespace$1.AsyncPipe, i2__namespace$1.CurrencyPipe], styles: [".miam-recipe-details{min-height:100dvh}.miam-recipe-details .miam-recipe-details__loader{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:40px;height:40px;background-position-x:20px;background-size:20px 20px}.miam-recipe-details .miam-recipe-details__container{position:relative}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sponsor-separator{border-top:1px solid var(--miam-ds-color-neutral-200,#d9dde1);margin:unset}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{position:relative;max-height:600px;display:flex}@media (min-width:1023px) and (max-height:1000px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{max-height:400px}}@media (min-width:1023px) and (max-height:800px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{max-height:300px}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons{position:absolute;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px;top:16px;right:16px;left:16px;bottom:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper{flex:1;width:100%;height:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons{display:flex;justify-content:space-between;height:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button{transform:rotate(90deg);border-radius:100%;height:40px;width:40px;position:sticky;top:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button .miam-recipe-details__back-icon{display:block}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button:hover img.miam-recipe-details__back-icon{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-white.svg)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__like-button{position:absolute;top:0;right:0}@media (min-width:1023px) and (max-height:800px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__guest-counter .miam-counter-input{padding:2px}}@media (min-width:1023px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons{top:24px;right:24px;left:24px;bottom:24px;flex-direction:column}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper{width:inherit}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button{display:flex;position:sticky;top:24px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button:hover img.miam-recipe-details__close-icon{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross.svg)}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__picture-img{width:100%;max-height:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container{z-index:2;display:flex;justify-content:space-between;align-items:center;position:sticky;top:-1px;padding:16px;overflow:hidden;background:var(--miam-ds-color-neutral-white,#fff);transition:padding .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__title{width:100%;transition:font-size .3s;color:var(--miam-ds-color-neutral-black,#1f3543)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__actions__icon{display:flex;position:absolute;right:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__actions__icon .miam-recipe-details__hideable-actions{max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__actions__icon .miam-recipe-details__close-button{margin-left:16px;padding:8px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned{padding:12px 16px;border-bottom:1px solid var(--miam-ds-color-neutral-200,#d9dde1)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__title{font-size:20px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon{position:relative;top:unset;right:unset}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon .miam-recipe-details__like-button{margin-right:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon .miam-recipe-details__hideable-actions{max-width:64px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container{justify-content:flex-start}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container{display:flex;align-items:center;justify-content:center;max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container .miam-recipe-details__back-icon{transform:rotate(90deg)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__title{font-size:20px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__actions__icon{max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__hideable-actions{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned{padding:4px 16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__back-button-mobile-container{overflow:visible;max-width:48px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__back-button-mobile-container .miam-recipe-details__back-button{margin:8px 0;width:40px;height:40px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__title{font-size:14px;font-weight:500}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon{max-width:40px}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__infos{padding:8px 16px 16px;display:block}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__tabs{padding:8px 16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__tabs.hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer{box-sizing:border-box;background:var(--miam-ds-color-neutral-white,#fff);border-top:1px solid var(--miam-ds-color-neutral-200,#d9dde1);padding:16px 12px;position:sticky;bottom:0;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;z-index:2;height:80px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer.center{justify-content:center}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer.hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta{display:flex;gap:8px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta.miam-ds-button.primary:hover{background-color:var(--miam-ds-color-primary)}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text{display:flex;gap:4px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text .miam-recipe-details__add-to-basket-remaining-price{display:flex}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text .miam-recipe-details__add-to-basket-remaining-price .hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper{align-items:flex-end}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{color:var(--miam-ds-color-primary-700);margin-right:4px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper{flex-direction:column;align-items:flex-start}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price{display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-label{color:var(--miam-ds-color-primary,#24748f)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-label .hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-in-basket-label{color:var(--miam-ds-color-neutral-black,#1f3543);opacity:.65}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__preparation-tab{padding:16px;display:flex;flex-direction:column;gap:24px}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RecipeDetailsComponent, [{
               type: i0.Component,
@@ -24790,6 +24819,8 @@
                   type: i0.Output
               }], recipeError: [{
                   type: i0.Output
+              }], closeDetails: [{
+                  type: i0.Output
               }], topContainerImg: [{
                   type: i0.ViewChild,
                   args: ['topContainerImg']
@@ -25741,7 +25772,7 @@
       if (rf & 1) {
           var _r10_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "ng-miam-recipe-details", 7, 8);
-          i0__namespace.ɵɵlistener("recipeAdded", function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template_ng_miam_recipe_details_recipeAdded_0_listener() { i0__namespace.ɵɵrestoreView(_r10_1); var ctx_r9 = i0__namespace.ɵɵnextContext(2); return ctx_r9.togglePreviewMode(); })("recipeError", function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template_ng_miam_recipe_details_recipeError_0_listener() { i0__namespace.ɵɵrestoreView(_r10_1); var ctx_r11 = i0__namespace.ɵɵnextContext(2); return ctx_r11.hide(); });
+          i0__namespace.ɵɵlistener("recipeAdded", function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template_ng_miam_recipe_details_recipeAdded_0_listener() { i0__namespace.ɵɵrestoreView(_r10_1); var ctx_r9 = i0__namespace.ɵɵnextContext(2); return ctx_r9.togglePreviewMode(); })("recipeError", function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template_ng_miam_recipe_details_recipeError_0_listener() { i0__namespace.ɵɵrestoreView(_r10_1); var ctx_r11 = i0__namespace.ɵɵnextContext(2); return ctx_r11.hide(); })("closeDetails", function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template_ng_miam_recipe_details_closeDetails_0_listener() { i0__namespace.ɵɵrestoreView(_r10_1); var ctx_r12 = i0__namespace.ɵɵnextContext(2); return ctx_r12.hide(); });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -25751,9 +25782,9 @@
   }
   function RecipeModalComponent_ng_miam_modal_2_Template(rf, ctx) {
       if (rf & 1) {
-          var _r13_1 = i0__namespace.ɵɵgetCurrentView();
+          var _r14_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "ng-miam-modal", 5);
-          i0__namespace.ɵɵlistener("displayChange", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_displayChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r13_1); var ctx_r12 = i0__namespace.ɵɵnextContext(); return ctx_r12.show = $event; })("close", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_close_0_listener() { i0__namespace.ɵɵrestoreView(_r13_1); var ctx_r14 = i0__namespace.ɵɵnextContext(); return ctx_r14.hide(); })("cancel", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_cancel_0_listener() { i0__namespace.ɵɵrestoreView(_r13_1); var ctx_r15 = i0__namespace.ɵɵnextContext(); return ctx_r15.removeRecipe(); })("confirm", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_confirm_0_listener() { i0__namespace.ɵɵrestoreView(_r13_1); var ctx_r16 = i0__namespace.ɵɵnextContext(); return ctx_r16.hide(); });
+          i0__namespace.ɵɵlistener("displayChange", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_displayChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r14_1); var ctx_r13 = i0__namespace.ɵɵnextContext(); return ctx_r13.show = $event; })("close", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_close_0_listener() { i0__namespace.ɵɵrestoreView(_r14_1); var ctx_r15 = i0__namespace.ɵɵnextContext(); return ctx_r15.hide(); })("cancel", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_cancel_0_listener() { i0__namespace.ɵɵrestoreView(_r14_1); var ctx_r16 = i0__namespace.ɵɵnextContext(); return ctx_r16.removeRecipe(); })("confirm", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_confirm_0_listener() { i0__namespace.ɵɵrestoreView(_r14_1); var ctx_r17 = i0__namespace.ɵɵnextContext(); return ctx_r17.hide(); });
           i0__namespace.ɵɵtemplate(1, RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template, 2, 9, "ng-miam-recipe-details", 6);
           i0__namespace.ɵɵelementEnd();
       }
@@ -25906,7 +25937,7 @@
           else {
               i18n_0 = $localize(templateObject_1 || (templateObject_1 = __makeTemplateObject([":\u241Fd0309cdf7a6522949c4f145db5e71f70c9d9d66c\u241F171150506213829263:Mes repas"], [":\u241Fd0309cdf7a6522949c4f145db5e71f70c9d9d66c\u241F171150506213829263:Mes repas"])));
           }
-          return [["title", i18n_0, "modalStyle", "right", "class", "miam-recipe-modal__basket-preview-modal", 3, "display", "noHeaderMode", "confirmButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm", 4, "ngIf"], ["modalStyle", "right", 3, "noHeaderMode", "display", "cancelButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm", 4, "ngIf"], ["title", i18n_0, "modalStyle", "right", 1, "miam-recipe-modal__basket-preview-modal", 3, "display", "noHeaderMode", "confirmButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm"], [1, "miam-wrapper-preview"], [3, "recipeId", "displayItemsUnitaryPrice", "originTrace"], ["modalStyle", "right", 3, "noHeaderMode", "display", "cancelButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm"], [3, "recipeId", "guestNumber", "previewAllowed", "originTrace", "stepsOnLeftSide", "moreRecipesImageURL", "pricingGuestsText", "displayGuests", "helpButtonAllowed", "recipeAdded", "recipeError", 4, "ngIf"], [3, "recipeId", "guestNumber", "previewAllowed", "originTrace", "stepsOnLeftSide", "moreRecipesImageURL", "pricingGuestsText", "displayGuests", "helpButtonAllowed", "recipeAdded", "recipeError"], ["details", ""]];
+          return [["title", i18n_0, "modalStyle", "right", "class", "miam-recipe-modal__basket-preview-modal", 3, "display", "noHeaderMode", "confirmButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm", 4, "ngIf"], ["modalStyle", "right", 3, "noHeaderMode", "display", "cancelButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm", 4, "ngIf"], ["title", i18n_0, "modalStyle", "right", 1, "miam-recipe-modal__basket-preview-modal", 3, "display", "noHeaderMode", "confirmButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm"], [1, "miam-wrapper-preview"], [3, "recipeId", "displayItemsUnitaryPrice", "originTrace"], ["modalStyle", "right", 3, "noHeaderMode", "display", "cancelButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm"], [3, "recipeId", "guestNumber", "previewAllowed", "originTrace", "stepsOnLeftSide", "moreRecipesImageURL", "pricingGuestsText", "displayGuests", "helpButtonAllowed", "recipeAdded", "recipeError", "closeDetails", 4, "ngIf"], [3, "recipeId", "guestNumber", "previewAllowed", "originTrace", "stepsOnLeftSide", "moreRecipesImageURL", "pricingGuestsText", "displayGuests", "helpButtonAllowed", "recipeAdded", "recipeError", "closeDetails"], ["details", ""]];
       }, template: function RecipeModalComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵtemplate(0, RecipeModalComponent_ng_miam_modal_0_Template, 3, 7, "ng-miam-modal", 0);