ng-miam 9.0.2 → 9.0.4

package/bundles/ng-miam.umd.js

@@ -1728,7 +1728,7 @@
           var price = parseFloat(beItem['unit-price']);
           var recipesCount = (_a = entry.recipesIds) === null || _a === void 0 ? void 0 : _a.length;
           if (item && beItem && price !== null && price !== undefined) {
-              Object.assign(line, Object.assign({ id: entry.id, record: entry, isRecipe: false, inlineTag: recipesCount && recipesCount > 1 ? "Pour " + recipesCount + " repas" : null, title: entry.name, picture: item.attributes.image, description: [(item.attributes.brand ? item.attributes.brand : '') + " " + item.attributes.name + " | " + item.capacity], price: "" + price.toFixed(2), count: entry.attributes.quantity }, (recipe && {
+              Object.assign(line, Object.assign({ id: entry.id, record: entry, isRecipe: false, inlineTag: recipesCount && recipesCount > 1 ? "Pour " + recipesCount + " repas" : null, title: entry.name, picture: item.attributes.image, description: [(item.attributes.brand ? item.attributes.brand : '') + " " + item.attributes.name + " | " + item.capacity], price: "" + price.toFixed(2), count: entry.quantity + entry.quantityToAdd }, (recipe && {
                   recipe: recipe,
                   ingredient: ingredient
               })));
@@ -3176,7 +3176,7 @@
           }], function () { return [{ type: i1__namespace.HttpClient }]; }, null);
   })();
 
-  var VERSION = '9.0.2'; // TODO: replace by ##VERSION## and update it in the CI/CD
+  var VERSION = '9.0.4'; // TODO: replace by ##VERSION## and update it in the CI/CD
 
   /**
    * Analytics library cannot refer to "this." so we use a global variable
@@ -4273,12 +4273,29 @@
           }], function () { return [{ type: i1__namespace.HttpClient }, { type: RecipeProviderService }, { type: RecipeStatusService }, { type: RecipeTypeService }, { type: SuppliersService }, { type: PointOfSalesService }, { type: IngredientsService }, { type: RecipeStepsService }, { type: SponsorService }, { type: PackageService }, { type: TagsService }, { type: RecipeLikesService }, { type: SeoService }, { type: PreferencesService }, { type: StoreLocatorService }]; }, null);
   })();
 
+  var StatesService = /** @class */ (function () {
+      function StatesService() {
+          this.callAuthlessTransfer = new rxjs.Subject();
+      }
+      return StatesService;
+  }());
+  StatesService.ɵfac = function StatesService_Factory(t) { return new (t || StatesService)(); };
+  StatesService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: StatesService, factory: StatesService.ɵfac, providedIn: 'root' });
+  (function () {
+      (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(StatesService, [{
+              type: i0.Injectable,
+              args: [{
+                      providedIn: 'root'
+                  }]
+          }], function () { return []; }, null);
+  })();
+
   var BASKET_SPARSE_FIELDS = {
       baskets: ['total-price', 'pricebook-key', 'recipes-infos', 'completion', 'status']
   };
   var BasketsService = /** @class */ (function (_super) {
       __extends(BasketsService, _super);
-      function BasketsService(http, basketEntriesService, posService, recipesService, analyticsService, usersService, toasterService, ignoredBasketsService) {
+      function BasketsService(http, basketEntriesService, posService, recipesService, analyticsService, usersService, toasterService, ignoredBasketsService, statesService) {
           var _this = _super.call(this) || this;
           _this.http = http;
           _this.basketEntriesService = basketEntriesService;
@@ -4288,14 +4305,15 @@
           _this.usersService = usersService;
           _this.toasterService = toasterService;
           _this.ignoredBasketsService = ignoredBasketsService;
+          _this.statesService = statesService;
           _this.resource = Basket;
           _this.type = 'baskets';
           _this._basket$ = new rxjs.BehaviorSubject(null);
           _this._basketPreview$ = new rxjs.BehaviorSubject(null);
           _this.basketStats$ = new rxjs.BehaviorSubject(null);
           _this.currentAndPreviewFetching = new rxjs.BehaviorSubject(false);
-          _this.basketIsFetching = false;
-          _this.basketPreviewIsCalculating = false;
+          _this.basketIsFetching$ = new rxjs.BehaviorSubject(false);
+          _this.basketPreviewIsCalculating$ = new rxjs.BehaviorSubject(false);
           _this.basketInitCalled = false;
           _this.recipesAdded = new i0.EventEmitter();
           _this.confirming = new rxjs.BehaviorSubject(false);
@@ -4317,8 +4335,8 @@
            * But if initBasket is not called, the basket will only be fetched the 1st time it is needed.
            */
           get: function () {
-              if (!this._basket$.value && !this.basketIsFetching) {
-                  this.basketIsFetching = true;
+              if (!this._basket$.value && !this.basketIsFetching$.value) {
+                  this.basketIsFetching$.next(true);
                   this.initBasket();
               }
               return this._basket$;
@@ -4332,8 +4350,8 @@
            * or if loadPreview is called before
            */
           get: function () {
-              if (!this._basketPreview$.value && !this.basketPreviewIsCalculating) {
-                  this.basketPreviewIsCalculating = true;
+              if (!this._basketPreview$.value && !this.basketPreviewIsCalculating$.value) {
+                  this.basketPreviewIsCalculating$.next(true);
                   this.initBasket();
               }
               return this._basketPreview$;
@@ -4359,7 +4377,13 @@
            */
           get: function () {
               var _this = this;
-              return this._entries$.pipe(operators.skipWhile(function (b) { return !b || !_this.basketInitCalled || _this.basketPreviewIsCalculating; }), operators.take(1));
+              return rxjs.combineLatest([this._entries$, this.basketPreviewIsCalculating$]).pipe(operators.skipWhile(function (_b) {
+                  var _c = __read(_b, 2), b = _c[0], bpCalculating = _c[1];
+                  return !b || !_this.basketInitCalled || bpCalculating;
+              }), operators.take(1), operators.map(function (_b) {
+                  var _c = __read(_b, 1), b = _c[0];
+                  return b;
+              }));
           },
           enumerable: false,
           configurable: true
@@ -4517,6 +4541,7 @@
       };
       BasketsService.prototype.transferAuthlessBasket = function (posId, authlessId) {
           var _this = this;
+          this.statesService.callAuthlessTransfer.next();
           var transferAuthlessBasketUrl = environment$1.miamAPI + "/api/v1/baskets/transfer_authless?point_of_sale_id=" + posId + "&authless_user_id=" + authlessId;
           return this.http.patch(transferAuthlessBasketUrl, {}).pipe(operators.switchMap(function (response) {
               var confirmedBasket = _this.new();
@@ -5088,10 +5113,10 @@
        */
       BasketsService.prototype.updateLocalBasket = function (basket) {
           var _this = this;
-          this.basketPreviewIsCalculating = true;
+          this.basketPreviewIsCalculating$.next(true);
           this._basket$.next(basket);
           return this.loadPreview().pipe(operators.tap(function () {
-              _this.basketIsFetching = false;
+              _this.basketIsFetching$.next(false);
               _this.currentAndPreviewFetching.next(false);
           }));
       };
@@ -5103,7 +5128,7 @@
       BasketsService.prototype.fillBasket = function (res) {
           var basket = this.new();
           basket.fill(res);
-          this.basketPreviewIsCalculating = true;
+          this.basketPreviewIsCalculating$.next(true);
           this._basket$.next(basket);
           return this.loadPreview();
       };
@@ -5124,7 +5149,7 @@
                   var lineEntries = _this.groupBasketEntries(recipes, entries);
                   var lines = _this.recipesAndLineEntriesToBasketPreviewLine(recipes, lineEntries);
                   _this._basketPreview$.next(lines);
-                  _this.basketPreviewIsCalculating = false;
+                  _this.basketPreviewIsCalculating$.next(false);
                   _this.basketStats$.next(_this.buildStats(lines));
               }));
           }));
@@ -5217,7 +5242,7 @@
       return BasketsService;
   }(i2.Service));
   BasketsService.entriesPerPages = 30;
-  BasketsService.ɵfac = function BasketsService_Factory(t) { return new (t || BasketsService)(i0__namespace.ɵɵinject(i1__namespace.HttpClient), i0__namespace.ɵɵinject(BasketEntriesService), i0__namespace.ɵɵinject(PointOfSalesService), i0__namespace.ɵɵinject(RecipesService), i0__namespace.ɵɵinject(AnalyticsService), i0__namespace.ɵɵinject(UserService), i0__namespace.ɵɵinject(ToasterService), i0__namespace.ɵɵinject(IgnoredIngredientsService)); };
+  BasketsService.ɵfac = function BasketsService_Factory(t) { return new (t || BasketsService)(i0__namespace.ɵɵinject(i1__namespace.HttpClient), i0__namespace.ɵɵinject(BasketEntriesService), i0__namespace.ɵɵinject(PointOfSalesService), i0__namespace.ɵɵinject(RecipesService), i0__namespace.ɵɵinject(AnalyticsService), i0__namespace.ɵɵinject(UserService), i0__namespace.ɵɵinject(ToasterService), i0__namespace.ɵɵinject(IgnoredIngredientsService), i0__namespace.ɵɵinject(StatesService)); };
   BasketsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: BasketsService, factory: BasketsService.ɵfac, providedIn: 'root' });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BasketsService, [{
@@ -5225,7 +5250,7 @@
               args: [{
                       providedIn: 'root'
                   }]
-          }], function () { return [{ type: i1__namespace.HttpClient }, { type: BasketEntriesService }, { type: PointOfSalesService }, { type: RecipesService }, { type: AnalyticsService }, { type: UserService }, { type: ToasterService }, { type: IgnoredIngredientsService }]; }, null);
+          }], function () { return [{ type: i1__namespace.HttpClient }, { type: BasketEntriesService }, { type: PointOfSalesService }, { type: RecipesService }, { type: AnalyticsService }, { type: UserService }, { type: ToasterService }, { type: IgnoredIngredientsService }, { type: StatesService }]; }, null);
   })();
 
   var ItemsComparator = /** @class */ (function () {
@@ -9160,7 +9185,7 @@
   }(BasketAction));
 
   var BasketTransferService = /** @class */ (function () {
-      function BasketTransferService(basketsService, contextService, posService, http, userService, recipesService, suppliersService, basketSynchroService) {
+      function BasketTransferService(basketsService, contextService, posService, http, userService, recipesService, suppliersService, basketSynchroService, statesService) {
           this.basketsService = basketsService;
           this.contextService = contextService;
           this.posService = posService;
@@ -9169,16 +9194,21 @@
           this.recipesService = recipesService;
           this.suppliersService = suppliersService;
           this.basketSynchroService = basketSynchroService;
+          this.statesService = statesService;
           this.basketIsBeingTransferred = new rxjs.BehaviorSubject(false);
           this.transferComplete$ = new rxjs.Subject();
           this.previousBasketEntries = [];
           this.subscriptions = [];
-          this.subscriptions.push(this.startTransferOnSupplierLoaded(), this.checkBasketStatus());
+          this.subscriptions.push(this.startTransferOnSupplierLoaded(), this.checkAuthlessTransfer(), this.checkBasketStatus());
       }
       BasketTransferService.prototype.startTransferOnSupplierLoaded = function () {
           var _this = this;
           return this.suppliersService.supplier$.pipe(operators.skipWhile(function (s) { return !s; }), operators.take(1)).subscribe(function () { return _this.handleBasketTransfer(); });
       };
+      BasketTransferService.prototype.checkAuthlessTransfer = function () {
+          var _this = this;
+          return this.statesService.callAuthlessTransfer.pipe(operators.take(1)).subscribe(function () { return _this.updateRetailerBasket(); });
+      };
       BasketTransferService.prototype.checkBasketStatus = function () {
           var _this = this;
           return this.basketsService._basket$.pipe(operators.skipWhile(function (b) { return !b; }), operators.map(function (basket) { return basket.attributes.status === 'transferring'; })).subscribe(function (transferring) {
@@ -9281,15 +9311,19 @@
       BasketTransferService.prototype.updateRetailerBasket = function () {
           var _this = this;
           this.basketsService.activeBasketEntries().pipe(operators.skip(1), operators.take(1), operators.switchMap(function (entries) {
-              var transferActions = _this.filterNewAndUpdatedEntries(entries).map(function (basketEntry) {
-                  var transferAction = new BasketTransferAction(basketEntry, {}, _this.basketsService, undefined, _this.suppliersService);
-                  _this.handleActionErrors(transferAction);
-                  return transferAction;
-              });
-              _this.basketSynchroService.addToActionList(transferActions);
+              _this.createTransferAction(entries);
               return entries;
           })).subscribe();
       };
+      BasketTransferService.prototype.createTransferAction = function (entries) {
+          var _this = this;
+          var transferActions = this.filterNewAndUpdatedEntries(entries).map(function (basketEntry) {
+              var transferAction = new BasketTransferAction(basketEntry, {}, _this.basketsService, undefined, _this.suppliersService);
+              _this.handleActionErrors(transferAction);
+              return transferAction;
+          });
+          this.basketSynchroService.addToActionList(transferActions);
+      };
       BasketTransferService.prototype.handleActionErrors = function (action) {
           var _this = this;
           action.onTimeout.pipe(operators.take(1)).subscribe(function () {
@@ -9340,7 +9374,7 @@
       };
       return BasketTransferService;
   }());
-  BasketTransferService.ɵfac = function BasketTransferService_Factory(t) { return new (t || BasketTransferService)(i0__namespace.ɵɵinject(BasketsService), i0__namespace.ɵɵinject(ContextService), i0__namespace.ɵɵinject(PointOfSalesService), i0__namespace.ɵɵinject(i1__namespace.HttpClient), i0__namespace.ɵɵinject(UserService), i0__namespace.ɵɵinject(RecipesService), i0__namespace.ɵɵinject(SuppliersService), i0__namespace.ɵɵinject(BasketsSynchronizerService)); };
+  BasketTransferService.ɵfac = function BasketTransferService_Factory(t) { return new (t || BasketTransferService)(i0__namespace.ɵɵinject(BasketsService), i0__namespace.ɵɵinject(ContextService), i0__namespace.ɵɵinject(PointOfSalesService), i0__namespace.ɵɵinject(i1__namespace.HttpClient), i0__namespace.ɵɵinject(UserService), i0__namespace.ɵɵinject(RecipesService), i0__namespace.ɵɵinject(SuppliersService), i0__namespace.ɵɵinject(BasketsSynchronizerService), i0__namespace.ɵɵinject(StatesService)); };
   BasketTransferService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: BasketTransferService, factory: BasketTransferService.ɵfac, providedIn: 'root' });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BasketTransferService, [{
@@ -9348,7 +9382,7 @@
               args: [{
                       providedIn: 'root'
                   }]
-          }], function () { return [{ type: BasketsService }, { type: ContextService }, { type: PointOfSalesService }, { type: i1__namespace.HttpClient }, { type: UserService }, { type: RecipesService }, { type: SuppliersService }, { type: BasketsSynchronizerService }]; }, null);
+          }], function () { return [{ type: BasketsService }, { type: ContextService }, { type: PointOfSalesService }, { type: i1__namespace.HttpClient }, { type: UserService }, { type: RecipesService }, { type: SuppliersService }, { type: BasketsSynchronizerService }, { type: StatesService }]; }, null);
   })();
 
   var CampaignStatus = /** @class */ (function (_super) {
@@ -17129,17 +17163,17 @@
           var _r28 = 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(25, _c35, ctx_r2.line.hasEntries() || ctx_r2.line.displayMode, ctx_r2.expanded, ctx_r2.selectItem));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction3(26, _c35, 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("alt", (ctx_r2.line.isRecipe ? "recipe" : "product") + " picture")("src", ctx_r2.line.picture, i0__namespace.ɵɵsanitizeUrl);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(29, _c36, ctx_r2.line.inlineTag));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(30, _c36, ctx_r2.line.inlineTag));
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r2.sponsorised);
           i0__namespace.ɵɵadvance(3);
-          i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(11, 23, ctx_r2.line.title));
+          i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(11, 24, ctx_r2.line.title));
           i0__namespace.ɵɵadvance(3);
           i0__namespace.ɵɵproperty("ngIf", ctx_r2.line.description.length > 0);
           i0__namespace.ɵɵadvance(1);
@@ -17157,7 +17191,7 @@
           i0__namespace.ɵɵadvance(4);
           i0__namespace.ɵɵproperty("ngIf", ctx_r2.line.isRecipe);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("value", ctx_r2.line.count)("minRange", ctx_r2.line.isRecipe ? 1 : 0)("disable", ctx_r2.disableCounter);
+          i0__namespace.ɵɵproperty("debounceTime", 300)("value", ctx_r2.line.count)("minRange", ctx_r2.line.isRecipe ? 1 : 0)("disable", ctx_r2.disableCounter);
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r2.line.isRecipe);
           i0__namespace.ɵɵadvance(1);
@@ -17239,11 +17273,12 @@
               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, _this.line.count).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.map(function (entry) {
                   if (_this.legacyIngredientsEntries === undefined) {
                       _this.legacyIngredientsEntries = [];
                   }
                   _this.legacyIngredientsEntries.push({ ing: ing, entry: entry });
+                  return { ing: ing, entry: entry };
               })); });
               return rxjs.forkJoin(requests);
           }));
@@ -17252,8 +17287,8 @@
           if (this.line.count === count) {
               return;
           }
-          this.line.count = count;
           if (this.line.hasEntries() || this.line.displayMode) {
+              this.line.count = count;
               this.countChanged.emit(this.line);
               // Force refresh recipe entries
               this.buildEntriesLines(true);
@@ -17269,9 +17304,26 @@
               this.removed.emit(this.line);
               return;
           }
-          this.line.record.attributes.quantity = count;
+          var newBasketEntry = deepCloneWithClass(this.line.record);
+          newBasketEntry.quantity = count;
+          var updateQuantity = new UpdateIngredientAction(newBasketEntry, {
+              eventTrace: this.eventTrace,
+              recipeId: this.line.id,
+          }, this.basketsService);
+          rxjs.merge(updateQuantity.onTimeout, updateQuantity.onError).pipe(operators.take(1)).subscribe(function () {
+              // Required to refresh basket entry row
+              var previousValue = _this.line.count;
+              _this.line.count = null;
+              _this.cdr.detectChanges();
+              _this.line.count = previousValue;
+              _this.cdr.detectChanges();
+          });
+          this.basketSynchroService.addToActionList([updateQuantity]);
+          updateQuantity.onSuccess.pipe(operators.take(1)).subscribe(function () {
+              _this.line.count = newBasketEntry.quantity;
+              _this.subscriptions.push(_this.basketsService.reloadBasket().subscribe(function () { return _this.cdr.detectChanges(); }));
+          });
           mealzSharedAnalytics.sendEntryChangeQuantityEvent(this.path, this.line.record.name, this.line.record.selectedItem.id, this.line.record.selectedItem.attributes['ext-id'], this.line.record.selectedItem.attributes.ean, this.line.record.attributes.quantity.toString(), (_a = this.line.recipe) === null || _a === void 0 ? void 0 : _a.id);
-          this.subscriptions.push(this.line.record.save().pipe(operators.switchMap(function () { return _this.basketsService.reloadBasket(); })).subscribe(function () { return _this.cdr.detectChanges(); }));
       };
       BasketPreviewLineComponent.prototype.toggleExpanded = function (event) {
           if (!this.line.hasEntries() ||
@@ -17323,10 +17375,13 @@
           if (countChanged === void 0) { countChanged = false; }
           if (this.legacyMode) {
               var entries_1 = __spread(this.line.entries.found, this.line.entries.notFound, this.line.entries.oftenDeleted, this.line.entries.removed);
-              this.initRecipesAndIngredients(countChanged).pipe(operators.tap(function () {
+              this.initRecipesAndIngredients(countChanged).pipe(operators.tap(function (refetchedEntries) {
                   _this.entriesLines$.next(entries_1
                       .filter(function (entry) { return _this.line.entries.found.map(function (e) { return e.id; }).includes(entry.id); })
-                      .map(function (entry) { return BasketPreviewLine.fromBasketEntry(entry, _this.legacyRecipe, _this.legacyIngredientsEntries.find(function (ie) { return ie.entry.id === entry.id; }).ing); }));
+                      .map(function (entry) {
+                      var foundUpdatedEntry = refetchedEntries.find(function (ie) { return ie.entry.id === entry.id; });
+                      return BasketPreviewLine.fromBasketEntry(foundUpdatedEntry.entry, _this.legacyRecipe, foundUpdatedEntry.ing);
+                  }));
                   _this.subscriptions.push(_this.initSponsorisedEntries());
               })).subscribe();
           }
@@ -17571,11 +17626,11 @@
           else {
               i18n_33 = $localize(templateObject_15$1 || (templateObject_15$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", 3, "ngClass"], [1, "miam-basket-preview-line__picture"], [3, "alt", "src", "click", "error"], ["class", "miam-basket-preview-line__counter", 4, "ngIf"], [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"], [4, "ngIf"], [3, "selectedOption", "options", "optionSelected", 4, "ngIf"], [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_0, ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/arrow-right.svg", "alt", "arrow right"], [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"], i18n_2, i18n_4, [1, "miam-basket-preview-line__price-label", "miam-ds-text", "weight-xxl", 3, "price"], [1, "miam-basket-preview-line__price-per-person-label", "miam-ds-text", "weight-l", "size-xs"], i18n_6, [3, "price"], i18n_8, [3, "selectedOption", "options", "optionSelected"], ["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"], [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_13, ["class", "miam-basket-preview-line__item__description__part", 4, "ngFor", "ngForOf"], i18n_15, [1, "miam-basket-preview-line__item__description__part"], [1, "miam-basket-preview-line__item__showDetails", 3, "ngClass"], i18n_17, i18n_19, [1, "miam-basket-preview-line__item__showDetails"], i18n_22, [1, "miam-basket-preview-line__item__change", 3, "click"], [1, "miam-basket-preview-line__item__change__link", 3, "ngClass"], i18n_24, [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_27, [1, "miam-basket-preview-line__item__count__people"], i18n_29, i18n_31, [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_33];
+          return [[4, "ngIf", "ngIfElse"], ["legacyView", ""], [1, "miam-basket-preview-line", 3, "id"], [1, "miam-basket-preview-line__left", 3, "ngClass"], [1, "miam-basket-preview-line__picture"], [3, "alt", "src", "click", "error"], ["class", "miam-basket-preview-line__counter", 4, "ngIf"], [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"], [4, "ngIf"], [3, "selectedOption", "options", "optionSelected", 4, "ngIf"], [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_0, ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/arrow-right.svg", "alt", "arrow right"], [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"], i18n_2, i18n_4, [1, "miam-basket-preview-line__price-label", "miam-ds-text", "weight-xxl", 3, "price"], [1, "miam-basket-preview-line__price-per-person-label", "miam-ds-text", "weight-l", "size-xs"], i18n_6, [3, "price"], i18n_8, [3, "selectedOption", "options", "optionSelected"], ["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"], [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, "debounceTime", "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_13, ["class", "miam-basket-preview-line__item__description__part", 4, "ngFor", "ngForOf"], i18n_15, [1, "miam-basket-preview-line__item__description__part"], [1, "miam-basket-preview-line__item__showDetails", 3, "ngClass"], i18n_17, i18n_19, [1, "miam-basket-preview-line__item__showDetails"], i18n_22, [1, "miam-basket-preview-line__item__change", 3, "click"], [1, "miam-basket-preview-line__item__change__link", 3, "ngClass"], i18n_24, [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_27, [1, "miam-basket-preview-line__item__count__people"], i18n_29, i18n_31, [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_33];
       }, template: function BasketPreviewLineComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵtemplate(0, BasketPreviewLineComponent_ng_container_0_Template, 28, 20, "ng-container", 0);
-              i0__namespace.ɵɵtemplate(1, BasketPreviewLineComponent_ng_template_1_Template, 30, 31, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor);
+              i0__namespace.ɵɵtemplate(1, BasketPreviewLineComponent_ng_template_1_Template, 30, 32, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor);
           }
           if (rf & 2) {
               var _r1 = i0__namespace.ɵɵreference(2);
@@ -17968,7 +18023,7 @@
           i0__namespace.ɵɵadvance(3);
           i0__namespace.ɵɵtextInterpolate1("", i0__namespace.ɵɵpipeBind1(4, 3, ctx_r5.basketEntry.name), " :");
           i0__namespace.ɵɵadvance(3);
-          i0__namespace.ɵɵtextInterpolate2(" ", ctx_r5.modifiedIngQty, " ", ctx_r5.ingredient == null ? null : ctx_r5.ingredient.attributes.unit, " ");
+          i0__namespace.ɵɵtextInterpolate2(" ", ctx_r5.modifiedIngQty || (ctx_r5.ingredient == null ? null : ctx_r5.ingredient.quantity), " ", ctx_r5.ingredient == null ? null : ctx_r5.ingredient.attributes.unit, " ");
       }
   }
   function ReplaceItemComponent_div_14_div_19_Template(rf, ctx) {
@@ -18723,11 +18778,11 @@
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r9.contextService.noSupplier);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngForOf", ctx_r9.lines)("ngForTrackBy", ctx_r9.trackByBPLineFn);
+          i0__namespace.ɵɵproperty("ngForOf", ctx_r9.lines);
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r9.blockStates == null ? null : ctx_r9.blockStates.value == null ? null : ctx_r9.blockStates.value.overlayOpen);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngIf", !i0__namespace.ɵɵpipeBind1(5, 5, ctx_r9.loading) && (!ctx_r9.lines || ctx_r9.lines.length === 0));
+          i0__namespace.ɵɵproperty("ngIf", !i0__namespace.ɵɵpipeBind1(5, 4, ctx_r9.loading) && (!ctx_r9.lines || ctx_r9.lines.length === 0));
       }
   }
   function BasketPreviewBlockComponent_div_2_ng_container_1_div_5_ng_miam_product_addition_card_1_Template(rf, ctx) {
@@ -18813,7 +18868,7 @@
           i0__namespace.ɵɵtemplate(2, BasketPreviewBlockComponent_div_2_ng_container_1_div_2_Template, 5, 2, "div", 8);
           i0__namespace.ɵɵtemplate(3, BasketPreviewBlockComponent_div_2_ng_container_1_ng_miam_slider_tabs_3_Template, 1, 1, "ng-miam-slider-tabs", 9);
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵtemplate(4, BasketPreviewBlockComponent_div_2_ng_container_1_div_4_Template, 6, 7, "div", 10);
+          i0__namespace.ɵɵtemplate(4, BasketPreviewBlockComponent_div_2_ng_container_1_div_4_Template, 6, 6, "div", 10);
           i0__namespace.ɵɵtemplate(5, BasketPreviewBlockComponent_div_2_ng_container_1_div_5_Template, 3, 3, "div", 11);
           i0__namespace.ɵɵtemplate(6, BasketPreviewBlockComponent_div_2_ng_container_1_div_6_Template, 5, 2, "div", 12);
           i0__namespace.ɵɵpipe(7, "async");
@@ -19025,8 +19080,28 @@
           }));
       };
       BasketPreviewBlockComponent.prototype.updateRecipe = function (line) {
-          this.basketsService.updateRecipesInBasket([line.id], line.count, this.eventTrace);
-          this.guestCountChanged.emit(line.count);
+          var _this = this;
+          this.basketsService.updateRecipesInBasket([line.id], line.count, this.eventTrace, true);
+          this.subscriptions.push(this.recipeService.getIngredientsByRecipeId(line.id).pipe(operators.switchMap(function (recipe) {
+              var requests = recipe.ingredients.map(function (ing) { return _this.basketsService.basketEntryFromIngredient(ing.id, line.count); });
+              return rxjs.forkJoin(requests);
+          })).subscribe(function (basketEntries) {
+              var updateActions = basketEntries
+                  .filter(function (basketEntry) { return basketEntry.id !== '-1' && basketEntry.recipesIds.includes(+line.id); })
+                  .map(function (basketEntry) {
+                  var newBasketEntry = deepCloneWithClass(basketEntry); // Clone for immutability
+                  return new UpdateRecipeFromGuestAction(newBasketEntry, {
+                      eventTrace: _this.eventTrace,
+                      recipeId: line.id,
+                  }, _this.basketsService);
+              });
+              _this.basketSynchroService.addToActionList(updateActions);
+              rxjs.merge.apply(void 0, __spread(updateActions.map(function (action) { return action.onTimeout; }), updateActions.map(function (action) { return action.onError; }))).pipe(operators.take(1))
+                  .subscribe(function () {
+                  _this.loadPreviewAndProductsWhenBasketIsReady();
+              });
+              _this.guestCountChanged.emit(line.count);
+          }));
       };
       BasketPreviewBlockComponent.prototype.closeOverlay = function () {
           if (this.blockStates.getValue() && this.blockStates.getValue().lineComponent) {
@@ -19190,7 +19265,7 @@
           else {
               i18n_15 = $localize(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject([":\u241Fbbc408c854684447d02f0dd5b027598d8d31ab18\u241F5055873666849956816:Veuillez s\u00E9lectionner un autre magasin"], [":\u241Fbbc408c854684447d02f0dd5b027598d8d31ab18\u241F5055873666849956816:Veuillez s\u00E9lectionner un autre magasin"])));
           }
-          return [[1, "miam-basket-preview-block__anchor"], ["previewBlockTop", ""], ["class", "miam-basket-preview-block", 4, "ngIf", "ngIfElse"], ["cors", ""], ["noPos", ""], [1, "miam-basket-preview-block"], [4, "ngIf", "ngIfElse"], [1, "miam-basket-preview-block__header"], ["class", "miam-basket-preview-block__title miam-ds-text", 3, "ngClass", 4, "ngIf"], ["tabs", i18n_0, 3, "selectedTabIndex", "selectedTabIndexChange", 4, "ngIf"], ["class", "miam-basket-preview-block__lines", 4, "ngIf"], ["class", "miam-basket-preview-block__products", 4, "ngIf"], ["class", "miam-basket-preview-block__lines__loader", 4, "ngIf"], [1, "miam-basket-preview-block__title", "miam-ds-text", 3, "ngClass"], [1, "number"], i18n_2, ["tabs", i18n_0, 3, "selectedTabIndex", "selectedTabIndexChange"], [1, "miam-basket-preview-block__lines"], [4, "ngIf"], [3, "line", "blockStates", "recipesAlwaysExpanded", "itemsAlwaysExpanded", "displayItemsUnitaryPrice", "legacyMode", "originTrace", "ngStyle", "removed", "countChanged", "replaceItem", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "originTrace", "recipe", "ingredient", "basketEntry", "loadOnSelect", "selected", 4, "ngIf"], ["class", "miam-basket-preview-block__lines__not-found", 4, "ngIf"], [3, "line", "blockStates", "recipesAlwaysExpanded", "itemsAlwaysExpanded", "displayItemsUnitaryPrice", "legacyMode", "originTrace", "ngStyle", "removed", "countChanged", "replaceItem"], [3, "originTrace", "recipe", "ingredient", "basketEntry", "loadOnSelect", "selected"], [1, "miam-basket-preview-block__lines__not-found"], i18n_5, i18n_7, [1, "miam-basket-preview-block__products"], [4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "basketEntry", "replaceButtonClicked"], ["class", "miam-basket-preview-block__products-separator", 4, "ngIf"], [1, "miam-basket-preview-block__products-separator"], [1, "miam-basket-preview-block__lines__loader"], i18n_9, i18n_11, [1, "miam-basket-preview-block__noPos"], i18n_13, i18n_15];
+          return [[1, "miam-basket-preview-block__anchor"], ["previewBlockTop", ""], ["class", "miam-basket-preview-block", 4, "ngIf", "ngIfElse"], ["cors", ""], ["noPos", ""], [1, "miam-basket-preview-block"], [4, "ngIf", "ngIfElse"], [1, "miam-basket-preview-block__header"], ["class", "miam-basket-preview-block__title miam-ds-text", 3, "ngClass", 4, "ngIf"], ["tabs", i18n_0, 3, "selectedTabIndex", "selectedTabIndexChange", 4, "ngIf"], ["class", "miam-basket-preview-block__lines", 4, "ngIf"], ["class", "miam-basket-preview-block__products", 4, "ngIf"], ["class", "miam-basket-preview-block__lines__loader", 4, "ngIf"], [1, "miam-basket-preview-block__title", "miam-ds-text", 3, "ngClass"], [1, "number"], i18n_2, ["tabs", i18n_0, 3, "selectedTabIndex", "selectedTabIndexChange"], [1, "miam-basket-preview-block__lines"], [4, "ngIf"], [3, "line", "blockStates", "recipesAlwaysExpanded", "itemsAlwaysExpanded", "displayItemsUnitaryPrice", "legacyMode", "originTrace", "ngStyle", "removed", "countChanged", "replaceItem", 4, "ngFor", "ngForOf"], [3, "originTrace", "recipe", "ingredient", "basketEntry", "loadOnSelect", "selected", 4, "ngIf"], ["class", "miam-basket-preview-block__lines__not-found", 4, "ngIf"], [3, "line", "blockStates", "recipesAlwaysExpanded", "itemsAlwaysExpanded", "displayItemsUnitaryPrice", "legacyMode", "originTrace", "ngStyle", "removed", "countChanged", "replaceItem"], [3, "originTrace", "recipe", "ingredient", "basketEntry", "loadOnSelect", "selected"], [1, "miam-basket-preview-block__lines__not-found"], i18n_5, i18n_7, [1, "miam-basket-preview-block__products"], [4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "basketEntry", "replaceButtonClicked"], ["class", "miam-basket-preview-block__products-separator", 4, "ngIf"], [1, "miam-basket-preview-block__products-separator"], [1, "miam-basket-preview-block__lines__loader"], i18n_9, i18n_11, [1, "miam-basket-preview-block__noPos"], i18n_13, i18n_15];
       }, template: function BasketPreviewBlockComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵelement(0, "div", 0, 1);
@@ -28596,11 +28671,11 @@
           i0__namespace.ɵɵproperty("recipe", ctx_r6.recipeDetailsService.recipe)("originTrace", ctx_r6.eventTrace);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_img_17_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_img_16_Template(rf, ctx) {
       if (rf & 1) {
           var _r18_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "img", 39);
-          i0__namespace.ɵɵlistener("error", function RecipeDetailsComponent_div_0_div_3_img_17_Template_img_error_0_listener($event) { i0__namespace.ɵɵrestoreView(_r18_1); var ctx_r17 = i0__namespace.ɵɵnextContext(3); return ($event.target["src"] = ctx_r17.contextService.defaultRecipePicture); });
+          i0__namespace.ɵɵlistener("error", function RecipeDetailsComponent_div_0_div_3_img_16_Template_img_error_0_listener($event) { i0__namespace.ɵɵrestoreView(_r18_1); var ctx_r17 = i0__namespace.ɵɵnextContext(3); return ($event.target["src"] = ctx_r17.contextService.defaultRecipePicture); });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -28608,7 +28683,7 @@
           i0__namespace.ɵɵproperty("src", ctx_r7.recipeDetailsService.recipe == null ? null : ctx_r7.recipeDetailsService.recipe.attributes["media-url"], i0__namespace.ɵɵsanitizeUrl);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_youtube_player_18_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_youtube_player_17_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelement(0, "youtube-player", 40);
       }
@@ -28617,7 +28692,7 @@
           i0__namespace.ɵɵproperty("videoId", ctx_r8.recipeDetailsService.recipe.videoId)("width", ctx_r8.playerWidth)("height", ctx_r8.playerHeight)("playerVars", ctx_r8.playerVars);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_div_19_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_div_18_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "div", 41);
           i0__namespace.ɵɵelement(1, "img", 42);
@@ -28629,11 +28704,11 @@
           i0__namespace.ɵɵproperty("src", ctx_r9.recipeDetailsService.recipe.filigraneLogoUrl, i0__namespace.ɵɵsanitizeUrl);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_ng_miam_addon_link_21_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_miam_addon_link_20_Template(rf, ctx) {
       if (rf & 1) {
           var _r20_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "ng-miam-addon-link", 43);
-          i0__namespace.ɵɵlistener("showAddon", function RecipeDetailsComponent_div_0_div_3_ng_miam_addon_link_21_Template_ng_miam_addon_link_showAddon_0_listener() { i0__namespace.ɵɵrestoreView(_r20_1); var ctx_r19 = i0__namespace.ɵɵnextContext(3); return ctx_r19.toggleAddon(); });
+          i0__namespace.ɵɵlistener("showAddon", function RecipeDetailsComponent_div_0_div_3_ng_miam_addon_link_20_Template_ng_miam_addon_link_showAddon_0_listener() { i0__namespace.ɵɵrestoreView(_r20_1); var ctx_r19 = i0__namespace.ɵɵnextContext(3); return ctx_r19.toggleAddon(); });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -28641,7 +28716,7 @@
           i0__namespace.ɵɵproperty("hasStorytelling", ctx_r10.sponsorHasStorytelling)("recipe", ctx_r10.recipeDetailsService.recipe);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_ng_miam_like_button_31_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_miam_like_button_30_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelement(0, "ng-miam-like-button", 38);
       }
@@ -28650,20 +28725,20 @@
           i0__namespace.ɵɵproperty("recipe", ctx_r11.recipeDetailsService.recipe)("originTrace", ctx_r11.eventTrace);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_ng_miam_store_locator_link_36_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_miam_store_locator_link_35_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelement(0, "ng-miam-store-locator-link");
       }
   }
   var _c3$1 = function (a0) { return { "hidden": a0 }; };
-  function RecipeDetailsComponent_div_0_div_3_ng_container_37_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_container_36_Template(rf, ctx) {
       if (rf & 1) {
           var _r22_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementContainerStart(0);
           i0__namespace.ɵɵelement(1, "ng-miam-recipe-details-infos", 44);
           i0__namespace.ɵɵelementStart(2, "div", 45);
           i0__namespace.ɵɵelementStart(3, "ng-miam-slider-tabs", 46);
-          i0__namespace.ɵɵlistener("selectedTabIndexChange", function RecipeDetailsComponent_div_0_div_3_ng_container_37_Template_ng_miam_slider_tabs_selectedTabIndexChange_3_listener($event) { i0__namespace.ɵɵrestoreView(_r22_1); var ctx_r21 = i0__namespace.ɵɵnextContext(3); return ctx_r21.activeTabIndex = $event; })("selectedTabIndexChange", function RecipeDetailsComponent_div_0_div_3_ng_container_37_Template_ng_miam_slider_tabs_selectedTabIndexChange_3_listener() { i0__namespace.ɵɵrestoreView(_r22_1); var ctx_r23 = i0__namespace.ɵɵnextContext(3); return ctx_r23.cdr.detectChanges(); });
+          i0__namespace.ɵɵlistener("selectedTabIndexChange", function RecipeDetailsComponent_div_0_div_3_ng_container_36_Template_ng_miam_slider_tabs_selectedTabIndexChange_3_listener($event) { i0__namespace.ɵɵrestoreView(_r22_1); var ctx_r21 = i0__namespace.ɵɵnextContext(3); return ctx_r21.activeTabIndex = $event; })("selectedTabIndexChange", function RecipeDetailsComponent_div_0_div_3_ng_container_36_Template_ng_miam_slider_tabs_selectedTabIndexChange_3_listener() { i0__namespace.ɵɵrestoreView(_r22_1); var ctx_r23 = i0__namespace.ɵɵnextContext(3); return ctx_r23.cdr.detectChanges(); });
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementContainerEnd();
@@ -28678,11 +28753,11 @@
           i0__namespace.ɵɵproperty("selectedTabIndex", ctx_r13.activeTabIndex);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_ng_container_38_ng_miam_products_picker_1_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_container_37_ng_miam_products_picker_1_Template(rf, ctx) {
       if (rf & 1) {
           var _r27_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "ng-miam-products-picker", 49);
-          i0__namespace.ɵɵlistener("closeModal", function RecipeDetailsComponent_div_0_div_3_ng_container_38_ng_miam_products_picker_1_Template_ng_miam_products_picker_closeModal_0_listener() { i0__namespace.ɵɵrestoreView(_r27_1); var ctx_r26 = i0__namespace.ɵɵnextContext(4); return ctx_r26.close(); })("guestsChange", function RecipeDetailsComponent_div_0_div_3_ng_container_38_ng_miam_products_picker_1_Template_ng_miam_products_picker_guestsChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r27_1); var ctx_r28 = i0__namespace.ɵɵnextContext(4); return ctx_r28.updateGuests($event); });
+          i0__namespace.ɵɵlistener("closeModal", function RecipeDetailsComponent_div_0_div_3_ng_container_37_ng_miam_products_picker_1_Template_ng_miam_products_picker_closeModal_0_listener() { i0__namespace.ɵɵrestoreView(_r27_1); var ctx_r26 = i0__namespace.ɵɵnextContext(4); return ctx_r26.close(); })("guestsChange", function RecipeDetailsComponent_div_0_div_3_ng_container_37_ng_miam_products_picker_1_Template_ng_miam_products_picker_guestsChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r27_1); var ctx_r28 = i0__namespace.ɵɵnextContext(4); return ctx_r28.updateGuests($event); });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -28690,11 +28765,11 @@
           i0__namespace.ɵɵproperty("originTrace", ctx_r24.eventTrace);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_ng_container_38_ng_miam_no_pos_selected_2_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_container_37_ng_miam_no_pos_selected_2_Template(rf, ctx) {
       if (rf & 1) {
           var _r30_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "ng-miam-no-pos-selected", 50);
-          i0__namespace.ɵɵlistener("posSelected", function RecipeDetailsComponent_div_0_div_3_ng_container_38_ng_miam_no_pos_selected_2_Template_ng_miam_no_pos_selected_posSelected_0_listener() { i0__namespace.ɵɵrestoreView(_r30_1); var ctx_r29 = i0__namespace.ɵɵnextContext(4); return ctx_r29.checkPos(); });
+          i0__namespace.ɵɵlistener("posSelected", function RecipeDetailsComponent_div_0_div_3_ng_container_37_ng_miam_no_pos_selected_2_Template_ng_miam_no_pos_selected_posSelected_0_listener() { i0__namespace.ɵɵrestoreView(_r30_1); var ctx_r29 = i0__namespace.ɵɵnextContext(4); return ctx_r29.checkPos(); });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -28702,11 +28777,11 @@
           i0__namespace.ɵɵproperty("invalidPos", ctx_r25.recipeDetailsService.invalidPosDisplay);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_ng_container_38_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_container_37_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementContainerStart(0);
-          i0__namespace.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_3_ng_container_38_ng_miam_products_picker_1_Template, 1, 1, "ng-miam-products-picker", 47);
-          i0__namespace.ɵɵtemplate(2, RecipeDetailsComponent_div_0_div_3_ng_container_38_ng_miam_no_pos_selected_2_Template, 1, 1, "ng-miam-no-pos-selected", 48);
+          i0__namespace.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_3_ng_container_37_ng_miam_products_picker_1_Template, 1, 1, "ng-miam-products-picker", 47);
+          i0__namespace.ɵɵtemplate(2, RecipeDetailsComponent_div_0_div_3_ng_container_37_ng_miam_no_pos_selected_2_Template, 1, 1, "ng-miam-no-pos-selected", 48);
           i0__namespace.ɵɵelementContainerEnd();
       }
       if (rf & 2) {
@@ -28717,7 +28792,7 @@
           i0__namespace.ɵɵproperty("ngIf", ctx_r14.recipeDetailsService.noPosDisplay || ctx_r14.recipeDetailsService.invalidPosDisplay);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_div_39_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_div_38_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "div", 51);
           i0__namespace.ɵɵelement(1, "ng-miam-recipe-details-ingredients", 52);
@@ -28732,25 +28807,25 @@
           i0__namespace.ɵɵproperty("recipe", ctx_r15.recipeDetailsService.recipe);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_ng_container_1_button_1_span_7_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_ng_container_1_button_1_span_7_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "span");
           i0__namespace.ɵɵi18n(1, 65);
           i0__namespace.ɵɵelementEnd();
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_ng_container_1_button_1_span_8_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_ng_container_1_button_1_span_8_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "span");
           i0__namespace.ɵɵi18n(1, 66);
           i0__namespace.ɵɵelementEnd();
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_ng_container_1_button_1_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_ng_container_1_button_1_Template(rf, ctx) {
       if (rf & 1) {
           var _r41_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "button", 59);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_ng_container_1_button_1_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r41_1); var ctx_r40 = i0__namespace.ɵɵnextContext(6); return ctx_r40.recipeDetailsService.addAllIngredientsToBasket(ctx_r40.eventTrace); });
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_ng_container_1_button_1_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r41_1); var ctx_r40 = i0__namespace.ɵɵnextContext(6); return ctx_r40.recipeDetailsService.addAllIngredientsToBasket(ctx_r40.eventTrace); });
           i0__namespace.ɵɵelement(1, "img", 60);
           i0__namespace.ɵɵelementStart(2, "div", 61);
           i0__namespace.ɵɵelementStart(3, "span");
@@ -28759,18 +28834,16 @@
           i0__namespace.ɵɵelementStart(5, "span");
           i0__namespace.ɵɵtext(6);
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵtemplate(7, RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_ng_container_1_button_1_span_7_Template, 2, 0, "span", 35);
-          i0__namespace.ɵɵtemplate(8, RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_ng_container_1_button_1_span_8_Template, 2, 0, "span", 35);
+          i0__namespace.ɵɵtemplate(7, RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_ng_container_1_button_1_span_7_Template, 2, 0, "span", 35);
+          i0__namespace.ɵɵtemplate(8, RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_ng_container_1_button_1_span_8_Template, 2, 0, "span", 35);
           i0__namespace.ɵɵelementStart(9, "div", 63);
           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.ɵɵtext(12);
+          i0__namespace.ɵɵpipe(13, "currency");
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelement(15, "div", 64);
-          i0__namespace.ɵɵpipe(16, "async");
-          i0__namespace.ɵɵtext(17, " ) ");
+          i0__namespace.ɵɵelement(14, "div", 64);
+          i0__namespace.ɵɵtext(15, " ) ");
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -28784,26 +28857,26 @@
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r36.recipeDetailsService.remainingBasketEntries.length > 1);
           i0__namespace.ɵɵadvance(3);
-          i0__namespace.ɵɵclassProp("hidden", i0__namespace.ɵɵpipeBind1(12, 8, ctx_r36.recipeDetailsService.ingredientToBasketLoading$));
-          i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(14, 10, ctx_r36.recipeDetailsService.recipePrice.remaining, ctx_r36.currencyService.code), " ");
+          i0__namespace.ɵɵclassProp("hidden", ctx_r36.recipeDetailsService.ingredientToBasketLoading$.value);
+          i0__namespace.ɵɵadvance(1);
+          i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(13, 8, ctx_r36.recipeDetailsService.recipePrice.remaining, ctx_r36.currencyService.code), " ");
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵclassProp("hidden", !i0__namespace.ɵɵpipeBind1(16, 13, ctx_r36.recipeDetailsService.ingredientToBasketLoading$));
+          i0__namespace.ɵɵclassProp("hidden", !ctx_r36.recipeDetailsService.ingredientToBasketLoading$.value);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_ng_container_1_button_3_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_ng_container_1_button_3_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "button", 67);
           i0__namespace.ɵɵelement(1, "div", 64);
           i0__namespace.ɵɵelementEnd();
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_ng_container_1_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_ng_container_1_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementContainerStart(0);
-          i0__namespace.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_ng_container_1_button_1_Template, 18, 15, "button", 57);
+          i0__namespace.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_ng_container_1_button_1_Template, 16, 11, "button", 57);
           i0__namespace.ɵɵpipe(2, "async");
-          i0__namespace.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_ng_container_1_button_3_Template, 2, 0, "button", 58);
+          i0__namespace.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_ng_container_1_button_3_Template, 2, 0, "button", 58);
           i0__namespace.ɵɵpipe(4, "async");
           i0__namespace.ɵɵelementContainerEnd();
       }
@@ -28815,11 +28888,11 @@
           i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(4, 4, ctx_r34.recipeDetailsService.allIngredientsToBasketLoading$));
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_div_2_button_4_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_div_2_button_4_Template(rf, ctx) {
       if (rf & 1) {
           var _r44_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "button", 72);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_div_2_button_4_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r44_1); var ctx_r43 = i0__namespace.ɵɵnextContext(6); return ctx_r43.close(true); });
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_div_2_button_4_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r44_1); var ctx_r43 = i0__namespace.ɵɵnextContext(6); return ctx_r43.close(true); });
           i0__namespace.ɵɵelementStart(1, "span", 73);
           i0__namespace.ɵɵi18n(2, 74);
           i0__namespace.ɵɵelementEnd();
@@ -28827,17 +28900,17 @@
           i0__namespace.ɵɵelementEnd();
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_div_2_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_div_2_Template(rf, ctx) {
       if (rf & 1) {
           var _r46_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "div", 68);
           i0__namespace.ɵɵelementStart(1, "button", 69);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_div_2_Template_button_click_1_listener() { i0__namespace.ɵɵrestoreView(_r46_1); var ctx_r45 = i0__namespace.ɵɵnextContext(5); return ctx_r45.confirm(); });
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_div_2_Template_button_click_1_listener() { i0__namespace.ɵɵrestoreView(_r46_1); var ctx_r45 = i0__namespace.ɵɵnextContext(5); return ctx_r45.confirm(); });
           i0__namespace.ɵɵelementStart(2, "span", 61);
           i0__namespace.ɵɵi18n(3, 70);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵtemplate(4, RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_div_2_button_4_Template, 4, 0, "button", 71);
+          i0__namespace.ɵɵtemplate(4, RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_div_2_button_4_Template, 4, 0, "button", 71);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -28848,11 +28921,11 @@
           i0__namespace.ɵɵproperty("ngIf", ctx_r35.contextService.noSupplier);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementContainerStart(0);
-          i0__namespace.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_ng_container_1_Template, 5, 6, "ng-container", 35);
-          i0__namespace.ɵɵtemplate(2, RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_div_2_Template, 5, 3, "div", 56);
+          i0__namespace.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_ng_container_1_Template, 5, 6, "ng-container", 35);
+          i0__namespace.ɵɵtemplate(2, RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_div_2_Template, 5, 3, "div", 56);
           i0__namespace.ɵɵelementContainerEnd();
       }
       if (rf & 2) {
@@ -28863,7 +28936,7 @@
           i0__namespace.ɵɵproperty("ngIf", ctx_r31.recipeDetailsService.remainingBasketEntries.length === 0);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_div_40_ng_container_2_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_div_39_ng_container_2_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementContainerStart(0);
           i0__namespace.ɵɵelement(1, "ng-miam-recipe-pricing", 75);
@@ -28875,40 +28948,38 @@
           i0__namespace.ɵɵproperty("recipeId", ctx_r32.recipeDetailsService.recipe.id)("serves", ctx_r32.recipeDetailsService.recipe.modifiedGuests)("fetchPricingOnScroll", false);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_div_40_div_3_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_div_39_div_3_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "div", 76);
           i0__namespace.ɵɵelementStart(1, "div", 77);
           i0__namespace.ɵɵelement(2, "ng-miam-price", 78);
           i0__namespace.ɵɵpipe(3, "async");
           i0__namespace.ɵɵpipe(4, "async");
-          i0__namespace.ɵɵpipe(5, "async");
-          i0__namespace.ɵɵpipe(6, "currency");
-          i0__namespace.ɵɵelement(7, "div", 79);
+          i0__namespace.ɵɵpipe(5, "currency");
+          i0__namespace.ɵɵelement(6, "div", 79);
+          i0__namespace.ɵɵpipe(7, "async");
           i0__namespace.ɵɵpipe(8, "async");
-          i0__namespace.ɵɵpipe(9, "async");
-          i0__namespace.ɵɵpipe(10, "async");
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelementStart(11, "span", 80);
-          i0__namespace.ɵɵi18n(12, 81);
+          i0__namespace.ɵɵelementStart(9, "span", 80);
+          i0__namespace.ɵɵi18n(10, 81);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
           var ctx_r33 = i0__namespace.ɵɵnextContext(4);
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵclassProp("hidden", i0__namespace.ɵɵpipeBind1(3, 5, ctx_r33.recipeDetailsService.ingredientToBasketLoading$) || i0__namespace.ɵɵpipeBind1(4, 7, ctx_r33.recipeDetailsService.updateIngredientFromBasketLoading$) || i0__namespace.ɵɵpipeBind1(5, 9, ctx_r33.basketSynchroService.hasPendingActions()));
-          i0__namespace.ɵɵproperty("price", i0__namespace.ɵɵpipeBind2(6, 11, ctx_r33.recipeDetailsService.recipePrice.inBasket, ctx_r33.currencyService.code));
-          i0__namespace.ɵɵadvance(5);
-          i0__namespace.ɵɵclassProp("hidden", !(i0__namespace.ɵɵpipeBind1(8, 14, ctx_r33.recipeDetailsService.ingredientToBasketLoading$) || i0__namespace.ɵɵpipeBind1(9, 16, ctx_r33.recipeDetailsService.updateIngredientFromBasketLoading$) || i0__namespace.ɵɵpipeBind1(10, 18, ctx_r33.basketSynchroService.hasPendingActions())));
+          i0__namespace.ɵɵclassProp("hidden", ctx_r33.recipeDetailsService.ingredientToBasketLoading$.value || i0__namespace.ɵɵpipeBind1(3, 5, ctx_r33.recipeDetailsService.updateIngredientFromBasketLoading$) || i0__namespace.ɵɵpipeBind1(4, 7, ctx_r33.basketSynchroService.hasPendingActions()));
+          i0__namespace.ɵɵproperty("price", i0__namespace.ɵɵpipeBind2(5, 9, ctx_r33.recipeDetailsService.recipePrice.inBasket, ctx_r33.currencyService.code));
+          i0__namespace.ɵɵadvance(4);
+          i0__namespace.ɵɵclassProp("hidden", !(ctx_r33.recipeDetailsService.ingredientToBasketLoading$.value || i0__namespace.ɵɵpipeBind1(7, 12, ctx_r33.recipeDetailsService.updateIngredientFromBasketLoading$) || i0__namespace.ɵɵpipeBind1(8, 14, ctx_r33.basketSynchroService.hasPendingActions())));
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_div_40_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_div_39_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "div", 54);
-          i0__namespace.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_3_div_40_ng_container_1_Template, 3, 2, "ng-container", 35);
-          i0__namespace.ɵɵtemplate(2, RecipeDetailsComponent_div_0_div_3_div_40_ng_container_2_Template, 2, 3, "ng-container", 35);
-          i0__namespace.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_3_div_40_div_3_Template, 13, 20, "div", 55);
+          i0__namespace.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_3_div_39_ng_container_1_Template, 3, 2, "ng-container", 35);
+          i0__namespace.ɵɵtemplate(2, RecipeDetailsComponent_div_0_div_3_div_39_ng_container_2_Template, 2, 3, "ng-container", 35);
+          i0__namespace.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_3_div_39_div_3_Template, 11, 16, "div", 55);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -28946,46 +29017,45 @@
           i0__namespace.ɵɵlistener("valueChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_counter_input_valueChange_12_listener($event) { i0__namespace.ɵɵrestoreView(_r48_1); var ctx_r50 = i0__namespace.ɵɵnextContext(2); return ctx_r50.updateGuests($event); });
           i0__namespace.ɵɵpipe(13, "async");
           i0__namespace.ɵɵpipe(14, "async");
-          i0__namespace.ɵɵpipe(15, "async");
-          i0__namespace.ɵɵtext(16, " > ");
+          i0__namespace.ɵɵtext(15, " > ");
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵtemplate(17, RecipeDetailsComponent_div_0_div_3_img_17_Template, 1, 1, "img", 19);
-          i0__namespace.ɵɵtemplate(18, RecipeDetailsComponent_div_0_div_3_youtube_player_18_Template, 1, 4, "youtube-player", 20);
-          i0__namespace.ɵɵtemplate(19, RecipeDetailsComponent_div_0_div_3_div_19_Template, 2, 1, "div", 21);
+          i0__namespace.ɵɵtemplate(16, RecipeDetailsComponent_div_0_div_3_img_16_Template, 1, 1, "img", 19);
+          i0__namespace.ɵɵtemplate(17, RecipeDetailsComponent_div_0_div_3_youtube_player_17_Template, 1, 4, "youtube-player", 20);
+          i0__namespace.ɵɵtemplate(18, RecipeDetailsComponent_div_0_div_3_div_18_Template, 2, 1, "div", 21);
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelementStart(20, "div", 22);
-          i0__namespace.ɵɵtemplate(21, RecipeDetailsComponent_div_0_div_3_ng_miam_addon_link_21_Template, 1, 2, "ng-miam-addon-link", 23);
-          i0__namespace.ɵɵelement(22, "hr", 24);
+          i0__namespace.ɵɵelementStart(19, "div", 22);
+          i0__namespace.ɵɵtemplate(20, RecipeDetailsComponent_div_0_div_3_ng_miam_addon_link_20_Template, 1, 2, "ng-miam-addon-link", 23);
+          i0__namespace.ɵɵelement(21, "hr", 24);
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelementStart(23, "div", 25);
-          i0__namespace.ɵɵelementStart(24, "div", 26);
-          i0__namespace.ɵɵelementStart(25, "div", 27);
-          i0__namespace.ɵɵelementStart(26, "button", 28);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_26_listener() { i0__namespace.ɵɵrestoreView(_r48_1); var ctx_r51 = i0__namespace.ɵɵnextContext(2); return ctx_r51.close(); });
-          i0__namespace.ɵɵelement(27, "img", 29);
+          i0__namespace.ɵɵelementStart(22, "div", 25);
+          i0__namespace.ɵɵelementStart(23, "div", 26);
+          i0__namespace.ɵɵelementStart(24, "div", 27);
+          i0__namespace.ɵɵelementStart(25, "button", 28);
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_25_listener() { i0__namespace.ɵɵrestoreView(_r48_1); var ctx_r51 = i0__namespace.ɵɵnextContext(2); return ctx_r51.close(); });
+          i0__namespace.ɵɵelement(26, "img", 29);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelementStart(28, "span", 30);
-          i0__namespace.ɵɵtext(29);
+          i0__namespace.ɵɵelementStart(27, "span", 30);
+          i0__namespace.ɵɵtext(28);
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelementStart(30, "div", 31);
-          i0__namespace.ɵɵtemplate(31, RecipeDetailsComponent_div_0_div_3_ng_miam_like_button_31_Template, 1, 2, "ng-miam-like-button", 17);
-          i0__namespace.ɵɵpipe(32, "async");
-          i0__namespace.ɵɵelementStart(33, "div", 32);
-          i0__namespace.ɵɵelementStart(34, "button", 33);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_34_listener() { i0__namespace.ɵɵrestoreView(_r48_1); var ctx_r52 = i0__namespace.ɵɵnextContext(2); return ctx_r52.close(); });
-          i0__namespace.ɵɵelement(35, "img", 34);
+          i0__namespace.ɵɵelementStart(29, "div", 31);
+          i0__namespace.ɵɵtemplate(30, RecipeDetailsComponent_div_0_div_3_ng_miam_like_button_30_Template, 1, 2, "ng-miam-like-button", 17);
+          i0__namespace.ɵɵpipe(31, "async");
+          i0__namespace.ɵɵelementStart(32, "div", 32);
+          i0__namespace.ɵɵelementStart(33, "button", 33);
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_33_listener() { i0__namespace.ɵɵrestoreView(_r48_1); var ctx_r52 = i0__namespace.ɵɵnextContext(2); return ctx_r52.close(); });
+          i0__namespace.ɵɵelement(34, "img", 34);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵtemplate(36, RecipeDetailsComponent_div_0_div_3_ng_miam_store_locator_link_36_Template, 1, 0, "ng-miam-store-locator-link", 35);
+          i0__namespace.ɵɵtemplate(35, RecipeDetailsComponent_div_0_div_3_ng_miam_store_locator_link_35_Template, 1, 0, "ng-miam-store-locator-link", 35);
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵtemplate(37, RecipeDetailsComponent_div_0_div_3_ng_container_37_Template, 4, 5, "ng-container", 35);
-          i0__namespace.ɵɵtemplate(38, RecipeDetailsComponent_div_0_div_3_ng_container_38_Template, 3, 2, "ng-container", 35);
-          i0__namespace.ɵɵtemplate(39, RecipeDetailsComponent_div_0_div_3_div_39_Template, 3, 2, "div", 36);
-          i0__namespace.ɵɵtemplate(40, RecipeDetailsComponent_div_0_div_3_div_40_Template, 4, 5, "div", 37);
+          i0__namespace.ɵɵtemplate(36, RecipeDetailsComponent_div_0_div_3_ng_container_36_Template, 4, 5, "ng-container", 35);
+          i0__namespace.ɵɵtemplate(37, RecipeDetailsComponent_div_0_div_3_ng_container_37_Template, 3, 2, "ng-container", 35);
+          i0__namespace.ɵɵtemplate(38, RecipeDetailsComponent_div_0_div_3_div_38_Template, 3, 2, "div", 36);
+          i0__namespace.ɵɵtemplate(39, RecipeDetailsComponent_div_0_div_3_div_39_Template, 4, 5, "div", 37);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -28995,8 +29065,8 @@
           i0__namespace.ɵɵadvance(9);
           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)("debounceTime", 300)("disable", i0__namespace.ɵɵpipeBind1(13, 22, ctx_r4.recipeDetailsService.ingredientToBasketLoading$) || i0__namespace.ɵɵpipeBind1(14, 24, ctx_r4.recipeDetailsService.updateIngredientFromBasketLoading$) || i0__namespace.ɵɵpipeBind1(15, 26, ctx_r4.basketSynchroService.hasPendingActions()));
-          i0__namespace.ɵɵadvance(5);
+          i0__namespace.ɵɵproperty("floating", true)("value", ctx_r4.recipeDetailsService.recipe.modifiedGuests)("minRange", 1)("debounceTime", 300)("disable", ctx_r4.recipeDetailsService.ingredientToBasketLoading$.value || i0__namespace.ɵɵpipeBind1(13, 22, ctx_r4.recipeDetailsService.updateIngredientFromBasketLoading$) || i0__namespace.ɵɵpipeBind1(14, 24, ctx_r4.basketSynchroService.hasPendingActions()));
+          i0__namespace.ɵɵadvance(4);
           i0__namespace.ɵɵproperty("ngIf", !ctx_r4.showVideo);
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r4.showVideo && ctx_r4.playerWidth);
@@ -29009,7 +29079,7 @@
           i0__namespace.ɵɵadvance(5);
           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(32, 28, ctx_r4.userService.isLogged$) && !ctx_r4.contextService.noSupplier);
+          i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(31, 26, ctx_r4.userService.isLogged$) && !ctx_r4.contextService.noSupplier);
           i0__namespace.ɵɵadvance(5);
           i0__namespace.ɵɵproperty("ngIf", ctx_r4.contextService.noSupplier);
           i0__namespace.ɵɵadvance(1);
@@ -29027,7 +29097,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, 41, 30, "div", 5);
+          i0__namespace.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_3_Template, 40, 28, "div", 5);
           i0__namespace.ɵɵpipe(4, "async");
           i0__namespace.ɵɵelementEnd();
       }