ng-miam 8.1.2 → 8.1.3

package/bundles/ng-miam.umd.js

@@ -2418,7 +2418,7 @@
               _this.initRoles();
               return rxjs.forkJoin([
                   _this.initProvider(),
-                  _this.initSupplier()
+                  _this.initSupplier(),
               ]);
           }));
       };
@@ -3659,6 +3659,18 @@
           enumerable: false,
           configurable: true
       });
+      Object.defineProperty(BasketsService.prototype, "waitForBasketEntries", {
+          /**
+           * To use when needing to be sure that basket was fetched before doing an action that doesn't need to stay subscribed to basket$
+           * This method is meant to be an equivalent of basket$.value but asynchronous
+           */
+          get: function () {
+              var _this = this;
+              return this._entries$.pipe(operators.skipWhile(function (b) { return !b || !_this.basketInitCalled; }), operators.take(1));
+          },
+          enumerable: false,
+          configurable: true
+      });
       /** ************************************** QUEUE UTILS TO LOCK MORE ACTIONS OR DISPLAY LOADERS ************************************** **/
       // Util method to avoid repeating too much for the next 6 methods
       BasketsService.prototype.subjectContainsRecipeId = function (subject, type, recipeId) {
@@ -3847,11 +3859,18 @@
        * Fetches the BasketEntry for an ingredient if it exists
        * Returns a fake BasketEntry with id = -1 if it doesn't exist
        */
-      BasketsService.prototype.basketEntryFromIngredient = function (ingredientId) {
+      BasketsService.prototype.basketEntryFromIngredient = function (ingredientId, guests, onlyQuantity) {
           var _this = this;
+          if (onlyQuantity === void 0) { onlyQuantity = false; }
           return this.waitForBasket.pipe(operators.switchMap(function (basket) {
-              var url = environment$1.miamAPI + "/api/v1/baskets/" + basket.id + "/basket-entries/from-ingredient?ingredient_id=" + ingredientId;
-              return _this.http.get(url, { params: { include: ['selected-item'] } });
+              var url = environment$1.miamAPI + "/api/v1/baskets/" + basket.id + "/basket-entries/from-ingredient?ingredient_id=" + ingredientId + "&guests=" + guests;
+              if (onlyQuantity) {
+                  url += "&fields[basket-entries]=quantity";
+              }
+              else {
+                  url += '&include=selected-item';
+              }
+              return _this.http.get(url);
           }), operators.skipWhile(function (result) { return result.is_loading || !result; }), operators.map(function (res) {
               var entry = _this.basketEntriesService.new();
               entry.fill(res);
@@ -5040,8 +5059,10 @@
                   else {
                       _this.icons.push({ icon: icon, url: url });
                   }
-              }
+              },
+              setDefaultScrollElementGetter: function (callback) { return _this.defaultScrollElementGetter = callback; }
           };
+          this.defaultScrollElementGetter = function () { return document.body; };
           this.isSmallScreen$.next(!this.mediaMatcher.matchMedia(SMALL_SCREEN_BP).matches);
           this.breakpointObserver.observe(SMALL_SCREEN_BP).subscribe(function (BPChange) { return _this.isSmallScreen$.next(!BPChange.matches); });
           this.icons = [];
@@ -6632,22 +6653,24 @@
   function AddonLinkComponent_ng_template_3_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "span");
-          i0__namespace.ɵɵi18n(1, 6);
+          i0__namespace.ɵɵelementStart(1, "span");
+          i0__namespace.ɵɵi18n(2, 6);
+          i0__namespace.ɵɵelementEnd();
+          i0__namespace.ɵɵelementStart(3, "span", 7);
+          i0__namespace.ɵɵtext(4);
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelementStart(2, "span");
-          i0__namespace.ɵɵtext(3);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
           var ctx_r2 = i0__namespace.ɵɵnextContext();
-          i0__namespace.ɵɵadvance(3);
-          i0__namespace.ɵɵtextInterpolate1(" ", ctx_r2.recipe.sponsorName, " ");
+          i0__namespace.ɵɵadvance(4);
+          i0__namespace.ɵɵtextInterpolate1(" ", ctx_r2.recipe.sponsorName, "");
       }
   }
   function AddonLinkComponent_span_5_Template(rf, ctx) {
       if (rf & 1) {
           var _r6_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "span", 7);
+          i0__namespace.ɵɵelementStart(0, "span", 8);
           i0__namespace.ɵɵlistener("click", function AddonLinkComponent_span_5_Template_span_click_0_listener() { i0__namespace.ɵɵrestoreView(_r6_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.showAddon.emit(); });
           i0__namespace.ɵɵtext(1, " En savoir plus ");
           i0__namespace.ɵɵelementEnd();
@@ -6655,14 +6678,15 @@
   }
   function AddonLinkComponent_div_6_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 8);
-          i0__namespace.ɵɵelement(1, "img", 9);
+          i0__namespace.ɵɵelementStart(0, "div", 9);
+          i0__namespace.ɵɵelement(1, "img", 10);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
           var ctx_r4 = i0__namespace.ɵɵnextContext();
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵpropertyInterpolate("src", ctx_r4.recipe.sponsorLogoUrl, i0__namespace.ɵɵsanitizeUrl);
+          i0__namespace.ɵɵproperty("alt", ctx_r4.recipe.sponsorName + " logo");
       }
   }
   var AddonLinkComponent = /** @class */ (function () {
@@ -6680,22 +6704,22 @@
   AddonLinkComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: AddonLinkComponent, selectors: [["ng-miam-addon-link"]], inputs: { recipe: "recipe", hasStorytelling: "hasStorytelling" }, outputs: { showAddon: "showAddon" }, features: [i0__namespace.ɵɵNgOnChangesFeature], decls: 7, vars: 4, consts: function () {
           var i18n_0;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_5295446601874813054$$LIB__COMPONENTS_ADDON_LINK_ADDON_LINK_COMPONENT_TS__1 = goog.getMsg(" Cette recette vous est propos\u00E9e par notre partenaire ");
-              i18n_0 = MSG_EXTERNAL_5295446601874813054$$LIB__COMPONENTS_ADDON_LINK_ADDON_LINK_COMPONENT_TS__1;
+              var MSG_EXTERNAL_346178670015862382$$LIB__COMPONENTS_ADDON_LINK_ADDON_LINK_COMPONENT_TS__1 = goog.getMsg("Cette recette vous est propos\u00E9e par notre partenaire");
+              i18n_0 = MSG_EXTERNAL_346178670015862382$$LIB__COMPONENTS_ADDON_LINK_ADDON_LINK_COMPONENT_TS__1;
           }
           else {
-              i18n_0 = $localize(templateObject_1$H || (templateObject_1$H = __makeTemplateObject([":\u241F29296b7b48380304b23a1be69bc5a0cb7d30129b\u241F5295446601874813054: Cette recette vous est propos\u00E9e par notre partenaire "], [":\u241F29296b7b48380304b23a1be69bc5a0cb7d30129b\u241F5295446601874813054: Cette recette vous est propos\u00E9e par notre partenaire "])));
+              i18n_0 = $localize(templateObject_1$H || (templateObject_1$H = __makeTemplateObject([":\u241F592a6ddb645d9971d03862cb6b8b323a3d9a0be2\u241F346178670015862382:Cette recette vous est propos\u00E9e par notre partenaire"], [":\u241F592a6ddb645d9971d03862cb6b8b323a3d9a0be2\u241F346178670015862382:Cette recette vous est propos\u00E9e par notre partenaire"])));
           }
-          return [[1, "miam-addon-link"], [1, "miam-addon-link__info"], [4, "ngIf", "ngIfElse"], ["sponsorsedLink", ""], ["class", "miam-addon-link__link", 3, "click", 4, "ngIf"], ["class", "miam-addon-link__logo", 4, "ngIf"], i18n_0, [1, "miam-addon-link__link", 3, "click"], [1, "miam-addon-link__logo"], [3, "src"]];
+          return [[1, "miam-addon-link"], [1, "miam-addon-link__info"], [4, "ngIf", "ngIfElse"], ["sponsorsedLink", ""], ["class", "miam-addon-link__link", 3, "click", 4, "ngIf"], ["class", "miam-addon-link__logo", 4, "ngIf"], i18n_0, [1, "miam-addon-link__sponsor-name"], [1, "miam-addon-link__link", 3, "click"], [1, "miam-addon-link__logo"], [3, "src", "alt"]];
       }, template: function AddonLinkComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵelementStart(0, "div", 0);
               i0__namespace.ɵɵelementStart(1, "div", 1);
               i0__namespace.ɵɵtemplate(2, AddonLinkComponent_span_2_Template, 2, 1, "span", 2);
-              i0__namespace.ɵɵtemplate(3, AddonLinkComponent_ng_template_3_Template, 4, 1, "ng-template", null, 3, i0__namespace.ɵɵtemplateRefExtractor);
+              i0__namespace.ɵɵtemplate(3, AddonLinkComponent_ng_template_3_Template, 5, 1, "ng-template", null, 3, i0__namespace.ɵɵtemplateRefExtractor);
               i0__namespace.ɵɵtemplate(5, AddonLinkComponent_span_5_Template, 2, 0, "span", 4);
               i0__namespace.ɵɵelementEnd();
-              i0__namespace.ɵɵtemplate(6, AddonLinkComponent_div_6_Template, 2, 1, "div", 5);
+              i0__namespace.ɵɵtemplate(6, AddonLinkComponent_div_6_Template, 2, 2, "div", 5);
               i0__namespace.ɵɵelementEnd();
           }
           if (rf & 2) {
@@ -6707,7 +6731,7 @@
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("ngIf", ctx.recipe == null ? null : ctx.recipe.sponsorLogoUrl);
           }
-      }, directives: [i2__namespace$1.NgIf], styles: [".miam-addon-link{flex-direction:row;padding:12px 16px;font-size:16px}.miam-addon-link,.miam-addon-link .miam-addon-link__info{display:flex;align-items:center;justify-content:space-between}.miam-addon-link .miam-addon-link__info{flex-direction:row;flex:1}@media (max-width:1023px){.miam-addon-link .miam-addon-link__info{flex-direction:column;align-items:flex-start}}.miam-addon-link .miam-addon-link__info .miam-addon-link__link{color:var(--m-color-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;margin-left:16px}@media (max-width:1023px){.miam-addon-link .miam-addon-link__info .miam-addon-link__link{margin-left:unset;margin-top:8px}}.miam-addon-link .miam-addon-link__logo{width:auto;height:48px;justify-content:flex-end;display:flex;order:2;align-items:center;padding-left:16px}.miam-addon-link .miam-addon-link__logo img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [i2__namespace$1.NgIf], styles: [".miam-addon-link{flex-direction:row;padding:12px 16px;font-size:16px}.miam-addon-link,.miam-addon-link .miam-addon-link__info{display:flex;align-items:center;justify-content:space-between}.miam-addon-link .miam-addon-link__info{flex-direction:row;flex:1}.miam-addon-link .miam-addon-link__info .miam-addon-link__sponsor-name{white-space:nowrap}@media (max-width:1023px){.miam-addon-link .miam-addon-link__info{flex-direction:column;align-items:flex-start}}.miam-addon-link .miam-addon-link__info .miam-addon-link__link{color:var(--m-color-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;margin-left:16px}@media (max-width:1023px){.miam-addon-link .miam-addon-link__info .miam-addon-link__link{margin-left:unset;margin-top:8px}}.miam-addon-link .miam-addon-link__logo{width:auto;height:48px;justify-content:flex-end;display:flex;order:2;align-items:center;padding-left:16px}.miam-addon-link .miam-addon-link__logo img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AddonLinkComponent, [{
               type: i0.Component,
@@ -7202,6 +7226,55 @@
               }] });
   })();
 
+  var LoadOnScrollDirective = /** @class */ (function () {
+      function LoadOnScrollDirective(el) {
+          this.el = el;
+          this.marginRoot = '0px'; // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#rootmargin
+          this.threshold = 0; // 0 <= x < 1;
+          this.isLoading = false;
+          this.loadMore = new i0.EventEmitter();
+          this.emitted = false;
+      }
+      LoadOnScrollDirective.prototype.ngOnInit = function () {
+          this.intersectionObserver();
+      };
+      LoadOnScrollDirective.prototype.ngAfterViewInit = function () {
+          this.observer.observe(this.el.nativeElement);
+      };
+      LoadOnScrollDirective.prototype.intersectionObserver = function () {
+          var _this = this;
+          var options = {
+              root: null,
+              rootMargin: this.marginRoot,
+              threshold: this.threshold,
+          };
+          this.observer = new IntersectionObserver(function (entries) {
+              if (entries[0].isIntersecting && !_this.isLoading) {
+                  _this.loadMore.emit();
+              }
+          }, options);
+      };
+      return LoadOnScrollDirective;
+  }());
+  LoadOnScrollDirective.ɵfac = function LoadOnScrollDirective_Factory(t) { return new (t || LoadOnScrollDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); };
+  LoadOnScrollDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: LoadOnScrollDirective, selectors: [["", "ngMiamLoadOnScroll", ""]], inputs: { marginRoot: "marginRoot", threshold: "threshold", isLoading: "isLoading" }, outputs: { loadMore: "loadMore" } });
+  (function () {
+      (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(LoadOnScrollDirective, [{
+              type: i0.Directive,
+              args: [{
+                      selector: '[ngMiamLoadOnScroll]'
+                  }]
+          }], function () { return [{ type: i0__namespace.ElementRef }]; }, { marginRoot: [{
+                  type: i0.Input
+              }], threshold: [{
+                  type: i0.Input
+              }], isLoading: [{
+                  type: i0.Input
+              }], loadMore: [{
+                  type: i0.Output
+              }] });
+  })();
+
   var _c0$s = ["counterInput"];
   function CounterInputComponent_img_3_Template(rf, ctx) {
       if (rf & 1) {
@@ -7414,7 +7487,7 @@
           i0__namespace.ɵɵelementEnd();
       }
   }
-  var _c4$6 = function (a0, a1) { return { "image-container-mode": a0, "dragover-mode": a1 }; };
+  var _c4$5 = function (a0, a1) { return { "image-container-mode": a0, "dragover-mode": a1 }; };
   var DragDropInputComponent = /** @class */ (function () {
       function DragDropInputComponent(cdr) {
           this.cdr = cdr;
@@ -7542,7 +7615,7 @@
           }
           if (rf & 2) {
               var _r1 = i0__namespace.ɵɵreference(3);
-              i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(6, _c4$6, ctx.imageUrl, ctx.isDragover && !ctx.imageUrl));
+              i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(6, _c4$5, ctx.imageUrl, ctx.isDragover && !ctx.imageUrl));
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("ngIf", !ctx.photoMode && !ctx.bigImageWarning)("ngIfElse", _r1);
               i0__namespace.ɵɵadvance(5);
@@ -7688,15 +7761,81 @@
           }], function () { return [{ type: i1__namespace.HttpClient }]; }, null);
   })();
 
+  var BasketActionsService = /** @class */ (function () {
+      function BasketActionsService(context, userService, posService, basketsService, recipesService) {
+          this.context = context;
+          this.userService = userService;
+          this.posService = posService;
+          this.basketsService = basketsService;
+          this.recipesService = recipesService;
+          this.shouldExecuteBasketAction = new rxjs.BehaviorSubject(undefined);
+          this.subscriptions = new rxjs.Subscription();
+          this.subscriptions.add(this.canExecuteStoredMethod().subscribe());
+      }
+      /**
+       * Stores the method and its arguments if the user is not logged in or doesn't have a PoS Set
+       */
+      BasketActionsService.prototype.storeMethodIfCallbackNeeded = function (method) {
+          var _this = this;
+          return this.isLoggedAndHasPos().pipe(operators.take(1), operators.map(function (res) {
+              if ((!res[0] || !res[1])) {
+                  localStorage.setItem('_miam/storeCallbackMethod', JSON.stringify(method));
+              }
+              return _this.context.hookCallback(res[0], res[1]);
+          }));
+      };
+      /**
+       * Executes a stored method if the user is logged in and has a PoS.
+       */
+      BasketActionsService.prototype.canExecuteStoredMethod = function () {
+          var _this = this;
+          return this.basketsService.waitForBasketEntries.pipe(operators.switchMap(function () { return _this.isLoggedAndHasPos().pipe(operators.skipWhile(function (res) { return !res[0] || !res[1]; }), operators.take(1), operators.map(function () { return _this.getStoredMethod(); })); }));
+      };
+      /**
+       * Check if the user is logged in and has a point of sale.
+       */
+      BasketActionsService.prototype.isLoggedAndHasPos = function () {
+          return rxjs.combineLatest([
+              this.userService.isLogged$,
+              this.posService.posWasInitialized()
+          ]);
+      };
+      /**
+       * Executes the stored method by retrieving the stored data from local storage,
+       * parsing it, and iterating over each request. Depending on the method name,
+       * either adds recipes to the basket or ingredients to the basket.
+       */
+      BasketActionsService.prototype.getStoredMethod = function () {
+          if (localStorage.getItem('_miam/storeCallbackMethod')) {
+              var parsedStoredData = JSON.parse(localStorage.getItem('_miam/storeCallbackMethod'));
+              this.shouldExecuteBasketAction.next(parsedStoredData);
+              this.recipesService.display(parsedStoredData.arguments.recipeId, { previewAllowed: true, previewMode: false }, { originPath: '', props: {} });
+              localStorage.removeItem('_miam/storeCallbackMethod');
+          }
+      };
+      return BasketActionsService;
+  }());
+  BasketActionsService.ɵfac = function BasketActionsService_Factory(t) { return new (t || BasketActionsService)(i0__namespace.ɵɵinject(ContextService), i0__namespace.ɵɵinject(UserService), i0__namespace.ɵɵinject(PointOfSalesService), i0__namespace.ɵɵinject(BasketsService), i0__namespace.ɵɵinject(RecipesService)); };
+  BasketActionsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: BasketActionsService, factory: BasketActionsService.ɵfac, providedIn: 'root' });
+  (function () {
+      (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BasketActionsService, [{
+              type: i0.Injectable,
+              args: [{
+                      providedIn: 'root'
+                  }]
+          }], function () { return [{ type: ContextService }, { type: UserService }, { type: PointOfSalesService }, { type: BasketsService }, { type: RecipesService }]; }, null);
+  })();
+
   var RecipeDetailsService = /** @class */ (function () {
-      function RecipeDetailsService(basketsService, recipeService, analyticsService, posService, userService, ignoredBasketsService, contextService) {
+      function RecipeDetailsService(basketsService, recipeService, analyticsService, ignoredBasketsService, basketActionsService, contextService, posService, itemsService) {
           this.basketsService = basketsService;
           this.recipeService = recipeService;
           this.analyticsService = analyticsService;
-          this.posService = posService;
-          this.userService = userService;
           this.ignoredBasketsService = ignoredBasketsService;
+          this.basketActionsService = basketActionsService;
           this.contextService = contextService;
+          this.posService = posService;
+          this.itemsService = itemsService;
           this.productsByCategory = {
               toPickProducts: [],
               oftenIgnoredProducts: [],
@@ -7704,6 +7843,8 @@
           };
           this.products = [];
           this.allIngredientsToBasketLoading$ = new rxjs.BehaviorSubject(false);
+          this.ingredientToBasketLoading$ = new rxjs.BehaviorSubject(false);
+          this.updateIngredientFromBasketLoading$ = new rxjs.BehaviorSubject(false);
           this.productsLoading$ = new rxjs.BehaviorSubject(false);
           this.recipeLoading$ = new rxjs.BehaviorSubject(false);
           this.basketEntryToReplace$ = new rxjs.BehaviorSubject(null);
@@ -7712,9 +7853,12 @@
           this.onlyShowPreparation = false;
           this.productsByCategory$ = new rxjs.BehaviorSubject(this.productsByCategory);
           this.products$ = new rxjs.BehaviorSubject(this.products);
+          this.recipePrice = { remaining: 0, inBasket: 0 };
+          this.subscriptions = new rxjs.Subscription();
           this.initDefaultState();
           this.listenBasketPreview();
           this.resetOnHide();
+          this.executeActionFromStorage();
       }
       Object.defineProperty(RecipeDetailsService.prototype, "remainingBasketEntries", {
           get: function () {
@@ -7768,6 +7912,13 @@
           enumerable: false,
           configurable: true
       });
+      Object.defineProperty(RecipeDetailsService.prototype, "ingredientToBasketLoading", {
+          set: function (isLoading) {
+              this.ingredientToBasketLoading$.next(isLoading);
+          },
+          enumerable: false,
+          configurable: true
+      });
       Object.defineProperty(RecipeDetailsService.prototype, "allIngredientsToBasketLoading", {
           set: function (isLoading) {
               this.allIngredientsToBasketLoading$.next(isLoading);
@@ -7775,6 +7926,13 @@
           enumerable: false,
           configurable: true
       });
+      Object.defineProperty(RecipeDetailsService.prototype, "updateIngredientFromBasketLoading", {
+          set: function (isLoading) {
+              this.updateIngredientFromBasketLoading$.next(isLoading);
+          },
+          enumerable: false,
+          configurable: true
+      });
       RecipeDetailsService.prototype.initDefaultState = function () {
           this.productsByCategory = {
               toPickProducts: [],
@@ -7782,23 +7940,43 @@
               unavailableProducts: []
           };
           this.products = [];
+          this.recipePrice = {
+              remaining: 0,
+              inBasket: 0
+          };
           this.totalProducts = 0;
           this.allIngredientsToBasketLoading$.next(false);
+          this.ingredientToBasketLoading$.next(false);
+          this.updateIngredientFromBasketLoading$.next(false);
           this.productsLoading$.next(false);
           this.recipeLoading$.next(false);
           this.basketEntryToReplace$.next(null);
           this.productsByCategory$.next(this.productsByCategory);
           this.products$.next(this.products);
       };
+      RecipeDetailsService.prototype.executeActionFromStorage = function () {
+          var _this = this;
+          this.productsByCategory$.pipe(operators.skipWhile(function (products) { return products.toPickProducts.length === 0; }), operators.take(1), operators.switchMap(function () { return _this.basketActionsService.shouldExecuteBasketAction.pipe(operators.skipWhile(function (method) { return !method; })); })).subscribe(function (parsedMethod) {
+              if (parsedMethod.method === 'addRecipeToBasket') {
+                  _this.recipe.modifiedGuests = parsedMethod.arguments.guests || _this.recipe.modifiedGuests;
+                  _this.addAllIngredientsToBasket(parsedMethod.arguments.eventTrace);
+              }
+          });
+      };
       RecipeDetailsService.prototype.resetOnHide = function () {
           var _this = this;
           var previousRecipe = this.recipe;
-          this.recipeService.displayedRecipe$.subscribe(function (toDisplay) {
+          this.subscriptions.add(this.recipeService.displayedRecipe$.subscribe(function (toDisplay) {
               if ((toDisplay === null || toDisplay === void 0 ? void 0 : toDisplay.recipe) && toDisplay.recipe.id !== (previousRecipe === null || previousRecipe === void 0 ? void 0 : previousRecipe.id)) {
                   previousRecipe = toDisplay.recipe;
-                  _this.initDefaultState();
+                  _this.posService.posWasInitialized().pipe(operators.take(1)).subscribe(function (hasPos) {
+                      var isHookOk = _this.contextService.hookCallback(true, hasPos);
+                      if (isHookOk) {
+                          _this.initDefaultState();
+                      }
+                  });
               }
-          });
+          }));
       };
       /**
        * Sets the products by category.
@@ -7812,32 +7990,25 @@
        */
       RecipeDetailsService.prototype.setProductsByCategory = function () {
           var _this = this;
-          this.totalProducts = this.products.length;
-          this.productsByCategory = {
-              toPickProducts: [],
-              oftenIgnoredProducts: [],
-              unavailableProducts: []
+          this.subscriptions.add(this.fetchProductPrices().subscribe(function (prices) {
+              _this.totalProducts = _this.products.length;
+              _this.productsByCategory = {
+                  toPickProducts: [],
+                  oftenIgnoredProducts: [],
+                  unavailableProducts: []
+              };
+              _this.recipePrice = {
+                  remaining: 0,
+                  inBasket: 0
+              };
+              _this.categorizeProducts(prices);
+          }));
+      };
+      RecipeDetailsService.prototype.calculateProductPrice = function (product, price) {
+          product.price = {
+              unit: +price.toFixed(2),
+              total: +(price * product.basketEntry.quantity).toFixed(2)
           };
-          // Iterate over each product in the entriesWithIngredients array
-          this.products.forEach(function (product) {
-              var basketEntry = product.basketEntry;
-              var id = basketEntry.id, selectedItem = basketEntry.selectedItem, status = basketEntry.status;
-              // Check if the product is ignored
-              _this.isIngredientIgnored(product);
-              // Check if the product is unavailable
-              if (id === '-1' && !selectedItem) {
-                  _this.productsByCategory.unavailableProducts.push(product);
-              }
-              // Check if the product is often ignored based on groceriesEntryStatus
-              else if (status === 'often_deleted') {
-                  _this.productsByCategory.oftenIgnoredProducts.push(product);
-              }
-              // Add the product to the toPickProducts category
-              else {
-                  _this.productsByCategory.toPickProducts.push(product);
-              }
-          });
-          this.productsByCategory$.next(this.productsByCategory);
       };
       RecipeDetailsService.prototype.isProductsByCategorySet = function () {
           return this.productsByCategory.toPickProducts.length > 0 ||
@@ -7849,15 +8020,24 @@
        *
        * @return An observable that emits the products in the basket.
        */
-      RecipeDetailsService.prototype.getIngredientsBasketEntries = function () {
+      RecipeDetailsService.prototype.getIngredientsBasketEntries = function (fromInit) {
           var _this = this;
+          if (fromInit === void 0) { fromInit = false; }
           if (!this.recipe) {
               return rxjs.of([]);
           }
-          var basketEntries$ = this.recipe.ingredients.map(function (ingredient) { return _this.basketsService.basketEntryFromIngredient(ingredient.id).pipe(operators.map(function (basketEntry) { return ({ ingredient: ingredient, basketEntry: basketEntry }); })); });
+          if (!fromInit) {
+              this.ingredientToBasketLoading = true;
+          }
+          var basketEntries$ = this.recipe.ingredients.map(function (ingredient) { return _this.basketsService.basketEntryFromIngredient(ingredient.id, _this.recipe.modifiedGuests, !fromInit).pipe(operators.map(function (basketEntry) { return ({ ingredient: ingredient, basketEntry: basketEntry }); })); });
           return rxjs.forkJoin(basketEntries$).pipe(operators.tap(function (basketEntriesResult) {
-              _this.products = basketEntriesResult;
-              _this.setProductsByCategory();
+              if (fromInit) {
+                  _this.products = basketEntriesResult;
+                  _this.setProductsByCategory();
+              }
+              else {
+                  _this.updatePriceOnGuestChange(basketEntriesResult);
+              }
           }), operators.switchMap(function () { return rxjs.of(_this.products); }));
       };
       RecipeDetailsService.prototype.ingredientRemoved = function (ingredient, eventTrace) {
@@ -7877,8 +8057,18 @@
       };
       RecipeDetailsService.prototype.addAllIngredientsToBasket = function (eventTrace) {
           var _this = this;
-          this.allIngredientsToBasketLoading = true;
-          this.canAddProductToBasket(eventTrace).subscribe(function () { return _this.basketsService.addIngredientsToBasket(_this.recipe.id, _this.remainingProducts(), eventTrace); });
+          this.subscriptions.add(this.canAddProductToBasket({
+              method: 'addRecipeToBasket',
+              arguments: {
+                  recipeId: this.recipe.id, guests: this.recipe.modifiedGuests,
+                  eventTrace: eventTrace
+              }
+          }, eventTrace).subscribe(function (passed) {
+              if (passed) {
+                  _this.allIngredientsToBasketLoading = true;
+                  _this.basketsService.addIngredientsToBasket(_this.recipe.id, _this.remainingProducts(), eventTrace);
+              }
+          }));
       };
       // If the recipe is already in basket, update the number of guests (= append recipe to list again)
       RecipeDetailsService.prototype.updateGuests = function (eventTrace) {
@@ -7893,16 +8083,6 @@
           });
           this.recipeService.displayedRecipeChanged$.next();
       };
-      RecipeDetailsService.prototype.remainingProducts = function () {
-          var _this = this;
-          return this.remainingBasketEntries.reduce(function (result, be) {
-              var p = _this.products.find(function (product) { return product.basketEntry.name === be.name; });
-              if (p) {
-                  result.push({ ingredientId: p.ingredient.id, entry: p.basketEntry });
-              }
-              return result;
-          }, []);
-      };
       RecipeDetailsService.prototype.replaceBasketEntry = function (basketEntry, ignoreSelected) {
           this.basketEntryToReplace = {
               ingredient: this.products[this.products.findIndex(function (p) { return p.basketEntry.name === basketEntry.name; })].ingredient,
@@ -7915,18 +8095,60 @@
        * @param eventTrace needed to add recipe to basket
        * @returns [islogged: boolean, posWasInitialized: boolean, recipeIsInBasket: boolean]
        */
-      RecipeDetailsService.prototype.canAddProductToBasket = function (eventTrace) {
+      RecipeDetailsService.prototype.canAddProductToBasket = function (method, eventTrace) {
           var _this = this;
-          return rxjs.forkJoin([
-              this.userService.isLogged$.asObservable().pipe(operators.take(1)),
-              this.posService.posWasInitialized().pipe(operators.take(1)),
-              this.basketsService.recipeIsInBasket(this.recipe.id).pipe(operators.take(1))
-          ]).pipe(operators.tap(function (res) {
-              var isHookOk = _this.contextService.hookCallback(res[0], res[1]);
-              if (isHookOk && !res[2]) {
+          return this.basketActionsService.storeMethodIfCallbackNeeded(method).pipe(operators.switchMap(function (canAdd) { return _this.basketsService.recipeIsInBasket(_this.recipe.id).pipe(operators.take(1), operators.map(function (isInBasket) {
+              if (canAdd && !isInBasket) {
                   _this.basketsService.addRecipesToBasket([_this.recipe.id], _this.recipe.modifiedGuests, eventTrace, false);
               }
-          }));
+              return canAdd;
+          })); }));
+      };
+      RecipeDetailsService.prototype.updateRecipePrice = function (product, ignore) {
+          if (ignore === void 0) { ignore = false; }
+          if (ignore) {
+              this.recipePrice.remaining = this.recipePrice.remaining - product.price.total;
+          }
+          else {
+              this.recipePrice = {
+                  remaining: this.recipePrice.remaining + (product.basketEntry.status === 'initial' && product.price.total),
+                  inBasket: this.recipePrice.inBasket + (product.basketEntry.status === 'active' && product.price.total)
+              };
+          }
+      };
+      RecipeDetailsService.prototype.unsubscribe = function () {
+          this.subscriptions.unsubscribe();
+      };
+      RecipeDetailsService.prototype.remainingProducts = function () {
+          var _this = this;
+          return this.remainingBasketEntries.reduce(function (result, be) {
+              var p = _this.products.find(function (product) { return product.basketEntry.name === be.name; });
+              if (p) {
+                  result.push({ ingredientId: p.ingredient.id, entry: p.basketEntry });
+              }
+              return result;
+          }, []);
+      };
+      RecipeDetailsService.prototype.updatePriceOnGuestChange = function (basketEntriesResult) {
+          var _this = this;
+          this.recipePrice = {
+              remaining: 0,
+              inBasket: 0
+          };
+          basketEntriesResult.forEach(function (product, index) {
+              _this.products[index].basketEntry.quantity = product.basketEntry.quantity;
+              _this.calculateProductPrice(_this.products[index], _this.products[index].price.unit);
+              if (_this.products[index].basketEntry.status === 'initial' || _this.products[index].basketEntry.status === 'active') {
+                  _this.updateRecipePrice(_this.products[index]);
+              }
+          });
+          // check if the recipe is in the basket, if not, stop the loading, if yes, loading is stopped on the basketPreview listener
+          this.basketsService.recipeIsInBasket(this.recipe.id).pipe(operators.take(1)).subscribe(function (inBasket) {
+              if (!inBasket) {
+                  _this.updateIngredientFromBasketLoading = false;
+                  _this.ingredientToBasketLoading = false;
+              }
+          });
       };
       RecipeDetailsService.prototype.basketEntryForIngredient = function (ingredient) {
           return this.products.find(function (p) { return p.ingredient.id === ingredient.id; }).basketEntry;
@@ -7936,11 +8158,11 @@
        */
       RecipeDetailsService.prototype.listenBasketPreview = function () {
           var _this = this;
-          this.basketsService._basketPreview$.subscribe(function (basketPreviewLines) {
-              var _a;
+          this.subscriptions.add(this.basketsService._basketPreview$.subscribe(function (basketPreviewLines) {
+              var _a, _b;
               if (basketPreviewLines) {
                   var entriesForRecipe_1 = basketPreviewLines.find(function (basketPreviewLine) { var _a; return basketPreviewLine.id === ((_a = _this.recipe) === null || _a === void 0 ? void 0 : _a.id); });
-                  if ((_a = entriesForRecipe_1 === null || entriesForRecipe_1 === void 0 ? void 0 : entriesForRecipe_1.entries) === null || _a === void 0 ? void 0 : _a.all) {
+                  if (((_b = (_a = entriesForRecipe_1 === null || entriesForRecipe_1 === void 0 ? void 0 : entriesForRecipe_1.entries) === null || _a === void 0 ? void 0 : _a.all) === null || _b === void 0 ? void 0 : _b.length) > 0) {
                       _this.products.forEach(function (product) {
                           var _a;
                           product.basketEntry = (_a = entriesForRecipe_1.entries.all.find(function (basketEntry) { return basketEntry.name === product.basketEntry.name; })) !== null && _a !== void 0 ? _a : product.basketEntry;
@@ -7948,16 +8170,62 @@
                       _this.setProductsByCategory();
                   }
               }
-          });
+          }));
       };
       RecipeDetailsService.prototype.isIngredientIgnored = function (product) {
           if (this.ignoredBasketsService.isIngredientIgnored(product.ingredient.id)) {
               product.basketEntry.status = 'ignored';
           }
       };
+      RecipeDetailsService.prototype.fetchProductPrices = function () {
+          var _this = this;
+          return rxjs.forkJoin(this.products.map(function (product) { return product.basketEntry.selectedItem
+              ? _this.itemsService.getPriceForItem(product.basketEntry.selectedItem.id)
+              : rxjs.of({ price: '0' }); }));
+      };
+      RecipeDetailsService.prototype.categorizeProducts = function (prices) {
+          var _this = this;
+          // Iterate over each product in the entriesWithIngredients array
+          this.products.forEach(function (product, index) {
+              var basketEntry = product.basketEntry;
+              var id = basketEntry.id, selectedItem = basketEntry.selectedItem, status = basketEntry.status;
+              // Check if the product is ignored
+              _this.isIngredientIgnored(product);
+              _this.calculateProductPrice(product, +prices[index].price);
+              _this.correctProductState(product);
+              // Check if the product is unavailable
+              if (id === '-1' && !selectedItem) {
+                  _this.productsByCategory.unavailableProducts.push(product);
+              }
+              // Check if the product is often ignored based on groceriesEntryStatus
+              else if (status === 'often_deleted') {
+                  _this.productsByCategory.oftenIgnoredProducts.push(product);
+              }
+              // Add the product to the toPickProducts category
+              else {
+                  _this.productsByCategory.toPickProducts.push(product);
+                  _this.updateRecipePrice(product);
+              }
+          });
+          this.updateIngredientFromBasketLoading = false;
+          this.ingredientToBasketLoading = false;
+          this.productsByCategory$.next(this.productsByCategory);
+      };
+      RecipeDetailsService.prototype.correctProductState = function (product) {
+          if (!['often_deleted', 'deleted', 'ignored'].includes(product.basketEntry.status)) {
+              var _c = product.basketEntry, id = _c.id, selectedItem = _c.selectedItem, recipesIds = _c.recipesIds;
+              if (id === '-1') {
+                  product.basketEntry.status = selectedItem ? 'initial' : 'unavailable';
+              }
+              else {
+                  var isRecipeActive = recipesIds.includes(+this.recipe.id);
+                  product.basketEntry.status = isRecipeActive ? 'active' : 'initial';
+              }
+          }
+      };
       return RecipeDetailsService;
   }());
-  RecipeDetailsService.ɵfac = function RecipeDetailsService_Factory(t) { return new (t || RecipeDetailsService)(i0__namespace.ɵɵinject(BasketsService), i0__namespace.ɵɵinject(RecipesService), i0__namespace.ɵɵinject(AnalyticsService), i0__namespace.ɵɵinject(PointOfSalesService), i0__namespace.ɵɵinject(UserService), i0__namespace.ɵɵinject(IgnoredIngredientsService), i0__namespace.ɵɵinject(ContextService)); };
+  RecipeDetailsService.ɵfac = function RecipeDetailsService_Factory(t) { return new (t || RecipeDetailsService)(i0__namespace.ɵɵinject(BasketsService), i0__namespace.ɵɵinject(RecipesService), i0__namespace.ɵɵinject(AnalyticsService), i0__namespace.ɵɵinject(IgnoredIngredientsService), i0__namespace.ɵɵinject(BasketActionsService), i0__namespace.ɵɵinject(ContextService), i0__namespace.ɵɵinject(PointOfSalesService), i0__namespace.ɵɵinject(ItemsService)); };
   RecipeDetailsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: RecipeDetailsService, factory: RecipeDetailsService.ɵfac, providedIn: 'root' });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RecipeDetailsService, [{
@@ -7965,7 +8233,7 @@
               args: [{
                       providedIn: 'root'
                   }]
-          }], function () { return [{ type: BasketsService }, { type: RecipesService }, { type: AnalyticsService }, { type: PointOfSalesService }, { type: UserService }, { type: IgnoredIngredientsService }, { type: ContextService }]; }, null);
+          }], function () { return [{ type: BasketsService }, { type: RecipesService }, { type: AnalyticsService }, { type: IgnoredIngredientsService }, { type: BasketActionsService }, { type: ContextService }, { type: PointOfSalesService }, { type: ItemsService }]; }, null);
   })();
 
   var ScrollingService = /** @class */ (function () {
@@ -8506,7 +8774,7 @@
           i0__namespace.ɵɵproperty("ngIf", ctx_r3.confirmButtonIsLoading);
       }
   }
-  var _c4$5 = function (a0, a1) { return { "with-header": a0, "without-header": a1 }; };
+  var _c4$4 = function (a0, a1) { return { "with-header": a0, "without-header": a1 }; };
   function ModalComponent_ng_container_0_Template(rf, ctx) {
       if (rf & 1) {
           var _r14_1 = i0__namespace.ɵɵgetCurrentView();
@@ -8540,7 +8808,7 @@
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngClass", ctx_r0.modalStyle);
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(5, _c4$5, !ctx_r0.noHeaderMode, ctx_r0.noHeaderMode));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(5, _c4$4, !ctx_r0.noHeaderMode, ctx_r0.noHeaderMode));
           i0__namespace.ɵɵadvance(3);
           i0__namespace.ɵɵproperty("ngIf", ctx_r0.title);
           i0__namespace.ɵɵadvance(1);
@@ -8549,9 +8817,10 @@
           i0__namespace.ɵɵproperty("ngIf", ctx_r0.cancelButtonText || ctx_r0.confirmButtonText);
       }
   }
-  var _c5$1 = ["*"];
+  var _c5 = ["*"];
   var ModalComponent = /** @class */ (function () {
-      function ModalComponent() {
+      function ModalComponent(contextService) {
+          this.contextService = contextService;
           this.modalStyle = 'center';
           this.ctaColor = 'primary';
           this.close = new i0.EventEmitter();
@@ -8563,40 +8832,29 @@
           this.pagePosition = { x: 0, y: 0 };
           this.currentPath = '';
       }
+      Object.defineProperty(ModalComponent.prototype, "display", {
+          get: function () {
+              return this._display;
+          },
+          set: function (isDisplayed) {
+              this._display = isDisplayed;
+              var defaultScrollElement = this.contextService.defaultScrollElementGetter();
+              if (isDisplayed) {
+                  defaultScrollElement === null || defaultScrollElement === void 0 ? void 0 : defaultScrollElement.classList.add('miam-no-scroll');
+              }
+              else {
+                  defaultScrollElement === null || defaultScrollElement === void 0 ? void 0 : defaultScrollElement.classList.remove('miam-no-scroll');
+              }
+          },
+          enumerable: false,
+          configurable: true
+      });
       ModalComponent.prototype.ngOnInit = function () {
           this.observeNavigation();
       };
       ModalComponent.prototype.ngOnDestroy = function () {
           this.mutationObserver.disconnect();
       };
-      ModalComponent.prototype.onScroll = function (event) {
-          if (event.ctrlKey) {
-              return;
-          }
-          if (this.display) {
-              event.preventDefault();
-              this.scrollFirstScrollableElement(event.target, event.deltaX, event.deltaY);
-          }
-      };
-      ModalComponent.prototype.onTouchStart = function (event) {
-          if (this.display) {
-              this.setPagePosition(event);
-          }
-      };
-      ModalComponent.prototype.onTouchMove = function (event) {
-          if (this.display) {
-              event.preventDefault();
-              var deltaX = this.pagePosition.x - event.touches[0].pageX;
-              var deltaY = this.pagePosition.y - event.touches[0].pageY;
-              this.scrollFirstScrollableElement(event.target, deltaX, deltaY);
-              this.setPagePosition(event);
-          }
-      };
-      ModalComponent.prototype.onKeyDown = function (event) {
-          if (this.display) {
-              this.preventDefaultForScrollKeys(event);
-          }
-      };
       ModalComponent.prototype.onEscapeDown = function () {
           if (this.display) {
               this.onClose();
@@ -8664,12 +8922,12 @@
       };
       return ModalComponent;
   }());
-  ModalComponent.ɵfac = function ModalComponent_Factory(t) { return new (t || ModalComponent)(); };
+  ModalComponent.ɵfac = function ModalComponent_Factory(t) { return new (t || ModalComponent)(i0__namespace.ɵɵdirectiveInject(ContextService)); };
   ModalComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ModalComponent, selectors: [["ng-miam-modal"]], hostBindings: function ModalComponent_HostBindings(rf, ctx) {
           if (rf & 1) {
-              i0__namespace.ɵɵlistener("wheel", function ModalComponent_wheel_HostBindingHandler($event) { return ctx.onScroll($event); })("touchstart", function ModalComponent_touchstart_HostBindingHandler($event) { return ctx.onTouchStart($event); })("touchmove", function ModalComponent_touchmove_HostBindingHandler($event) { return ctx.onTouchMove($event); })("keydown", function ModalComponent_keydown_HostBindingHandler($event) { return ctx.onKeyDown($event); }, false, i0__namespace.ɵɵresolveWindow)("keydown.escape", function ModalComponent_keydown_escape_HostBindingHandler() { return ctx.onEscapeDown(); }, false, i0__namespace.ɵɵresolveWindow);
+              i0__namespace.ɵɵlistener("keydown.escape", function ModalComponent_keydown_escape_HostBindingHandler() { return ctx.onEscapeDown(); }, false, i0__namespace.ɵɵresolveWindow);
           }
-      }, inputs: { recipesCount: "recipesCount", display: "display", confirmButtonIsLoading: "confirmButtonIsLoading", cancelButtonIsLoading: "cancelButtonIsLoading", confirmButtonDisabled: "confirmButtonDisabled", cancelButtonDisabled: "cancelButtonDisabled", noHeaderMode: "noHeaderMode", containerElement: "containerElement", title: "title", confirmButtonText: "confirmButtonText", cancelButtonText: "cancelButtonText", modalStyle: "modalStyle", ctaColor: "ctaColor" }, outputs: { close: "close", cancel: "cancel", confirm: "confirm" }, ngContentSelectors: _c5$1, decls: 1, vars: 1, consts: function () {
+      }, inputs: { recipesCount: "recipesCount", confirmButtonIsLoading: "confirmButtonIsLoading", cancelButtonIsLoading: "cancelButtonIsLoading", confirmButtonDisabled: "confirmButtonDisabled", cancelButtonDisabled: "cancelButtonDisabled", noHeaderMode: "noHeaderMode", containerElement: "containerElement", title: "title", confirmButtonText: "confirmButtonText", cancelButtonText: "cancelButtonText", modalStyle: "modalStyle", ctaColor: "ctaColor", display: "display" }, outputs: { close: "close", cancel: "cancel", confirm: "confirm" }, ngContentSelectors: _c5, decls: 1, vars: 1, consts: function () {
           var i18n_0;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
               var MSG_EXTERNAL_3775647930168967606$$LIB__COMPONENTS_MODAL_MODAL_COMPONENT_TS___1 = goog.getMsg("Utilis\u00E9 dans ");
@@ -8695,7 +8953,7 @@
           if (rf & 2) {
               i0__namespace.ɵɵproperty("ngIf", ctx.display);
           }
-      }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgClass, LoaderComponent], styles: [".miam-modal__container .miam-shadow-overlay{position:fixed;background:var(--miam-ds-color-neutral-black);animation-name:show;animation-duration:.3s;opacity:.6;animation-timing-function:ease-in-out;z-index:var(--m-z-index-modal-overlay);top:0;left:0;width:100vw;height:100dvh;-webkit-tap-highlight-color:transparent}@keyframes show{0%{opacity:0}to{opacity:.6}}.miam-modal__container .miam-modal{z-index:var(--m-z-index-modal);position:fixed;overflow:hidden;background-color:var(--miam-ds-color-background-primary);display:flex;flex-direction:column}@media print{.miam-modal__container .miam-modal{overflow-y:unset!important;position:unset!important;height:unset!important}.miam-modal__container .miam-modal .miam-modal__content-container .miam-modal__close-icon{display:none}}.miam-modal__container .miam-modal.with-header .miam-modal__content-container .miam-modal__content{margin-top:24px;margin-bottom:24px}.miam-modal__container .miam-modal.without-header .miam-modal__content-container .miam-modal__header .miam-modal__title{display:none}.miam-modal__container .miam-modal.without-header .miam-modal__content-container .miam-modal__header .miam-modal__close-icon{position:absolute;top:0;right:0;z-index:var(--m-z-index-position-absolute-high)}.miam-modal__container .miam-modal .miam-modal__content-container{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden}.miam-modal__container .miam-modal .miam-modal__content-container .miam-modal__header{display:flex;flex-direction:row;justify-content:space-between}.miam-modal__container .miam-modal .miam-modal__content-container .miam-modal__header .miam-modal__title{font-weight:900;overflow:hidden;text-overflow:ellipsis;align-self:center}.miam-modal__container .miam-modal .miam-modal__content-container .miam-modal__header .miam-modal__close-icon{margin:8px;padding:16px;background:50%/24px no-repeat url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg)}.miam-modal__container .miam-modal .miam-modal__content-container .miam-modal__content__scroll-protection{overflow:hidden;height:100%;display:flex}.miam-modal__container .miam-modal .miam-modal__content-container .miam-modal__content{width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:var(--miam-ds-color-primary-100),var(--miam-ds-color-primary);scrollbar-width:thin;-ms-overflow-style:none;scrollbar-width:none}.miam-modal__container .miam-modal .miam-modal__content-container .miam-modal__content::-webkit-scrollbar{display:none}.miam-modal__container .miam-modal .miam-modal__content-container .miam-modal__actions{display:flex;justify-content:flex-end;flex-direction:row}.miam-modal__container .miam-modal .miam-modal__content-container .miam-modal__actions button+button{margin-left:12px}.miam-modal__container.center .miam-modal{height:auto;min-width:464px;width:600px;max-width:700px;max-height:96dvh;box-sizing:border-box;top:50%;left:50%;right:unset;transform:translate(-50%,-50%);border-radius:8px;background-color:var(--miam-ds-color-neutral-white);padding:24px}.miam-modal__container.right .miam-modal{right:0;animation-name:openRightDrawer}@keyframes openRightDrawer{0%{right:-1200px}to{right:0}}.miam-modal__container.left .miam-modal{left:0;animation-name:openLeftDrawer}@keyframes openLeftDrawer{0%{left:-1200px}to{left:0}}.miam-modal__container.left .miam-modal,.miam-modal__container.right .miam-modal{animation-duration:.5s;animation-timing-function:cubic-bezier(.75,0,.2,1);height:100%;width:1000px;top:0}.miam-modal__container.left .miam-modal .miam-modal__content-container,.miam-modal__container.right .miam-modal .miam-modal__content-container{height:100%;box-sizing:border-box}.miam-modal__container.left .miam-modal .miam-modal__content-container .miam-modal__content,.miam-modal__container.right .miam-modal .miam-modal__content-container .miam-modal__content{height:100%;box-sizing:border-box;margin:unset}.miam-modal__container.left .miam-modal .miam-modal__content-container .miam-modal__actions,.miam-modal__container.right .miam-modal .miam-modal__content-container .miam-modal__actions{padding:24px;border-top:1px solid var(--miam-ds-color-border)}.miam-modal__container.left .miam-modal.with-header .miam-modal__content-container .miam-modal__header,.miam-modal__container.right .miam-modal.with-header .miam-modal__content-container .miam-modal__header{border-bottom:1px solid var(--miam-ds-color-border);padding:24px}.miam-modal__container.left .miam-modal.with-header .miam-modal__content-container .miam-modal__header .miam-modal__close-icon,.miam-modal__container.right .miam-modal.with-header .miam-modal__content-container .miam-modal__header .miam-modal__close-icon{margin:unset}.miam-modal__container.left .miam-modal.with-header .miam-modal__content-container .miam-modal__content,.miam-modal__container.right .miam-modal.with-header .miam-modal__content-container .miam-modal__content{padding:24px}.miam-modal__container.left .miam-modal.without-header .miam-modal__content-container .miam-modal__header .miam-modal__close-icon,.miam-modal__container.right .miam-modal.without-header .miam-modal__content-container .miam-modal__header .miam-modal__close-icon{margin:24px}.miam-modal__container.left.small-width .miam-modal,.miam-modal__container.right.small-width .miam-modal{min-width:680px;max-width:680px}.miam-modal__container.left.tiny-width .miam-modal,.miam-modal__container.right.tiny-width .miam-modal{min-width:360px;max-width:360px}@media (max-width:1023px){.miam-modal__container.center .miam-modal{min-width:unset;transform:unset;border-radius:unset;padding:unset}.miam-modal__container.center .miam-modal.with-header .miam-modal__content-container .miam-modal__header{border-bottom:1px solid var(--miam-ds-color-border);padding:24px}.miam-modal__container.center .miam-modal.with-header .miam-modal__content-container .miam-modal__header .miam-modal__close-icon{margin:unset}.miam-modal__container.center .miam-modal.without-header .miam-modal__content-container .miam-modal__header .miam-modal__close-icon{margin:24px}.miam-modal__container.center .miam-modal .miam-modal__content-container .miam-modal__content{box-sizing:border-box;height:100%;margin:unset;padding:24px}.miam-modal__container.center .miam-modal .miam-modal__content-container .miam-modal__actions{border-top:1px solid var(--miam-ds-color-border);padding:24px}.miam-modal__container.center .miam-modal,.miam-modal__container.left .miam-modal,.miam-modal__container.left.small-width .miam-modal,.miam-modal__container.left.tiny-width .miam-modal,.miam-modal__container.right .miam-modal,.miam-modal__container.right.small-width .miam-modal,.miam-modal__container.right.tiny-width .miam-modal{max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;top:0;bottom:0;right:0;animation-name:openBottomSheet;animation-duration:.5s;animation-timing-function:cubic-bezier(.075,.82,.165,1)}@keyframes openBottomSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.miam-modal__container.center .miam-modal .miam-modal__content-container .miam-modal__actions,.miam-modal__container.left .miam-modal .miam-modal__content-container .miam-modal__actions,.miam-modal__container.left.small-width .miam-modal .miam-modal__content-container .miam-modal__actions,.miam-modal__container.left.tiny-width .miam-modal .miam-modal__content-container .miam-modal__actions,.miam-modal__container.right .miam-modal .miam-modal__content-container .miam-modal__actions,.miam-modal__container.right.small-width .miam-modal .miam-modal__content-container .miam-modal__actions,.miam-modal__container.right.tiny-width .miam-modal .miam-modal__content-container .miam-modal__actions{flex-direction:column-reverse}.miam-modal__container.center .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.primary,.miam-modal__container.left .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.primary,.miam-modal__container.left.small-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.primary,.miam-modal__container.left.tiny-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.primary,.miam-modal__container.right .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.primary,.miam-modal__container.right.small-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.primary,.miam-modal__container.right.tiny-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.primary{background-color:var(--miam-ds-color-primary)}.miam-modal__container.center .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.secondary,.miam-modal__container.left .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.secondary,.miam-modal__container.left.small-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.secondary,.miam-modal__container.left.tiny-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.secondary,.miam-modal__container.right .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.secondary,.miam-modal__container.right.small-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.secondary,.miam-modal__container.right.tiny-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.secondary{background-color:transparent}.miam-modal__container.center .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button+button,.miam-modal__container.left .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button+button,.miam-modal__container.left.small-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button+button,.miam-modal__container.left.tiny-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button+button,.miam-modal__container.right .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button+button,.miam-modal__container.right.small-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button+button,.miam-modal__container.right.tiny-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button+button{margin-left:unset;margin-bottom:12px}}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgClass, LoaderComponent], styles: [".miam-no-scroll{overflow:hidden}.miam-modal__container .miam-shadow-overlay{position:fixed;background:var(--miam-ds-color-neutral-black);animation-name:show;animation-duration:.3s;opacity:.6;animation-timing-function:ease-in-out;z-index:var(--m-z-index-modal-overlay);top:0;left:0;width:100vw;height:100dvh;-webkit-tap-highlight-color:transparent}@keyframes show{0%{opacity:0}to{opacity:.6}}.miam-modal__container .miam-modal{z-index:var(--m-z-index-modal);position:fixed;overflow:hidden;background-color:var(--miam-ds-color-background-primary);display:flex;flex-direction:column}@media print{.miam-modal__container .miam-modal{overflow-y:unset!important;position:unset!important;height:unset!important}.miam-modal__container .miam-modal .miam-modal__content-container .miam-modal__close-icon{display:none}}.miam-modal__container .miam-modal.with-header .miam-modal__content-container .miam-modal__content{margin-top:24px;margin-bottom:24px}.miam-modal__container .miam-modal.without-header .miam-modal__content-container .miam-modal__header .miam-modal__title{display:none}.miam-modal__container .miam-modal.without-header .miam-modal__content-container .miam-modal__header .miam-modal__close-icon{position:absolute;top:0;right:0;z-index:var(--m-z-index-position-absolute-high)}.miam-modal__container .miam-modal .miam-modal__content-container{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden}.miam-modal__container .miam-modal .miam-modal__content-container .miam-modal__header{display:flex;flex-direction:row;justify-content:space-between}.miam-modal__container .miam-modal .miam-modal__content-container .miam-modal__header .miam-modal__title{font-weight:900;overflow:hidden;text-overflow:ellipsis;align-self:center}.miam-modal__container .miam-modal .miam-modal__content-container .miam-modal__header .miam-modal__close-icon{margin:8px;padding:16px;background:50%/24px no-repeat url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg)}.miam-modal__container .miam-modal .miam-modal__content-container .miam-modal__content__scroll-protection{overflow:hidden;height:100%;display:flex}.miam-modal__container .miam-modal .miam-modal__content-container .miam-modal__content{width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:var(--miam-ds-color-primary-100),var(--miam-ds-color-primary)}.miam-modal__container .miam-modal .miam-modal__content-container .miam-modal__actions{display:flex;justify-content:flex-end;flex-direction:row}.miam-modal__container .miam-modal .miam-modal__content-container .miam-modal__actions button+button{margin-left:12px}.miam-modal__container.center .miam-modal{height:auto;min-width:464px;width:600px;max-width:700px;max-height:96dvh;box-sizing:border-box;top:50%;left:50%;right:unset;transform:translate(-50%,-50%);border-radius:8px;background-color:var(--miam-ds-color-neutral-white);padding:24px}.miam-modal__container.right .miam-modal{right:0;animation-name:openRightDrawer}@keyframes openRightDrawer{0%{right:-1200px}to{right:0}}.miam-modal__container.left .miam-modal{left:0;animation-name:openLeftDrawer}@keyframes openLeftDrawer{0%{left:-1200px}to{left:0}}.miam-modal__container.left .miam-modal,.miam-modal__container.right .miam-modal{animation-duration:.5s;animation-timing-function:cubic-bezier(.75,0,.2,1);height:100%;width:1000px;top:0}.miam-modal__container.left .miam-modal .miam-modal__content-container,.miam-modal__container.right .miam-modal .miam-modal__content-container{height:100%;box-sizing:border-box}.miam-modal__container.left .miam-modal .miam-modal__content-container .miam-modal__content,.miam-modal__container.right .miam-modal .miam-modal__content-container .miam-modal__content{height:100%;box-sizing:border-box;margin:unset}.miam-modal__container.left .miam-modal .miam-modal__content-container .miam-modal__actions,.miam-modal__container.right .miam-modal .miam-modal__content-container .miam-modal__actions{padding:24px;border-top:1px solid var(--miam-ds-color-border)}.miam-modal__container.left .miam-modal.with-header .miam-modal__content-container .miam-modal__header,.miam-modal__container.right .miam-modal.with-header .miam-modal__content-container .miam-modal__header{border-bottom:1px solid var(--miam-ds-color-border);padding:24px}.miam-modal__container.left .miam-modal.with-header .miam-modal__content-container .miam-modal__header .miam-modal__close-icon,.miam-modal__container.right .miam-modal.with-header .miam-modal__content-container .miam-modal__header .miam-modal__close-icon{margin:unset}.miam-modal__container.left .miam-modal.with-header .miam-modal__content-container .miam-modal__content,.miam-modal__container.right .miam-modal.with-header .miam-modal__content-container .miam-modal__content{padding:16px}.miam-modal__container.left .miam-modal.without-header .miam-modal__content-container .miam-modal__header .miam-modal__close-icon,.miam-modal__container.right .miam-modal.without-header .miam-modal__content-container .miam-modal__header .miam-modal__close-icon{margin:24px}.miam-modal__container.left.small-width .miam-modal,.miam-modal__container.right.small-width .miam-modal{min-width:680px;max-width:680px}.miam-modal__container.left.tiny-width .miam-modal,.miam-modal__container.right.tiny-width .miam-modal{min-width:360px;max-width:360px}@media (max-width:1023px){.miam-modal__container.center .miam-modal{min-width:unset;transform:unset;border-radius:unset;padding:unset}.miam-modal__container.center .miam-modal.with-header .miam-modal__content-container .miam-modal__header{border-bottom:1px solid var(--miam-ds-color-border);padding:24px}.miam-modal__container.center .miam-modal.with-header .miam-modal__content-container .miam-modal__header .miam-modal__close-icon{margin:unset}.miam-modal__container.center .miam-modal.without-header .miam-modal__content-container .miam-modal__header .miam-modal__close-icon{margin:24px}.miam-modal__container.center .miam-modal .miam-modal__content-container .miam-modal__content{box-sizing:border-box;height:100%;margin:unset;padding:24px}.miam-modal__container.center .miam-modal .miam-modal__content-container .miam-modal__actions{border-top:1px solid var(--miam-ds-color-border);padding:24px}.miam-modal__container.center .miam-modal,.miam-modal__container.left .miam-modal,.miam-modal__container.left.small-width .miam-modal,.miam-modal__container.left.tiny-width .miam-modal,.miam-modal__container.right .miam-modal,.miam-modal__container.right.small-width .miam-modal,.miam-modal__container.right.tiny-width .miam-modal{max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;top:0;bottom:0;right:0;animation-name:openBottomSheet;animation-duration:.5s;animation-timing-function:cubic-bezier(.075,.82,.165,1)}@keyframes openBottomSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.miam-modal__container.center .miam-modal .miam-modal__content-container .miam-modal__actions,.miam-modal__container.left .miam-modal .miam-modal__content-container .miam-modal__actions,.miam-modal__container.left.small-width .miam-modal .miam-modal__content-container .miam-modal__actions,.miam-modal__container.left.tiny-width .miam-modal .miam-modal__content-container .miam-modal__actions,.miam-modal__container.right .miam-modal .miam-modal__content-container .miam-modal__actions,.miam-modal__container.right.small-width .miam-modal .miam-modal__content-container .miam-modal__actions,.miam-modal__container.right.tiny-width .miam-modal .miam-modal__content-container .miam-modal__actions{flex-direction:column-reverse}.miam-modal__container.center .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.primary,.miam-modal__container.left .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.primary,.miam-modal__container.left.small-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.primary,.miam-modal__container.left.tiny-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.primary,.miam-modal__container.right .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.primary,.miam-modal__container.right.small-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.primary,.miam-modal__container.right.tiny-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.primary{background-color:var(--miam-ds-color-primary)}.miam-modal__container.center .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.secondary,.miam-modal__container.left .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.secondary,.miam-modal__container.left.small-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.secondary,.miam-modal__container.left.tiny-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.secondary,.miam-modal__container.right .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.secondary,.miam-modal__container.right.small-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.secondary,.miam-modal__container.right.tiny-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button:hover.secondary{background-color:transparent}.miam-modal__container.center .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button+button,.miam-modal__container.left .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button+button,.miam-modal__container.left.small-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button+button,.miam-modal__container.left.tiny-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button+button,.miam-modal__container.right .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button+button,.miam-modal__container.right.small-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button+button,.miam-modal__container.right.tiny-width .miam-modal .miam-modal__content-container .miam-modal__actions .miam-ds-button+button{margin-left:unset;margin-bottom:12px}}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ModalComponent, [{
               type: i0.Component,
@@ -8706,9 +8964,7 @@
                       encapsulation: i0.ViewEncapsulation.None,
                       changeDetection: i0.ChangeDetectionStrategy.OnPush
                   }]
-          }], null, { recipesCount: [{
-                  type: i0.Input
-              }], display: [{
+          }], function () { return [{ type: ContextService }]; }, { recipesCount: [{
                   type: i0.Input
               }], confirmButtonIsLoading: [{
                   type: i0.Input
@@ -8738,18 +8994,8 @@
                   type: i0.Output
               }], confirm: [{
                   type: i0.Output
-              }], onScroll: [{
-                  type: i0.HostListener,
-                  args: ['wheel', ['$event']]
-              }], onTouchStart: [{
-                  type: i0.HostListener,
-                  args: ['touchstart', ['$event']]
-              }], onTouchMove: [{
-                  type: i0.HostListener,
-                  args: ['touchmove', ['$event']]
-              }], onKeyDown: [{
-                  type: i0.HostListener,
-                  args: ['window:keydown', ['$event']]
+              }], display: [{
+                  type: i0.Input
               }], onEscapeDown: [{
                   type: i0.HostListener,
                   args: ['window:keydown.escape']
@@ -8932,7 +9178,7 @@
           i0__namespace.ɵɵproperty("ngForOf", ctx_r30.getImportances());
       }
   }
-  var _c12$2 = function (a0) { return { clickable: a0 }; };
+  var _c12$1 = function (a0) { return { clickable: a0 }; };
   function ListInputComponent_ul_4_ng_template_2_li_0_label_17_img_1_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelement(0, "img", 54);
@@ -8940,7 +9186,7 @@
       if (rf & 2) {
           var row_r26 = i0__namespace.ɵɵnextContext(2).$implicit;
           var ctx_r49 = i0__namespace.ɵɵnextContext(3);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(2, _c12$2, ctx_r49.ingredientsPictures.editable))("src", row_r26.controls.attributes.controls["picture-url"].value, i0__namespace.ɵɵsanitizeUrl);
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(2, _c12$1, ctx_r49.ingredientsPictures.editable))("src", row_r26.controls.attributes.controls["picture-url"].value, i0__namespace.ɵɵsanitizeUrl);
       }
   }
   function ListInputComponent_ul_4_ng_template_2_li_0_label_17_ng_miam_icon_2_Template(rf, ctx) {
@@ -9498,7 +9744,7 @@
               i18n_8 = MSG_EXTERNAL_5233517838396324976$$LIB__COMPONENTS_LIST_INPUT_LIST_INPUT_COMPONENT_TS__9;
           }
           else {
-              i18n_8 = $localize(templateObject_5$g || (templateObject_5$g = __makeTemplateObject([":\u241F94ad94596b2f40b07222d1e40355a44b6a1af29a\u241F5233517838396324976:Ingr\u00E9dients"], [":\u241F94ad94596b2f40b07222d1e40355a44b6a1af29a\u241F5233517838396324976:Ingr\u00E9dients"])));
+              i18n_8 = $localize(templateObject_5$f || (templateObject_5$f = __makeTemplateObject([":\u241F94ad94596b2f40b07222d1e40355a44b6a1af29a\u241F5233517838396324976:Ingr\u00E9dients"], [":\u241F94ad94596b2f40b07222d1e40355a44b6a1af29a\u241F5233517838396324976:Ingr\u00E9dients"])));
           }
           var i18n_10;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
@@ -9562,7 +9808,7 @@
               i18n_25 = MSG_EXTERNAL_8809298342961585850$$LIB__COMPONENTS_LIST_INPUT_LIST_INPUT_COMPONENT_TS__26;
           }
           else {
-              i18n_25 = $localize(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject([":\u241Fb4b270d65d094739a4c3233b238db0a8a536dc5e\u241F8809298342961585850:Une ligne correspond \u00E0 une \u00E9tape."], [":\u241Fb4b270d65d094739a4c3233b238db0a8a536dc5e\u241F8809298342961585850:Une ligne correspond \u00E0 une \u00E9tape."])));
+              i18n_25 = $localize(templateObject_13$3 || (templateObject_13$3 = __makeTemplateObject([":\u241Fb4b270d65d094739a4c3233b238db0a8a536dc5e\u241F8809298342961585850:Une ligne correspond \u00E0 une \u00E9tape."], [":\u241Fb4b270d65d094739a4c3233b238db0a8a536dc5e\u241F8809298342961585850:Une ligne correspond \u00E0 une \u00E9tape."])));
           }
           var i18n_27;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
@@ -9570,7 +9816,7 @@
               i18n_27 = MSG_EXTERNAL_2641984252780881638$$LIB__COMPONENTS_LIST_INPUT_LIST_INPUT_COMPONENT_TS__28;
           }
           else {
-              i18n_27 = $localize(templateObject_14$2 || (templateObject_14$2 = __makeTemplateObject([":\u241F0f9865a02f057092ee28211beb813f850707f3d5\u241F2641984252780881638:Votre image est trop lourde (la taille doit \u00EAtre inf\u00E9rieure \u00E0 500 Ko). Merci d\u2019en ajouter une plus l\u00E9g\u00E8re."], [":\u241F0f9865a02f057092ee28211beb813f850707f3d5\u241F2641984252780881638:Votre image est trop lourde (la taille doit \u00EAtre inf\u00E9rieure \u00E0 500 Ko). Merci d\u2019en ajouter une plus l\u00E9g\u00E8re."])));
+              i18n_27 = $localize(templateObject_14$3 || (templateObject_14$3 = __makeTemplateObject([":\u241F0f9865a02f057092ee28211beb813f850707f3d5\u241F2641984252780881638:Votre image est trop lourde (la taille doit \u00EAtre inf\u00E9rieure \u00E0 500 Ko). Merci d\u2019en ajouter une plus l\u00E9g\u00E8re."], [":\u241F0f9865a02f057092ee28211beb813f850707f3d5\u241F2641984252780881638:Votre image est trop lourde (la taille doit \u00EAtre inf\u00E9rieure \u00E0 500 Ko). Merci d\u2019en ajouter une plus l\u00E9g\u00E8re."])));
           }
           return [[1, "miam-list-input"], [1, "miam-list-input__list", 3, "formGroup"], ["class", "miam-list-input__list__label", 4, "ngIf"], ["class", "miam-list-input__container m-default-card", "cdkDropList", "", 3, "cdkDropListDropped", 4, "ngIf", "ngIfElse"], ["hintPlaceholder", ""], [1, "miam-list-input__actions"], ["matInput", "", "class", "m-input", "cdkTextareaAutosize", "", "cdkAutosizeMinRows", "4", "cdkAutosizeMaxRows", "4", 3, "formControl", "keydown.enter", 4, "ngIf"], ["matInput", "", "class", "m-input", "cdkTextareaAutosize", "", "cdkAutosizeMinRows", "4", "cdkAutosizeMaxRows", "4", "placeholder", i18n_0, 3, "formControl", "keydown.enter", 4, "ngIf"], ["matInput", "", "class", "m-input", "cdkTextareaAutosize", "", "cdkAutosizeMinRows", "4", "cdkAutosizeMaxRows", "4", "placeholder", i18n_2, 3, "formControl", "keydown.enter", 4, "ngIf"], [1, "m-button-primary", 3, "mousedown", "mouseup"], i18n_4, [1, "miam-list-input__instructions__direction"], ["class", "miam-list-input__actions__instructions", 4, "ngIf"], ["title", i18n_6, "confirmButtonText", "Fermer", "modalStyle", "right", 3, "noHeaderMode", "display", "close", "confirm", 4, "ngIf"], [1, "miam-list-input__list__label"], i18n_8, i18n_10, ["cdkDropList", "", 1, "miam-list-input__container", "m-default-card", 3, "cdkDropListDropped"], [4, "ngIf", "ngIfElse"], ["ingredientRow", ""], ["cdkDrag", "", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["cdkDrag", ""], [3, "formGroup"], [1, "miam-list-input__container__row", "m-default-card"], ["primaryColor", "var(--m-color-grey05)", "cdkDragHandle", "", 1, "miam-list-input__row__grip", 3, "iconName"], ["cdkTextareaAutosize", "true", "cdkAutosizeMinRows", "1", "cdkAutosizeMaxRows", "50", "formControlName", "description", 1, "m-input", 3, "blur"], ["autosize", "cdkTextareaAutosize"], [1, "miam-list-input__row__trash", 3, "iconName", "click"], ["class", "miam-list-input__row__placeholder", 4, "cdkDragPlaceholder"], ["class", "miam-list-input__row__preview m-default-card", 4, "cdkDragPreview"], [1, "miam-list-input__row__placeholder"], [1, "miam-list-input__row__preview", "m-default-card"], ["primaryColor", "var(--m-color-grey05)", "cdkDragHandle", "", 3, "iconName"], [1, "miam-list-input__preview__text", "m-body-typo"], [1, "miam-list-input__container__row", "m-default-card", 3, "formGroupName"], [1, "miam-list-input__row__left"], [1, "miam-list-input__row__right"], [1, "m-input", 3, "ngClass", "ngModel", "formControl"], [3, "value", 4, "ngFor", "ngForOf"], ["maxSize", "4", "autoWidthInput", "", 1, "m-input", 3, "ngModel", "formControl", "ngModelChange"], ["maxSize", "8", "autoWidthInput", "", 1, "m-input", 3, "ngClass", "formControl"], ["class", "miam-list-input__importance", 4, "ngIf"], [1, "miam-list-input__row__controls"], [3, "for", 4, "ngIf"], ["type", "file", "accept", "image/jpeg, image/png, image/webp", 3, "id", "change", 4, "ngIf"], ["primaryColor", "var(--m-color-grey05)", 1, "miam-list-input__row__trash", 3, "iconName", "click"], [3, "value"], [1, "miam-list-input__importance"], ["class", "miam-list-input__importance__radio", 4, "ngFor", "ngForOf"], [1, "miam-list-input__importance__radio"], ["type", "radio", 3, "name", "id", "value", "formControl", "click"], [3, "for"], ["class", "miam-list-input__row__picture", 3, "ngClass", "src", 4, "ngIf"], ["class", "miam-list-input__row__trash", "primaryColor", "var(--m-color-grey05)", 3, "iconName", 4, "ngIf"], [1, "miam-list-input__row__picture", 3, "ngClass", "src"], ["primaryColor", "var(--m-color-grey05)", 1, "miam-list-input__row__trash", 3, "iconName"], ["type", "file", "accept", "image/jpeg, image/png, image/webp", 3, "id", "change"], ["primaryColor", "var(--m-color-grey-text-dark)", "cdkDragHandle", "", 3, "iconName"], [1, "m-body-typo"], [1, "miam-list-input__placeholder", "miam-list-input__container", "m-default-card"], ["primaryColor", "var(--m-color-grey-text-dark)", 3, "width", "height", "iconName"], [1, "miam-list-input__placeholder__hint", "m-body-typo"], i18n_13, [4, "ngIf"], i18n_15, i18n_17, ["matInput", "", "cdkTextareaAutosize", "", "cdkAutosizeMinRows", "4", "cdkAutosizeMaxRows", "4", 1, "m-input", 3, "formControl", "keydown.enter"], ["matInput", "", "cdkTextareaAutosize", "", "cdkAutosizeMinRows", "4", "cdkAutosizeMaxRows", "4", "placeholder", i18n_0, 1, "m-input", 3, "formControl", "keydown.enter"], ["matInput", "", "cdkTextareaAutosize", "", "cdkAutosizeMinRows", "4", "cdkAutosizeMaxRows", "4", "placeholder", i18n_2, 1, "m-input", 3, "formControl", "keydown.enter"], [1, "miam-list-input__actions__instructions"], i18n_19, i18n_21, i18n_23, i18n_25, ["title", i18n_6, "confirmButtonText", "Fermer", "modalStyle", "right", 3, "noHeaderMode", "display", "close", "confirm"], [1, "miam-list-input__picture__warning"], i18n_27];
       }, template: function ListInputComponent_Template(rf, ctx) {
@@ -9655,7 +9901,7 @@
                   type: i0.Output
               }] });
   })();
-  var templateObject_1$D, templateObject_2$x, templateObject_3$p, templateObject_4$j, templateObject_5$g, templateObject_6$c, templateObject_7$9, templateObject_8$7, templateObject_9$6, templateObject_10$4, templateObject_11$4, templateObject_12$3, templateObject_13$2, templateObject_14$2;
+  var templateObject_1$D, templateObject_2$x, templateObject_3$p, templateObject_4$j, templateObject_5$f, templateObject_6$c, templateObject_7$9, templateObject_8$7, templateObject_9$6, templateObject_10$4, templateObject_11$4, templateObject_12$3, templateObject_13$3, templateObject_14$3;
 
   var MealsPlannerLinkComponent = /** @class */ (function () {
       function MealsPlannerLinkComponent(context) {
@@ -10407,7 +10653,7 @@
               i18n_8 = MSG_EXTERNAL_7733455880752157102$$LIB__COMPONENTS_RECIPE_FILTERS_RECIPE_FILTERS_COMPONENT_TS____9;
           }
           else {
-              i18n_8 = $localize(templateObject_5$f || (templateObject_5$f = __makeTemplateObject([":\u241Fccfd103e2bbd9a80c6d3a226332a77c93c88d871\u241F7733455880752157102:Chef interm\u00E9diaire"], [":\u241Fccfd103e2bbd9a80c6d3a226332a77c93c88d871\u241F7733455880752157102:Chef interm\u00E9diaire"])));
+              i18n_8 = $localize(templateObject_5$e || (templateObject_5$e = __makeTemplateObject([":\u241Fccfd103e2bbd9a80c6d3a226332a77c93c88d871\u241F7733455880752157102:Chef interm\u00E9diaire"], [":\u241Fccfd103e2bbd9a80c6d3a226332a77c93c88d871\u241F7733455880752157102:Chef interm\u00E9diaire"])));
           }
           var i18n_10;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
@@ -10471,7 +10717,7 @@
               i18n_24 = MSG_EXTERNAL_2987005241567363499$$LIB__COMPONENTS_RECIPE_FILTERS_RECIPE_FILTERS_COMPONENT_TS____25;
           }
           else {
-              i18n_24 = $localize(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject([":\u241F06a1a41b1f201e9c0039e7a5a4a6412a1bc3665f\u241F2987005241567363499:Moins de 30 min"], [":\u241F06a1a41b1f201e9c0039e7a5a4a6412a1bc3665f\u241F2987005241567363499:Moins de 30 min"])));
+              i18n_24 = $localize(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject([":\u241F06a1a41b1f201e9c0039e7a5a4a6412a1bc3665f\u241F2987005241567363499:Moins de 30 min"], [":\u241F06a1a41b1f201e9c0039e7a5a4a6412a1bc3665f\u241F2987005241567363499:Moins de 30 min"])));
           }
           var i18n_26;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
@@ -10479,7 +10725,7 @@
               i18n_26 = MSG_EXTERNAL_6215037527102325488$$LIB__COMPONENTS_RECIPE_FILTERS_RECIPE_FILTERS_COMPONENT_TS____27;
           }
           else {
-              i18n_26 = $localize(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject([":\u241F1621eb3798ceefdacca0efee8561de66c85229df\u241F6215037527102325488:Moins de 1 h"], [":\u241F1621eb3798ceefdacca0efee8561de66c85229df\u241F6215037527102325488:Moins de 1 h"])));
+              i18n_26 = $localize(templateObject_14$2 || (templateObject_14$2 = __makeTemplateObject([":\u241F1621eb3798ceefdacca0efee8561de66c85229df\u241F6215037527102325488:Moins de 1 h"], [":\u241F1621eb3798ceefdacca0efee8561de66c85229df\u241F6215037527102325488:Moins de 1 h"])));
           }
           var i18n_28;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
@@ -10593,7 +10839,7 @@
                   type: i0.Output
               }] });
   })();
-  var templateObject_1$B, templateObject_2$v, templateObject_3$n, templateObject_4$i, templateObject_5$f, templateObject_6$b, templateObject_7$8, templateObject_8$6, templateObject_9$5, templateObject_10$3, templateObject_11$3, templateObject_12$2, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1;
+  var templateObject_1$B, templateObject_2$v, templateObject_3$n, templateObject_4$i, templateObject_5$e, templateObject_6$b, templateObject_7$8, templateObject_8$6, templateObject_9$5, templateObject_10$3, templateObject_11$3, templateObject_12$2, templateObject_13$2, templateObject_14$2, templateObject_15$1, templateObject_16$1, templateObject_17$1, templateObject_18$1;
 
   function RecipePricingComponent_div_0_div_10_span_1_Template(rf, ctx) {
       if (rf & 1) {
@@ -12212,7 +12458,7 @@
       if (rf & 2) {
           var ctx_r7 = i0__namespace.ɵɵnextContext(3);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("value", ctx_r7.basketEntry.quantity)("minusLoading", ctx_r7.counterMinusLoading);
+          i0__namespace.ɵɵproperty("value", ctx_r7.product.basketEntry.quantity)("minusLoading", ctx_r7.counterMinusLoading);
       }
   }
   function ProductCardComponent_div_0_ng_container_11_Template(rf, ctx) {
@@ -12238,7 +12484,7 @@
           i0__namespace.ɵɵtemplate(13, ProductCardComponent_div_0_ng_container_11_div_13_Template, 3, 0, "div", 17);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(14, "button", 18);
-          i0__namespace.ɵɵlistener("click", function ProductCardComponent_div_0_ng_container_11_Template_button_click_14_listener() { i0__namespace.ɵɵrestoreView(_r17_1); var ctx_r16 = i0__namespace.ɵɵnextContext(2); return ctx_r16.replaceProduct(ctx_r16.basketEntry.status === "initial"); });
+          i0__namespace.ɵɵlistener("click", function ProductCardComponent_div_0_ng_container_11_Template_button_click_14_listener() { i0__namespace.ɵɵrestoreView(_r17_1); var ctx_r16 = i0__namespace.ɵɵnextContext(2); return ctx_r16.replaceProduct(ctx_r16.product.basketEntry.status === "initial"); });
           i0__namespace.ɵɵelementStart(15, "span");
           i0__namespace.ɵɵtext(16, "Remplacer");
           i0__namespace.ɵɵelementEnd();
@@ -12260,21 +12506,21 @@
       if (rf & 2) {
           var ctx_r1 = i0__namespace.ɵɵnextContext(2);
           i0__namespace.ɵɵadvance(3);
-          i0__namespace.ɵɵproperty("src", ctx_r1.basketEntry.selectedItem.attributes.image, i0__namespace.ɵɵsanitizeUrl);
+          i0__namespace.ɵɵproperty("src", ctx_r1.product.basketEntry.selectedItem.attributes.image, i0__namespace.ɵɵsanitizeUrl);
           i0__namespace.ɵɵadvance(3);
-          i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.basketEntry.selectedItem.attributes.brand, " ");
+          i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.product.basketEntry.selectedItem.attributes.brand, " ");
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.basketEntry.selectedItem.attributes.name, " ");
+          i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.product.basketEntry.selectedItem.attributes.name, " ");
           i0__namespace.ɵɵadvance(3);
-          i0__namespace.ɵɵtextInterpolate2(" ", i0__namespace.ɵɵpipeBind2(12, 9, ctx_r1.basketEntry.selectedItem.capacityVolume, "1.0-2"), " ", ctx_r1.basketEntry.selectedItem.capacityUnit, " ");
+          i0__namespace.ɵɵtextInterpolate2(" ", i0__namespace.ɵɵpipeBind2(12, 9, ctx_r1.product.basketEntry.selectedItem.capacityVolume, "1.0-2"), " ", ctx_r1.product.basketEntry.selectedItem.capacityUnit, " ");
           i0__namespace.ɵɵadvance(2);
           i0__namespace.ɵɵproperty("ngIf", ctx_r1.isSponsored);
           i0__namespace.ɵɵadvance(6);
-          i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(20, 12, ctx_r1.updatedPrice, ctx_r1.basketEntry.selectedItem.attributes.currency), " ");
+          i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(20, 12, ctx_r1.product.price.unit, ctx_r1.product.basketEntry.selectedItem.attributes.currency), " ");
           i0__namespace.ɵɵadvance(3);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r1.basketEntry.status === "initial");
+          i0__namespace.ɵɵproperty("ngIf", ctx_r1.product.basketEntry.status === "initial");
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r1.basketEntry.status === "active");
+          i0__namespace.ɵɵproperty("ngIf", ctx_r1.product.basketEntry.status === "active");
       }
   }
   function ProductCardComponent_div_0_ng_template_12_ng_container_0_Template(rf, ctx) {
@@ -12309,9 +12555,9 @@
       }
       if (rf & 2) {
           var ctx_r3 = i0__namespace.ɵɵnextContext(2);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r3.basketEntry.status === "ignored" || ctx_r3.basketEntry.status === "deleted" || ctx_r3.basketEntry.status === "often_deleted");
+          i0__namespace.ɵɵproperty("ngIf", ctx_r3.product.basketEntry.status === "ignored" || ctx_r3.product.basketEntry.status === "deleted" || ctx_r3.product.basketEntry.status === "often_deleted");
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r3.basketEntry.status === "unavailable");
+          i0__namespace.ɵɵproperty("ngIf", ctx_r3.product.basketEntry.status === "unavailable");
       }
   }
   function ProductCardComponent_div_0_div_14_Template(rf, ctx) {
@@ -12358,30 +12604,30 @@
       if (rf & 2) {
           var _r2 = i0__namespace.ɵɵreference(13);
           var ctx_r0 = i0__namespace.ɵɵnextContext();
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(13, _c0$9, ctx_r0.basketEntry.status === "active", ctx_r0.basketEntry.status === "ignored" || ctx_r0.basketEntry.status === "deleted" || ctx_r0.basketEntry.status === "often_deleted" || ctx_r0.basketEntry.status === "unavailable"));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(13, _c0$9, ctx_r0.product.basketEntry.status === "active", ctx_r0.product.basketEntry.status === "ignored" || ctx_r0.product.basketEntry.status === "deleted" || ctx_r0.product.basketEntry.status === "often_deleted" || ctx_r0.product.basketEntry.status === "unavailable"));
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(16, _c0$9, ctx_r0.basketEntry.status === "active", ctx_r0.basketEntry.status === "ignored" || ctx_r0.basketEntry.status === "deleted" || ctx_r0.basketEntry.status === "often_deleted" || ctx_r0.basketEntry.status === "unavailable"));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(16, _c0$9, ctx_r0.product.basketEntry.status === "active", ctx_r0.product.basketEntry.status === "ignored" || ctx_r0.product.basketEntry.status === "deleted" || ctx_r0.product.basketEntry.status === "often_deleted" || ctx_r0.product.basketEntry.status === "unavailable"));
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(19, _c1$5, ctx_r0.basketEntry.status === "ignored" || ctx_r0.basketEntry.status === "deleted" || ctx_r0.basketEntry.status === "often_deleted" || ctx_r0.basketEntry.status === "unavailable"));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(19, _c1$5, ctx_r0.product.basketEntry.status === "ignored" || ctx_r0.product.basketEntry.status === "deleted" || ctx_r0.product.basketEntry.status === "often_deleted" || ctx_r0.product.basketEntry.status === "unavailable"));
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(4, 11, ctx_r0.basketEntry.name), " ");
+          i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind1(4, 11, ctx_r0.product.basketEntry.name), " ");
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(21, _c1$5, ctx_r0.basketEntry.status === "ignored" || ctx_r0.basketEntry.status === "deleted" || ctx_r0.basketEntry.status === "often_deleted" || ctx_r0.basketEntry.status === "unavailable"));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(21, _c1$5, ctx_r0.product.basketEntry.status === "ignored" || ctx_r0.product.basketEntry.status === "deleted" || ctx_r0.product.basketEntry.status === "often_deleted" || ctx_r0.product.basketEntry.status === "unavailable"));
           i0__namespace.ɵɵadvance(2);
           i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.modifiedIngQty, " ");
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.ingredient.attributes.unit, " ");
+          i0__namespace.ɵɵtextInterpolate1(" ", ctx_r0.product.ingredient.attributes.unit, " ");
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(23, _c2$3, !(ctx_r0.basketEntry.status === "initial" || ctx_r0.basketEntry.status === "active")));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(23, _c2$3, !(ctx_r0.product.basketEntry.status === "initial" || ctx_r0.product.basketEntry.status === "active")));
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r0.basketEntry.status === "initial" || ctx_r0.basketEntry.status === "active")("ngIfElse", _r2);
+          i0__namespace.ɵɵproperty("ngIf", ctx_r0.product.basketEntry.status === "initial" || ctx_r0.product.basketEntry.status === "active")("ngIfElse", _r2);
           i0__namespace.ɵɵadvance(3);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r0.recipesIncludingIngredient > 1 && ctx_r0.basketEntry.status === "active");
+          i0__namespace.ɵɵproperty("ngIf", ctx_r0.recipesIncludingIngredient > 1 && ctx_r0.product.basketEntry.status === "active");
       }
   }
   var ProductCardComponent = /** @class */ (function (_super) {
       __extends(ProductCardComponent, _super);
-      function ProductCardComponent(cdr, basketsService, recipeDetailsService, recipesService, analyticsService, itemsService, ignoredBasketsService, elementRef) {
+      function ProductCardComponent(cdr, basketsService, recipeDetailsService, recipesService, analyticsService, itemsService, ignoredBasketsService, basketActionsService, elementRef) {
           var _this = _super.call(this, analyticsService) || this;
           _this.cdr = cdr;
           _this.basketsService = basketsService;
@@ -12390,6 +12636,7 @@
           _this.analyticsService = analyticsService;
           _this.itemsService = itemsService;
           _this.ignoredBasketsService = ignoredBasketsService;
+          _this.basketActionsService = basketActionsService;
           _this.elementRef = elementRef;
           _this.subscriptions = [];
           _this.recipesIncludingIngredient = 0;
@@ -12397,21 +12644,20 @@
           _this.loadingAddToBasket = false;
           _this.counterMinusLoading = false;
           _this.disabled = false;
-          _this.updatedPrice = '';
           _this.isSponsored = false;
+          // Both below are used only for stored actions
+          _this.searchString = '';
           return _this;
       }
       ProductCardComponent.prototype.ngOnInit = function () {
           var _this = this;
-          this.subscriptions.push(this.recipeDetailsService.productsByCategory$.subscribe(function () { return _this.isProductSponsored(); }), this.loadOnRecipesActions(), this.loadOnIngredientsRemoval(), this.updateIngredientQuantityOnRecipeChange());
+          this.subscriptions.push(this.recipeDetailsService.productsByCategory$.subscribe(function () { return _this.isProductSponsored(); }), this.executeActionFromStorage(), this.loadOnRecipesActions(), this.loadOnIngredientsRemoval(), this.updateIngredientQuantityOnRecipeChange());
       };
       ProductCardComponent.prototype.ngOnChanges = function (changes) {
-          this.updatePriceForItem();
-          this.getProductCardState();
           this.recipesIncludingIngredient = this.isInXRecipes();
           this.loadingAddToBasket = false;
           if (changes.ingredient) {
-              this.modifiedIngQty = +this.ingredient.quantity;
+              this.modifiedIngQty = +this.product.ingredient.quantity;
           }
           this.cdr.detectChanges();
       };
@@ -12419,6 +12665,17 @@
           var _a;
           (_a = this.subscriptions) === null || _a === void 0 ? void 0 : _a.forEach(function (sub) { return sub.unsubscribe(); });
       };
+      ProductCardComponent.prototype.executeActionFromStorage = function () {
+          var _this = this;
+          return this.recipeDetailsService.productsByCategory$.pipe(operators.skipWhile(function (products) { return products.toPickProducts.length === 0; }), operators.take(1), operators.switchMap(function () { return _this.basketActionsService.shouldExecuteBasketAction.pipe(operators.skipWhile(function (method) { return !method; })); })).subscribe(function (parsedMethod) {
+              if (parsedMethod.method === 'addIngredientToBasket' &&
+                  parsedMethod.arguments.ingredientId === _this.product.ingredient.id &&
+                  _this.product.basketEntry.status === 'initial') {
+                  _this.replaceItemForStoredAction(parsedMethod);
+                  _this.addToBasket();
+              }
+          });
+      };
       ProductCardComponent.prototype.updateIngredientQuantityOnRecipeChange = function () {
           var _this = this;
           return this.recipesService.displayedRecipeChanged$.subscribe(function () {
@@ -12427,63 +12684,53 @@
               _this.isProductSponsored();
               // If the recipe-details is displayed solo, recipesService.displayedRecipe$ has no value, so modifiedIngQty will be NaN
               if (recipe) {
-                  _this.modifiedIngQty = +((_b = recipe.modifiedIngredients.find(function (i) { return i.name === _this.ingredient.attributes.name; })) === null || _b === void 0 ? void 0 : _b.qty.toFixed(2));
+                  _this.modifiedIngQty = +((_b = recipe.modifiedIngredients.find(function (i) { return i.name === _this.product.ingredient.attributes.name; })) === null || _b === void 0 ? void 0 : _b.qty.toFixed(2));
               }
               _this.cdr.detectChanges();
           });
       };
-      ProductCardComponent.prototype.updatePriceForItem = function () {
-          var _this = this;
-          if (this.basketEntry.selectedItem) {
-              this.subscriptions.push(this.itemsService.getPriceForItem(this.basketEntry.selectedItem.id).pipe(operators.tap(function (response) { return _this.updatedPrice = response.price; })).subscribe(function () {
-                  _this.cdr.detectChanges();
-              }));
-          }
-      };
-      ProductCardComponent.prototype.getProductCardState = function () {
-          if (!['often_deleted', 'deleted', 'ignored'].includes(this.basketEntry.status)) {
-              var _c = this.basketEntry, id = _c.id, selectedItem = _c.selectedItem, recipesIds = _c.recipesIds;
-              if (id === '-1') {
-                  this.basketEntry.status = selectedItem ? 'initial' : 'unavailable';
-              }
-              else {
-                  var isRecipeActive = recipesIds.includes(+this.recipeDetailsService.recipe.id);
-                  this.basketEntry.status = isRecipeActive ? 'active' : 'initial';
-              }
-          }
-      };
       ProductCardComponent.prototype.counterChanged = function (newCount) {
           if (newCount === 0) {
-              this.recipeDetailsService.ingredientRemoved(this.ingredient, this.eventTrace());
+              this.recipeDetailsService.ingredientRemoved(this.product.ingredient, this.eventTrace());
               this.cdr.detectChanges();
           }
           else {
-              this.recipeDetailsService.updateProductQuantity(this.basketEntry, newCount, this.eventTrace());
+              this.recipeDetailsService.updateProductQuantity(this.product.basketEntry, newCount, this.eventTrace());
           }
+          this.recipeDetailsService.updateIngredientFromBasketLoading = true;
       };
       ProductCardComponent.prototype.addToBasket = function () {
           var _this = this;
-          this.loadingAddToBasket = true;
           var recipe = this.recipeDetailsService.recipe;
-          this.subscriptions.push(this.recipeDetailsService.canAddProductToBasket(this.eventTrace()).subscribe(function () {
-              _this.basketsService.addIngredientsToBasket(recipe.id, [{ ingredientId: _this.ingredient.id, entry: _this.basketEntry }], _this.eventTrace());
+          this.subscriptions.push(this.recipeDetailsService.canAddProductToBasket({
+              method: 'addIngredientToBasket',
+              arguments: {
+                  recipeId: recipe.id, ingredientId: this.product.ingredient.id, entry: this.product.basketEntry, eventTrace: this.eventTrace()
+              }
+          }, this.eventTrace()).subscribe(function (res) {
+              if (res) {
+                  _this.loadingAddToBasket = true;
+                  _this.recipeDetailsService.ingredientToBasketLoading = true;
+                  _this.basketsService.addIngredientsToBasket(recipe.id, [{ ingredientId: _this.product.ingredient.id, entry: _this.product.basketEntry }], _this.eventTrace(), _this.previousItem, _this.searchString);
+              }
           }));
       };
       ProductCardComponent.prototype.ignoreProduct = function () {
-          this.basketEntry.status = 'ignored';
-          this.ignoredBasketsService.addIgnoredIngredients(this.ingredient.id);
+          this.product.basketEntry.status = 'ignored';
+          this.ignoredBasketsService.addIgnoredIngredients(this.product.ingredient.id);
+          this.recipeDetailsService.updateRecipePrice(this.product, true);
           this.recipeDetailsService.updateFooterDisplay$.next();
           this.cdr.detectChanges();
       };
       ProductCardComponent.prototype.replaceProduct = function (ignoreSelected) {
           this.recipeDetailsService.scrollBackToElementId = this.elementRef.nativeElement.id;
-          this.recipeDetailsService.replaceBasketEntry(this.basketEntry, ignoreSelected);
+          this.recipeDetailsService.replaceBasketEntry(this.product.basketEntry, ignoreSelected);
       };
       ProductCardComponent.prototype.isInXRecipes = function () {
-          if (this.basketEntry.status !== 'active') {
+          if (this.product.basketEntry.status !== 'active') {
               return 1;
           }
-          return this.basketEntry.recipesIds.length;
+          return this.product.basketEntry.recipesIds.length;
       };
       ProductCardComponent.prototype.currentPath = function () {
           return '';
@@ -12502,25 +12749,38 @@
       };
       ProductCardComponent.prototype.loadOnIngredientsRemoval = function () {
           var _this = this;
-          return this.basketsService.ingredientWillBeRemoved(this.ingredient.id).subscribe(function (isLoading) {
+          return this.basketsService.ingredientWillBeRemoved(this.product.ingredient.id).subscribe(function (isLoading) {
               _this.counterMinusLoading = isLoading;
               _this.cdr.detectChanges();
           });
       };
       ProductCardComponent.prototype.isProductSponsored = function () {
           var _a;
-          this.isSponsored = this.recipeDetailsService.isSponsored && ((_a = this.ingredient.forcedEans) === null || _a === void 0 ? void 0 : _a.length) > 0;
+          this.isSponsored = this.recipeDetailsService.isSponsored && ((_a = this.product.ingredient.forcedEans) === null || _a === void 0 ? void 0 : _a.length) > 0;
           this.cdr.detectChanges();
       };
+      ProductCardComponent.prototype.replaceItemForStoredAction = function (parsedMethod) {
+          if (parsedMethod.arguments.entry.relationships['selected-item'].data.id !== this.product.basketEntry.selectedItem.id) {
+              if (this.product.basketEntry.status === 'ignored') {
+                  this.ignoredBasketsService.removeIngredientFromIgnored(this.product.ingredient.id);
+              }
+              this.previousItem = this.product.basketEntry.selectedItem;
+              if (this.product.basketEntry.selectedItem) {
+                  this.product.basketEntry.removeRelationship('selected-item', this.product.basketEntry.selectedItem.id);
+              }
+              this.searchString = parsedMethod.arguments.searchString || '';
+              this.product.basketEntry.addRelationship(parsedMethod.arguments.entry.relationships['selected-item'].data, 'selected-item');
+          }
+      };
       return ProductCardComponent;
   }(EventTracerComponent));
-  ProductCardComponent.ɵfac = function ProductCardComponent_Factory(t) { return new (t || ProductCardComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(BasketsService), i0__namespace.ɵɵdirectiveInject(RecipeDetailsService), i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(AnalyticsService), i0__namespace.ɵɵdirectiveInject(ItemsService), i0__namespace.ɵɵdirectiveInject(IgnoredIngredientsService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); };
-  ProductCardComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ProductCardComponent, selectors: [["ng-miam-product-card"]], inputs: { basketEntry: "basketEntry", ingredient: "ingredient" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "miam-product-card__container", 3, "ngClass", 4, "ngIf"], [1, "miam-product-card__container", 3, "ngClass"], [1, "miam-product-card__header", 3, "ngClass"], [1, "miam-product-card__header-name", "miam-ds-text", "size-l", "weight-xxl", 3, "ngClass"], [1, "miam-product-card__header-quantity", "miam-ds-text", "size-s", "weight-l", 3, "ngClass"], [1, "miam-product-card__content", 3, "ngClass"], [4, "ngIf", "ngIfElse"], ["disabledProduct", ""], ["class", "miam-product-card__footer", 4, "ngIf"], [1, "miam-product-card__selected-product"], [1, "miam-product-card__picture-column"], ["alt", "product picture", 1, "miam-product-card__picture", 3, "src"], [1, "miam-product-card__info-column"], [1, "miam-ds-text", "size-xs", "weight-xl", "miam-product-card__details", "product-brand"], [1, "miam-ds-text", "size-xs", "miam-product-card__details", "product-fullname"], [1, "miam-product-card__badges"], [1, "miam-ds-badge"], ["class", "miam-ds-badge outline", 4, "ngIf"], [1, "miam-ds-button", "ghost", 3, "click"], [1, "miam-product-card__lower-action"], [1, "miam-product-card__price", "miam-ds-text", "size-l", "weight-xxl"], [1, "miam-product-card__cta"], [4, "ngIf"], [1, "miam-ds-badge", "outline"], [1, "miam-ds-button", "miam-product-card__ignore-product", "ghost", "small", 3, "click"], [1, "miam-product-card__disabled-text"], ["class", "miam-ds-button miam-product-card__add-product square primary", 3, "disabled", "click", 4, "ngIf"], ["class", "miam-ds-button miam-product-card__loading-button square primary", 4, "ngIf"], [1, "miam-ds-button", "miam-product-card__add-product", "square", "primary", 3, "disabled", "click"], ["alt", "basket icon", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Basket.svg"], [1, "miam-ds-button", "miam-product-card__loading-button", "square", "primary"], [1, "miam-ds-loader"], ["minRange", "0", 3, "value", "minusLoading", "valueChange"], [1, "miam-ds-text", "miam-product-card__disabled-text"], [1, "miam-product-card__footer"], [1, "miam-ds-text", "size-xs", "weight-xl", "light-text"]], template: function ProductCardComponent_Template(rf, ctx) {
+  ProductCardComponent.ɵfac = function ProductCardComponent_Factory(t) { return new (t || ProductCardComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(BasketsService), i0__namespace.ɵɵdirectiveInject(RecipeDetailsService), i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(AnalyticsService), i0__namespace.ɵɵdirectiveInject(ItemsService), i0__namespace.ɵɵdirectiveInject(IgnoredIngredientsService), i0__namespace.ɵɵdirectiveInject(BasketActionsService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); };
+  ProductCardComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ProductCardComponent, selectors: [["ng-miam-product-card"]], inputs: { product: "product" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "miam-product-card__container", 3, "ngClass", 4, "ngIf"], [1, "miam-product-card__container", 3, "ngClass"], [1, "miam-product-card__header", 3, "ngClass"], [1, "miam-product-card__header-name", "miam-ds-text", "size-l", "weight-xxl", 3, "ngClass"], [1, "miam-product-card__header-quantity", "miam-ds-text", "size-s", "weight-l", 3, "ngClass"], [1, "miam-product-card__content", 3, "ngClass"], [4, "ngIf", "ngIfElse"], ["disabledProduct", ""], ["class", "miam-product-card__footer", 4, "ngIf"], [1, "miam-product-card__selected-product"], [1, "miam-product-card__picture-column"], ["alt", "product picture", 1, "miam-product-card__picture", 3, "src"], [1, "miam-product-card__info-column"], [1, "miam-ds-text", "size-xs", "weight-xl", "miam-product-card__details", "product-brand"], [1, "miam-ds-text", "size-xs", "miam-product-card__details", "product-fullname"], [1, "miam-product-card__badges"], [1, "miam-ds-badge"], ["class", "miam-ds-badge outline", 4, "ngIf"], [1, "miam-ds-button", "ghost", 3, "click"], [1, "miam-product-card__lower-action"], [1, "miam-product-card__price", "miam-ds-text", "size-l", "weight-xxl"], [1, "miam-product-card__cta"], [4, "ngIf"], [1, "miam-ds-badge", "outline"], [1, "miam-ds-button", "miam-product-card__ignore-product", "ghost", "small", 3, "click"], [1, "miam-product-card__disabled-text"], ["class", "miam-ds-button miam-product-card__add-product square primary", 3, "disabled", "click", 4, "ngIf"], ["class", "miam-ds-button miam-product-card__loading-button square primary", 4, "ngIf"], [1, "miam-ds-button", "miam-product-card__add-product", "square", "primary", 3, "disabled", "click"], ["alt", "basket icon", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Basket.svg"], [1, "miam-ds-button", "miam-product-card__loading-button", "square", "primary"], [1, "miam-ds-loader"], ["minRange", "0", 3, "value", "minusLoading", "valueChange"], [1, "miam-ds-text", "miam-product-card__disabled-text"], [1, "miam-product-card__footer"], [1, "miam-ds-text", "size-xs", "weight-xl", "light-text"]], template: function ProductCardComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵtemplate(0, ProductCardComponent_div_0_Template, 15, 25, "div", 0);
           }
           if (rf & 2) {
-              i0__namespace.ɵɵproperty("ngIf", ctx.basketEntry);
+              i0__namespace.ɵɵproperty("ngIf", ctx.product.basketEntry);
           }
       }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgClass, CounterInputComponent], pipes: [CapitalizeFirstLetterPipe, i2__namespace$1.DecimalPipe, i2__namespace$1.CurrencyPipe, i2__namespace$1.AsyncPipe], styles: [".miam-product-card__container{display:flex;flex-direction:column;box-sizing:border-box;height:100%;border-radius:8px;overflow:hidden;border:1px solid var(--miam-ds-color-primary-100,#e4eaec);background:var(--miam-ds-color-primary-text,#fff);transition:all .3s}.miam-product-card__container.added{border:1px solid var(--miam-ds-color-primary,#24748f);background:var(--miam-ds-color-primary-text,#fff)}.miam-product-card__container .miam-product-card__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:8px;color:var(--miam-ds-color-neutral-black,#1f3543);background:var(--miam-ds-color-primary-100,#e4eaec);transition:all .3s}.miam-product-card__container .miam-product-card__header.added{background:var(--miam-ds-color-primary,#24748f);color:var(--core-background-background-primary,#fff)}.miam-product-card__container .miam-product-card__header.disabled{background:var(--miam-ds-color-neutral-200,#d9dde1)}.miam-product-card__container .miam-product-card__header .miam-product-card__header-quantity{text-align:right}.miam-product-card__container .miam-product-card__content{padding:8px 12px;height:100%;display:flex;flex-direction:column;gap:12px;background-color:var(--miam-ds-color-neutral-white,#fff);transition:background-color .3s}.miam-product-card__container .miam-product-card__content.disabled{justify-content:center;align-items:center;gap:12px;padding:12px;text-align:center;background-color:var(--miam-ds-color-neutral-200,#d9dde1)}@media (max-width:1023px){.miam-product-card__container .miam-product-card__content{padding:12px}}@media (min-width:1023px) and (max-height:800px){.miam-product-card__container .miam-product-card__content{padding:12px}}.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}@media (max-width:1023px){.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:16px}}@media (min-width:1023px) and (max-height:800px){.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:16px}}.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__picture{height:72px;width:72px}.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__info-column{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width:1023px){.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__info-column{align-items:flex-start}}@media (min-width:1023px) and (max-height:800px){.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__info-column{align-items:flex-start}}.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__info-column .miam-product-card__details{font-size:12px!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--miam-ds-color-neutral-black,#1f3543)}.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__info-column .miam-product-card__details.product-brand{text-transform:uppercase}@media screen{.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__info-column .miam-product-card__details.product-fullname{height:36px}}.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__info-column .miam-product-card__link{font-size:14px}.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__badges{display:flex;gap:8px;margin:8px 0}.miam-product-card__container .miam-product-card__content .miam-product-card__selected-product .miam-product-card__badges .miam-product-card__badge-text{color:var(--miam-ds-color-neutral-black,#1f3543);font-size:12px}.miam-product-card__container .miam-product-card__content .miam-product-card__lower-action{display:flex;align-items:center;justify-content:space-between;gap:8px}.miam-product-card__container .miam-product-card__content .miam-product-card__lower-action .miam-product-card__cta{display:flex;align-items:center;gap:12px}.miam-product-card__container .miam-product-card__content .miam-product-card__lower-action .miam-product-card__cta .miam-ds-button.square{padding:8px}.miam-product-card__container .miam-product-card__content .miam-product-card__lower-action .miam-product-card__cta .miam-product-card__loading-button{padding:14px}@media (max-width:1024px){.miam-product-card__container .miam-product-card__content .miam-product-card__lower-action .miam-product-card__cta .miam-ds-button.primary:hover{background-color:var(--miam-ds-color-primary)}}@media (min-width:1023px) and (max-height:800px){.miam-product-card__container .miam-product-card__content .miam-product-card__lower-action .miam-product-card__cta .miam-ds-button.primary:hover{background-color:var(--miam-ds-color-primary)}}.miam-product-card__container .miam-product-card__content .miam-product-card__lower-action .miam-product-card__price{color:var(--miam-ds-color-primary,#24748f)}.miam-product-card__container .miam-product-card__disabled-text{color:var(--miam-ds-color-neutral-black,#1f3543);opacity:.65}.miam-product-card__container .miam-product-card__footer{display:flex;flex-direction:column;align-items:center;background:var(--miam-ds-color-primary-50,#f0f3f4);padding:8px}.miam-product-card__container .miam-product-card__footer .light-text{color:var(--miam-ds-color-neutral-black,#1f3543);opacity:.5}"], encapsulation: 2, changeDetection: 0 });
   (function () {
@@ -12533,9 +12793,7 @@
                       encapsulation: i0.ViewEncapsulation.None,
                       changeDetection: i0.ChangeDetectionStrategy.OnPush
                   }]
-          }], function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: BasketsService }, { type: RecipeDetailsService }, { type: RecipesService }, { type: AnalyticsService }, { type: ItemsService }, { type: IgnoredIngredientsService }, { type: i0__namespace.ElementRef }]; }, { basketEntry: [{
-                  type: i0.Input
-              }], ingredient: [{
+          }], function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: BasketsService }, { type: RecipeDetailsService }, { type: RecipesService }, { type: AnalyticsService }, { type: ItemsService }, { type: IgnoredIngredientsService }, { type: BasketActionsService }, { type: i0__namespace.ElementRef }]; }, { product: [{
                   type: i0.Input
               }] });
   })();
@@ -12635,22 +12893,22 @@
 
   function ProductsPickerComponent_div_5_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "div", 10);
+          i0__namespace.ɵɵelement(0, "div", 11);
       }
   }
   function ProductsPickerComponent_div_7_ng_miam_product_card_1_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "ng-miam-product-card", 13);
+          i0__namespace.ɵɵelement(0, "ng-miam-product-card", 14);
       }
       if (rf & 2) {
           var product_r8 = ctx.$implicit;
-          i0__namespace.ɵɵproperty("id", "miam_" + product_r8.basketEntry.nameId + "_product_card")("basketEntry", product_r8.basketEntry)("ingredient", product_r8.ingredient);
+          i0__namespace.ɵɵproperty("id", "miam_" + product_r8.basketEntry.nameId + "_product_card")("product", product_r8);
       }
   }
   function ProductsPickerComponent_div_7_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 11);
-          i0__namespace.ɵɵtemplate(1, ProductsPickerComponent_div_7_ng_miam_product_card_1_Template, 1, 3, "ng-miam-product-card", 12);
+          i0__namespace.ɵɵelementStart(0, "div", 12);
+          i0__namespace.ɵɵtemplate(1, ProductsPickerComponent_div_7_ng_miam_product_card_1_Template, 1, 2, "ng-miam-product-card", 13);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -12659,33 +12917,33 @@
           i0__namespace.ɵɵproperty("ngForOf", ctx_r1.recipeDetailsService.productsByCategory.toPickProducts)("ngForTrackBy", ctx_r1.trackByFn);
       }
   }
-  function ProductsPickerComponent_div_9_ng_miam_product_card_7_Template(rf, ctx) {
+  function ProductsPickerComponent_ng_container_10_ng_miam_product_card_7_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "ng-miam-product-card", 13);
+          i0__namespace.ɵɵelement(0, "ng-miam-product-card", 14);
       }
       if (rf & 2) {
           var product_r10 = ctx.$implicit;
-          i0__namespace.ɵɵproperty("id", "miam_" + product_r10.basketEntry.nameId + "_product_card")("basketEntry", product_r10.basketEntry)("ingredient", product_r10.ingredient);
+          i0__namespace.ɵɵproperty("id", "miam_" + product_r10.basketEntry.nameId + "_product_card")("product", product_r10);
       }
   }
-  function ProductsPickerComponent_div_9_Template(rf, ctx) {
+  function ProductsPickerComponent_ng_container_10_Template(rf, ctx) {
       if (rf & 1) {
           var _r12_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "div");
-          i0__namespace.ɵɵelementStart(1, "ng-miam-accordion", 14);
-          i0__namespace.ɵɵlistener("isCollapsedChange", function ProductsPickerComponent_div_9_Template_ng_miam_accordion_isCollapsedChange_1_listener() { i0__namespace.ɵɵrestoreView(_r12_1); var ctx_r11 = i0__namespace.ɵɵnextContext(); return ctx_r11.cdr.detectChanges(); });
+          i0__namespace.ɵɵelementContainerStart(0);
+          i0__namespace.ɵɵelementStart(1, "ng-miam-accordion", 15);
+          i0__namespace.ɵɵlistener("isCollapsedChange", function ProductsPickerComponent_ng_container_10_Template_ng_miam_accordion_isCollapsedChange_1_listener() { i0__namespace.ɵɵrestoreView(_r12_1); var ctx_r11 = i0__namespace.ɵɵnextContext(); return ctx_r11.cdr.detectChanges(); });
           i0__namespace.ɵɵelementStart(2, "ng-miam-accordion-title");
           i0__namespace.ɵɵelementStart(3, "span", 2);
           i0__namespace.ɵɵtext(4, " D\u00E9j\u00E0 dans le placard ");
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(5, "ng-miam-accordion-content");
-          i0__namespace.ɵɵelementStart(6, "div", 11);
-          i0__namespace.ɵɵtemplate(7, ProductsPickerComponent_div_9_ng_miam_product_card_7_Template, 1, 3, "ng-miam-product-card", 12);
-          i0__namespace.ɵɵelementEnd();
+          i0__namespace.ɵɵelementStart(6, "div", 12);
+          i0__namespace.ɵɵtemplate(7, ProductsPickerComponent_ng_container_10_ng_miam_product_card_7_Template, 1, 2, "ng-miam-product-card", 13);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
+          i0__namespace.ɵɵelementContainerEnd();
       }
       if (rf & 2) {
           var ctx_r2 = i0__namespace.ɵɵnextContext();
@@ -12695,31 +12953,31 @@
           i0__namespace.ɵɵproperty("ngForOf", ctx_r2.recipeDetailsService.productsByCategory.oftenIgnoredProducts)("ngForTrackBy", ctx_r2.trackByFn);
       }
   }
-  function ProductsPickerComponent_div_10_ng_miam_product_card_6_Template(rf, ctx) {
+  function ProductsPickerComponent_ng_container_11_ng_miam_product_card_6_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "ng-miam-product-card", 13);
+          i0__namespace.ɵɵelement(0, "ng-miam-product-card", 14);
       }
       if (rf & 2) {
           var product_r14 = ctx.$implicit;
-          i0__namespace.ɵɵproperty("id", "miam_" + product_r14.basketEntry.nameId + "_product_card")("basketEntry", product_r14.basketEntry)("ingredient", product_r14.ingredient);
+          i0__namespace.ɵɵproperty("id", "miam_" + product_r14.basketEntry.nameId + "_product_card")("product", product_r14);
       }
   }
-  function ProductsPickerComponent_div_10_Template(rf, ctx) {
+  function ProductsPickerComponent_ng_container_11_Template(rf, ctx) {
       if (rf & 1) {
           var _r16_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "div");
-          i0__namespace.ɵɵelementStart(1, "ng-miam-accordion", 14);
-          i0__namespace.ɵɵlistener("isCollapsedChange", function ProductsPickerComponent_div_10_Template_ng_miam_accordion_isCollapsedChange_1_listener() { i0__namespace.ɵɵrestoreView(_r16_1); var ctx_r15 = i0__namespace.ɵɵnextContext(); return ctx_r15.cdr.detectChanges(); });
+          i0__namespace.ɵɵelementContainerStart(0);
+          i0__namespace.ɵɵelementStart(1, "ng-miam-accordion", 16);
+          i0__namespace.ɵɵlistener("isCollapsedChange", function ProductsPickerComponent_ng_container_11_Template_ng_miam_accordion_isCollapsedChange_1_listener() { i0__namespace.ɵɵrestoreView(_r16_1); var ctx_r15 = i0__namespace.ɵɵnextContext(); return ctx_r15.cdr.detectChanges(); });
           i0__namespace.ɵɵelementStart(2, "ng-miam-accordion-title");
           i0__namespace.ɵɵtext(3, " Articles indisponibles ");
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(4, "ng-miam-accordion-content");
-          i0__namespace.ɵɵelementStart(5, "div", 11);
-          i0__namespace.ɵɵtemplate(6, ProductsPickerComponent_div_10_ng_miam_product_card_6_Template, 1, 3, "ng-miam-product-card", 12);
-          i0__namespace.ɵɵelementEnd();
+          i0__namespace.ɵɵelementStart(5, "div", 12);
+          i0__namespace.ɵɵtemplate(6, ProductsPickerComponent_ng_container_11_ng_miam_product_card_6_Template, 1, 2, "ng-miam-product-card", 13);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
+          i0__namespace.ɵɵelementContainerEnd();
       }
       if (rf & 2) {
           var ctx_r3 = i0__namespace.ɵɵnextContext();
@@ -12729,12 +12987,12 @@
           i0__namespace.ɵɵproperty("ngForOf", ctx_r3.recipeDetailsService.productsByCategory.unavailableProducts)("ngForTrackBy", ctx_r3.trackByFn);
       }
   }
-  function ProductsPickerComponent_a_12_Template(rf, ctx) {
+  function ProductsPickerComponent_a_13_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "a", 15);
-          i0__namespace.ɵɵelementStart(1, "button", 16);
+          i0__namespace.ɵɵelementStart(0, "a", 17);
+          i0__namespace.ɵɵelementStart(1, "button", 18);
           i0__namespace.ɵɵelementStart(2, "span");
-          i0__namespace.ɵɵi18n(3, 17);
+          i0__namespace.ɵɵi18n(3, 19);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -12744,13 +13002,13 @@
           i0__namespace.ɵɵproperty("href", ctx_r4.contextService.catalogUrl, i0__namespace.ɵɵsanitizeUrl);
       }
   }
-  function ProductsPickerComponent_ng_template_13_Template(rf, ctx) {
+  function ProductsPickerComponent_ng_template_14_Template(rf, ctx) {
       if (rf & 1) {
           var _r18_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "button", 18);
-          i0__namespace.ɵɵlistener("click", function ProductsPickerComponent_ng_template_13_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r18_1); var ctx_r17 = i0__namespace.ɵɵnextContext(); return ctx_r17.closeRecipeModal(); });
+          i0__namespace.ɵɵelementStart(0, "button", 20);
+          i0__namespace.ɵɵlistener("click", function ProductsPickerComponent_ng_template_14_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r18_1); var ctx_r17 = i0__namespace.ɵɵnextContext(); return ctx_r17.closeRecipeModal(); });
           i0__namespace.ɵɵelementStart(1, "span");
-          i0__namespace.ɵɵi18n(2, 19);
+          i0__namespace.ɵɵi18n(2, 21);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
       }
@@ -12808,7 +13066,7 @@
       return ProductsPickerComponent;
   }());
   ProductsPickerComponent.ɵfac = function ProductsPickerComponent_Factory(t) { return new (t || ProductsPickerComponent)(i0__namespace.ɵɵdirectiveInject(ContextService), i0__namespace.ɵɵdirectiveInject(RecipeDetailsService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef)); };
-  ProductsPickerComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ProductsPickerComponent, selectors: [["ng-miam-products-picker"]], outputs: { closeModal: "closeModal" }, decls: 15, vars: 11, consts: function () {
+  ProductsPickerComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ProductsPickerComponent, selectors: [["ng-miam-products-picker"]], outputs: { closeModal: "closeModal" }, decls: 16, vars: 11, consts: function () {
           var i18n_0;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
               var MSG_EXTERNAL_7935172570546041466$$LIB__COMPONENTS_PRODUCTS_PICKER_PRODUCTS_PICKER_COMPONENT_TS__1 = goog.getMsg("Voir plus d'id\u00E9es repas");
@@ -12825,7 +13083,7 @@
           else {
               i18n_2 = $localize(templateObject_2$s || (templateObject_2$s = __makeTemplateObject([":\u241Fe98c28a19e26d5768391fd181582d011334dac18\u241F7935172570546041466:Voir plus d'id\u00E9es repas"], [":\u241Fe98c28a19e26d5768391fd181582d011334dac18\u241F7935172570546041466:Voir plus d'id\u00E9es repas"])));
           }
-          return [[1, "miam-products-picker__container"], [1, "miam-products-picker__header"], [1, "miam-ds-text", "weight-xxl"], [1, "miam-products-picker__header-text"], ["class", " miam-ds-loader miam-products-picker__loader", 4, "ngIf"], ["class", "miam-products-picker__list", 4, "ngIf"], [4, "ngIf"], [1, "miam-products-picker__more"], ["class", "miam-products-picker__more-anchor", 3, "href", 4, "ngIf", "ngIfElse"], ["noAnchor", ""], [1, "miam-ds-loader", "miam-products-picker__loader"], [1, "miam-products-picker__list"], ["class", "miam-products-picker__items", 3, "id", "basketEntry", "ingredient", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "miam-products-picker__items", 3, "id", "basketEntry", "ingredient"], [3, "isCollapsed", "isCollapsedChange"], [1, "miam-products-picker__more-anchor", 3, "href"], [1, "miam-ds-button", "secondary"], i18n_0, [1, "miam-ds-button", "secondary", 3, "click"], i18n_2];
+          return [[1, "miam-products-picker__container"], [1, "miam-products-picker__header"], [1, "miam-ds-text", "weight-xxl"], [1, "miam-products-picker__header-text"], ["class", " miam-ds-loader miam-products-picker__loader", 4, "ngIf"], ["class", "miam-products-picker__list", 4, "ngIf"], [1, "miam-products-picker__secondary-list"], [4, "ngIf"], [1, "miam-products-picker__more"], ["class", "miam-products-picker__more-anchor", 3, "href", 4, "ngIf", "ngIfElse"], ["noAnchor", ""], [1, "miam-ds-loader", "miam-products-picker__loader"], [1, "miam-products-picker__list"], ["class", "miam-products-picker__items", 3, "id", "product", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "miam-products-picker__items", 3, "id", "product"], [1, "miam-products-picker__often-ignored-list", 3, "isCollapsed", "isCollapsedChange"], [1, "miam-products-picker__unavailable-list", 3, "isCollapsed", "isCollapsedChange"], [1, "miam-products-picker__more-anchor", 3, "href"], [1, "miam-ds-button", "secondary"], i18n_0, [1, "miam-ds-button", "secondary", 3, "click"], i18n_2];
       }, template: function ProductsPickerComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -12840,30 +13098,32 @@
               i0__namespace.ɵɵpipe(6, "async");
               i0__namespace.ɵɵtemplate(7, ProductsPickerComponent_div_7_Template, 2, 2, "div", 5);
               i0__namespace.ɵɵpipe(8, "async");
-              i0__namespace.ɵɵtemplate(9, ProductsPickerComponent_div_9_Template, 8, 3, "div", 6);
-              i0__namespace.ɵɵtemplate(10, ProductsPickerComponent_div_10_Template, 7, 3, "div", 6);
-              i0__namespace.ɵɵelementStart(11, "div", 7);
-              i0__namespace.ɵɵtemplate(12, ProductsPickerComponent_a_12_Template, 4, 1, "a", 8);
-              i0__namespace.ɵɵtemplate(13, ProductsPickerComponent_ng_template_13_Template, 3, 0, "ng-template", null, 9, i0__namespace.ɵɵtemplateRefExtractor);
+              i0__namespace.ɵɵelementStart(9, "div", 6);
+              i0__namespace.ɵɵtemplate(10, ProductsPickerComponent_ng_container_10_Template, 8, 3, "ng-container", 7);
+              i0__namespace.ɵɵtemplate(11, ProductsPickerComponent_ng_container_11_Template, 7, 3, "ng-container", 7);
+              i0__namespace.ɵɵelementEnd();
+              i0__namespace.ɵɵelementStart(12, "div", 8);
+              i0__namespace.ɵɵtemplate(13, ProductsPickerComponent_a_13_Template, 4, 1, "a", 9);
+              i0__namespace.ɵɵtemplate(14, ProductsPickerComponent_ng_template_14_Template, 3, 0, "ng-template", null, 10, i0__namespace.ɵɵtemplateRefExtractor);
               i0__namespace.ɵɵelementEnd();
               i0__namespace.ɵɵelementEnd();
           }
           if (rf & 2) {
-              var _r5 = i0__namespace.ɵɵreference(14);
+              var _r5 = i0__namespace.ɵɵreference(15);
               i0__namespace.ɵɵadvance(4);
               i0__namespace.ɵɵtextInterpolate1("", ctx.recipeDetailsService.totalProducts, " ingr\u00E9dients");
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(6, 7, ctx.recipeDetailsService.productsLoading$));
               i0__namespace.ɵɵadvance(2);
               i0__namespace.ɵɵproperty("ngIf", !i0__namespace.ɵɵpipeBind1(8, 9, ctx.recipeDetailsService.productsLoading$));
-              i0__namespace.ɵɵadvance(2);
+              i0__namespace.ɵɵadvance(3);
               i0__namespace.ɵɵproperty("ngIf", ctx.recipeDetailsService.productsByCategory.oftenIgnoredProducts.length > 0);
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("ngIf", ctx.recipeDetailsService.productsByCategory.unavailableProducts.length > 0);
               i0__namespace.ɵɵadvance(2);
               i0__namespace.ɵɵproperty("ngIf", !ctx.isAlreadyOnCatalogPage())("ngIfElse", _r5);
           }
-      }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgForOf, ProductCardComponent, AccordionComponent, AccordionTitleDirective, AccordionContentDirective], pipes: [i2__namespace$1.AsyncPipe], styles: [".miam-products-picker__container{display:flex;flex-direction:column;gap:16px;padding:16px}.miam-products-picker__container .miam-products-picker__loader{margin:0 auto;width:40px;height:40px;background-position-x:20px;background-size:20px 20px}.miam-products-picker__container .miam-products-picker__header{display:flex;justify-content:space-between;align-items:center}.miam-products-picker__container .miam-products-picker__header .miam-products-picker__header-text{font-size:16px;line-height:150%;color:var(--miam-ds-color-neutral-black,#1f3543)}@media (min-width:1024px){.miam-products-picker__container .miam-products-picker__header .miam-products-picker__header-text{font-size:20px;line-height:120%}}.miam-products-picker__container .miam-products-picker__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(296px,1fr));grid-gap:16px}@media (max-width:640px){.miam-products-picker__container .miam-products-picker__list{grid-gap:8px}}.miam-products-picker__container .miam-products-picker__more{display:flex;justify-content:center}.miam-products-picker__container .miam-products-picker__more .miam-products-picker__more-anchor{text-decoration:inherit}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgForOf, ProductCardComponent, AccordionComponent, AccordionTitleDirective, AccordionContentDirective], pipes: [i2__namespace$1.AsyncPipe], styles: [".miam-products-picker__container{display:flex;flex-direction:column;gap:16px;padding:16px}.miam-products-picker__container .miam-products-picker__loader{margin:0 auto;width:40px;height:40px;background-position-x:20px;background-size:20px 20px}.miam-products-picker__container .miam-products-picker__header{display:flex;justify-content:space-between;align-items:center}.miam-products-picker__container .miam-products-picker__header .miam-products-picker__header-text{font-size:16px;line-height:150%;color:var(--miam-ds-color-neutral-black,#1f3543)}@media (min-width:1024px){.miam-products-picker__container .miam-products-picker__header .miam-products-picker__header-text{font-size:20px;line-height:120%}}.miam-products-picker__container .miam-products-picker__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:16px}@media (max-width:640px){.miam-products-picker__container .miam-products-picker__list{grid-gap:8px}}.miam-products-picker__container .miam-products-picker__secondary-list{display:flex;flex-direction:column}.miam-products-picker__container .miam-products-picker__more{display:flex;justify-content:center}.miam-products-picker__container .miam-products-picker__more .miam-products-picker__more-anchor{text-decoration:inherit}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ProductsPickerComponent, [{
               type: i0.Component,
@@ -12896,14 +13156,16 @@
               AutowidthInputDirective,
               ExtendedDatePipe,
               ReachTopDirective,
-              InViewportDirective], exports: [ReadableFloatNumberPipe,
+              InViewportDirective,
+              LoadOnScrollDirective], exports: [ReadableFloatNumberPipe,
               EllipsisPipe,
               SafePipe,
               CapitalizeFirstLetterPipe,
               AutowidthInputDirective,
               ExtendedDatePipe,
               ReachTopDirective,
-              InViewportDirective] });
+              InViewportDirective,
+              LoadOnScrollDirective] });
   })();
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(UtilsModule, [{
@@ -12918,7 +13180,8 @@
                           AutowidthInputDirective,
                           ExtendedDatePipe,
                           ReachTopDirective,
-                          InViewportDirective
+                          InViewportDirective,
+                          LoadOnScrollDirective
                       ],
                       exports: [
                           ReadableFloatNumberPipe,
@@ -12928,7 +13191,8 @@
                           AutowidthInputDirective,
                           ExtendedDatePipe,
                           ReachTopDirective,
-                          InViewportDirective
+                          InViewportDirective,
+                          LoadOnScrollDirective
                       ]
                   }]
           }], null, null);
@@ -13141,7 +13405,7 @@
           i0__namespace.ɵɵelement(0, "ng-miam-loader");
       }
   }
-  var _c10 = function (a0) { return { loading: a0 }; };
+  var _c10$2 = function (a0) { return { loading: a0 }; };
   function BasketPreviewDisabledComponent_div_10_div_1_button_4_Template(rf, ctx) {
       if (rf & 1) {
           var _r12_1 = i0__namespace.ɵɵgetCurrentView();
@@ -13156,7 +13420,7 @@
       if (rf & 2) {
           var entry_r5 = i0__namespace.ɵɵnextContext().$implicit;
           var ctx_r6 = i0__namespace.ɵɵnextContext(2);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c10, ctx_r6.loading[entry_r5.id]));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c10$2, ctx_r6.loading[entry_r5.id]));
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", !ctx_r6.loading[entry_r5.id]);
           i0__namespace.ɵɵadvance(2);
@@ -13197,7 +13461,7 @@
           i0__namespace.ɵɵproperty("ngForOf", ctx_r3.entries);
       }
   }
-  var _c11$1 = function (a0) { return { "miam-basket-preview-disabled__chevron__down": a0 }; };
+  var _c11 = function (a0) { return { "miam-basket-preview-disabled__chevron__down": a0 }; };
   var MODES_CONFIG = {
       unavailable: { cssClass: 'unavailable' },
       removed: { cssClass: 'removed' },
@@ -13293,7 +13557,7 @@
               i18n_8 = MSG_EXTERNAL_7632520172633395699$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_DISABLED_BASKET_PREVIEW_DISABLED_COMPONENT_TS_____9;
           }
           else {
-              i18n_8 = $localize(templateObject_5$e || (templateObject_5$e = __makeTemplateObject([":\u241Fe31c09107c2be79ac21e40a68b0f4ab125f4ab8b\u241F7632520172633395699: au panier"], [":\u241Fe31c09107c2be79ac21e40a68b0f4ab125f4ab8b\u241F7632520172633395699: au panier"])));
+              i18n_8 = $localize(templateObject_5$d || (templateObject_5$d = __makeTemplateObject([":\u241Fe31c09107c2be79ac21e40a68b0f4ab125f4ab8b\u241F7632520172633395699: au panier"], [":\u241Fe31c09107c2be79ac21e40a68b0f4ab125f4ab8b\u241F7632520172633395699: au panier"])));
           }
           return [[1, "miam-basket-preview-disabled"], [1, "miam-basket-preview-disabled__header", 3, "ngClass", "click"], [1, "miam-basket-preview-disabled__header__caption"], ["class", "miam-basket-preview-disabled__header__caption__text", 4, "ngIf"], [1, "miam-basket-preview-disabled__header__caption__number"], [1, "miam-basket-preview-disabled__header__chevron", 3, "ngClass"], ["height", "32", "width", "32", "primaryColor", "#fff", 3, "iconName"], [4, "ngIf"], [1, "miam-basket-preview-disabled__header__caption__text"], i18n_0, i18n_2, i18n_4, ["class", "miam-basket-preview-disabled__entry", 4, "ngFor", "ngForOf"], [1, "miam-basket-preview-disabled__entry"], [1, "text-muted"], ["class", "m-button-grey", 3, "ngClass", "click", 4, "ngIf"], [1, "m-button-grey", 3, "ngClass", "click"], i18n_6, i18n_8];
       }, template: function BasketPreviewDisabledComponent_Template(rf, ctx) {
@@ -13328,7 +13592,7 @@
               i0__namespace.ɵɵadvance(2);
               i0__namespace.ɵɵtextInterpolate1(" (", ctx.entries.length, ") ");
               i0__namespace.ɵɵadvance(1);
-              i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c11$1, !ctx.reduced));
+              i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c11, !ctx.reduced));
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("iconName", ctx.icon.ChevronDown);
               i0__namespace.ɵɵadvance(1);
@@ -13359,19 +13623,19 @@
                   args: ['window:resize', ['$event']]
               }] });
   })();
-  var templateObject_1$x, templateObject_2$r, templateObject_3$k, templateObject_4$h, templateObject_5$e;
+  var templateObject_1$x, templateObject_2$r, templateObject_3$k, templateObject_4$h, templateObject_5$d;
 
-  function BasketPreviewLineComponent_ng_container_0_img_23_Template(rf, ctx) {
+  function BasketPreviewLineComponent_ng_container_0_img_32_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "img", 22);
+          i0__namespace.ɵɵelement(0, "img", 25);
       }
   }
-  function BasketPreviewLineComponent_ng_container_0_ng_template_24_Template(rf, ctx) {
+  function BasketPreviewLineComponent_ng_container_0_ng_template_33_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "div", 23);
+          i0__namespace.ɵɵelement(0, "div", 26);
       }
   }
-  var _c4$4 = function (a0) { return { "disabled": a0 }; };
+  var _c8$2 = function (a0) { return { "disabled": a0 }; };
   function BasketPreviewLineComponent_ng_container_0_Template(rf, ctx) {
       if (rf & 1) {
           var _r7_1 = i0__namespace.ɵɵgetCurrentView();
@@ -13408,27 +13672,40 @@
           i0__namespace.ɵɵi18n(20, 14);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelement(21, "ng-miam-recipe-pricing", 15);
+          i0__namespace.ɵɵelementStart(21, "span", 15);
+          i0__namespace.ɵɵtext(22);
+          i0__namespace.ɵɵpipe(23, "currency");
+          i0__namespace.ɵɵelementEnd();
+          i0__namespace.ɵɵelementStart(24, "div", 16);
+          i0__namespace.ɵɵelementStart(25, "span");
+          i0__namespace.ɵɵi18n(26, 17);
+          i0__namespace.ɵɵelementEnd();
+          i0__namespace.ɵɵtext(27);
+          i0__namespace.ɵɵpipe(28, "currency");
+          i0__namespace.ɵɵelementStart(29, "span");
+          i0__namespace.ɵɵi18n(30, 18);
+          i0__namespace.ɵɵelementEnd();
+          i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelementStart(22, "button", 16);
-          i0__namespace.ɵɵlistener("click", function BasketPreviewLineComponent_ng_container_0_Template_button_click_22_listener($event) { i0__namespace.ɵɵrestoreView(_r7_1); var ctx_r9 = i0__namespace.ɵɵnextContext(); return ctx_r9.removeLine($event); });
-          i0__namespace.ɵɵtemplate(23, BasketPreviewLineComponent_ng_container_0_img_23_Template, 1, 0, "img", 17);
-          i0__namespace.ɵɵtemplate(24, BasketPreviewLineComponent_ng_container_0_ng_template_24_Template, 1, 0, "ng-template", null, 18, i0__namespace.ɵɵtemplateRefExtractor);
+          i0__namespace.ɵɵelementStart(31, "button", 19);
+          i0__namespace.ɵɵlistener("click", function BasketPreviewLineComponent_ng_container_0_Template_button_click_31_listener($event) { i0__namespace.ɵɵrestoreView(_r7_1); var ctx_r9 = i0__namespace.ɵɵnextContext(); return ctx_r9.removeLine($event); });
+          i0__namespace.ɵɵtemplate(32, BasketPreviewLineComponent_ng_container_0_img_32_Template, 1, 0, "img", 20);
+          i0__namespace.ɵɵtemplate(33, BasketPreviewLineComponent_ng_container_0_ng_template_33_Template, 1, 0, "ng-template", null, 21, i0__namespace.ɵɵtemplateRefExtractor);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelementStart(26, "button", 19);
-          i0__namespace.ɵɵlistener("click", function BasketPreviewLineComponent_ng_container_0_Template_button_click_26_listener($event) { i0__namespace.ɵɵrestoreView(_r7_1); var ctx_r10 = i0__namespace.ɵɵnextContext(); return ctx_r10.toggleRecipeDisplay($event); });
-          i0__namespace.ɵɵelementStart(27, "span");
-          i0__namespace.ɵɵi18n(28, 20);
+          i0__namespace.ɵɵelementStart(35, "button", 22);
+          i0__namespace.ɵɵlistener("click", function BasketPreviewLineComponent_ng_container_0_Template_button_click_35_listener($event) { i0__namespace.ɵɵrestoreView(_r7_1); var ctx_r10 = i0__namespace.ɵɵnextContext(); return ctx_r10.toggleRecipeDisplay($event); });
+          i0__namespace.ɵɵelementStart(36, "span");
+          i0__namespace.ɵɵi18n(37, 23);
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelement(29, "img", 21);
+          i0__namespace.ɵɵelement(38, "img", 24);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementContainerEnd();
       }
       if (rf & 2) {
-          var _r4 = i0__namespace.ɵɵreference(25);
+          var _r4 = i0__namespace.ɵɵreference(34);
           var ctx_r0 = i0__namespace.ɵɵnextContext();
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵpropertyInterpolate("id", ctx_r0.line.id);
@@ -13440,17 +13717,19 @@
           i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(15, 10, ctx_r0.line.title));
           i0__namespace.ɵɵadvance(4);
           i0__namespace.ɵɵtextInterpolate(ctx_r0.countProducts);
-          i0__namespace.ɵɵadvance(3);
-          i0__namespace.ɵɵproperty("recipeId", ctx_r0.line.id)("serves", ctx_r0.line.count);
-          i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(12, _c4$4, ctx_r0.disableRemove));
+          i0__namespace.ɵɵadvance(4);
+          i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(23, 12, ctx_r0.line.price, ctx_r0.suppliersService.supplier$.value.currency));
+          i0__namespace.ɵɵadvance(5);
+          i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(28, 15, +ctx_r0.line.price / +ctx_r0.line.count, ctx_r0.suppliersService.supplier$.value.currency));
+          i0__namespace.ɵɵadvance(4);
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(18, _c8$2, ctx_r0.disableRemove));
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", !ctx_r0.removing)("ngIfElse", _r4);
       }
   }
   function BasketPreviewLineComponent_ng_template_1_button_3_ng_miam_icon_1_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "ng-miam-icon", 50);
+          i0__namespace.ɵɵelement(0, "ng-miam-icon", 53);
       }
       if (rf & 2) {
           var ctx_r26 = i0__namespace.ɵɵnextContext(3);
@@ -13459,32 +13738,32 @@
   }
   function BasketPreviewLineComponent_ng_template_1_button_3_ng_template_2_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "div", 23);
+          i0__namespace.ɵɵelement(0, "div", 26);
       }
   }
-  var _c5 = function (a0, a1) { return { "disabled": a0, "loading": a1 }; };
+  var _c9$1 = function (a0, a1) { return { "disabled": a0, "loading": a1 }; };
   function BasketPreviewLineComponent_ng_template_1_button_3_Template(rf, ctx) {
       if (rf & 1) {
           var _r30_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "button", 48);
+          i0__namespace.ɵɵelementStart(0, "button", 51);
           i0__namespace.ɵɵlistener("click", function BasketPreviewLineComponent_ng_template_1_button_3_Template_button_click_0_listener($event) { i0__namespace.ɵɵrestoreView(_r30_1); var ctx_r29 = i0__namespace.ɵɵnextContext(2); return ctx_r29.removeLine($event); });
-          i0__namespace.ɵɵtemplate(1, BasketPreviewLineComponent_ng_template_1_button_3_ng_miam_icon_1_Template, 1, 3, "ng-miam-icon", 49);
-          i0__namespace.ɵɵtemplate(2, BasketPreviewLineComponent_ng_template_1_button_3_ng_template_2_Template, 1, 0, "ng-template", null, 18, i0__namespace.ɵɵtemplateRefExtractor);
+          i0__namespace.ɵɵtemplate(1, BasketPreviewLineComponent_ng_template_1_button_3_ng_miam_icon_1_Template, 1, 3, "ng-miam-icon", 52);
+          i0__namespace.ɵɵtemplate(2, BasketPreviewLineComponent_ng_template_1_button_3_ng_template_2_Template, 1, 0, "ng-template", null, 21, i0__namespace.ɵɵtemplateRefExtractor);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
           var _r27 = i0__namespace.ɵɵreference(3);
           var ctx_r11 = i0__namespace.ɵɵnextContext(2);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(3, _c5, ctx_r11.disableRemove, ctx_r11.removing));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(3, _c9$1, ctx_r11.disableRemove, ctx_r11.removing));
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", !ctx_r11.removing)("ngIfElse", _r27);
       }
   }
   function BasketPreviewLineComponent_ng_template_1_div_7_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 51);
+          i0__namespace.ɵɵelementStart(0, "div", 54);
           i0__namespace.ɵɵelementStart(1, "span");
-          i0__namespace.ɵɵi18n(2, 52);
+          i0__namespace.ɵɵi18n(2, 55);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
       }
@@ -13503,7 +13782,7 @@
   }
   function BasketPreviewLineComponent_ng_template_1_div_14_span_1_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "span", 55);
+          i0__namespace.ɵɵelementStart(0, "span", 58);
           i0__namespace.ɵɵtext(1);
           i0__namespace.ɵɵelementEnd();
       }
@@ -13516,7 +13795,7 @@
   function BasketPreviewLineComponent_ng_template_1_div_14_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "div");
-          i0__namespace.ɵɵtemplate(1, BasketPreviewLineComponent_ng_template_1_div_14_span_1_Template, 2, 1, "span", 53);
+          i0__namespace.ɵɵtemplate(1, BasketPreviewLineComponent_ng_template_1_div_14_span_1_Template, 2, 1, "span", 56);
           i0__namespace.ɵɵelementStart(2, "span");
           i0__namespace.ɵɵtext(3);
           i0__namespace.ɵɵpipe(4, "async");
@@ -13525,7 +13804,7 @@
           i0__namespace.ɵɵtext(6, " /");
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(7, "span");
-          i0__namespace.ɵɵi18n(8, 54);
+          i0__namespace.ɵɵi18n(8, 57);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
       }
@@ -13540,28 +13819,28 @@
   function BasketPreviewLineComponent_ng_template_1_div_16_span_1_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "span");
-          i0__namespace.ɵɵi18n(1, 57);
+          i0__namespace.ɵɵi18n(1, 60);
           i0__namespace.ɵɵelementEnd();
       }
   }
   function BasketPreviewLineComponent_ng_template_1_div_16_span_2_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "span");
-          i0__namespace.ɵɵi18n(1, 58);
+          i0__namespace.ɵɵi18n(1, 61);
           i0__namespace.ɵɵelementEnd();
       }
   }
-  var _c14$2 = function (a0) { return { "expanded": a0 }; };
+  var _c18$1 = function (a0) { return { "expanded": a0 }; };
   function BasketPreviewLineComponent_ng_template_1_div_16_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 56);
-          i0__namespace.ɵɵtemplate(1, BasketPreviewLineComponent_ng_template_1_div_16_span_1_Template, 2, 0, "span", 33);
-          i0__namespace.ɵɵtemplate(2, BasketPreviewLineComponent_ng_template_1_div_16_span_2_Template, 2, 0, "span", 33);
+          i0__namespace.ɵɵelementStart(0, "div", 59);
+          i0__namespace.ɵɵtemplate(1, BasketPreviewLineComponent_ng_template_1_div_16_span_1_Template, 2, 0, "span", 36);
+          i0__namespace.ɵɵtemplate(2, BasketPreviewLineComponent_ng_template_1_div_16_span_2_Template, 2, 0, "span", 36);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
           var ctx_r15 = i0__namespace.ɵɵnextContext(2);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(3, _c14$2, ctx_r15.expanded));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(3, _c18$1, ctx_r15.expanded));
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r15.expanded);
           i0__namespace.ɵɵadvance(1);
@@ -13570,26 +13849,26 @@
   }
   function BasketPreviewLineComponent_ng_template_1_div_17_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 59);
-          i0__namespace.ɵɵi18n(1, 60);
+          i0__namespace.ɵɵelementStart(0, "div", 62);
+          i0__namespace.ɵɵi18n(1, 63);
           i0__namespace.ɵɵelementEnd();
       }
   }
-  var _c19 = function (a0) { return { "disable": a0 }; };
+  var _c23$1 = function (a0) { return { "disable": a0 }; };
   function BasketPreviewLineComponent_ng_template_1_div_18_Template(rf, ctx) {
       if (rf & 1) {
           var _r36_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "div", 61);
+          i0__namespace.ɵɵelementStart(0, "div", 64);
           i0__namespace.ɵɵlistener("click", function BasketPreviewLineComponent_ng_template_1_div_18_Template_div_click_0_listener() { i0__namespace.ɵɵrestoreView(_r36_1); var ctx_r35 = i0__namespace.ɵɵnextContext(2); return ctx_r35.changeProduct(ctx_r35.line); });
-          i0__namespace.ɵɵelementStart(1, "a", 62);
-          i0__namespace.ɵɵi18n(2, 63);
+          i0__namespace.ɵɵelementStart(1, "a", 65);
+          i0__namespace.ɵɵi18n(2, 66);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
           var ctx_r17 = i0__namespace.ɵɵnextContext(2);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(1, _c19, ctx_r17.disableItemSelector));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(1, _c23$1, ctx_r17.disableItemSelector));
       }
   }
   function BasketPreviewLineComponent_ng_template_1_div_19_span_2_Template(rf, ctx) {
@@ -13606,9 +13885,9 @@
   }
   function BasketPreviewLineComponent_ng_template_1_div_19_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 64);
-          i0__namespace.ɵɵelementStart(1, "div", 65);
-          i0__namespace.ɵɵtemplate(2, BasketPreviewLineComponent_ng_template_1_div_19_span_2_Template, 2, 1, "span", 66);
+          i0__namespace.ɵɵelementStart(0, "div", 67);
+          i0__namespace.ɵɵelementStart(1, "div", 68);
+          i0__namespace.ɵɵtemplate(2, BasketPreviewLineComponent_ng_template_1_div_19_span_2_Template, 2, 1, "span", 69);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
       }
@@ -13620,7 +13899,7 @@
   }
   function BasketPreviewLineComponent_ng_template_1_div_21_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 67);
+          i0__namespace.ɵɵelementStart(0, "div", 70);
           i0__namespace.ɵɵelementStart(1, "span");
           i0__namespace.ɵɵtext(2);
           i0__namespace.ɵɵelementEnd();
@@ -13645,7 +13924,7 @@
   }
   function BasketPreviewLineComponent_ng_template_1_ng_template_22_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "ng-miam-recipe-pricing", 15);
+          i0__namespace.ɵɵelement(0, "ng-miam-recipe-pricing", 71);
       }
       if (rf & 2) {
           var ctx_r21 = i0__namespace.ɵɵnextContext(2);
@@ -13654,30 +13933,30 @@
   }
   function BasketPreviewLineComponent_ng_template_1_div_25_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 68);
-          i0__namespace.ɵɵi18n(1, 69);
+          i0__namespace.ɵɵelementStart(0, "div", 72);
+          i0__namespace.ɵɵi18n(1, 73);
           i0__namespace.ɵɵelementEnd();
       }
   }
   function BasketPreviewLineComponent_ng_template_1_div_27_span_1_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "span");
-          i0__namespace.ɵɵi18n(1, 71);
+          i0__namespace.ɵɵi18n(1, 75);
           i0__namespace.ɵɵelementEnd();
       }
   }
   function BasketPreviewLineComponent_ng_template_1_div_27_span_2_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "span");
-          i0__namespace.ɵɵi18n(1, 72);
+          i0__namespace.ɵɵi18n(1, 76);
           i0__namespace.ɵɵelementEnd();
       }
   }
   function BasketPreviewLineComponent_ng_template_1_div_27_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 70);
-          i0__namespace.ɵɵtemplate(1, BasketPreviewLineComponent_ng_template_1_div_27_span_1_Template, 2, 0, "span", 33);
-          i0__namespace.ɵɵtemplate(2, BasketPreviewLineComponent_ng_template_1_div_27_span_2_Template, 2, 0, "span", 33);
+          i0__namespace.ɵɵelementStart(0, "div", 74);
+          i0__namespace.ɵɵtemplate(1, BasketPreviewLineComponent_ng_template_1_div_27_span_1_Template, 2, 0, "span", 36);
+          i0__namespace.ɵɵtemplate(2, BasketPreviewLineComponent_ng_template_1_div_27_span_2_Template, 2, 0, "span", 36);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -13691,10 +13970,10 @@
   function BasketPreviewLineComponent_ng_template_1_div_28_Template(rf, ctx) {
       if (rf & 1) {
           var _r42_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "div", 73);
-          i0__namespace.ɵɵelementStart(1, "button", 74);
+          i0__namespace.ɵɵelementStart(0, "div", 77);
+          i0__namespace.ɵɵelementStart(1, "button", 78);
           i0__namespace.ɵɵlistener("click", function BasketPreviewLineComponent_ng_template_1_div_28_Template_button_click_1_listener($event) { i0__namespace.ɵɵrestoreView(_r42_1); var ctx_r41 = i0__namespace.ɵɵnextContext(2); return ctx_r41.toggleRecipeDisplay($event, true); });
-          i0__namespace.ɵɵelement(2, "ng-miam-icon", 75);
+          i0__namespace.ɵɵelement(2, "ng-miam-icon", 79);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
       }
@@ -13707,7 +13986,7 @@
   function BasketPreviewLineComponent_ng_template_1_div_29_div_1_ng_miam_basket_preview_line_1_Template(rf, ctx) {
       if (rf & 1) {
           var _r52_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "ng-miam-basket-preview-line", 82);
+          i0__namespace.ɵɵelementStart(0, "ng-miam-basket-preview-line", 86);
           i0__namespace.ɵɵlistener("removed", function BasketPreviewLineComponent_ng_template_1_div_29_div_1_ng_miam_basket_preview_line_1_Template_ng_miam_basket_preview_line_removed_0_listener($event) { i0__namespace.ɵɵrestoreView(_r52_1); var ctx_r51 = i0__namespace.ɵɵnextContext(4); return ctx_r51.deleteEntry($event.record); })("replaceItem", function BasketPreviewLineComponent_ng_template_1_div_29_div_1_ng_miam_basket_preview_line_1_Template_ng_miam_basket_preview_line_replaceItem_0_listener() { i0__namespace.ɵɵrestoreView(_r52_1); var ctx_r53 = i0__namespace.ɵɵnextContext(4); return ctx_r53.replaceItem.emit(ctx_r53.line); });
           i0__namespace.ɵɵelementEnd();
       }
@@ -13719,7 +13998,7 @@
   }
   function BasketPreviewLineComponent_ng_template_1_div_29_div_1_ng_miam_basket_preview_disabled_3_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "ng-miam-basket-preview-disabled", 83);
+          i0__namespace.ɵɵelement(0, "ng-miam-basket-preview-disabled", 87);
       }
       if (rf & 2) {
           var ctx_r47 = i0__namespace.ɵɵnextContext(4);
@@ -13729,7 +14008,7 @@
   function BasketPreviewLineComponent_ng_template_1_div_29_div_1_ng_miam_basket_preview_disabled_4_Template(rf, ctx) {
       if (rf & 1) {
           var _r55_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "ng-miam-basket-preview-disabled", 84);
+          i0__namespace.ɵɵelementStart(0, "ng-miam-basket-preview-disabled", 88);
           i0__namespace.ɵɵlistener("entryAdded", function BasketPreviewLineComponent_ng_template_1_div_29_div_1_ng_miam_basket_preview_disabled_4_Template_ng_miam_basket_preview_disabled_entryAdded_0_listener($event) { i0__namespace.ɵɵrestoreView(_r55_1); var ctx_r54 = i0__namespace.ɵɵnextContext(4); return ctx_r54.addEntry($event); });
           i0__namespace.ɵɵelementEnd();
       }
@@ -13741,7 +14020,7 @@
   function BasketPreviewLineComponent_ng_template_1_div_29_div_1_ng_miam_basket_preview_disabled_5_Template(rf, ctx) {
       if (rf & 1) {
           var _r57_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "ng-miam-basket-preview-disabled", 85);
+          i0__namespace.ɵɵelementStart(0, "ng-miam-basket-preview-disabled", 89);
           i0__namespace.ɵɵlistener("entryAdded", function BasketPreviewLineComponent_ng_template_1_div_29_div_1_ng_miam_basket_preview_disabled_5_Template_ng_miam_basket_preview_disabled_entryAdded_0_listener($event) { i0__namespace.ɵɵrestoreView(_r57_1); var ctx_r56 = i0__namespace.ɵɵnextContext(4); return ctx_r56.addEntry($event); });
           i0__namespace.ɵɵelementEnd();
       }
@@ -13753,11 +14032,11 @@
   function BasketPreviewLineComponent_ng_template_1_div_29_div_1_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "div");
-          i0__namespace.ɵɵtemplate(1, BasketPreviewLineComponent_ng_template_1_div_29_div_1_ng_miam_basket_preview_line_1_Template, 1, 6, "ng-miam-basket-preview-line", 78);
+          i0__namespace.ɵɵtemplate(1, BasketPreviewLineComponent_ng_template_1_div_29_div_1_ng_miam_basket_preview_line_1_Template, 1, 6, "ng-miam-basket-preview-line", 82);
           i0__namespace.ɵɵpipe(2, "async");
-          i0__namespace.ɵɵtemplate(3, BasketPreviewLineComponent_ng_template_1_div_29_div_1_ng_miam_basket_preview_disabled_3_Template, 1, 2, "ng-miam-basket-preview-disabled", 79);
-          i0__namespace.ɵɵtemplate(4, BasketPreviewLineComponent_ng_template_1_div_29_div_1_ng_miam_basket_preview_disabled_4_Template, 1, 2, "ng-miam-basket-preview-disabled", 80);
-          i0__namespace.ɵɵtemplate(5, BasketPreviewLineComponent_ng_template_1_div_29_div_1_ng_miam_basket_preview_disabled_5_Template, 1, 3, "ng-miam-basket-preview-disabled", 81);
+          i0__namespace.ɵɵtemplate(3, BasketPreviewLineComponent_ng_template_1_div_29_div_1_ng_miam_basket_preview_disabled_3_Template, 1, 2, "ng-miam-basket-preview-disabled", 83);
+          i0__namespace.ɵɵtemplate(4, BasketPreviewLineComponent_ng_template_1_div_29_div_1_ng_miam_basket_preview_disabled_4_Template, 1, 2, "ng-miam-basket-preview-disabled", 84);
+          i0__namespace.ɵɵtemplate(5, BasketPreviewLineComponent_ng_template_1_div_29_div_1_ng_miam_basket_preview_disabled_5_Template, 1, 3, "ng-miam-basket-preview-disabled", 85);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -13774,19 +14053,19 @@
   }
   function BasketPreviewLineComponent_ng_template_1_div_29_ng_template_2_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 86);
+          i0__namespace.ɵɵelementStart(0, "div", 90);
           i0__namespace.ɵɵelement(1, "ng-miam-loader");
           i0__namespace.ɵɵelementStart(2, "div");
-          i0__namespace.ɵɵi18n(3, 87);
+          i0__namespace.ɵɵi18n(3, 91);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
       }
   }
   function BasketPreviewLineComponent_ng_template_1_div_29_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 76);
+          i0__namespace.ɵɵelementStart(0, "div", 80);
           i0__namespace.ɵɵtemplate(1, BasketPreviewLineComponent_ng_template_1_div_29_div_1_Template, 6, 6, "div", 0);
-          i0__namespace.ɵɵtemplate(2, BasketPreviewLineComponent_ng_template_1_div_29_ng_template_2_Template, 4, 0, "ng-template", null, 77, i0__namespace.ɵɵtemplateRefExtractor);
+          i0__namespace.ɵɵtemplate(2, BasketPreviewLineComponent_ng_template_1_div_29_ng_template_2_Template, 4, 0, "ng-template", null, 81, i0__namespace.ɵɵtemplateRefExtractor);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -13796,69 +14075,69 @@
           i0__namespace.ɵɵproperty("ngIf", !ctx_r25.loading)("ngIfElse", _r44);
       }
   }
-  var _c28 = function (a0, a1, a2) { return { clickable: a0, expanded: a1, elevate: a2 }; };
-  var _c29 = function (a0) { return { "with-inline-tag": a0 }; };
+  var _c32 = function (a0, a1, a2) { return { clickable: a0, expanded: a1, elevate: a2 }; };
+  var _c33 = function (a0) { return { "with-inline-tag": a0 }; };
   function BasketPreviewLineComponent_ng_template_1_Template(rf, ctx) {
       if (rf & 1) {
           var _r59_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "div", 24);
+          i0__namespace.ɵɵelementStart(0, "div", 27);
           i0__namespace.ɵɵlistener("click", function BasketPreviewLineComponent_ng_template_1_Template_div_click_0_listener($event) { i0__namespace.ɵɵrestoreView(_r59_1); var ctx_r58 = i0__namespace.ɵɵnextContext(); return ctx_r58.line.displayMode ? ctx_r58.toggleRecipeDisplay($event) : ctx_r58.toggleExpanded($event); });
-          i0__namespace.ɵɵelementStart(1, "div", 25);
-          i0__namespace.ɵɵelementStart(2, "div", 26);
-          i0__namespace.ɵɵtemplate(3, BasketPreviewLineComponent_ng_template_1_button_3_Template, 4, 6, "button", 27);
-          i0__namespace.ɵɵelementStart(4, "div", 28);
+          i0__namespace.ɵɵelementStart(1, "div", 28);
+          i0__namespace.ɵɵelementStart(2, "div", 29);
+          i0__namespace.ɵɵtemplate(3, BasketPreviewLineComponent_ng_template_1_button_3_Template, 4, 6, "button", 30);
+          i0__namespace.ɵɵelementStart(4, "div", 31);
           i0__namespace.ɵɵelementStart(5, "img", 5);
           i0__namespace.ɵɵlistener("click", function BasketPreviewLineComponent_ng_template_1_Template_img_click_5_listener($event) { i0__namespace.ɵɵrestoreView(_r59_1); var ctx_r60 = i0__namespace.ɵɵnextContext(); return ctx_r60.toggleRecipeDisplay($event); });
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelementStart(6, "div", 29);
-          i0__namespace.ɵɵtemplate(7, BasketPreviewLineComponent_ng_template_1_div_7_Template, 3, 0, "div", 30);
-          i0__namespace.ɵɵelementStart(8, "div", 31);
+          i0__namespace.ɵɵelementStart(6, "div", 32);
+          i0__namespace.ɵɵtemplate(7, BasketPreviewLineComponent_ng_template_1_div_7_Template, 3, 0, "div", 33);
+          i0__namespace.ɵɵelementStart(8, "div", 34);
           i0__namespace.ɵɵlistener("click", function BasketPreviewLineComponent_ng_template_1_Template_div_click_8_listener($event) { i0__namespace.ɵɵrestoreView(_r59_1); var ctx_r61 = i0__namespace.ɵɵnextContext(); return ctx_r61.toggleRecipeDisplay($event); });
           i0__namespace.ɵɵelementStart(9, "strong");
           i0__namespace.ɵɵtext(10);
           i0__namespace.ɵɵpipe(11, "capitalizeFirstLetter");
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelementStart(12, "div", 32);
-          i0__namespace.ɵɵtemplate(13, BasketPreviewLineComponent_ng_template_1_div_13_Template, 2, 1, "div", 33);
-          i0__namespace.ɵɵtemplate(14, BasketPreviewLineComponent_ng_template_1_div_14_Template, 9, 4, "div", 33);
+          i0__namespace.ɵɵelementStart(12, "div", 35);
+          i0__namespace.ɵɵtemplate(13, BasketPreviewLineComponent_ng_template_1_div_13_Template, 2, 1, "div", 36);
+          i0__namespace.ɵɵtemplate(14, BasketPreviewLineComponent_ng_template_1_div_14_Template, 9, 4, "div", 36);
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelementStart(15, "div", 34);
-          i0__namespace.ɵɵtemplate(16, BasketPreviewLineComponent_ng_template_1_div_16_Template, 3, 5, "div", 35);
-          i0__namespace.ɵɵtemplate(17, BasketPreviewLineComponent_ng_template_1_div_17_Template, 2, 0, "div", 36);
-          i0__namespace.ɵɵtemplate(18, BasketPreviewLineComponent_ng_template_1_div_18_Template, 3, 3, "div", 37);
-          i0__namespace.ɵɵtemplate(19, BasketPreviewLineComponent_ng_template_1_div_19_Template, 3, 1, "div", 38);
+          i0__namespace.ɵɵelementStart(15, "div", 37);
+          i0__namespace.ɵɵtemplate(16, BasketPreviewLineComponent_ng_template_1_div_16_Template, 3, 5, "div", 38);
+          i0__namespace.ɵɵtemplate(17, BasketPreviewLineComponent_ng_template_1_div_17_Template, 2, 0, "div", 39);
+          i0__namespace.ɵɵtemplate(18, BasketPreviewLineComponent_ng_template_1_div_18_Template, 3, 3, "div", 40);
+          i0__namespace.ɵɵtemplate(19, BasketPreviewLineComponent_ng_template_1_div_19_Template, 3, 1, "div", 41);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelementStart(20, "div", 39);
-          i0__namespace.ɵɵtemplate(21, BasketPreviewLineComponent_ng_template_1_div_21_Template, 8, 5, "div", 40);
-          i0__namespace.ɵɵtemplate(22, BasketPreviewLineComponent_ng_template_1_ng_template_22_Template, 1, 2, "ng-template", null, 41, i0__namespace.ɵɵtemplateRefExtractor);
-          i0__namespace.ɵɵelementStart(24, "div", 42);
-          i0__namespace.ɵɵtemplate(25, BasketPreviewLineComponent_ng_template_1_div_25_Template, 2, 0, "div", 43);
-          i0__namespace.ɵɵelementStart(26, "ng-miam-counter-input", 44);
+          i0__namespace.ɵɵelementStart(20, "div", 42);
+          i0__namespace.ɵɵtemplate(21, BasketPreviewLineComponent_ng_template_1_div_21_Template, 8, 5, "div", 43);
+          i0__namespace.ɵɵtemplate(22, BasketPreviewLineComponent_ng_template_1_ng_template_22_Template, 1, 2, "ng-template", null, 44, i0__namespace.ɵɵtemplateRefExtractor);
+          i0__namespace.ɵɵelementStart(24, "div", 45);
+          i0__namespace.ɵɵtemplate(25, BasketPreviewLineComponent_ng_template_1_div_25_Template, 2, 0, "div", 46);
+          i0__namespace.ɵɵelementStart(26, "ng-miam-counter-input", 47);
           i0__namespace.ɵɵlistener("valueChange", function BasketPreviewLineComponent_ng_template_1_Template_ng_miam_counter_input_valueChange_26_listener($event) { i0__namespace.ɵɵrestoreView(_r59_1); var ctx_r62 = i0__namespace.ɵɵnextContext(); return ctx_r62.changeCount($event); });
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵtemplate(27, BasketPreviewLineComponent_ng_template_1_div_27_Template, 3, 2, "div", 45);
+          i0__namespace.ɵɵtemplate(27, BasketPreviewLineComponent_ng_template_1_div_27_Template, 3, 2, "div", 48);
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵtemplate(28, BasketPreviewLineComponent_ng_template_1_div_28_Template, 3, 3, "div", 46);
+          i0__namespace.ɵɵtemplate(28, BasketPreviewLineComponent_ng_template_1_div_28_Template, 3, 3, "div", 49);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵtemplate(29, BasketPreviewLineComponent_ng_template_1_div_29_Template, 4, 2, "div", 47);
+          i0__namespace.ɵɵtemplate(29, BasketPreviewLineComponent_ng_template_1_div_29_Template, 4, 2, "div", 50);
       }
       if (rf & 2) {
           var _r20 = i0__namespace.ɵɵreference(23);
           var ctx_r2 = i0__namespace.ɵɵnextContext();
           i0__namespace.ɵɵpropertyInterpolate("id", ctx_r2.line.id);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction3(24, _c28, ctx_r2.line.hasEntries() || ctx_r2.line.displayMode, ctx_r2.expanded, ctx_r2.selectItem));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction3(24, _c32, ctx_r2.line.hasEntries() || ctx_r2.line.displayMode, ctx_r2.expanded, ctx_r2.selectItem));
           i0__namespace.ɵɵadvance(3);
           i0__namespace.ɵɵproperty("ngIf", !ctx_r2.uniqueLine && !ctx_r2.line.displayMode);
           i0__namespace.ɵɵadvance(2);
           i0__namespace.ɵɵproperty("src", ctx_r2.line.picture, i0__namespace.ɵɵsanitizeUrl);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(28, _c29, ctx_r2.line.inlineTag));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(28, _c33, ctx_r2.line.inlineTag));
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r2.sponsorised);
           i0__namespace.ɵɵadvance(3);
@@ -13891,7 +14170,7 @@
   }
   var BasketPreviewLineComponent = /** @class */ (function (_super) {
       __extends(BasketPreviewLineComponent, _super);
-      function BasketPreviewLineComponent(cdr, recipesService, basketsService, analyticsService, posService, userService, contextService, elementRef, supplierService) {
+      function BasketPreviewLineComponent(cdr, recipesService, basketsService, analyticsService, posService, userService, contextService, suppliersService, elementRef, supplierService) {
           var _this = _super.call(this, analyticsService) || this;
           _this.cdr = cdr;
           _this.recipesService = recipesService;
@@ -13900,6 +14179,7 @@
           _this.posService = posService;
           _this.userService = userService;
           _this.contextService = contextService;
+          _this.suppliersService = suppliersService;
           _this.elementRef = elementRef;
           _this.supplierService = supplierService;
           _this.displayTotalPricing = true;
@@ -13956,7 +14236,7 @@
               fields: { recipe: ['number-of-guests'], ingredients: ['name', 'quantity', 'unit'] }
           }).pipe(operators.switchMap(function (recipe) {
               _this.legacyRecipe = recipe;
-              var requests = recipe.relationships.ingredients.data.map(function (ing) { return _this.basketsService.basketEntryFromIngredient(ing.id).pipe(operators.tap(function (entry) {
+              var requests = recipe.relationships.ingredients.data.map(function (ing) { return _this.basketsService.basketEntryFromIngredient(ing.id, _this.line.count).pipe(operators.tap(function (entry) {
                   if (_this.legacyIngredientsEntries === undefined) {
                       _this.legacyIngredientsEntries = [];
                   }
@@ -14167,7 +14447,7 @@
       };
       return BasketPreviewLineComponent;
   }(EventTracerComponent));
-  BasketPreviewLineComponent.ɵfac = function BasketPreviewLineComponent_Factory(t) { return new (t || BasketPreviewLineComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(BasketsService), i0__namespace.ɵɵdirectiveInject(AnalyticsService), i0__namespace.ɵɵdirectiveInject(PointOfSalesService), i0__namespace.ɵɵdirectiveInject(UserService), i0__namespace.ɵɵdirectiveInject(ContextService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(SuppliersService)); };
+  BasketPreviewLineComponent.ɵfac = function BasketPreviewLineComponent_Factory(t) { return new (t || BasketPreviewLineComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(BasketsService), i0__namespace.ɵɵdirectiveInject(AnalyticsService), i0__namespace.ɵɵdirectiveInject(PointOfSalesService), i0__namespace.ɵɵdirectiveInject(UserService), i0__namespace.ɵɵdirectiveInject(ContextService), i0__namespace.ɵɵdirectiveInject(SuppliersService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(SuppliersService)); };
   BasketPreviewLineComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: BasketPreviewLineComponent, selectors: [["ng-miam-basket-preview-line"]], inputs: { line: "line", uniqueLine: "uniqueLine", blockStates: "blockStates", displayTotalPricing: "displayTotalPricing", recipesAlwaysExpanded: "recipesAlwaysExpanded", itemsAlwaysExpanded: "itemsAlwaysExpanded", displayItemsUnitaryPrice: "displayItemsUnitaryPrice", sponsorised: "sponsorised", legacyMode: "legacyMode" }, outputs: { removed: "removed", countChanged: "countChanged", replaceItem: "replaceItem", showRecipe: "showRecipe" }, features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: function () {
           var i18n_0;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
@@ -14179,103 +14459,119 @@
           }
           var i18n_2;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_6749102764655247912$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS__3 = goog.getMsg("Voir les produits");
-              i18n_2 = MSG_EXTERNAL_6749102764655247912$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS__3;
+              var MSG_EXTERNAL_2861269811387022272$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS__3 = goog.getMsg("soit ");
+              i18n_2 = MSG_EXTERNAL_2861269811387022272$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS__3;
           }
           else {
-              i18n_2 = $localize(templateObject_2$q || (templateObject_2$q = __makeTemplateObject([":\u241Fd68184b8cb73679ad3ecea9935d57f739bea4871\u241F6749102764655247912:Voir les produits"], [":\u241Fd68184b8cb73679ad3ecea9935d57f739bea4871\u241F6749102764655247912:Voir les produits"])));
+              i18n_2 = $localize(templateObject_2$q || (templateObject_2$q = __makeTemplateObject([":\u241F2706048545fce399fb75b672add0eb745e09ada5\u241F2861269811387022272:soit "], [":\u241F2706048545fce399fb75b672add0eb745e09ada5\u241F2861269811387022272:soit "])));
           }
-          var i18n_6;
+          var i18n_4;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_8545968125113919212$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___7 = goog.getMsg("Sponsoris\u00E9");
-              i18n_6 = MSG_EXTERNAL_8545968125113919212$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___7;
+              var MSG_EXTERNAL_795612159703082771$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS__5 = goog.getMsg("/pers");
+              i18n_4 = MSG_EXTERNAL_795612159703082771$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS__5;
           }
           else {
-              i18n_6 = $localize(templateObject_3$j || (templateObject_3$j = __makeTemplateObject([":\u241F5eb3efea30c37fe427894692cd5e01d298767657\u241F8545968125113919212:Sponsoris\u00E9"], [":\u241F5eb3efea30c37fe427894692cd5e01d298767657\u241F8545968125113919212:Sponsoris\u00E9"])));
+              i18n_4 = $localize(templateObject_3$j || (templateObject_3$j = __makeTemplateObject([":\u241F1c70617413b748533642488f2e142c2f06296f8f\u241F795612159703082771:/pers"], [":\u241F1c70617413b748533642488f2e142c2f06296f8f\u241F795612159703082771:/pers"])));
           }
-          var i18n_8;
+          var i18n_6;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_943969525955903510$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___9 = goog.getMsg(" personne ");
-              i18n_8 = MSG_EXTERNAL_943969525955903510$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___9;
+              var MSG_EXTERNAL_6749102764655247912$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS__7 = goog.getMsg("Voir les produits");
+              i18n_6 = MSG_EXTERNAL_6749102764655247912$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS__7;
           }
           else {
-              i18n_8 = $localize(templateObject_4$g || (templateObject_4$g = __makeTemplateObject([":\u241F464df96417b29e18e7c92bd6bbe85ec8ae81101a\u241F943969525955903510: personne "], [":\u241F464df96417b29e18e7c92bd6bbe85ec8ae81101a\u241F943969525955903510: personne "])));
+              i18n_6 = $localize(templateObject_4$g || (templateObject_4$g = __makeTemplateObject([":\u241Fd68184b8cb73679ad3ecea9935d57f739bea4871\u241F6749102764655247912:Voir les produits"], [":\u241Fd68184b8cb73679ad3ecea9935d57f739bea4871\u241F6749102764655247912:Voir les produits"])));
           }
           var i18n_10;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_7216398619205393425$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____11 = goog.getMsg("Masquer le d\u00E9tail");
-              i18n_10 = MSG_EXTERNAL_7216398619205393425$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____11;
+              var MSG_EXTERNAL_8545968125113919212$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___11 = goog.getMsg("Sponsoris\u00E9");
+              i18n_10 = MSG_EXTERNAL_8545968125113919212$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___11;
           }
           else {
-              i18n_10 = $localize(templateObject_5$d || (templateObject_5$d = __makeTemplateObject([":\u241F4785d2ed6aa646690f46eb4fe02a1916a39cdbb8\u241F7216398619205393425:Masquer le d\u00E9tail"], [":\u241F4785d2ed6aa646690f46eb4fe02a1916a39cdbb8\u241F7216398619205393425:Masquer le d\u00E9tail"])));
+              i18n_10 = $localize(templateObject_5$c || (templateObject_5$c = __makeTemplateObject([":\u241F5eb3efea30c37fe427894692cd5e01d298767657\u241F8545968125113919212:Sponsoris\u00E9"], [":\u241F5eb3efea30c37fe427894692cd5e01d298767657\u241F8545968125113919212:Sponsoris\u00E9"])));
           }
           var i18n_12;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_1356308905753232069$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____13 = goog.getMsg("Voir le d\u00E9tail");
-              i18n_12 = MSG_EXTERNAL_1356308905753232069$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____13;
+              var MSG_EXTERNAL_943969525955903510$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___13 = goog.getMsg(" personne ");
+              i18n_12 = MSG_EXTERNAL_943969525955903510$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___13;
           }
           else {
-              i18n_12 = $localize(templateObject_6$a || (templateObject_6$a = __makeTemplateObject([":\u241F1afb0c360aa8eb58699c70b4f81b79db9b304633\u241F1356308905753232069:Voir le d\u00E9tail"], [":\u241F1afb0c360aa8eb58699c70b4f81b79db9b304633\u241F1356308905753232069:Voir le d\u00E9tail"])));
+              i18n_12 = $localize(templateObject_6$a || (templateObject_6$a = __makeTemplateObject([":\u241F464df96417b29e18e7c92bd6bbe85ec8ae81101a\u241F943969525955903510: personne "], [":\u241F464df96417b29e18e7c92bd6bbe85ec8ae81101a\u241F943969525955903510: personne "])));
           }
-          var i18n_15;
+          var i18n_14;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_5882806197320246536$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___16 = goog.getMsg(" Voir la recette ");
-              i18n_15 = MSG_EXTERNAL_5882806197320246536$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___16;
+              var MSG_EXTERNAL_7216398619205393425$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____15 = goog.getMsg("Masquer le d\u00E9tail");
+              i18n_14 = MSG_EXTERNAL_7216398619205393425$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____15;
           }
           else {
-              i18n_15 = $localize(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject([":\u241Fb13efa64234089d6652cd83ff1b3dc829f22a13e\u241F5882806197320246536: Voir la recette "], [":\u241Fb13efa64234089d6652cd83ff1b3dc829f22a13e\u241F5882806197320246536: Voir la recette "])));
+              i18n_14 = $localize(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject([":\u241F4785d2ed6aa646690f46eb4fe02a1916a39cdbb8\u241F7216398619205393425:Masquer le d\u00E9tail"], [":\u241F4785d2ed6aa646690f46eb4fe02a1916a39cdbb8\u241F7216398619205393425:Masquer le d\u00E9tail"])));
           }
-          var i18n_17;
+          var i18n_16;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_2014297263214357463$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___18 = goog.getMsg("Changer d'article");
-              i18n_17 = MSG_EXTERNAL_2014297263214357463$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___18;
+              var MSG_EXTERNAL_1356308905753232069$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____17 = goog.getMsg("Voir le d\u00E9tail");
+              i18n_16 = MSG_EXTERNAL_1356308905753232069$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____17;
           }
           else {
-              i18n_17 = $localize(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject([":\u241Fc0482d798065c40279036142ef812ebf3942d280\u241F2014297263214357463:Changer d'article"], [":\u241Fc0482d798065c40279036142ef812ebf3942d280\u241F2014297263214357463:Changer d'article"])));
+              i18n_16 = $localize(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject([":\u241F1afb0c360aa8eb58699c70b4f81b79db9b304633\u241F1356308905753232069:Voir le d\u00E9tail"], [":\u241F1afb0c360aa8eb58699c70b4f81b79db9b304633\u241F1356308905753232069:Voir le d\u00E9tail"])));
           }
-          var i18n_20;
+          var i18n_19;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_6410345110451741598$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___21 = goog.getMsg("pour");
-              i18n_20 = MSG_EXTERNAL_6410345110451741598$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___21;
+              var MSG_EXTERNAL_5882806197320246536$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___20 = goog.getMsg(" Voir la recette ");
+              i18n_19 = MSG_EXTERNAL_5882806197320246536$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___20;
           }
           else {
-              i18n_20 = $localize(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject([":\u241F1987d6d2d7b60e267f6d65eb3c4cdb5c975d5f54\u241F6410345110451741598:pour"], [":\u241F1987d6d2d7b60e267f6d65eb3c4cdb5c975d5f54\u241F6410345110451741598:pour"])));
+              i18n_19 = $localize(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject([":\u241Fb13efa64234089d6652cd83ff1b3dc829f22a13e\u241F5882806197320246536: Voir la recette "], [":\u241Fb13efa64234089d6652cd83ff1b3dc829f22a13e\u241F5882806197320246536: Voir la recette "])));
           }
-          var i18n_22;
+          var i18n_21;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_3397501349112812891$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____23 = goog.getMsg("personnes");
-              i18n_22 = MSG_EXTERNAL_3397501349112812891$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____23;
+              var MSG_EXTERNAL_2014297263214357463$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___22 = goog.getMsg("Changer d'article");
+              i18n_21 = MSG_EXTERNAL_2014297263214357463$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___22;
           }
           else {
-              i18n_22 = $localize(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject([":\u241F63e53fe349a9d568182157b18cf3140aca246d62\u241F3397501349112812891:personnes"], [":\u241F63e53fe349a9d568182157b18cf3140aca246d62\u241F3397501349112812891:personnes"])));
+              i18n_21 = $localize(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject([":\u241Fc0482d798065c40279036142ef812ebf3942d280\u241F2014297263214357463:Changer d'article"], [":\u241Fc0482d798065c40279036142ef812ebf3942d280\u241F2014297263214357463:Changer d'article"])));
           }
           var i18n_24;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_2884439310873584392$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____25 = goog.getMsg("personne");
-              i18n_24 = MSG_EXTERNAL_2884439310873584392$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____25;
+              var MSG_EXTERNAL_6410345110451741598$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___25 = goog.getMsg("pour");
+              i18n_24 = MSG_EXTERNAL_6410345110451741598$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS___25;
           }
           else {
-              i18n_24 = $localize(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject([":\u241F1d52fd9a90536a68517dea0fee46df2e64971d3f\u241F2884439310873584392:personne"], [":\u241F1d52fd9a90536a68517dea0fee46df2e64971d3f\u241F2884439310873584392:personne"])));
+              i18n_24 = $localize(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject([":\u241F1987d6d2d7b60e267f6d65eb3c4cdb5c975d5f54\u241F6410345110451741598:pour"], [":\u241F1987d6d2d7b60e267f6d65eb3c4cdb5c975d5f54\u241F6410345110451741598:pour"])));
           }
           var i18n_26;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_8327069019640670106$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____27 = goog.getMsg("Calcul des ingr\u00E9dients...");
-              i18n_26 = MSG_EXTERNAL_8327069019640670106$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____27;
+              var MSG_EXTERNAL_3397501349112812891$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____27 = goog.getMsg("personnes");
+              i18n_26 = MSG_EXTERNAL_3397501349112812891$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____27;
+          }
+          else {
+              i18n_26 = $localize(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject([":\u241F63e53fe349a9d568182157b18cf3140aca246d62\u241F3397501349112812891:personnes"], [":\u241F63e53fe349a9d568182157b18cf3140aca246d62\u241F3397501349112812891:personnes"])));
+          }
+          var i18n_28;
+          if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
+              var MSG_EXTERNAL_2884439310873584392$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____29 = goog.getMsg("personne");
+              i18n_28 = MSG_EXTERNAL_2884439310873584392$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____29;
+          }
+          else {
+              i18n_28 = $localize(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject([":\u241F1d52fd9a90536a68517dea0fee46df2e64971d3f\u241F2884439310873584392:personne"], [":\u241F1d52fd9a90536a68517dea0fee46df2e64971d3f\u241F2884439310873584392:personne"])));
+          }
+          var i18n_30;
+          if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
+              var MSG_EXTERNAL_8327069019640670106$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____31 = goog.getMsg("Calcul des ingr\u00E9dients...");
+              i18n_30 = MSG_EXTERNAL_8327069019640670106$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_LINE_BASKET_PREVIEW_LINE_COMPONENT_TS____31;
           }
           else {
-              i18n_26 = $localize(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject([":\u241F1eacd4f46056d28691469ea02279e20c0642e699\u241F8327069019640670106:Calcul des ingr\u00E9dients..."], [":\u241F1eacd4f46056d28691469ea02279e20c0642e699\u241F8327069019640670106:Calcul des ingr\u00E9dients..."])));
+              i18n_30 = $localize(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject([":\u241F1eacd4f46056d28691469ea02279e20c0642e699\u241F8327069019640670106:Calcul des ingr\u00E9dients..."], [":\u241F1eacd4f46056d28691469ea02279e20c0642e699\u241F8327069019640670106:Calcul des ingr\u00E9dients..."])));
           }
-          return [[4, "ngIf", "ngIfElse"], ["legacyView", ""], [1, "miam-basket-preview-line", 3, "id"], [1, "miam-basket-preview-line__left"], [1, "miam-basket-preview-line__picture"], ["alt", "recipe picture", 3, "src", "click"], [1, "miam-basket-preview-line__counter"], [1, "miam-ds-text", "weight-xxl", "size-m"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/recipe-counter.svg", "alt", "people"], [1, "miam-basket-preview-line__right"], [1, "miam-basket-preview-line__top"], [1, "miam-basket-preview-line__infos"], [1, "miam-basket-preview-line__title", "miam-ds-text", "weight-xxl", "size-m", 3, "click"], [1, "miam-basket-preview-line__product-count", "miam-ds-text", "weight-l", "size-s"], i18n_0, [3, "recipeId", "serves"], [1, "miam-basket-preview-line__remove", "miam-ds-button", "ghost", 3, "ngClass", "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/trash.svg", "alt", "remove recipe", 4, "ngIf", "ngIfElse"], ["removeLoader", ""], [1, "miam-basket-preview-line__link", "miam-ds-button", "ghost", 3, "click"], i18n_2, ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/arrow-right.svg", "alt", "arrow right"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/trash.svg", "alt", "remove recipe"], [1, "miam-ds-loader"], [1, "miam-basket-preview-line", "legacy", 3, "id", "ngClass", "click"], [1, "miam-basket-preview-line__item"], [1, "miam-basket-preview-line__item__left"], ["class", "miam-ds-button ghost square miam-basket-preview-line__item__remove", 3, "ngClass", "click", 4, "ngIf"], [1, "miam-basket-preview-line__item__picture"], [1, "miam-basket-preview-line__item__details", 3, "ngClass"], ["class", "miam-basket-preview-line__item__sponsorised", 4, "ngIf"], [1, "miam-basket-preview-line__item__title", 3, "click"], [1, "miam-basket-preview-line__item__description"], [4, "ngIf"], [1, "miam-basket-preview-line__item__actions"], ["class", "miam-basket-preview-line__item__showDetails", 3, "ngClass", 4, "ngIf"], ["class", "miam-basket-preview-line__item__showDetails", 4, "ngIf"], ["class", "miam-basket-preview-line__item__change", 3, "click", 4, "ngIf"], ["class", "miam-basket-preview-line__item__inlineTag__container", 4, "ngIf"], [1, "miam-basket-preview-line__item__right"], ["class", "miam-basket-preview-line__item__price", 4, "ngIf", "ngIfElse"], ["pricePerguest", ""], [1, "miam-basket-preview-line__item__count"], ["class", "miam-basket-preview-line__item__count__for", 4, "ngIf"], [3, "value", "minRange", "disable", "valueChange"], ["class", "miam-basket-preview-line__item__count__people", 4, "ngIf"], ["class", "miam-basket-preview-line__add__button", 4, "ngIf"], ["class", "miam-basket-preview-lines", 4, "ngIf"], [1, "miam-ds-button", "ghost", "square", "miam-basket-preview-line__item__remove", 3, "ngClass", "click"], [3, "iconName", "height", "width", 4, "ngIf", "ngIfElse"], [3, "iconName", "height", "width"], [1, "miam-basket-preview-line__item__sponsorised"], i18n_6, ["class", "miam-basket-preview-line__item__description__part", 4, "ngFor", "ngForOf"], i18n_8, [1, "miam-basket-preview-line__item__description__part"], [1, "miam-basket-preview-line__item__showDetails", 3, "ngClass"], i18n_10, i18n_12, [1, "miam-basket-preview-line__item__showDetails"], i18n_15, [1, "miam-basket-preview-line__item__change", 3, "click"], [1, "miam-basket-preview-line__item__change__link", 3, "ngClass"], i18n_17, [1, "miam-basket-preview-line__item__inlineTag__container"], [1, "miam-basket-preview-line__item__inlineTag"], [4, "ngFor", "ngForOf"], [1, "miam-basket-preview-line__item__price"], [1, "miam-basket-preview-line__item__count__for"], i18n_20, [1, "miam-basket-preview-line__item__count__people"], i18n_22, i18n_24, [1, "miam-basket-preview-line__add__button"], [1, "m-button-primary", 3, "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-basket-preview-lines"], ["loader", ""], [3, "line", "sponsorised", "displayItemsUnitaryPrice", "originTrace", "blockStates", "legacyMode", "removed", "replaceItem", 4, "ngFor", "ngForOf"], ["mode", "unavailable", 3, "entries", "alwaysExpanded", 4, "ngIf"], ["mode", "oftenDeleted", 3, "entries", "alwaysExpanded", "entryAdded", 4, "ngIf"], ["mode", "removed", 3, "entries", "alwaysExpanded", "reduced", "entryAdded", 4, "ngIf"], [3, "line", "sponsorised", "displayItemsUnitaryPrice", "originTrace", "blockStates", "legacyMode", "removed", "replaceItem"], ["mode", "unavailable", 3, "entries", "alwaysExpanded"], ["mode", "oftenDeleted", 3, "entries", "alwaysExpanded", "entryAdded"], ["mode", "removed", 3, "entries", "alwaysExpanded", "reduced", "entryAdded"], [1, "miam-basket-preview-line__loader-container"], i18n_26];
+          return [[4, "ngIf", "ngIfElse"], ["legacyView", ""], [1, "miam-basket-preview-line", 3, "id"], [1, "miam-basket-preview-line__left"], [1, "miam-basket-preview-line__picture"], ["alt", "recipe picture", 3, "src", "click"], [1, "miam-basket-preview-line__counter"], [1, "miam-ds-text", "weight-xxl", "size-m"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/recipe-counter.svg", "alt", "people"], [1, "miam-basket-preview-line__right"], [1, "miam-basket-preview-line__top"], [1, "miam-basket-preview-line__infos"], [1, "miam-basket-preview-line__title", "miam-ds-text", "weight-xxl", "size-m", 3, "click"], [1, "miam-basket-preview-line__product-count", "miam-ds-text", "weight-l", "size-s"], i18n_0, [1, "miam-basket-preview-line__price-label", "miam-ds-text", "weight-xxl"], [1, "miam-basket-preview-line__price-per-person-label", "miam-ds-text", "weight-l", "size-xs"], i18n_2, i18n_4, [1, "miam-basket-preview-line__remove", "miam-ds-button", "ghost", 3, "ngClass", "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/trash.svg", "alt", "remove recipe", 4, "ngIf", "ngIfElse"], ["removeLoader", ""], [1, "miam-basket-preview-line__link", "miam-ds-button", "ghost", 3, "click"], i18n_6, ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/arrow-right.svg", "alt", "arrow right"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/trash.svg", "alt", "remove recipe"], [1, "miam-ds-loader"], [1, "miam-basket-preview-line", "legacy", 3, "id", "ngClass", "click"], [1, "miam-basket-preview-line__item"], [1, "miam-basket-preview-line__item__left"], ["class", "miam-ds-button ghost square miam-basket-preview-line__item__remove", 3, "ngClass", "click", 4, "ngIf"], [1, "miam-basket-preview-line__item__picture"], [1, "miam-basket-preview-line__item__details", 3, "ngClass"], ["class", "miam-basket-preview-line__item__sponsorised", 4, "ngIf"], [1, "miam-basket-preview-line__item__title", 3, "click"], [1, "miam-basket-preview-line__item__description"], [4, "ngIf"], [1, "miam-basket-preview-line__item__actions"], ["class", "miam-basket-preview-line__item__showDetails", 3, "ngClass", 4, "ngIf"], ["class", "miam-basket-preview-line__item__showDetails", 4, "ngIf"], ["class", "miam-basket-preview-line__item__change", 3, "click", 4, "ngIf"], ["class", "miam-basket-preview-line__item__inlineTag__container", 4, "ngIf"], [1, "miam-basket-preview-line__item__right"], ["class", "miam-basket-preview-line__item__price", 4, "ngIf", "ngIfElse"], ["pricePerguest", ""], [1, "miam-basket-preview-line__item__count"], ["class", "miam-basket-preview-line__item__count__for", 4, "ngIf"], [3, "value", "minRange", "disable", "valueChange"], ["class", "miam-basket-preview-line__item__count__people", 4, "ngIf"], ["class", "miam-basket-preview-line__add__button", 4, "ngIf"], ["class", "miam-basket-preview-lines", 4, "ngIf"], [1, "miam-ds-button", "ghost", "square", "miam-basket-preview-line__item__remove", 3, "ngClass", "click"], [3, "iconName", "height", "width", 4, "ngIf", "ngIfElse"], [3, "iconName", "height", "width"], [1, "miam-basket-preview-line__item__sponsorised"], i18n_10, ["class", "miam-basket-preview-line__item__description__part", 4, "ngFor", "ngForOf"], i18n_12, [1, "miam-basket-preview-line__item__description__part"], [1, "miam-basket-preview-line__item__showDetails", 3, "ngClass"], i18n_14, i18n_16, [1, "miam-basket-preview-line__item__showDetails"], i18n_19, [1, "miam-basket-preview-line__item__change", 3, "click"], [1, "miam-basket-preview-line__item__change__link", 3, "ngClass"], i18n_21, [1, "miam-basket-preview-line__item__inlineTag__container"], [1, "miam-basket-preview-line__item__inlineTag"], [4, "ngFor", "ngForOf"], [1, "miam-basket-preview-line__item__price"], [3, "recipeId", "serves"], [1, "miam-basket-preview-line__item__count__for"], i18n_24, [1, "miam-basket-preview-line__item__count__people"], i18n_26, i18n_28, [1, "miam-basket-preview-line__add__button"], [1, "m-button-primary", 3, "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-basket-preview-lines"], ["loader", ""], [3, "line", "sponsorised", "displayItemsUnitaryPrice", "originTrace", "blockStates", "legacyMode", "removed", "replaceItem", 4, "ngFor", "ngForOf"], ["mode", "unavailable", 3, "entries", "alwaysExpanded", 4, "ngIf"], ["mode", "oftenDeleted", 3, "entries", "alwaysExpanded", "entryAdded", 4, "ngIf"], ["mode", "removed", 3, "entries", "alwaysExpanded", "reduced", "entryAdded", 4, "ngIf"], [3, "line", "sponsorised", "displayItemsUnitaryPrice", "originTrace", "blockStates", "legacyMode", "removed", "replaceItem"], ["mode", "unavailable", 3, "entries", "alwaysExpanded"], ["mode", "oftenDeleted", 3, "entries", "alwaysExpanded", "entryAdded"], ["mode", "removed", 3, "entries", "alwaysExpanded", "reduced", "entryAdded"], [1, "miam-basket-preview-line__loader-container"], i18n_30];
       }, template: function BasketPreviewLineComponent_Template(rf, ctx) {
           if (rf & 1) {
-              i0__namespace.ɵɵtemplate(0, BasketPreviewLineComponent_ng_container_0_Template, 30, 14, "ng-container", 0);
+              i0__namespace.ɵɵtemplate(0, BasketPreviewLineComponent_ng_container_0_Template, 39, 20, "ng-container", 0);
               i0__namespace.ɵɵtemplate(1, BasketPreviewLineComponent_ng_template_1_Template, 30, 30, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor);
           }
           if (rf & 2) {
               var _r1 = i0__namespace.ɵɵreference(2);
               i0__namespace.ɵɵproperty("ngIf", !ctx.legacyMode)("ngIfElse", _r1);
           }
-      }, directives: [i2__namespace$1.NgIf, RecipePricingComponent, i2__namespace$1.NgClass, CounterInputComponent, IconComponent, i2__namespace$1.NgForOf, BasketPreviewLineComponent, BasketPreviewDisabledComponent, LoaderComponent], pipes: [CapitalizeFirstLetterPipe, i2__namespace$1.AsyncPipe], styles: [".miam-basket-preview-line:not(.legacy){display:flex;padding:12px;align-items:flex-start;gap:16px;align-self:stretch;border-radius:12px;border:1px solid var(--border-primary,#d6e1ec);background:var(--surface-primary,#fff)}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__left{position:relative;width:144px;height:144px}@media (max-width:360px){.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__left{width:112px;height:112px}}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__left .miam-basket-preview-line__picture{height:100%;width:100%;border-radius:12px;cursor:pointer}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__left .miam-basket-preview-line__picture img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__left .miam-basket-preview-line__counter{position:absolute;right:8px;bottom:8px;display:flex;padding:4px 8px;align-items:center;gap:4px;border-radius:100px;background:var(--miam-ds-color-neutral-white,#fff);color:var(--miam-color-neutral-black);height:-moz-fit-content;height:fit-content}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__left .miam-basket-preview-line__counter span{line-height:100%}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__left .miam-basket-preview-line__counter img{width:16px;height:16px}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:1 0 0;align-self:stretch}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top{display:flex;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top .miam-basket-preview-line__infos{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;gap:4px}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top .miam-basket-preview-line__infos .miam-basket-preview-line__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;color:var(--miam-ds-color-neutral-black,#02182b);text-overflow:ellipsis;cursor:pointer}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top .miam-basket-preview-line__infos .miam-basket-preview-line__product-count{display:flex;color:var(--text-subtle,rgba(31,53,67,.5));gap:4px}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top .miam-basket-preview-line__infos .miam-recipe-pricing .miam-recipe-pricing__wrapper{gap:4px;align-items:flex-end;flex-wrap:nowrap}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top .miam-basket-preview-line__infos .miam-recipe-pricing .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{font-size:12px}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top .miam-basket-preview-line__remove{flex-shrink:0}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top .miam-basket-preview-line__remove .miam-loader,.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top .miam-basket-preview-line__remove img{height:24px;width:24px}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__link{padding:4px 16px;gap:8px}@media (max-width:375px){.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__link img{display:none}}:root{--price-color:var(--miam-price-color,green) ;--tag-color:var(--miam-tag-color,#fcecce)}.miam-basket-preview-line.legacy{overflow:hidden;padding-left:10px;-webkit-tap-highlight-color:transparent}.miam-basket-preview-line.legacy.clickable{cursor:pointer;border-radius:4px;margin-bottom:6px;border:1px solid var(--m-color-grey);box-shadow:none;transition:var(--m-default-transition)}.miam-basket-preview-line.legacy.elevate{position:relative;z-index:var(--m-z-index-modal)}.miam-basket-preview-line.legacy.expanded{position:relative;background:#fff;box-shadow:var(--m-shadow-small);border-color:var(--m-color-grey);margin-top:10px;margin-bottom:15px}.miam-basket-preview-line.legacy .miam-basket-preview-line__item{display:flex;justify-content:space-between;padding:16px 0}.miam-basket-preview-line.legacy .miam-basket-preview-line__item.clickable{cursor:pointer}.miam-basket-preview-line.legacy .miam-basket-preview-line__item.clickable.expanded{padding-bottom:0}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left{gap:16px;display:flex;align-items:center;width:100%}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{align-self:center}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove.disabled{filter:opacity(.3)}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove .miam-ds-loader{width:16px;height:16px;background-position-x:8px;background-size:8px 8px}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{width:130px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:var(--m-border-radius)}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details{width:100%}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__sponsorised{display:flex;justify-content:center;align-items:center;padding:4px 12px;border-radius:100px;background-color:var(--m-color-grey);font-size:14px;font-weight:500;line-height:150%;width:-moz-fit-content;width:fit-content;margin-bottom:8px}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--m-font-size-medium)}@media (min-width:1022px){.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title:hover{color:var(--m-color-primary);text-decoration:underline}}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title:first-letter{text-transform:capitalize}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__description{font-size:var(--m-font-size-small);font-weight:400}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__description .miam-basket-preview-line__item__description__part{margin-right:4px}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions{display:flex;flex-direction:row}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__showDetails{margin:2px 30px 0 0;color:var(--m-color-grey-text);text-decoration:underline;cursor:pointer;width:-moz-max-content;width:max-content;transition:var(--m-default-transition)}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__change .miam-basket-preview-line__item__change__link{margin:2px 30px 0 0;color:var(--m-color-grey-text);text-decoration:underline;cursor:pointer;transition:var(--m-default-transition)}@media (min-width:1022px){.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__change .miam-basket-preview-line__item__change__link:hover{color:var(--m-color-primary)}}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__change .miam-basket-preview-line__item__change__link.disable{pointer-events:none;color:var(--m-color-grey-text)}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag{display:flex;align-items:center;height:22px;padding:1px 16px;font-size:var(--m-font-size-small);border-radius:100px;background-color:var(--tag-color)}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag span:not(:last-child){margin-right:4px}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__right{max-width:330px;position:relative;display:flex;align-items:center;justify-content:flex-end;width:100%}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{margin:0 20px;font-size:var(--m-font-size-large);font-weight:700;white-space:nowrap;color:var(--price-color)}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__right ng-miam-recipe-pricing{width:100%}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count{text-align:center;font-size:var(--m-font-size-small)}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__for,.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__people{margin-bottom:2px;padding-left:20px;font-weight:700;color:var(--m-color-slate)}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__add__button{margin:0 20px}@media (min-width:1022px){.miam-basket-preview-line.legacy .miam-basket-preview-line__item:hover .miam-basket-preview-line__item__left .miam-basket-preview-line__item__showDetails{color:var(--m-color-primary)}}.miam-basket-preview-lines{margin-bottom:20px;border-left:1px solid var(--m-color-grey);overflow:hidden;margin-left:20px}.miam-basket-preview-lines .miam-basket-preview-line{border-top:1px solid var(--m-color-grey)}.miam-basket-preview-lines .miam-basket-preview-line.expanded{border-top:1px solid var(--m-color-primary)}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item{border-top:none;padding:12px 0 15px}@media (min-width:1022px){.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title:hover{color:var(--m-color-black);text-decoration:none}}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture,.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{margin-right:15px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{width:50px;height:50px;-o-object-fit:cover;object-fit:cover;border-radius:var(--m-border-radius)}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{margin-top:-16px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{font-size:16px;color:var(--m-color-grey-text)}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count ng-miam-counter-input .miam-counter-input__icon{display:none}.miam-basket-preview-lines .miam-basket-preview-line__loader-container{padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width:1022px){.miam-basket-preview-line .miam-basket-preview-line__item{flex-direction:column;height:204px;position:relative;padding:0 0 52px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left{height:92px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{position:absolute;right:18px;margin:0;bottom:58px;z-index:1}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture{height:152px;width:33%;position:absolute;top:16px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{height:100%;width:100%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details{padding:8px 0 0 40%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions{position:absolute;bottom:8px;left:0}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag{height:auto;text-align:center;padding:1px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{justify-content:flex-start;padding-left:38%;flex-direction:column-reverse;align-items:flex-start}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{margin:0}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count{margin:16px 0}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__for,.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__people{display:none}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item{flex-direction:column;height:auto;position:relative;padding:0}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left{height:auto}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{position:relative;right:unset;margin-right:15px;bottom:unset}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture{height:72px;width:72px;position:relative;top:unset}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{width:72px;height:72px;-o-object-fit:cover;object-fit:cover;border-radius:var(--m-border-radius)}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details{padding:0}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__actions{position:relative;bottom:unset;flex-direction:column;gap:8px}}@media (max-width:1022px) and (min-width:1023px){.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag__container{width:100%}}@media (max-width:1022px){.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag__container .miam-basket-preview-line__item__inlineTag{padding:4px 16px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{flex-direction:row;margin:16px 0}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{margin:0 16px 0 0}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count{margin:0}}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgClass, CounterInputComponent, IconComponent, i2__namespace$1.NgForOf, RecipePricingComponent, BasketPreviewLineComponent, BasketPreviewDisabledComponent, LoaderComponent], pipes: [CapitalizeFirstLetterPipe, i2__namespace$1.CurrencyPipe, i2__namespace$1.AsyncPipe], styles: [".miam-basket-preview-line:not(.legacy){display:flex;padding:12px;align-items:flex-start;gap:16px;align-self:stretch;border-radius:12px;border:1px solid var(--border-primary,#d6e1ec);background:var(--surface-primary,#fff)}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__left{position:relative;width:144px;height:144px}@media (max-width:360px){.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__left{width:112px;height:112px}}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__left .miam-basket-preview-line__picture{height:100%;width:100%;border-radius:12px;cursor:pointer}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__left .miam-basket-preview-line__picture img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__left .miam-basket-preview-line__counter{position:absolute;right:8px;bottom:8px;display:flex;padding:4px 8px;align-items:center;gap:4px;border-radius:100px;background:var(--miam-ds-color-neutral-white,#fff);color:var(--miam-color-neutral-black);height:-moz-fit-content;height:fit-content}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__left .miam-basket-preview-line__counter span{line-height:100%}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__left .miam-basket-preview-line__counter img{width:16px;height:16px}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:1 0 0;align-self:stretch}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top{display:flex;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top .miam-basket-preview-line__infos{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;gap:4px}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top .miam-basket-preview-line__infos .miam-basket-preview-line__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;color:var(--miam-ds-color-neutral-black,#02182b);text-overflow:ellipsis;cursor:pointer}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top .miam-basket-preview-line__infos .miam-basket-preview-line__product-count{display:flex;color:var(--text-subtle,rgba(31,53,67,.5));gap:4px}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top .miam-basket-preview-line__infos .miam-basket-preview-line__price-label{color:var(--miam-ds-color-primary,#24748f)}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top .miam-basket-preview-line__infos .miam-basket-preview-line__price-per-person-label{color:var(--text-subtle,rgba(31,53,67,.5))}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top .miam-basket-preview-line__remove{flex-shrink:0}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top .miam-basket-preview-line__remove .miam-loader,.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__top .miam-basket-preview-line__remove img{height:24px;width:24px}.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__link{padding:4px 16px;gap:8px}@media (max-width:375px){.miam-basket-preview-line:not(.legacy) .miam-basket-preview-line__right .miam-basket-preview-line__link img{display:none}}:root{--price-color:var(--miam-price-color,green) ;--tag-color:var(--miam-tag-color,#fcecce)}.miam-basket-preview-line.legacy{overflow:hidden;padding-left:10px;-webkit-tap-highlight-color:transparent}.miam-basket-preview-line.legacy.clickable{cursor:pointer;border-radius:4px;margin-bottom:6px;border:1px solid var(--m-color-grey);box-shadow:none;transition:var(--m-default-transition)}.miam-basket-preview-line.legacy.elevate{position:relative;z-index:var(--m-z-index-modal)}.miam-basket-preview-line.legacy.expanded{position:relative;background:#fff;box-shadow:var(--m-shadow-small);border-color:var(--m-color-grey);margin-top:10px;margin-bottom:15px}.miam-basket-preview-line.legacy .miam-basket-preview-line__item{display:flex;justify-content:space-between;padding:16px 0}.miam-basket-preview-line.legacy .miam-basket-preview-line__item.clickable{cursor:pointer}.miam-basket-preview-line.legacy .miam-basket-preview-line__item.clickable.expanded{padding-bottom:0}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left{gap:16px;display:flex;align-items:center;width:100%}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{align-self:center}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove.disabled{filter:opacity(.3)}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove .miam-ds-loader{width:16px;height:16px;background-position-x:8px;background-size:8px 8px}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{width:130px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:var(--m-border-radius)}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details{width:100%}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__sponsorised{display:flex;justify-content:center;align-items:center;padding:4px 12px;border-radius:100px;background-color:var(--m-color-grey);font-size:14px;font-weight:500;line-height:150%;width:-moz-fit-content;width:fit-content;margin-bottom:8px}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--m-font-size-medium)}@media (min-width:1022px){.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title:hover{color:var(--m-color-primary);text-decoration:underline}}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__title:first-letter{text-transform:capitalize}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__description{font-size:var(--m-font-size-small);font-weight:400}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__description .miam-basket-preview-line__item__description__part{margin-right:4px}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions{display:flex;flex-direction:row}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__showDetails{margin:2px 30px 0 0;color:var(--m-color-grey-text);text-decoration:underline;cursor:pointer;width:-moz-max-content;width:max-content;transition:var(--m-default-transition)}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__change .miam-basket-preview-line__item__change__link{margin:2px 30px 0 0;color:var(--m-color-grey-text);text-decoration:underline;cursor:pointer;transition:var(--m-default-transition)}@media (min-width:1022px){.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__change .miam-basket-preview-line__item__change__link:hover{color:var(--m-color-primary)}}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__change .miam-basket-preview-line__item__change__link.disable{pointer-events:none;color:var(--m-color-grey-text)}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag{display:flex;align-items:center;height:22px;padding:1px 16px;font-size:var(--m-font-size-small);border-radius:100px;background-color:var(--tag-color)}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag span:not(:last-child){margin-right:4px}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__right{max-width:330px;position:relative;display:flex;align-items:center;justify-content:flex-end;width:100%}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{margin:0 20px;font-size:var(--m-font-size-large);font-weight:700;white-space:nowrap;color:var(--price-color)}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__right ng-miam-recipe-pricing{width:100%}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count{text-align:center;font-size:var(--m-font-size-small)}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__for,.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__people{margin-bottom:2px;padding-left:20px;font-weight:700;color:var(--m-color-slate)}.miam-basket-preview-line.legacy .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__add__button{margin:0 20px}@media (min-width:1022px){.miam-basket-preview-line.legacy .miam-basket-preview-line__item:hover .miam-basket-preview-line__item__left,.miam-basket-preview-line.legacy .miam-basket-preview-line__item:hover .miam-basket-preview-line__item__showDetails{color:var(--m-color-primary)}}.miam-basket-preview-lines{margin-bottom:20px;border-left:1px solid var(--m-color-grey);overflow:hidden;margin-left:20px}.miam-basket-preview-lines .miam-basket-preview-line{border-top:1px solid var(--m-color-grey)}.miam-basket-preview-lines .miam-basket-preview-line.expanded{border-top:1px solid var(--m-color-primary)}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item{border-top:none;padding:12px 0 15px}@media (min-width:1022px){.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details:hover,.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__title:hover{color:var(--m-color-black);text-decoration:none}}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture,.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{margin-right:15px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{width:50px;height:50px;-o-object-fit:cover;object-fit:cover;border-radius:var(--m-border-radius)}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{margin-top:-16px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{font-size:16px;color:var(--m-color-grey-text)}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count ng-miam-counter-input .miam-counter-input__icon{display:none}.miam-basket-preview-lines .miam-basket-preview-line__loader-container{padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width:1022px){.miam-basket-preview-line .miam-basket-preview-line__item{flex-direction:column;height:204px;position:relative;padding:0 0 52px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left{height:92px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{position:absolute;right:18px;margin:0;bottom:58px;z-index:1}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture{height:152px;width:33%;position:absolute;top:16px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{height:100%;width:100%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details{padding:8px 0 0 40%}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions{position:absolute;bottom:8px;left:0}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag{height:auto;text-align:center;padding:1px}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{justify-content:flex-start;padding-left:38%;flex-direction:column-reverse;align-items:flex-start}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{margin:0}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count{margin:16px 0}.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__for,.miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count .miam-basket-preview-line__item__count__people{display:none}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item{flex-direction:column;height:auto;position:relative;padding:0}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left{height:auto}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__remove{position:relative;right:unset;margin-right:15px;bottom:unset}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture{height:72px;width:72px;position:relative;top:unset}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__picture img{width:72px;height:72px;-o-object-fit:cover;object-fit:cover;border-radius:var(--m-border-radius)}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__details{padding:0}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__actions{position:relative;bottom:unset;flex-direction:column;gap:8px}}@media (max-width:1022px) and (min-width:1023px){.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag__container{width:100%}}@media (max-width:1022px){.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__left .miam-basket-preview-line__item__actions .miam-basket-preview-line__item__inlineTag__container .miam-basket-preview-line__item__inlineTag{padding:4px 16px}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right{flex-direction:row;margin:16px 0}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__price{margin:0 16px 0 0}.miam-basket-preview-lines .miam-basket-preview-line .miam-basket-preview-line__item .miam-basket-preview-line__item__right .miam-basket-preview-line__item__count{margin:0}}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BasketPreviewLineComponent, [{
               type: i0.Component,
@@ -14286,7 +14582,7 @@
                       encapsulation: i0.ViewEncapsulation.None,
                       changeDetection: i0.ChangeDetectionStrategy.OnPush
                   }]
-          }], function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: RecipesService }, { type: BasketsService }, { type: AnalyticsService }, { type: PointOfSalesService }, { type: UserService }, { type: ContextService }, { type: i0__namespace.ElementRef }, { type: SuppliersService }]; }, { line: [{
+          }], function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: RecipesService }, { type: BasketsService }, { type: AnalyticsService }, { type: PointOfSalesService }, { type: UserService }, { type: ContextService }, { type: SuppliersService }, { type: i0__namespace.ElementRef }, { type: SuppliersService }]; }, { line: [{
                   type: i0.Input
               }], uniqueLine: [{
                   type: i0.Input
@@ -14314,7 +14610,7 @@
                   type: i0.Output
               }] });
   })();
-  var templateObject_1$w, templateObject_2$q, templateObject_3$j, templateObject_4$g, templateObject_5$d, templateObject_6$a, templateObject_7$7, templateObject_8$5, templateObject_9$4, templateObject_10$2, templateObject_11$2, templateObject_12$1;
+  var templateObject_1$w, templateObject_2$q, templateObject_3$j, templateObject_4$g, templateObject_5$c, templateObject_6$a, templateObject_7$7, templateObject_8$5, templateObject_9$4, templateObject_10$2, templateObject_11$2, templateObject_12$1, templateObject_13$1, templateObject_14$1;
 
   function ReplaceItemComponent_span_3_Template(rf, ctx) {
       if (rf & 1) {
@@ -14512,13 +14808,6 @@
       ReplaceItemComponent.prototype.currentProps = function () {
           return { entry_name: this.basketEntry.name };
       };
-      ReplaceItemComponent.prototype.onSearchKeydown = function (event) {
-          if (event.key === ' ') {
-              event.preventDefault();
-              this.searchString += ' ';
-          }
-          this.onSearchInputChange();
-      };
       ReplaceItemComponent.prototype.setupSearchObservable = function () {
           var _this = this;
           this.subscriptions.push(this.searchSubject.pipe(operators.debounceTime(200), operators.filter(function (search) { return search.length >= 3; }), operators.distinctUntilChanged(), operators.tap(function () {
@@ -14554,8 +14843,21 @@
       };
       ReplaceItemComponent.prototype.addToBasket = function () {
           var _this = this;
-          this.subscriptions.push(this.recipeDetailsService.canAddProductToBasket(this.eventTrace()).subscribe(function () {
-              _this.basketsService.addIngredientsToBasket(_this.recipe.id, [{ ingredientId: _this.ingredient.id, entry: _this.basketEntry }], _this.eventTrace(), _this.previousItem, _this.searchString);
+          this.subscriptions.push(this.recipeDetailsService.canAddProductToBasket({
+              method: 'addIngredientToBasket',
+              arguments: {
+                  recipeId: this.recipe.id,
+                  ingredientId: this.ingredient.id,
+                  entry: this.basketEntry,
+                  eventTrace: this.eventTrace(),
+                  searchString: this.searchString
+              }
+          }, this.eventTrace()).subscribe(function (passed) {
+              if (passed) {
+                  _this.recipeDetailsService.ingredientToBasketLoading = _this.basketEntry.status === 'initial';
+                  _this.recipeDetailsService.updateIngredientFromBasketLoading = _this.basketEntry.status !== 'initial';
+                  _this.basketsService.addIngredientsToBasket(_this.recipe.id, [{ ingredientId: _this.ingredient.id, entry: _this.basketEntry }], _this.eventTrace(), _this.previousItem, _this.searchString);
+              }
           }));
           this.cdr.detectChanges();
       };
@@ -14646,9 +14948,9 @@
               i18n_9 = MSG_EXTERNAL_5308134879633194724$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_REPLACE_ITEM_REPLACE_ITEM_COMPONENT_TS__10;
           }
           else {
-              i18n_9 = $localize(templateObject_5$c || (templateObject_5$c = __makeTemplateObject([":\u241F0b93781999a48f1d48c2780cb91b6f63b2583b51\u241F5308134879633194724:Essayez avec un autre mot-cl\u00E9s"], [":\u241F0b93781999a48f1d48c2780cb91b6f63b2583b51\u241F5308134879633194724:Essayez avec un autre mot-cl\u00E9s"])));
+              i18n_9 = $localize(templateObject_5$b || (templateObject_5$b = __makeTemplateObject([":\u241F0b93781999a48f1d48c2780cb91b6f63b2583b51\u241F5308134879633194724:Essayez avec un autre mot-cl\u00E9s"], [":\u241F0b93781999a48f1d48c2780cb91b6f63b2583b51\u241F5308134879633194724:Essayez avec un autre mot-cl\u00E9s"])));
           }
-          return [[1, "miam-replace-item__header", "miam-ds-text", "weight-xxl"], [1, "miam-ds-button", "ghost", "square", 3, "click"], ["width", "24", "height", "24", "primaryColor", "var(--miam-ds-color-primary-500)", 3, "iconName"], [4, "ngIf", "ngIfElse"], ["addProduct", ""], [1, "miam-replace-item__top-container"], [1, "miam-replace-item__searchbar"], ["width", "20", "height", "20", 3, "iconName"], ["type", "text", "placeholder", "Rechercher un produit de substitution", 1, "miam-replace-item__searchbar__input", "miam-ds-text", "size-m", "weight-l", 3, "ngModel", "ngModelChange", "keydown"], [1, "miam-ds-loader"], [1, "miam-replace-item__product-banner"], [1, "miam-replace-item__banner-product-name", "miam-ds-text", "size-s"], [1, "miam-replace-item__banner-quantity", "miam-ds-text", "weight-xxl"], [1, "miam-replace-item__product-list"], ["class", "miam-replace-item__product-item", 3, "ngClass", 4, "ngFor", "ngForOf"], [4, "ngIf"], i18n_0, i18n_2, [1, "miam-replace-item__product-item", 3, "ngClass"], [1, "miam-replace-item__card-upper-section"], [1, "miam-replace-item__product-image-container"], ["alt", "product to replace", 1, "miam-replace-item__product-image", 3, "src"], [1, "miam-replace-item__product-info"], [1, "miam-replace-item__product-brand", "miam-ds-text", "size-xs", "weight-xl"], [1, "miam-replace-item__product-brand-text"], [1, "miam-replace-item__product-name", "miam-ds-text", "size-xs"], [1, "miam-replace-item__product-name-text"], [1, "miam-ds-badge"], [1, "miam-replace-item__product-quantity", "miam-ds-text", "size-xs"], [1, "miam-replace-item__card-lower-section"], [1, "miam-replace-item__product-price", "miam-ds-text", "size-l", "weight-xxl"], [1, "miam-replace-item__cta", "miam-ds-button", "small", "primary", 3, "disabled", "click"], ["class", "miam-ds-loader", 4, "ngIf", "ngIfElse"], ["defaultSelectButton", ""], [1, "miam-replace-item__error"], [1, "miam-replace-item__error-image-container", "small-img"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/images/product-issue.png", "alt", "issue with product", 1, "miam-replace-item__error-image"], [1, "miam-replace-item__issue-title"], i18n_5, [1, "miam-replace-item__error-image-container"], i18n_7, [1, "miam-replace-item__issue-description", "miam-ds-text", "weight-xxl"], i18n_9];
+          return [[1, "miam-replace-item__header", "miam-ds-text", "weight-xxl"], [1, "miam-ds-button", "ghost", "square", 3, "click"], ["width", "24", "height", "24", "primaryColor", "var(--miam-ds-color-primary-500)", 3, "iconName"], [4, "ngIf", "ngIfElse"], ["addProduct", ""], [1, "miam-replace-item__top-container"], [1, "miam-replace-item__searchbar"], ["width", "20", "height", "20", 3, "iconName"], ["type", "text", "placeholder", "Rechercher un produit de substitution", 1, "miam-replace-item__searchbar__input", "miam-ds-text", "size-m", "weight-l", 3, "ngModel", "ngModelChange"], [1, "miam-ds-loader"], [1, "miam-replace-item__product-banner"], [1, "miam-replace-item__banner-product-name", "miam-ds-text", "size-s"], [1, "miam-replace-item__banner-quantity", "miam-ds-text", "weight-xxl"], [1, "miam-replace-item__product-list"], ["class", "miam-replace-item__product-item", 3, "ngClass", 4, "ngFor", "ngForOf"], [4, "ngIf"], i18n_0, i18n_2, [1, "miam-replace-item__product-item", 3, "ngClass"], [1, "miam-replace-item__card-upper-section"], [1, "miam-replace-item__product-image-container"], ["alt", "product to replace", 1, "miam-replace-item__product-image", 3, "src"], [1, "miam-replace-item__product-info"], [1, "miam-replace-item__product-brand", "miam-ds-text", "size-xs", "weight-xl"], [1, "miam-replace-item__product-brand-text"], [1, "miam-replace-item__product-name", "miam-ds-text", "size-xs"], [1, "miam-replace-item__product-name-text"], [1, "miam-ds-badge"], [1, "miam-replace-item__product-quantity", "miam-ds-text", "size-xs"], [1, "miam-replace-item__card-lower-section"], [1, "miam-replace-item__product-price", "miam-ds-text", "size-l", "weight-xxl"], [1, "miam-replace-item__cta", "miam-ds-button", "small", "primary", 3, "disabled", "click"], ["class", "miam-ds-loader", 4, "ngIf", "ngIfElse"], ["defaultSelectButton", ""], [1, "miam-replace-item__error"], [1, "miam-replace-item__error-image-container", "small-img"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/images/product-issue.png", "alt", "issue with product", 1, "miam-replace-item__error-image"], [1, "miam-replace-item__issue-title"], i18n_5, [1, "miam-replace-item__error-image-container"], i18n_7, [1, "miam-replace-item__issue-description", "miam-ds-text", "weight-xxl"], i18n_9];
       }, template: function ReplaceItemComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵelementStart(0, "div", 0);
@@ -14663,7 +14965,7 @@
               i0__namespace.ɵɵelementStart(7, "div", 6);
               i0__namespace.ɵɵelement(8, "ng-miam-icon", 7);
               i0__namespace.ɵɵelementStart(9, "input", 8);
-              i0__namespace.ɵɵlistener("ngModelChange", function ReplaceItemComponent_Template_input_ngModelChange_9_listener($event) { return ctx.searchString = $event; })("keydown", function ReplaceItemComponent_Template_input_keydown_9_listener($event) { return ctx.onSearchKeydown($event); });
+              i0__namespace.ɵɵlistener("ngModelChange", function ReplaceItemComponent_Template_input_ngModelChange_9_listener($event) { return ctx.searchString = $event; })("ngModelChange", function ReplaceItemComponent_Template_input_ngModelChange_9_listener() { return ctx.onSearchInputChange(); });
               i0__namespace.ɵɵelementEnd();
               i0__namespace.ɵɵelement(10, "div", 9);
               i0__namespace.ɵɵelementEnd();
@@ -14765,7 +15067,7 @@
                   args: ['@slide']
               }] });
   })();
-  var templateObject_1$v, templateObject_2$p, templateObject_3$i, templateObject_4$f, templateObject_5$c;
+  var templateObject_1$v, templateObject_2$p, templateObject_3$i, templateObject_4$f, templateObject_5$b;
 
   function BasketPreviewBlockComponent_div_2_ng_container_1_div_1_Template(rf, ctx) {
       if (rf & 1) {
@@ -15151,7 +15453,7 @@
               i18n_9 = MSG_EXTERNAL_5143648071312042408$$LIB__WEB_COMPONENTS_BASKET_PREVIEW_BASKET_PREVIEW_BLOCK_BASKET_PREVIEW_BLOCK_COMPONENT_TS_____10;
           }
           else {
-              i18n_9 = $localize(templateObject_5$b || (templateObject_5$b = __makeTemplateObject([":\u241F523c6748d32ce2079498ff4de01387f2d6515c44\u241F5143648071312042408:Chargement du repas..."], [":\u241F523c6748d32ce2079498ff4de01387f2d6515c44\u241F5143648071312042408:Chargement du repas..."])));
+              i18n_9 = $localize(templateObject_5$a || (templateObject_5$a = __makeTemplateObject([":\u241F523c6748d32ce2079498ff4de01387f2d6515c44\u241F5143648071312042408:Chargement du repas..."], [":\u241F523c6748d32ce2079498ff4de01387f2d6515c44\u241F5143648071312042408:Chargement du repas..."])));
           }
           var i18n_11;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
@@ -15229,7 +15531,7 @@
                   args: [BasketPreviewLineComponent]
               }] });
   })();
-  var templateObject_1$u, templateObject_2$o, templateObject_3$h, templateObject_4$e, templateObject_5$b, templateObject_6$9, templateObject_7$6, templateObject_8$4;
+  var templateObject_1$u, templateObject_2$o, templateObject_3$h, templateObject_4$e, templateObject_5$a, templateObject_6$9, templateObject_7$6, templateObject_8$4;
 
   var BasketPreviewModule = /** @class */ (function () {
       // Create custom elements so the WebComponents can be interpreted by the browser regardless of the js framework used
@@ -15819,7 +16121,7 @@
               i18n_8 = MSG_EXTERNAL_7013342739706915791$$LIB__WEB_COMPONENTS_LIST_SCAN_INGREDIENTS_LIST_INGREDIENTS_LIST_COMPONENT_TS__9;
           }
           else {
-              i18n_8 = $localize(templateObject_5$a || (templateObject_5$a = __makeTemplateObject([":\u241Fac0d6812963be073dd69ed4976e8f61da7354f14\u241F7013342739706915791:Quantit\u00E9"], [":\u241Fac0d6812963be073dd69ed4976e8f61da7354f14\u241F7013342739706915791:Quantit\u00E9"])));
+              i18n_8 = $localize(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject([":\u241Fac0d6812963be073dd69ed4976e8f61da7354f14\u241F7013342739706915791:Quantit\u00E9"], [":\u241Fac0d6812963be073dd69ed4976e8f61da7354f14\u241F7013342739706915791:Quantit\u00E9"])));
           }
           var i18n_10;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
@@ -15895,7 +16197,7 @@
                   type: i0.Output
               }] });
   })();
-  var templateObject_1$r, templateObject_2$m, templateObject_3$g, templateObject_4$d, templateObject_5$a, templateObject_6$8;
+  var templateObject_1$r, templateObject_2$m, templateObject_3$g, templateObject_4$d, templateObject_5$9, templateObject_6$8;
 
   function ListScanBasketPreviewComponent_span_4_Template(rf, ctx) {
       if (rf & 1) {
@@ -16483,7 +16785,7 @@
           i0__namespace.ɵɵtextInterpolate(number_r14);
       }
   }
-  var _c12$1 = function () { return [1, 2, 3, 4, 5, 6, 7, 8, 9]; };
+  var _c12 = function () { return [1, 2, 3, 4, 5, 6, 7, 8, 9]; };
   function MealsPlannerFormComponent_ng_template_29_Template(rf, ctx) {
       if (rf & 1) {
           var _r16_1 = i0__namespace.ɵɵgetCurrentView();
@@ -16502,7 +16804,7 @@
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵtextInterpolate(ctx_r2.form.value.guestsCount);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpureFunction0(3, _c12$1));
+          i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpureFunction0(3, _c12));
       }
   }
   function MealsPlannerFormComponent_ng_miam_counter_input_39_Template(rf, ctx) {
@@ -16651,14 +16953,20 @@
       MealsPlannerFormComponent.prototype.ngOnDestroy = function () {
           this.subscriptions.forEach(function (s) { return s.unsubscribe(); });
       };
-      MealsPlannerFormComponent.prototype.currentPath = function () { return ''; };
+      MealsPlannerFormComponent.prototype.currentPath = function () {
+          return '';
+      };
+      MealsPlannerFormComponent.prototype.hasPos = function () {
+          var _this = this;
+          return this.posService.posWasInitialized().pipe(operators.take(1), operators.tap(function (posWasInitialized) { return _this.context.hookCallback(true, posWasInitialized); }));
+      };
       MealsPlannerFormComponent.prototype.fetchRecipesNumbers = function () {
           var _this = this;
-          if (!this.form.value.guestsCount || !this.form.value.budget) {
-              return rxjs.of(null);
-          }
-          return this.userService.isLogged$.asObservable().pipe(operators.take(2)).pipe(operators.switchMap(function (logged) {
-              return _this.recipesService.maxPlannableRecipes(_this.form.value.budget, _this.form.value.guestsCount, logged ? false : undefined).pipe(operators.tap(function (maxRecipes) {
+          return this.hasPos().pipe(operators.switchMap(function (hasPos) {
+              if (!hasPos || !_this.form.value.guestsCount || !_this.form.value.budget) {
+                  return rxjs.of(null);
+              }
+              return _this.userService.isLogged$.asObservable().pipe(operators.take(2)).pipe(operators.switchMap(function (logged) { return _this.recipesService.maxPlannableRecipes(_this.form.value.budget, _this.form.value.guestsCount, logged ? false : undefined).pipe(operators.tap(function (maxRecipes) {
                   var numbers = [];
                   for (var i = 1; i <= maxRecipes; i++) {
                       numbers.push(i);
@@ -16668,7 +16976,7 @@
                       _this.updateRecipesCount(maxRecipes);
                   }
                   _this.noRecipesAvailable = maxRecipes < 1;
-              }));
+              })); }));
           }));
       };
       MealsPlannerFormComponent.prototype.submit = function () {
@@ -16679,9 +16987,9 @@
           ]).subscribe(function (res) {
               var isHookOk = _this.context.hookCallback(res[0], res[1]);
               sessionStorage.setItem('miam-meals-planner-form', JSON.stringify({
-                  budget: parseInt(_this.form.get('budget').value),
-                  guestsCount: parseInt(_this.form.get('guestsCount').value),
-                  recipesCount: parseInt(_this.form.get('recipesCount').value),
+                  budget: +_this.form.get('budget').value,
+                  guestsCount: +_this.form.get('guestsCount').value,
+                  recipesCount: +_this.form.get('recipesCount').value,
               }));
               if (isHookOk) {
                   sessionStorage.removeItem('miam-meals-planner-form');
@@ -16694,7 +17002,7 @@
           }));
       };
       MealsPlannerFormComponent.prototype.updateView = function () {
-          if (parseInt(this.form.get('budget').value) > 999) {
+          if (+this.form.get('budget').value > 999) {
               this.form.get('budget').patchValue(999);
           }
           this.cdr.detectChanges();
@@ -16752,7 +17060,7 @@
               i18n_8 = MSG_EXTERNAL_6105149763216124630$$LIB__WEB_COMPONENTS_MEALS_PLANNER_MEALS_PLANNER_FORM_MEALS_PLANNER_FORM_COMPONENT_TS_9;
           }
           else {
-              i18n_8 = $localize(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject([":\u241F54db9980698d46d77cbe00eb3a20ac4d5407c95d\u241F6105149763216124630:Planifier"], [":\u241F54db9980698d46d77cbe00eb3a20ac4d5407c95d\u241F6105149763216124630:Planifier"])));
+              i18n_8 = $localize(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject([":\u241F54db9980698d46d77cbe00eb3a20ac4d5407c95d\u241F6105149763216124630:Planifier"], [":\u241F54db9980698d46d77cbe00eb3a20ac4d5407c95d\u241F6105149763216124630:Planifier"])));
           }
           var i18n_10;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
@@ -16952,7 +17260,7 @@
                   type: i0.Output
               }] });
   })();
-  var templateObject_1$o, templateObject_2$j, templateObject_3$d, templateObject_4$b, templateObject_5$9, templateObject_6$7, templateObject_7$5, templateObject_8$3, templateObject_9$3, templateObject_10$1, templateObject_11$1;
+  var templateObject_1$o, templateObject_2$j, templateObject_3$d, templateObject_4$b, templateObject_5$8, templateObject_6$7, templateObject_7$5, templateObject_8$3, templateObject_9$3, templateObject_10$1, templateObject_11$1;
 
   function RecipeCardCtaComponent_div_0_span_2_Template(rf, ctx) {
       if (rf & 1) {
@@ -18115,7 +18423,7 @@
               i18n_8 = MSG_EXTERNAL_3503734824800029552$$LIB__WEB_COMPONENTS_MEALS_PLANNER_MEALS_PLANNER_BASKET_PREVIEW_MEALS_PLANNER_BASKET_PREVIEW_COMPONENT_TS___9;
           }
           else {
-              i18n_8 = $localize(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject([":\u241F4f168d78d73759138d43c58ec329dc9a1cfcd316\u241F3503734824800029552:Finaliser"], [":\u241F4f168d78d73759138d43c58ec329dc9a1cfcd316\u241F3503734824800029552:Finaliser"])));
+              i18n_8 = $localize(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject([":\u241F4f168d78d73759138d43c58ec329dc9a1cfcd316\u241F3503734824800029552:Finaliser"], [":\u241F4f168d78d73759138d43c58ec329dc9a1cfcd316\u241F3503734824800029552:Finaliser"])));
           }
           return [["class", "miam-meals-planner-basket-preview", 4, "ngIf"], [1, "miam-meals-planner-basket-preview"], [1, "miam-meals-planner-basket-preview__content"], [1, "miam-meals-planner-basket-preview__title"], i18n_0, ["class", "miam-meals-planner-basket-preview__ingredients-regrouped", 4, "ngIf"], [3, "originTrace", "recipesIds", "displayItemsUnitaryPrice", "legacyMode", "loading"], [1, "miam-meals-planner-basket-preview__actions"], ["class", "miam-meals-planner-basket-preview__progress-bar", 3, "unit", "value", "max", 4, "ngIf"], ["class", "m-button-primary reverse", 3, "disabled", 4, "ngIf"], [1, "m-button-primary", 3, "disabled"], ["href", "/", 4, "ngIf", "ngIfElse"], ["antiInflation", ""], [1, "miam-meals-planner-basket-preview__ingredients-regrouped"], [1, "miam-meals-planner-basket-preview__ingredients-regrouped__title"], i18n_2, [1, "miam-meals-planner-basket-preview__progress-bar", 3, "unit", "value", "max"], [1, "m-button-primary", "reverse", 3, "disabled"], [3, "href"], [1, "miam-meals-planner-basket-preview__button-text"], i18n_4, ["href", "/"], i18n_6, [3, "click"], i18n_8];
       }, template: function MealsPlannerBasketPreviewComponent_Template(rf, ctx) {
@@ -18148,7 +18456,7 @@
                   type: i0.Output
               }] });
   })();
-  var templateObject_1$k, templateObject_2$g, templateObject_3$c, templateObject_4$a, templateObject_5$8;
+  var templateObject_1$k, templateObject_2$g, templateObject_3$c, templateObject_4$a, templateObject_5$7;
 
   var RecipeFilters = /** @class */ (function () {
       function RecipeFilters(filters) {
@@ -18377,9 +18685,9 @@
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
-          var ctx_r10 = i0__namespace.ɵɵnextContext(3);
+          var ctx_r12 = i0__namespace.ɵɵnextContext(3);
           i0__namespace.ɵɵadvance(4);
-          i0__namespace.ɵɵtextInterpolate1("\"", ctx_r10.filters.search, "\"");
+          i0__namespace.ɵɵtextInterpolate1("\"", ctx_r12.filters.search, "\"");
       }
   }
   function CatalogListComponent_div_1_div_2_Template(rf, ctx) {
@@ -18399,9 +18707,9 @@
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
-          var ctx_r5 = i0__namespace.ɵɵnextContext(2);
+          var ctx_r7 = i0__namespace.ɵɵnextContext(2);
           i0__namespace.ɵɵadvance(4);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r5.isSearching());
+          i0__namespace.ɵɵproperty("ngIf", ctx_r7.isSearching());
       }
   }
   function CatalogListComponent_div_1_ng_template_3_div_0_Template(rf, ctx) {
@@ -18422,9 +18730,9 @@
       }
       if (rf & 2) {
           i0__namespace.ɵɵnextContext();
-          var _r8 = i0__namespace.ɵɵreference(6);
-          var ctx_r7 = i0__namespace.ɵɵnextContext();
-          i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(1, 2, ctx_r7.userService.isLogged$))("ngIfElse", _r8);
+          var _r10 = i0__namespace.ɵɵreference(6);
+          var ctx_r9 = i0__namespace.ɵɵnextContext();
+          i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(1, 2, ctx_r9.userService.isLogged$))("ngIfElse", _r10);
       }
   }
   function CatalogListComponent_div_1_ng_template_5_Template(rf, ctx) {
@@ -18446,50 +18754,98 @@
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
-          var _r6 = i0__namespace.ɵɵreference(4);
+          var _r8 = i0__namespace.ɵɵreference(4);
           var ctx_r0 = i0__namespace.ɵɵnextContext();
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("width", 279)("height", 243)("iconName", ctx_r0.icon.NoRecipeFound);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r0.isFiltering())("ngIfElse", _r6);
+          i0__namespace.ɵɵproperty("ngIf", ctx_r0.isFiltering())("ngIfElse", _r8);
       }
   }
   function CatalogListComponent_ng_miam_card_create_recipe_3_Template(rf, ctx) {
       if (rf & 1) {
-          var _r13_1 = i0__namespace.ɵɵgetCurrentView();
+          var _r15_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "ng-miam-card-create-recipe", 23);
-          i0__namespace.ɵɵlistener("clicked", function CatalogListComponent_ng_miam_card_create_recipe_3_Template_ng_miam_card_create_recipe_clicked_0_listener() { i0__namespace.ɵɵrestoreView(_r13_1); var ctx_r12 = i0__namespace.ɵɵnextContext(); return ctx_r12.recipeActionTriggered.emit({ action: "CREATE", recipe: null }); });
+          i0__namespace.ɵɵlistener("clicked", function CatalogListComponent_ng_miam_card_create_recipe_3_Template_ng_miam_card_create_recipe_clicked_0_listener() { i0__namespace.ɵɵrestoreView(_r15_1); var ctx_r14 = i0__namespace.ɵɵnextContext(); return ctx_r14.recipeActionTriggered.emit({ action: "CREATE", recipe: null }); });
           i0__namespace.ɵɵelementEnd();
       }
   }
-  function CatalogListComponent_ng_miam_recipe_card_4_Template(rf, ctx) {
+  function CatalogListComponent_ng_template_4_Template(rf, ctx) {
       if (rf & 1) {
-          var _r16_1 = i0__namespace.ɵɵgetCurrentView();
+          var _r18_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "ng-miam-recipe-card", 24);
-          i0__namespace.ɵɵlistener("addToMealsPlanner", function CatalogListComponent_ng_miam_recipe_card_4_Template_ng_miam_recipe_card_addToMealsPlanner_0_listener($event) { i0__namespace.ɵɵrestoreView(_r16_1); var ctx_r15 = i0__namespace.ɵɵnextContext(); return ctx_r15.addToMealsPlanner.emit($event); })("actionTriggered", function CatalogListComponent_ng_miam_recipe_card_4_Template_ng_miam_recipe_card_actionTriggered_0_listener($event) { i0__namespace.ɵɵrestoreView(_r16_1); var recipe_r14 = ctx.$implicit; var ctx_r17 = i0__namespace.ɵɵnextContext(); return ctx_r17.recipeActionTriggered.emit({ action: $event, recipe: recipe_r14 }); });
+          i0__namespace.ɵɵlistener("addToMealsPlanner", function CatalogListComponent_ng_template_4_Template_ng_miam_recipe_card_addToMealsPlanner_0_listener($event) { i0__namespace.ɵɵrestoreView(_r18_1); var ctx_r17 = i0__namespace.ɵɵnextContext(); return ctx_r17.addToMealsPlanner.emit($event); })("actionTriggered", function CatalogListComponent_ng_template_4_Template_ng_miam_recipe_card_actionTriggered_0_listener($event) { i0__namespace.ɵɵrestoreView(_r18_1); var recipe_r16 = ctx.recipe; var ctx_r19 = i0__namespace.ɵɵnextContext(); return ctx_r19.recipeActionTriggered.emit({ action: $event, recipe: recipe_r16 }); });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
-          var recipe_r14 = ctx.$implicit;
-          var ctx_r2 = i0__namespace.ɵɵnextContext();
-          i0__namespace.ɵɵproperty("recipe", recipe_r14)("originTrace", ctx_r2.eventTrace())("displayPricing", ctx_r2.displayPricing)("previewAllowed", !ctx_r2.addRecipeMode)("addRecipeMode", ctx_r2.addRecipeMode)("displayGuests", ctx_r2.displayGuests)("helpButtonAllowed", ctx_r2.helpButtonAllowed);
+          var recipe_r16 = ctx.recipe;
+          var ctx_r3 = i0__namespace.ɵɵnextContext();
+          i0__namespace.ɵɵproperty("recipe", recipe_r16)("originTrace", ctx_r3.eventTrace())("displayPricing", ctx_r3.displayPricing)("previewAllowed", !ctx_r3.addRecipeMode)("addRecipeMode", ctx_r3.addRecipeMode)("displayGuests", ctx_r3.displayGuests)("helpButtonAllowed", ctx_r3.helpButtonAllowed);
+      }
+  }
+  var _c10$1 = function (a0) { return { recipe: a0 }; };
+  function CatalogListComponent_ng_container_6_ng_container_1_Template(rf, ctx) {
+      if (rf & 1) {
+          var _r25_1 = i0__namespace.ɵɵgetCurrentView();
+          i0__namespace.ɵɵelementContainerStart(0);
+          i0__namespace.ɵɵelementStart(1, "div", 27);
+          i0__namespace.ɵɵlistener("loadMore", function CatalogListComponent_ng_container_6_ng_container_1_Template_div_loadMore_1_listener() { i0__namespace.ɵɵrestoreView(_r25_1); var ctx_r24 = i0__namespace.ɵɵnextContext(2); return ctx_r24.autoloadContentIfNecessary(); });
+          i0__namespace.ɵɵpipe(2, "async");
+          i0__namespace.ɵɵelementContainer(3, 28);
+          i0__namespace.ɵɵelementEnd();
+          i0__namespace.ɵɵelementContainerEnd();
+      }
+      if (rf & 2) {
+          var recipe_r20 = i0__namespace.ɵɵnextContext().$implicit;
+          var ctx_r22 = i0__namespace.ɵɵnextContext();
+          var _r2 = i0__namespace.ɵɵreference(5);
+          i0__namespace.ɵɵadvance(1);
+          i0__namespace.ɵɵproperty("isLoading", i0__namespace.ɵɵpipeBind1(2, 3, ctx_r22.loading));
+          i0__namespace.ɵɵadvance(2);
+          i0__namespace.ɵɵproperty("ngTemplateOutlet", _r2)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction1(5, _c10$1, recipe_r20));
       }
   }
-  function CatalogListComponent_ng_miam_catalog_article_card_5_Template(rf, ctx) {
+  function CatalogListComponent_ng_container_6_ng_container_2_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "ng-miam-catalog-article-card", 25);
+          i0__namespace.ɵɵelementContainer(0, 28);
       }
       if (rf & 2) {
-          var article_r18 = ctx.$implicit;
-          i0__namespace.ɵɵproperty("article", article_r18);
+          var recipe_r20 = i0__namespace.ɵɵnextContext().$implicit;
+          i0__namespace.ɵɵnextContext();
+          var _r2 = i0__namespace.ɵɵreference(5);
+          i0__namespace.ɵɵproperty("ngTemplateOutlet", _r2)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction1(2, _c10$1, recipe_r20));
       }
   }
-  function CatalogListComponent_div_6_Template(rf, ctx) {
+  function CatalogListComponent_ng_container_6_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 26);
+          i0__namespace.ɵɵelementContainerStart(0);
+          i0__namespace.ɵɵtemplate(1, CatalogListComponent_ng_container_6_ng_container_1_Template, 4, 7, "ng-container", 25);
+          i0__namespace.ɵɵtemplate(2, CatalogListComponent_ng_container_6_ng_container_2_Template, 1, 4, "ng-container", 26);
+          i0__namespace.ɵɵelementContainerEnd();
+      }
+      if (rf & 2) {
+          var isLast_r21 = ctx.last;
+          i0__namespace.ɵɵadvance(1);
+          i0__namespace.ɵɵproperty("ngIf", isLast_r21);
+          i0__namespace.ɵɵadvance(1);
+          i0__namespace.ɵɵproperty("ngIf", !isLast_r21);
+      }
+  }
+  function CatalogListComponent_ng_miam_catalog_article_card_7_Template(rf, ctx) {
+      if (rf & 1) {
+          i0__namespace.ɵɵelement(0, "ng-miam-catalog-article-card", 29);
+      }
+      if (rf & 2) {
+          var article_r28 = ctx.$implicit;
+          i0__namespace.ɵɵproperty("article", article_r28);
+      }
+  }
+  function CatalogListComponent_div_8_Template(rf, ctx) {
+      if (rf & 1) {
+          i0__namespace.ɵɵelementStart(0, "div", 30);
           i0__namespace.ɵɵelement(1, "ng-miam-loader");
           i0__namespace.ɵɵelementStart(2, "div");
-          i0__namespace.ɵɵi18n(3, 27);
+          i0__namespace.ɵɵi18n(3, 31);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
       }
@@ -18504,10 +18860,9 @@
       _c$1);
   var CatalogListComponent = /** @class */ (function (_super) {
       __extends(CatalogListComponent, _super);
-      function CatalogListComponent(recipesService, recipeLikesService, articlesService, userService, context, cdr, analyticsService) {
+      function CatalogListComponent(recipesService, articlesService, userService, context, cdr, analyticsService) {
           var _this = _super.call(this, analyticsService) || this;
           _this.recipesService = recipesService;
-          _this.recipeLikesService = recipeLikesService;
           _this.articlesService = articlesService;
           _this.userService = userService;
           _this.context = context;
@@ -18552,10 +18907,6 @@
           enumerable: false,
           configurable: true
       });
-      CatalogListComponent.prototype.ngOnInit = function () {
-          this.bottomAnchor = document.getElementById('miam-catalog-list__anchor');
-          this.initLoadOnScroll();
-      };
       CatalogListComponent.prototype.ngOnChanges = function (changes) {
           var changesKeys = Object.keys(changes);
           // Prevents reload loop in angular, because originTrace and excludedRecipesIds are passed as methods so they keep refreshing the DOM
@@ -18572,27 +18923,11 @@
       CatalogListComponent.prototype.currentPath = function () {
           return this.filters.eventPath();
       };
-      CatalogListComponent.prototype.initLoadOnScroll = function () {
-          var _this = this;
-          // Receive an event each time the anchor enters/leaves the viewport
-          this.intersectionObserver = new IntersectionObserver(function () { _this.autoloadContentIfNecessary(); }, {});
-          // Receive an event each time an attribute/child is added/deleted/updated in the parent div of the recipes
-          // i.e. will be triggered each time new recipes are displayed
-          this.mutationObserver = new MutationObserver(function () { _this.autoloadContentIfNecessary(); });
-          this.intersectionObserver.observe(this.bottomAnchor);
-          this.mutationObserver.observe(document.getElementsByClassName('miam-catalog-list__cards')[0], { attributes: true, childList: true, subtree: false } // subtree false => changes on children won't trigger the callback
-          );
-      };
-      CatalogListComponent.prototype.anchorIsOnScreen = function () {
-          var viewportHeight = window.innerHeight || document.documentElement.clientHeight;
-          var rect = this.bottomAnchor.getBoundingClientRect();
-          return (rect.top <= viewportHeight && rect.bottom >= 0);
-      };
       CatalogListComponent.prototype.autoloadContentIfNecessary = function () {
           var _this = this;
           this.subscriptions.push(this.loading.pipe(operators.take(1), operators.filter(function (loading) { return !loading; })).subscribe(function () {
-              if (_this.anchorIsOnScreen() && ((_this.currentRecipes.length > 0 && !_this.noMoreRecipes) ||
-                  (_this.articles.length > 0 && !_this.noMoreArticles))) {
+              if ((_this.currentRecipes.length > 0 && !_this.noMoreRecipes) ||
+                  (_this.articles.length > 0 && !_this.noMoreArticles)) {
                   // At component initial load, 2 calls will be made for the first two recipes page
                   // This is to avoid making the loader spin twice
                   _this.loadMore(_this.lastPage > 2);
@@ -18603,6 +18938,7 @@
           if (loader === void 0) { loader = true; }
           if (loader) {
               this.loading.next(true);
+              this.cdr.detectChanges();
           }
           this.lastPage++;
           this.loadContent();
@@ -18679,33 +19015,16 @@
       };
       CatalogListComponent.prototype.ngOnDestroy = function () {
           this.subscriptions.forEach(function (sub) { return sub.unsubscribe(); });
-          this.intersectionObserver.disconnect();
-          this.mutationObserver.disconnect();
       };
       CatalogListComponent.prototype.isSearching = function () {
           return this.filters.search && this.filters.search !== '';
       };
       CatalogListComponent.prototype.isFieldEmpty = function (recipeFilter) {
-          var e_1, _c;
           if (!recipeFilter) {
               return true;
           }
-          try {
-              for (var recipeFilter_1 = __values(recipeFilter), recipeFilter_1_1 = recipeFilter_1.next(); !recipeFilter_1_1.done; recipeFilter_1_1 = recipeFilter_1.next()) {
-                  var f = recipeFilter_1_1.value;
-                  if (f.value) {
-                      return false;
-                  }
-              }
-          }
-          catch (e_1_1) { e_1 = { error: e_1_1 }; }
-          finally {
-              try {
-                  if (recipeFilter_1_1 && !recipeFilter_1_1.done && (_c = recipeFilter_1.return)) _c.call(recipeFilter_1);
-              }
-              finally { if (e_1) throw e_1.error; }
-          }
-          return true;
+          // if recipeFilter has at least one filter with value, return false
+          return !recipeFilter.some(function (f) { return f.value; });
       };
       CatalogListComponent.prototype.isFiltering = function () {
           return this.isSearching() ||
@@ -18713,6 +19032,9 @@
               !this.isFieldEmpty(this.filters.cost) ||
               !this.isFieldEmpty(this.filters.time);
       };
+      CatalogListComponent.prototype.trackByFn = function (index, recipe) {
+          return recipe.id;
+      };
       CatalogListComponent.prototype.props = function () {
           var _a, _b;
           if (!((_a = this.filters) === null || _a === void 0 ? void 0 : _a.search)) {
@@ -18748,7 +19070,7 @@
       };
       return CatalogListComponent;
   }(EventTracerComponent));
-  CatalogListComponent.ɵfac = function CatalogListComponent_Factory(t) { return new (t || CatalogListComponent)(i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(RecipeLikesService), i0__namespace.ɵɵdirectiveInject(ArticlesService), i0__namespace.ɵɵdirectiveInject(UserService), i0__namespace.ɵɵdirectiveInject(ContextService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(AnalyticsService)); };
+  CatalogListComponent.ɵfac = function CatalogListComponent_Factory(t) { return new (t || CatalogListComponent)(i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(ArticlesService), i0__namespace.ɵɵdirectiveInject(UserService), i0__namespace.ɵɵdirectiveInject(ContextService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(AnalyticsService)); };
   CatalogListComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CatalogListComponent, selectors: [["ng-miam-catalog-list"]], viewQuery: function CatalogListComponent_Query(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵviewQuery(RecipeCardComponent, 1);
@@ -18757,7 +19079,7 @@
               var _t = void 0;
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.recipeCards = _t);
           }
-      }, inputs: { filters: "filters", insertCreateCard: "insertCreateCard", randomMode: "randomMode", modifiedGuests: "modifiedGuests", displayPricing: "displayPricing", displayGuests: "displayGuests", helpButtonAllowed: "helpButtonAllowed", addRecipeMode: "addRecipeMode", excludedRecipesIds: "excludedRecipesIds" }, outputs: { addToMealsPlanner: "addToMealsPlanner", filterRemoved: "filterRemoved", recipeActionTriggered: "recipeActionTriggered", loading: "loading" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 9, vars: 9, consts: function () {
+      }, inputs: { filters: "filters", insertCreateCard: "insertCreateCard", randomMode: "randomMode", modifiedGuests: "modifiedGuests", displayPricing: "displayPricing", displayGuests: "displayGuests", helpButtonAllowed: "helpButtonAllowed", addRecipeMode: "addRecipeMode", excludedRecipesIds: "excludedRecipesIds" }, outputs: { addToMealsPlanner: "addToMealsPlanner", filterRemoved: "filterRemoved", recipeActionTriggered: "recipeActionTriggered", loading: "loading" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 10, vars: 10, consts: function () {
           var i18n_0;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
               var MSG_EXTERNAL_2565683500171826824$$LIB__WEB_COMPONENTS_RECIPE_CATALOG_CATALOG_LIST_CATALOG_LIST_COMPONENT_TS___1 = goog.getMsg("D\u00E9sol\u00E9, aucune proposition trouv\u00E9e");
@@ -18796,43 +19118,43 @@
               i18n_8 = MSG_EXTERNAL_4851375363781203983$$LIB__WEB_COMPONENTS_RECIPE_CATALOG_CATALOG_LIST_CATALOG_LIST_COMPONENT_TS___9;
           }
           else {
-              i18n_8 = $localize(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject([":\u241Fcdf437ced0967505680ee7fbb9fe6583203edb25\u241F4851375363781203983:D\u00E9sol\u00E9, vous devez \u00EAtre connect\u00E9 pour acc\u00E9der au contenu de cette page."], [":\u241Fcdf437ced0967505680ee7fbb9fe6583203edb25\u241F4851375363781203983:D\u00E9sol\u00E9, vous devez \u00EAtre connect\u00E9 pour acc\u00E9der au contenu de cette page."])));
+              i18n_8 = $localize(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject([":\u241Fcdf437ced0967505680ee7fbb9fe6583203edb25\u241F4851375363781203983:D\u00E9sol\u00E9, vous devez \u00EAtre connect\u00E9 pour acc\u00E9der au contenu de cette page."], [":\u241Fcdf437ced0967505680ee7fbb9fe6583203edb25\u241F4851375363781203983:D\u00E9sol\u00E9, vous devez \u00EAtre connect\u00E9 pour acc\u00E9der au contenu de cette page."])));
           }
-          var i18n_10;
+          var i18n_11;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_1875448131572248295$$LIB__WEB_COMPONENTS_RECIPE_CATALOG_CATALOG_LIST_CATALOG_LIST_COMPONENT_TS__11 = goog.getMsg(" Chargement des r\u00E9sultats... ");
-              i18n_10 = MSG_EXTERNAL_1875448131572248295$$LIB__WEB_COMPONENTS_RECIPE_CATALOG_CATALOG_LIST_CATALOG_LIST_COMPONENT_TS__11;
+              var MSG_EXTERNAL_1875448131572248295$$LIB__WEB_COMPONENTS_RECIPE_CATALOG_CATALOG_LIST_CATALOG_LIST_COMPONENT_TS__12 = goog.getMsg(" Chargement des r\u00E9sultats... ");
+              i18n_11 = MSG_EXTERNAL_1875448131572248295$$LIB__WEB_COMPONENTS_RECIPE_CATALOG_CATALOG_LIST_CATALOG_LIST_COMPONENT_TS__12;
           }
           else {
-              i18n_10 = $localize(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject([":\u241F834498e5698b366d53cba7a7f98b06a12967862c\u241F1875448131572248295: Chargement des r\u00E9sultats... "], [":\u241F834498e5698b366d53cba7a7f98b06a12967862c\u241F1875448131572248295: Chargement des r\u00E9sultats... "])));
+              i18n_11 = $localize(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject([":\u241F834498e5698b366d53cba7a7f98b06a12967862c\u241F1875448131572248295: Chargement des r\u00E9sultats... "], [":\u241F834498e5698b366d53cba7a7f98b06a12967862c\u241F1875448131572248295: Chargement des r\u00E9sultats... "])));
           }
-          return [[1, "miam-catalog-list__cards"], ["class", "miam-catalog-list__notFound", 4, "ngIf"], ["class", "miam-catalog-list__card", 3, "clicked", 4, "ngIf"], [3, "recipe", "originTrace", "displayPricing", "previewAllowed", "addRecipeMode", "displayGuests", "helpButtonAllowed", "addToMealsPlanner", "actionTriggered", 4, "ngFor", "ngForOf"], [3, "article", 4, "ngFor", "ngForOf"], ["class", "miam-catalog-list__loader", 4, "ngIf"], ["id", "miam-catalog-list__anchor"], [1, "miam-catalog-list__notFound"], [1, "miam-catalog-list__notFound__icon", 3, "width", "height", "iconName"], [4, "ngIf", "ngIfElse"], ["notFiltering", ""], ["notLogged", ""], [1, "miam-catalog-list__notFound__title1", "filtering"], i18n_0, ["class", "miam-catalog-list__notFound__searching", 4, "ngIf"], [1, "miam-catalog-list__notFound__title2"], i18n_2, [1, "miam-catalog-list__notFound__searching"], i18n_4, [1, "miam-catalog-list__notFound__title1", "not-filtering"], i18n_6, [1, "miam-catalog-list__notFound__title1", "not-logged"], i18n_8, [1, "miam-catalog-list__card", 3, "clicked"], [3, "recipe", "originTrace", "displayPricing", "previewAllowed", "addRecipeMode", "displayGuests", "helpButtonAllowed", "addToMealsPlanner", "actionTriggered"], [3, "article"], [1, "miam-catalog-list__loader"], i18n_10];
+          return [[1, "miam-catalog-list__cards"], ["class", "miam-catalog-list__notFound", 4, "ngIf"], ["class", "miam-catalog-list__card", 3, "clicked", 4, "ngIf"], ["recipeCard", ""], [4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "article", 4, "ngFor", "ngForOf"], ["class", "miam-catalog-list__loader", 4, "ngIf"], [1, "miam-catalog-list__notFound"], [1, "miam-catalog-list__notFound__icon", 3, "width", "height", "iconName"], [4, "ngIf", "ngIfElse"], ["notFiltering", ""], ["notLogged", ""], [1, "miam-catalog-list__notFound__title1", "filtering"], i18n_0, ["class", "miam-catalog-list__notFound__searching", 4, "ngIf"], [1, "miam-catalog-list__notFound__title2"], i18n_2, [1, "miam-catalog-list__notFound__searching"], i18n_4, [1, "miam-catalog-list__notFound__title1", "not-filtering"], i18n_6, [1, "miam-catalog-list__notFound__title1", "not-logged"], i18n_8, [1, "miam-catalog-list__card", 3, "clicked"], [3, "recipe", "originTrace", "displayPricing", "previewAllowed", "addRecipeMode", "displayGuests", "helpButtonAllowed", "addToMealsPlanner", "actionTriggered"], [4, "ngIf"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", 4, "ngIf"], ["ngMiamLoadOnScroll", "", "marginRoot", "600px", 3, "isLoading", "loadMore"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "article"], [1, "miam-catalog-list__loader"], i18n_11];
       }, template: function CatalogListComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵelementStart(0, "div", 0);
               i0__namespace.ɵɵtemplate(1, CatalogListComponent_div_1_Template, 7, 5, "div", 1);
               i0__namespace.ɵɵpipe(2, "async");
               i0__namespace.ɵɵtemplate(3, CatalogListComponent_ng_miam_card_create_recipe_3_Template, 1, 0, "ng-miam-card-create-recipe", 2);
-              i0__namespace.ɵɵtemplate(4, CatalogListComponent_ng_miam_recipe_card_4_Template, 1, 7, "ng-miam-recipe-card", 3);
-              i0__namespace.ɵɵtemplate(5, CatalogListComponent_ng_miam_catalog_article_card_5_Template, 1, 1, "ng-miam-catalog-article-card", 4);
-              i0__namespace.ɵɵtemplate(6, CatalogListComponent_div_6_Template, 4, 0, "div", 5);
-              i0__namespace.ɵɵpipe(7, "async");
-              i0__namespace.ɵɵelement(8, "div", 6);
+              i0__namespace.ɵɵtemplate(4, CatalogListComponent_ng_template_4_Template, 1, 7, "ng-template", null, 3, i0__namespace.ɵɵtemplateRefExtractor);
+              i0__namespace.ɵɵtemplate(6, CatalogListComponent_ng_container_6_Template, 3, 2, "ng-container", 4);
+              i0__namespace.ɵɵtemplate(7, CatalogListComponent_ng_miam_catalog_article_card_7_Template, 1, 1, "ng-miam-catalog-article-card", 5);
+              i0__namespace.ɵɵtemplate(8, CatalogListComponent_div_8_Template, 4, 0, "div", 6);
+              i0__namespace.ɵɵpipe(9, "async");
               i0__namespace.ɵɵelementEnd();
           }
           if (rf & 2) {
               i0__namespace.ɵɵadvance(1);
-              i0__namespace.ɵɵproperty("ngIf", !i0__namespace.ɵɵpipeBind1(2, 5, ctx.loading) && ctx.currentRecipes.length === 0 && ctx.articles.length === 0);
+              i0__namespace.ɵɵproperty("ngIf", !i0__namespace.ɵɵpipeBind1(2, 6, ctx.loading) && ctx.currentRecipes.length === 0 && ctx.articles.length === 0);
               i0__namespace.ɵɵadvance(2);
               i0__namespace.ɵɵproperty("ngIf", ctx.insertCreateCard && ctx.currentRecipes.length !== 0);
-              i0__namespace.ɵɵadvance(1);
-              i0__namespace.ɵɵproperty("ngForOf", ctx.currentRecipes);
+              i0__namespace.ɵɵadvance(3);
+              i0__namespace.ɵɵproperty("ngForOf", ctx.currentRecipes)("ngForTrackBy", ctx.trackByFn);
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("ngForOf", ctx.articles);
               i0__namespace.ɵɵadvance(1);
-              i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(7, 7, ctx.loading));
+              i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(9, 8, ctx.loading));
           }
-      }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgForOf, IconComponent, CardCreateRecipeComponent, RecipeCardComponent, 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 .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,
@@ -18843,7 +19165,7 @@
                       encapsulation: i0.ViewEncapsulation.None,
                       changeDetection: i0.ChangeDetectionStrategy.OnPush
                   }]
-          }], function () { return [{ type: RecipesService }, { type: RecipeLikesService }, { type: ArticlesService }, { type: UserService }, { type: ContextService }, { type: i0__namespace.ChangeDetectorRef }, { type: AnalyticsService }]; }, { filters: [{
+          }], function () { return [{ type: RecipesService }, { type: ArticlesService }, { type: UserService }, { type: ContextService }, { type: i0__namespace.ChangeDetectorRef }, { type: AnalyticsService }]; }, { filters: [{
                   type: i0.Input
               }], insertCreateCard: [{
                   type: i0.Input
@@ -18874,7 +19196,7 @@
                   args: [RecipeCardComponent]
               }] });
   })();
-  var templateObject_1$i, templateObject_2$f, templateObject_3$b, templateObject_4$9, templateObject_5$7, templateObject_6$6;
+  var templateObject_1$i, templateObject_2$f, templateObject_3$b, templateObject_4$9, templateObject_5$6, templateObject_6$6;
 
   function MealsPlannerCatalogComponent_div_14_Template(rf, ctx) {
       if (rf & 1) {
@@ -19419,7 +19741,9 @@
           this.subscriptions.forEach(function (s) { return s.unsubscribe(); });
           this.recipeDetailsService.onlyShowPreparation = false;
       };
-      MealsPlannerComponent.prototype.currentPath = function () { return 'miam/recipes/meals-planner'; };
+      MealsPlannerComponent.prototype.currentPath = function () {
+          return 'miam/recipes/meals-planner';
+      };
       // TODO: cut into more methods
       MealsPlannerComponent.prototype.addRecipes = function () {
           var _this = this;
@@ -20247,7 +20571,7 @@
               i18n_8 = MSG_EXTERNAL_7387753154079259338$$LIB__WEB_COMPONENTS_RECIPE_CATALOG_CATALOG_HEADER_CATALOG_HEADER_COMPONENT_TS___9;
           }
           else {
-              i18n_8 = $localize(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject([":\u241F1e0415ec0e248029811bbeb6a2892c6bf701f9be\u241F7387753154079259338:Votre s\u00E9lection"], [":\u241F1e0415ec0e248029811bbeb6a2892c6bf701f9be\u241F7387753154079259338:Votre s\u00E9lection"])));
+              i18n_8 = $localize(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject([":\u241F1e0415ec0e248029811bbeb6a2892c6bf701f9be\u241F7387753154079259338:Votre s\u00E9lection"], [":\u241F1e0415ec0e248029811bbeb6a2892c6bf701f9be\u241F7387753154079259338:Votre s\u00E9lection"])));
           }
           var i18n_10;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
@@ -20382,7 +20706,7 @@
                   type: i0.Output
               }] });
   })();
-  var templateObject_1$d, templateObject_2$a, templateObject_3$8, templateObject_4$7, templateObject_5$6, templateObject_6$5, templateObject_7$4, templateObject_8$2, templateObject_9$2;
+  var templateObject_1$d, templateObject_2$a, templateObject_3$8, templateObject_4$7, templateObject_5$5, templateObject_6$5, templateObject_7$4, templateObject_8$2, templateObject_9$2;
 
   function RecipeFormComponent_form_0_ng_template_3_Template(rf, ctx) {
       if (rf & 1) {
@@ -20903,7 +21227,7 @@
               i18n_8 = MSG_EXTERNAL_4142863621251590306$$LIB__WEB_COMPONENTS_RECIPE_CREATION_RECIPE_FORM_RECIPE_FORM_COMPONENT_TS___9;
           }
           else {
-              i18n_8 = $localize(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject([":\u241Ffb8b4b6668befda8fc42e047c9b246d4777a881b\u241F4142863621251590306:Ajouter une photo"], [":\u241Ffb8b4b6668befda8fc42e047c9b246d4777a881b\u241F4142863621251590306:Ajouter une photo"])));
+              i18n_8 = $localize(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject([":\u241Ffb8b4b6668befda8fc42e047c9b246d4777a881b\u241F4142863621251590306:Ajouter une photo"], [":\u241Ffb8b4b6668befda8fc42e047c9b246d4777a881b\u241F4142863621251590306:Ajouter une photo"])));
           }
           var i18n_10;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
@@ -20984,7 +21308,7 @@
                   type: i0.Output
               }] });
   })();
-  var templateObject_1$c, templateObject_2$9, templateObject_3$7, templateObject_4$6, templateObject_5$5, templateObject_6$4, templateObject_7$3, templateObject_8$1, templateObject_9$1;
+  var templateObject_1$c, templateObject_2$9, templateObject_3$7, templateObject_4$6, templateObject_5$4, templateObject_6$4, templateObject_7$3, templateObject_8$1, templateObject_9$1;
 
   function TagsCreatorComponent_ng_miam_modal_0_Template(rf, ctx) {
       if (rf & 1) {
@@ -21348,7 +21672,7 @@
               i18n_8 = MSG_EXTERNAL_2575761888491507638$$LIB__WEB_COMPONENTS_RECIPE_CREATION_TAGS_SELECTOR_TAGS_SELECTOR_COMPONENT_TS__9;
           }
           else {
-              i18n_8 = $localize(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject([":\u241F13a158067c29e5c5211ea07d687c286c5ba99516\u241F2575761888491507638: Famille d'ingr\u00E9dients "], [":\u241F13a158067c29e5c5211ea07d687c286c5ba99516\u241F2575761888491507638: Famille d'ingr\u00E9dients "])));
+              i18n_8 = $localize(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject([":\u241F13a158067c29e5c5211ea07d687c286c5ba99516\u241F2575761888491507638: Famille d'ingr\u00E9dients "], [":\u241F13a158067c29e5c5211ea07d687c286c5ba99516\u241F2575761888491507638: Famille d'ingr\u00E9dients "])));
           }
           var i18n_10;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
@@ -21399,7 +21723,7 @@
                   type: i0.Output
               }] });
   })();
-  var templateObject_1$a, templateObject_2$7, templateObject_3$5, templateObject_4$4, templateObject_5$4, templateObject_6$3, templateObject_7$2;
+  var templateObject_1$a, templateObject_2$7, templateObject_3$5, templateObject_4$4, templateObject_5$3, templateObject_6$3, templateObject_7$2;
 
   var _c0$4 = ["topAnchor"];
   var _c1$2 = ["stepperLinks"];
@@ -21916,7 +22240,7 @@
               i18n_11 = MSG_EXTERNAL_4078662097036588656$$LIB__WEB_COMPONENTS_RECIPE_CREATION_RECIPE_STEPPER_RECIPE_STEPPER_COMPONENT_TS_12;
           }
           else {
-              i18n_11 = $localize(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject([":\u241F49375178588cf9deb7d988b78a2c8f00026e7285\u241F4078662097036588656:Image trop volumineuse"], [":\u241F49375178588cf9deb7d988b78a2c8f00026e7285\u241F4078662097036588656:Image trop volumineuse"])));
+              i18n_11 = $localize(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject([":\u241F49375178588cf9deb7d988b78a2c8f00026e7285\u241F4078662097036588656:Image trop volumineuse"], [":\u241F49375178588cf9deb7d988b78a2c8f00026e7285\u241F4078662097036588656:Image trop volumineuse"])));
           }
           var i18n_13;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
@@ -22176,7 +22500,7 @@
                   args: ['step']
               }] });
   })();
-  var templateObject_1$9, templateObject_2$6, templateObject_3$4, templateObject_4$3, templateObject_5$3, templateObject_6$2, templateObject_7$1, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23;
+  var templateObject_1$9, templateObject_2$6, templateObject_3$4, templateObject_4$3, templateObject_5$2, templateObject_6$2, templateObject_7$1, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23;
 
   var _c0$3 = ["miamCatalogTopAnchor"];
   function RecipeCatalogComponent_div_2_div_4_Template(rf, ctx) {
@@ -22800,7 +23124,7 @@
               i18n_9 = MSG_EXTERNAL_7387753154079259338$$LIB__WEB_COMPONENTS_RECIPE_CATALOG_RECIPE_CATALOG_COMPONENT_TS____10;
           }
           else {
-              i18n_9 = $localize(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject([":\u241F1e0415ec0e248029811bbeb6a2892c6bf701f9be\u241F7387753154079259338:Votre s\u00E9lection"], [":\u241F1e0415ec0e248029811bbeb6a2892c6bf701f9be\u241F7387753154079259338:Votre s\u00E9lection"])));
+              i18n_9 = $localize(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject([":\u241F1e0415ec0e248029811bbeb6a2892c6bf701f9be\u241F7387753154079259338:Votre s\u00E9lection"], [":\u241F1e0415ec0e248029811bbeb6a2892c6bf701f9be\u241F7387753154079259338:Votre s\u00E9lection"])));
           }
           var i18n_11;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
@@ -22856,7 +23180,7 @@
                   type: i0.Input
               }] });
   })();
-  var templateObject_1$8, templateObject_2$5, templateObject_3$3, templateObject_4$2, templateObject_5$2, templateObject_6$1;
+  var templateObject_1$8, templateObject_2$5, templateObject_3$3, templateObject_4$2, templateObject_5$1, templateObject_6$1;
 
   var RecipeCreationModule = /** @class */ (function () {
       // Create custom elements so the WebComponents can be interpreted by the browser regardless of the js framework used
@@ -23644,7 +23968,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", 43);
+          i0__namespace.ɵɵelement(0, "ng-miam-like-button", 45);
       }
       if (rf & 2) {
           var ctx_r6 = i0__namespace.ɵɵnextContext(3);
@@ -23653,7 +23977,7 @@
   }
   function RecipeDetailsComponent_div_0_div_3_img_14_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "img", 44);
+          i0__namespace.ɵɵelement(0, "img", 46);
       }
       if (rf & 2) {
           var ctx_r7 = i0__namespace.ɵɵnextContext(3);
@@ -23662,7 +23986,7 @@
   }
   function RecipeDetailsComponent_div_0_div_3_youtube_player_15_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "youtube-player", 45);
+          i0__namespace.ɵɵelement(0, "youtube-player", 47);
       }
       if (rf & 2) {
           var ctx_r8 = i0__namespace.ɵɵnextContext(3);
@@ -23671,8 +23995,8 @@
   }
   function RecipeDetailsComponent_div_0_div_3_div_16_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 46);
-          i0__namespace.ɵɵelement(1, "img", 47);
+          i0__namespace.ɵɵelementStart(0, "div", 48);
+          i0__namespace.ɵɵelement(1, "img", 49);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -23683,9 +24007,9 @@
   }
   function RecipeDetailsComponent_div_0_div_3_ng_miam_addon_link_18_Template(rf, ctx) {
       if (rf & 1) {
-          var _r17_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(_r17_1); var ctx_r16 = i0__namespace.ɵɵnextContext(3); return ctx_r16.toggleAddon(); });
+          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(); });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -23695,7 +24019,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", 49);
+          i0__namespace.ɵɵelement(0, "ng-miam-like-button", 51);
       }
       if (rf & 2) {
           var ctx_r11 = i0__namespace.ɵɵnextContext(3);
@@ -23704,17 +24028,17 @@
   }
   function RecipeDetailsComponent_div_0_div_3_ng_miam_products_picker_35_Template(rf, ctx) {
       if (rf & 1) {
-          var _r19_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(_r19_1); var ctx_r18 = i0__namespace.ɵɵnextContext(3); return ctx_r18.onClose(); });
+          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(); });
           i0__namespace.ɵɵelementEnd();
       }
   }
   function RecipeDetailsComponent_div_0_div_3_div_36_Template(rf, ctx) {
       if (rf & 1) {
-          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.ɵɵ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.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -23725,135 +24049,130 @@
           i0__namespace.ɵɵproperty("recipe", ctx_r13.recipeDetailsService.recipe);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_div_2_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_button_39_span_7_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 61);
-          i0__namespace.ɵɵelementStart(1, "span");
-          i0__namespace.ɵɵi18n(2, 62);
-          i0__namespace.ɵɵelementEnd();
+          i0__namespace.ɵɵelementStart(0, "span");
+          i0__namespace.ɵɵi18n(1, 63);
           i0__namespace.ɵɵelementEnd();
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_ng_template_3_span_5_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_button_39_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_ng_container_38_button_1_ng_template_3_span_6_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_button_39_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "span");
-          i0__namespace.ɵɵi18n(1, 65);
+          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);
+          i0__namespace.ɵɵelementStart(3, "span");
+          i0__namespace.ɵɵi18n(4, 59);
           i0__namespace.ɵɵelementEnd();
-      }
-  }
-  function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_ng_template_3_Template(rf, ctx) {
-      if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 61);
-          i0__namespace.ɵɵelementStart(1, "span");
-          i0__namespace.ɵɵi18n(2, 63);
+          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.ɵɵelementStart(9, "div", 61);
+          i0__namespace.ɵɵtext(10, " ( ");
+          i0__namespace.ɵɵelementStart(11, "span");
+          i0__namespace.ɵɵpipe(12, "async");
+          i0__namespace.ɵɵtext(13);
+          i0__namespace.ɵɵpipe(14, "currency");
+          i0__namespace.ɵɵelementEnd();
+          i0__namespace.ɵɵelement(15, "div", 62);
+          i0__namespace.ɵɵpipe(16, "async");
+          i0__namespace.ɵɵtext(17, " ) ");
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelementStart(3, "span");
-          i0__namespace.ɵɵtext(4);
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵtemplate(5, RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_ng_template_3_span_5_Template, 2, 0, "span", 41);
-          i0__namespace.ɵɵtemplate(6, RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_ng_template_3_span_6_Template, 2, 0, "span", 41);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
-          var ctx_r25 = i0__namespace.ɵɵnextContext(5);
-          i0__namespace.ɵɵadvance(4);
-          i0__namespace.ɵɵtextInterpolate(ctx_r25.recipeDetailsService.remainingBasketEntries.length);
+          var ctx_r14 = i0__namespace.ɵɵnextContext(3);
+          i0__namespace.ɵɵadvance(6);
+          i0__namespace.ɵɵtextInterpolate(ctx_r14.recipeDetailsService.remainingBasketEntries.length);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r25.recipeDetailsService.remainingBasketEntries.length <= 1);
+          i0__namespace.ɵɵproperty("ngIf", ctx_r14.recipeDetailsService.remainingBasketEntries.length <= 1);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r25.recipeDetailsService.remainingBasketEntries.length > 1);
-      }
-  }
-  function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_Template(rf, ctx) {
-      if (rf & 1) {
-          var _r29_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(_r29_1); var ctx_r28 = i0__namespace.ɵɵnextContext(4); return ctx_r28.recipeDetailsService.addAllIngredientsToBasket(ctx_r28.eventTrace()); });
-          i0__namespace.ɵɵelement(1, "img", 58);
-          i0__namespace.ɵɵtemplate(2, RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_div_2_Template, 3, 0, "div", 59);
-          i0__namespace.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_ng_template_3_Template, 7, 3, "ng-template", null, 60, i0__namespace.ɵɵtemplateRefExtractor);
-          i0__namespace.ɵɵelementEnd();
-      }
-      if (rf & 2) {
-          var _r24 = i0__namespace.ɵɵreference(4);
-          var ctx_r20 = i0__namespace.ɵɵnextContext(4);
+          i0__namespace.ɵɵproperty("ngIf", ctx_r14.recipeDetailsService.remainingBasketEntries.length > 1);
+          i0__namespace.ɵɵadvance(3);
+          i0__namespace.ɵɵclassProp("hidden", i0__namespace.ɵɵpipeBind1(12, 8, ctx_r14.recipeDetailsService.ingredientToBasketLoading$));
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵproperty("ngIf", !ctx_r20.recipeDetailsService.hasAddedAProduct)("ngIfElse", _r24);
+          i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(14, 10, ctx_r14.recipeDetailsService.recipePrice.remaining, ctx_r14.suppliersService.supplier$.value.currency), " ");
+          i0__namespace.ɵɵadvance(2);
+          i0__namespace.ɵɵclassProp("hidden", !i0__namespace.ɵɵpipeBind1(16, 13, ctx_r14.recipeDetailsService.ingredientToBasketLoading$));
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_3_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_button_41_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "button", 66);
-          i0__namespace.ɵɵelement(1, "div", 67);
+          i0__namespace.ɵɵelementStart(0, "button", 65);
+          i0__namespace.ɵɵelement(1, "div", 62);
           i0__namespace.ɵɵelementEnd();
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_5_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_button_43_Template(rf, ctx) {
       if (rf & 1) {
-          var _r31_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "button", 68);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_5_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r31_1); var ctx_r30 = i0__namespace.ɵɵnextContext(4); return ctx_r30.onClose(); });
-          i0__namespace.ɵɵelementStart(1, "div", 61);
+          var _r27_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.ɵɵelementStart(2, "span");
-          i0__namespace.ɵɵi18n(3, 69);
+          i0__namespace.ɵɵi18n(3, 67);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_ng_container_38_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_div_44_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, 5, 2, "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.ɵɵelementStart(0, "div", 68);
+          i0__namespace.ɵɵelementStart(1, "div", 69);
+          i0__namespace.ɵɵelementStart(2, "span");
+          i0__namespace.ɵɵpipe(3, "async");
           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();
+          i0__namespace.ɵɵtext(5);
+          i0__namespace.ɵɵpipe(6, "currency");
+          i0__namespace.ɵɵelementEnd();
+          i0__namespace.ɵɵelement(7, "div", 70);
+          i0__namespace.ɵɵpipe(8, "async");
+          i0__namespace.ɵɵpipe(9, "async");
+          i0__namespace.ɵɵelementEnd();
+          i0__namespace.ɵɵelementStart(10, "span", 71);
+          i0__namespace.ɵɵtext(11, "dans mon panier");
+          i0__namespace.ɵɵelementEnd();
+          i0__namespace.ɵɵelementEnd();
       }
       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$));
+          var ctx_r17 = i0__namespace.ɵɵnextContext(3);
           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.ɵɵclassProp("hidden", i0__namespace.ɵɵpipeBind1(3, 5, ctx_r17.recipeDetailsService.ingredientToBasketLoading$) || i0__namespace.ɵɵpipeBind1(4, 7, ctx_r17.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.ɵɵadvance(2);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r14.recipeDetailsService.remainingBasketEntries.length === 0);
-      }
-  }
-  function RecipeDetailsComponent_div_0_div_3_ng_miam_recipe_pricing_39_Template(rf, ctx) {
-      if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "ng-miam-recipe-pricing", 70);
-      }
-      if (rf & 2) {
-          var ctx_r15 = i0__namespace.ɵɵnextContext(3);
-          i0__namespace.ɵɵproperty("fetchPricingOnScroll", false)("recipeId", ctx_r15.recipeDetailsService.recipe == null ? null : ctx_r15.recipeDetailsService.recipe.id)("serves", ctx_r15.recipeDetailsService.recipe == null ? null : ctx_r15.recipeDetailsService.recipe.modifiedGuests)("guestsText", ctx_r15.pricingGuestsText);
+          i0__namespace.ɵɵclassProp("hidden", !(i0__namespace.ɵɵpipeBind1(8, 12, ctx_r17.recipeDetailsService.ingredientToBasketLoading$) || i0__namespace.ɵɵpipeBind1(9, 14, ctx_r17.recipeDetailsService.updateIngredientFromBasketLoading$)));
       }
   }
-  var _c11 = function (a0) { return { "hidden": a0 }; };
-  var _c12 = function () { return ["Je fais mes courses", "Je cuisine"]; };
-  var _c13 = function (a0, a1) { return { "center": a0, "hidden": a1 }; };
+  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 _r33_1 = i0__namespace.ɵɵgetCurrentView();
+          var _r29_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(_r33_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_5_listener() { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r28 = i0__namespace.ɵɵnextContext(2); return ctx_r28.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(_r33_1); var ctx_r34 = i0__namespace.ɵɵnextContext(2); return ctx_r34.onClose(); });
+          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.ɵɵ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);
@@ -23861,7 +24180,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(_r33_1); var ctx_r35 = i0__namespace.ɵɵnextContext(2); return ctx_r35.updateGuests($event); });
+          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.ɵɵtext(13, " > ");
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -23876,7 +24195,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(_r33_1); var ctx_r36 = i0__namespace.ɵɵnextContext(2); return ctx_r36.onClose(); });
+          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.ɵɵelement(23, "img", 28);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -23888,7 +24207,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(_r33_1); var ctx_r37 = i0__namespace.ɵɵnextContext(2); return ctx_r37.onClose(); });
+          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.ɵɵelement(31, "img", 34);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -23897,21 +24216,27 @@
           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(_r33_1); var ctx_r38 = i0__namespace.ɵɵnextContext(2); return ctx_r38.activeTabIndex = $event; })("selectedTabIndexChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_slider_tabs_selectedTabIndexChange_34_listener() { i0__namespace.ɵɵrestoreView(_r33_1); var ctx_r39 = i0__namespace.ɵɵnextContext(2); return ctx_r39.cdr.detectChanges(); });
+          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.ɵɵ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.ɵɵ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_miam_recipe_pricing_39_Template, 1, 4, "ng-miam-recipe-pricing", 42);
+          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.ɵɵ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, 19, ctx_r4.userService.isLogged$));
+          i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(11, 20, 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);
@@ -23925,21 +24250,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, 21, ctx_r4.userService.isLogged$));
+          i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(28, 22, 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(23, _c11, ctx_r4.recipeDetailsService.onlyShowPreparation));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(28, _c9, ctx_r4.recipeDetailsService.onlyShowPreparation));
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("tabs", i0__namespace.ɵɵpureFunction0(25, _c12))("selectedTabIndex", ctx_r4.activeTabIndex);
+          i0__namespace.ɵɵproperty("tabs", i0__namespace.ɵɵpureFunction0(30, _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(1);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(26, _c13, ctx_r4.activeTabIndex === 1, ctx_r4.activeTabIndex === 1 && !ctx_r4.showPrice()));
-          i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r4.activeTabIndex === 0);
+          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.ɵɵproperty("ngIf", ctx_r4.showPrice());
       }
@@ -23949,7 +24276,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, 40, 29, "div", 5);
+          i0__namespace.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_3_Template, 45, 31, "div", 5);
           i0__namespace.ɵɵpipe(4, "async");
           i0__namespace.ɵɵelementEnd();
       }
@@ -23963,9 +24290,9 @@
   }
   function RecipeDetailsComponent_ng_miam_recipe_addon_2_Template(rf, ctx) {
       if (rf & 1) {
-          var _r41_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "ng-miam-recipe-addon", 71);
-          i0__namespace.ɵɵlistener("hideAddon", function RecipeDetailsComponent_ng_miam_recipe_addon_2_Template_ng_miam_recipe_addon_hideAddon_0_listener() { i0__namespace.ɵɵrestoreView(_r41_1); var ctx_r40 = i0__namespace.ɵɵnextContext(); return ctx_r40.toggleAddon(); });
+          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(); });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -23975,9 +24302,9 @@
   }
   function RecipeDetailsComponent_ng_miam_replace_item_3_Template(rf, ctx) {
       if (rf & 1) {
-          var _r43_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "ng-miam-replace-item", 72);
-          i0__namespace.ɵɵlistener("selected", function RecipeDetailsComponent_ng_miam_replace_item_3_Template_ng_miam_replace_item_selected_0_listener() { i0__namespace.ɵɵrestoreView(_r43_1); var ctx_r42 = i0__namespace.ɵɵnextContext(); return ctx_r42.recipeDetailsService.basketEntryToReplace = null; });
+          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; });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -23996,13 +24323,14 @@
   };
   var RecipeDetailsComponent = /** @class */ (function (_super) {
       __extends(RecipeDetailsComponent, _super);
-      function RecipeDetailsComponent(cdr, recipesService, basketsService, userService, posService, contextService, recipeDetailsService, sponsorBlocksService, analyticsService) {
+      function RecipeDetailsComponent(cdr, recipesService, basketsService, userService, posService, suppliersService, contextService, recipeDetailsService, sponsorBlocksService, analyticsService) {
           var _this = _super.call(this, analyticsService) || this;
           _this.cdr = cdr;
           _this.recipesService = recipesService;
           _this.basketsService = basketsService;
           _this.userService = userService;
           _this.posService = posService;
+          _this.suppliersService = suppliersService;
           _this.contextService = contextService;
           _this.recipeDetailsService = recipeDetailsService;
           _this.sponsorBlocksService = sponsorBlocksService;
@@ -24070,10 +24398,13 @@
           this.recipeDetailsService.displayEventWasSent = false;
           this.subscriptions.forEach(function (sub) { return sub.unsubscribe(); });
       };
-      RecipeDetailsComponent.prototype.getProducts = function () {
+      RecipeDetailsComponent.prototype.getProducts = function (fromInit) {
           var _this = this;
-          this.recipeDetailsService.productsLoading = true;
-          this.subscriptions.push(this.recipeDetailsService.getIngredientsBasketEntries().subscribe(function () {
+          if (fromInit === void 0) { fromInit = false; }
+          if (fromInit) {
+              this.recipeDetailsService.productsLoading = true;
+          }
+          this.subscriptions.push(this.recipeDetailsService.getIngredientsBasketEntries(fromInit).subscribe(function () {
               _this.recipeDetailsService.productsLoading = false;
               _this.cdr.detectChanges();
           }));
@@ -24088,7 +24419,7 @@
               _this.recipeDetailsService.recipe = result;
               _this.recipeDetailsService.recipeLoading = false;
               _this.recipeDetailsService.recipe.modifiedGuests = +_this.guestNumber || +result.guests;
-              _this.getProducts();
+              _this.getProducts(true);
               _this.sendDisplayRecipeEvent();
               _this.setupYoutubePlayer();
               setTimeout(function () {
@@ -24152,6 +24483,7 @@
       RecipeDetailsComponent.prototype.updateGuests = function (guests) {
           this.recipeDetailsService.recipe.modifiedGuests = guests;
           this.recipeDetailsService.updateGuests(this.eventTrace());
+          this.getProducts(false);
           this.cdr.detectChanges();
       };
       RecipeDetailsComponent.prototype.toggleAddon = function () {
@@ -24198,7 +24530,7 @@
       };
       return RecipeDetailsComponent;
   }(EventTracerComponent));
-  RecipeDetailsComponent.ɵfac = function RecipeDetailsComponent_Factory(t) { return new (t || RecipeDetailsComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(BasketsService), i0__namespace.ɵɵdirectiveInject(UserService), i0__namespace.ɵɵdirectiveInject(PointOfSalesService), i0__namespace.ɵɵdirectiveInject(ContextService), i0__namespace.ɵɵdirectiveInject(RecipeDetailsService), i0__namespace.ɵɵdirectiveInject(SponsorBlockService), i0__namespace.ɵɵdirectiveInject(AnalyticsService)); };
+  RecipeDetailsComponent.ɵfac = function RecipeDetailsComponent_Factory(t) { return new (t || RecipeDetailsComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(BasketsService), i0__namespace.ɵɵdirectiveInject(UserService), i0__namespace.ɵɵdirectiveInject(PointOfSalesService), i0__namespace.ɵɵdirectiveInject(SuppliersService), i0__namespace.ɵɵdirectiveInject(ContextService), i0__namespace.ɵɵdirectiveInject(RecipeDetailsService), i0__namespace.ɵɵdirectiveInject(SponsorBlockService), i0__namespace.ɵɵdirectiveInject(AnalyticsService)); };
   RecipeDetailsComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: RecipeDetailsComponent, selectors: [["ng-miam-recipe-details"]], viewQuery: function RecipeDetailsComponent_Query(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵviewQuery(_c0$1, 1);
@@ -24210,45 +24542,37 @@
       }, 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 () {
           var i18n_1;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_1980534847658558954$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS______2 = goog.getMsg("Ajouter tous les produits");
-              i18n_1 = MSG_EXTERNAL_1980534847658558954$$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([":\u241Fc7c6add936bdeb9c0b38e45cc453fd3e55528fb4\u241F1980534847658558954:Ajouter tous les produits"], [":\u241Fc7c6add936bdeb9c0b38e45cc453fd3e55528fb4\u241F1980534847658558954:Ajouter tous les produits"])));
+              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_70397346439942337$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS______4 = goog.getMsg("Ajouter");
-              i18n_3 = MSG_EXTERNAL_70397346439942337$$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([":\u241F8aa969e69241c7c5838b40348f913519d6349371\u241F70397346439942337:Ajouter"], [":\u241F8aa969e69241c7c5838b40348f913519d6349371\u241F70397346439942337:Ajouter"])));
+              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_5144484951400113194$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_______6 = goog.getMsg("produit");
-              i18n_5 = MSG_EXTERNAL_5144484951400113194$$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([":\u241F84c216d92afc9edd2b3bd2175d38197737ff86c5\u241F5144484951400113194:produit"], [":\u241F84c216d92afc9edd2b3bd2175d38197737ff86c5\u241F5144484951400113194:produit"])));
+              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_1112144680738962826$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_______8 = goog.getMsg("produits");
-              i18n_7 = MSG_EXTERNAL_1112144680738962826$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_______8;
-          }
-          else {
-              i18n_7 = $localize(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject([":\u241F2571d7fbaeed8646df6ee852fb5d94185b0efd88\u241F1112144680738962826:produits"], [":\u241F2571d7fbaeed8646df6ee852fb5d94185b0efd88\u241F1112144680738962826:produits"])));
-          }
-          var i18n_9;
-          if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_2001694451572573558$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____10 = goog.getMsg("Continuer mes courses");
-              i18n_9 = MSG_EXTERNAL_2001694451572573558$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____10;
+              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_9 = $localize(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject([":\u241F0e81a4e1efd31ae65483ef21f4fa59c2dce0e6f1\u241F2001694451572573558:Continuer mes courses"], [":\u241F0e81a4e1efd31ae65483ef21f4fa59c2dce0e6f1\u241F2001694451572573558:Continuer mes courses"])));
+              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", 3, "ngClass"], [4, "ngIf"], [3, "fetchPricingOnScroll", "recipeId", "serves", "guestsText", 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"], ["class", "miam-recipe-details__add-to-basket-cta__text", 4, "ngIf", "ngIfElse"], ["addRemainingProducts", ""], [1, "miam-recipe-details__add-to-basket-cta__text"], i18n_1, i18n_3, i18n_5, i18n_7, [1, "miam-recipe-details__add-to-basket-cta", "miam-ds-button", "primary"], [1, "miam-ds-loader"], [1, "miam-ds-button", "secondary", 3, "click"], i18n_9, [3, "fetchPricingOnScroll", "recipeId", "serves", "guestsText"], [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"], ["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"]];
       }, template: function RecipeDetailsComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵtemplate(0, RecipeDetailsComponent_div_0_Template, 5, 6, "div", 0);
@@ -24264,7 +24588,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, RecipePricingComponent, RecipeAddonComponent, ReplaceItemComponent], pipes: [i2__namespace$1.AsyncPipe], 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;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 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__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, 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,
@@ -24275,7 +24599,7 @@
                       encapsulation: i0.ViewEncapsulation.None,
                       changeDetection: i0.ChangeDetectionStrategy.OnPush
                   }]
-          }], function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: RecipesService }, { type: BasketsService }, { type: UserService }, { type: PointOfSalesService }, { type: ContextService }, { type: RecipeDetailsService }, { type: SponsorBlockService }, { type: AnalyticsService }]; }, { recipeId: [{
+          }], function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: RecipesService }, { type: BasketsService }, { type: UserService }, { type: PointOfSalesService }, { type: SuppliersService }, { type: ContextService }, { type: RecipeDetailsService }, { type: SponsorBlockService }, { type: AnalyticsService }]; }, { recipeId: [{
                   type: i0.Input
               }], guestNumber: [{
                   type: i0.Input
@@ -24310,7 +24634,7 @@
                   args: ['topContainerImg']
               }] });
   })();
-  var templateObject_1$4, templateObject_2$2, templateObject_3$2, templateObject_4$1, templateObject_5$1;
+  var templateObject_1$4, templateObject_2$2, templateObject_3$2, templateObject_4$1;
 
   var RecipeDetailsModule = /** @class */ (function () {
       // Create custom elements so the WebComponents can be interpreted by the browser regardless of the js framework used
@@ -25313,6 +25637,7 @@
       };
       RecipeModalComponent.prototype.ngOnDestroy = function () {
           this.subscriptions.forEach(function (sub) { return sub.unsubscribe(); });
+          this.recipeDetailsService.unsubscribe();
       };
       RecipeModalComponent.prototype.listenToRecipeDisplayed = function () {
           var _this = this;
@@ -25324,7 +25649,8 @@
                       _this.previewMode.next(result.previewMode);
                       _this.previewAllowed = result.previewAllowed;
                       _this.show = true;
-                      _this.printService.prepareForPrint(_this.elRef);
+                      // Put back if/when printing is reimplemented
+                      // this.printService.prepareForPrint(this.elRef);
                   }
                   else {
                       _this.show = false;
@@ -25339,7 +25665,8 @@
                   _this.displayGuestsInDetails = result.displayGuests;
                   _this.helpButtonAllowedInDetails = result.helpButtonAllowed;
                   _this.show = true;
-                  _this.printService.prepareForPrint(_this.elRef);
+                  // Put back if/when printing is reimplemented
+                  // this.printService.prepareForPrint(this.elRef);
                   (_a = _this.detailsComponent) === null || _a === void 0 ? void 0 : _a.cdr.markForCheck();
                   if (_this.detailsComponent) {
                       _this.detailsComponent.showDetail = true;
@@ -25363,7 +25690,8 @@
               this.recipe = null; // trigger again a change on recipe if we re-open the view
               this.previewMode.next(false);
               this.recipesService.hide();
-              this.printService.dismissPrinting();
+              // Put back if/when printing is reimplemented
+              // this.printService.dismissPrinting();
               this.hasChangesOnClose.emit(this.basketChangedSinceOpened);
               this.basketChangedSinceOpened = false;
               this.cdr.detectChanges();