ng-miam 8.1.3 → 8.1.5

package/bundles/ng-miam.umd.js

@@ -597,7 +597,8 @@
               distance: 0.0,
               address: '',
               latitude: '',
-              longitude: ''
+              longitude: '',
+              'ext-id': ''
           };
           _this.relationships = {
               supplier: new i2.DocumentResource(),
@@ -628,6 +629,16 @@
           enumerable: false,
           configurable: true
       });
+      Object.defineProperty(PointOfSale.prototype, "extId", {
+          get: function () {
+              return this.attributes['ext-id'];
+          },
+          set: function (id) {
+              this.attributes['ext-id'] = id;
+          },
+          enumerable: false,
+          configurable: true
+      });
       return PointOfSale;
   }(i2.Resource));
 
@@ -4488,12 +4499,17 @@
        * from Miam's basket, and create ItemsComparators for entries whose extId hasn't got an ItemsComparator yet.
        * Then check for items to remove from Miam's basket & send update event to Miam
        */
-      BasketsComparatorService.prototype.initBasketComparator = function (firstMiamBasket, firstRetailerBasket) {
+      BasketsComparatorService.prototype.initBasketComparator = function (firstMiamBasket, firstRetailerBasket, fromRetailer) {
           this.extIdToItemsComparator = {};
           this.updateRetailerProducts(firstRetailerBasket);
           this.updateEntriesFromMiam(firstMiamBasket);
           this.addEntriesFromMiam(firstMiamBasket);
-          return this.resolveFromRetailer();
+          if (fromRetailer) {
+              return this.resolveFromRetailer();
+          }
+          else {
+              return this.resolveFromMiam(firstMiamBasket);
+          }
       };
       // -----------------------------------------------------------------------------------------------------------------------------
       // ------------------------------------------------------ Coming from Miam -----------------------------------------------------
@@ -4506,12 +4522,18 @@
       BasketsComparatorService.prototype.updateReceivedFromMiam = function (miamBasket) {
           var _this = this;
           // eslint-disable-next-line no-console
-          console.debug("[Miam] update received from Miam\n      - " + JSON.stringify(miamBasket === null || miamBasket === void 0 ? void 0 : miamBasket.map(function (e) { var _a; return ({ id: e.id, extId: (_a = e.selectedItem) === null || _a === void 0 ? void 0 : _a.attributes['ext-id'], quantity: e.attributes.quantity }); })) + "\n      - current comparison: " + JSON.stringify(Object.keys(this.extIdToItemsComparator).map(function (key) { return ({ id: key, MQ: _this.extIdToItemsComparator[key].miamQuantity, RQ: _this.extIdToItemsComparator[key].retailerQuantity }); })));
+          console.debug("[Miam] update received from Miam\n      - " + JSON.stringify(miamBasket === null || miamBasket === void 0 ? void 0 : miamBasket.map(function (e) {
+              var _a;
+              return ({
+                  id: e.id,
+                  extId: (_a = e.selectedItem) === null || _a === void 0 ? void 0 : _a.attributes['ext-id'],
+                  quantity: e.attributes.quantity
+              });
+          })) + "\n      - current comparison: " + JSON.stringify(Object.keys(this.extIdToItemsComparator).map(function (key) { return ({ id: key, MQ: _this.extIdToItemsComparator[key].miamQuantity, RQ: _this.extIdToItemsComparator[key].retailerQuantity }); })));
           // Note: MQ means Miam Quantity and RQ means Retailer Quantity but this makes the logs more compact and thus readable
           this.updateEntriesFromMiam(miamBasket);
           this.addEntriesFromMiam(miamBasket);
-          var toPushToRetailer = this.resolveFromMiam(miamBasket);
-          return toPushToRetailer;
+          return this.resolveFromMiam(miamBasket);
       };
       /**
        * For every entry in Miam's basket whose associated extId has an ItemsComparator, update the comparator with the entry
@@ -4555,7 +4577,14 @@
       BasketsComparatorService.prototype.resolveFromMiam = function (miamBasket) {
           var _this = this;
           // eslint-disable-next-line no-console
-          console.debug("[Miam] resolve from Miam basket\n      - " + JSON.stringify(miamBasket === null || miamBasket === void 0 ? void 0 : miamBasket.map(function (e) { var _a; return ({ id: e.id, extId: (_a = e.selectedItem) === null || _a === void 0 ? void 0 : _a.attributes['ext-id'], quantity: e.attributes.quantity }); })) + "\n      - current comparison: " + JSON.stringify(Object.keys(this.extIdToItemsComparator).map(function (key) { return ({ id: key, MQ: _this.extIdToItemsComparator[key].miamQuantity, RQ: _this.extIdToItemsComparator[key].retailerQuantity }); })));
+          console.debug("[Miam] resolve from Miam basket\n      - " + JSON.stringify(miamBasket === null || miamBasket === void 0 ? void 0 : miamBasket.map(function (e) {
+              var _a;
+              return ({
+                  id: e.id,
+                  extId: (_a = e.selectedItem) === null || _a === void 0 ? void 0 : _a.attributes['ext-id'],
+                  quantity: e.attributes.quantity
+              });
+          })) + "\n      - current comparison: " + JSON.stringify(Object.keys(this.extIdToItemsComparator).map(function (key) { return ({ id: key, MQ: _this.extIdToItemsComparator[key].miamQuantity, RQ: _this.extIdToItemsComparator[key].retailerQuantity }); })));
           // Note: MQ means Miam Quantity and RQ means Retailer Quantity but this makes the logs more compact and thus readable
           var toPushToRetailer = [];
           Object.keys(this.extIdToItemsComparator).forEach(function (extId) {
@@ -4725,9 +4754,16 @@
           if (!this.isReady()) {
               return;
           }
-          this.isProcessingRetailerEvent = true;
-          var toRemoveFromMiam = this.comparatorService.initBasketComparator(this.firstMiamBasket, this.firstRetailerBasket);
-          this.sendUpdateToMiam(toRemoveFromMiam);
+          if (sessionStorage.getItem('_miam/basketActionInterrupted') === 'true') {
+              var itemsToPush = this.comparatorService.initBasketComparator(this.firstMiamBasket, this.firstRetailerBasket, false);
+              this.sendUpdateToRetailer(itemsToPush);
+              sessionStorage.removeItem('_miam/basketActionInterrupted');
+          }
+          else {
+              this.isProcessingRetailerEvent = true;
+              var toRemoveFromMiam = this.comparatorService.initBasketComparator(this.firstMiamBasket, this.firstRetailerBasket, true);
+              this.sendUpdateToMiam(toRemoveFromMiam);
+          }
       };
       /**
        * @returns true is first baskets have been received for Miam & retailer
@@ -4856,6 +4892,14 @@
           this.videoRecipesEnabled = false;
           this.articlesInCatalogEnabled = false;
           this.tagsOnRecipesEnabled = false;
+          this.hookCallback = function (isLogged, isPosValid) {
+              console.warn('[Miam] hookCallback (used to force user login) not set');
+              return false;
+          };
+          this.forcePosCallback = function (posExtId) {
+              console.warn('[Miam] forcePosCallback (used to force selected shop) not set');
+              return false;
+          };
           this.defaultIngredientPicture = 'https://storage.googleapis.com/assets.miam.tech/generic/images/default-ingredient-picture.svg';
           this.globalScrollableElement = document.body;
           this.isSmallScreen$ = new rxjs.BehaviorSubject(false);
@@ -4944,6 +4988,9 @@
               hook: {
                   setHookCallback: function (callback) {
                       _this.hookCallback = callback;
+                  },
+                  setForcePosCallback: function (callback) {
+                      _this.forcePosCallback = callback;
                   }
               },
               pos: {
@@ -6731,7 +6778,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}.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 });
+      }, directives: [i2__namespace$1.NgIf], styles: [".miam-addon-link{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px;font-size:16px}.miam-addon-link .miam-addon-link__info{display:flex;flex-direction:column;flex:1;justify-content:space-between;align-items:flex-start}.miam-addon-link .miam-addon-link__info .miam-addon-link__sponsor-name{white-space:nowrap}.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-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,
@@ -8298,6 +8345,119 @@
           }], function () { return [{ type: SponsorBlockTypeService }]; }, null);
   })();
 
+  var BasketTransferService = /** @class */ (function () {
+      function BasketTransferService(basketsService, contextService, posService, http, userService) {
+          this.basketsService = basketsService;
+          this.contextService = contextService;
+          this.posService = posService;
+          this.http = http;
+          this.userService = userService;
+          this.handleBasketTransfer();
+      }
+      BasketTransferService.prototype.handleBasketTransfer = function () {
+          var _this = this;
+          var transferData = this.getTransferData();
+          if (transferData) {
+              this.basketsService.waitForBasket.pipe(operators.take(1), operators.switchMap(function () { return _this.applyBasketTransfer(transferData); }), operators.switchMap(function () { return _this.basketsService.reloadBasket(); })).subscribe();
+          }
+      };
+      BasketTransferService.prototype.applyBasketTransfer = function (params) {
+          var _this = this;
+          this.setSessionData(params);
+          return this.callHookbackIfNotLogged().pipe(operators.skipWhile(function (isLogged) { return !isLogged; }), operators.switchMap(function () { return _this.forcePosIfUnset(params.posExtId); }), operators.skipWhile(function (isPosSet) { return !isPosSet; }), operators.switchMap(function () {
+              return _this.posService.pos$.pipe(operators.skipWhile(function (pos) { return !pos; }), operators.take(1), operators.switchMap(function (pos) {
+                  var posId = pos.id;
+                  var transferBasketUrl = environment$1.miamAPI + "/api/v1/baskets/transfer?point_of_sale_id=" + posId + "&transferred_basket_token=" + params.basketToken;
+                  _this.clearTransferSessionData();
+                  sessionStorage.setItem('_miam/basketActionInterrupted', 'true');
+                  return _this.http.patch(transferBasketUrl, {}).pipe(operators.switchMap(function () {
+                      var getCurrentBasketUrl = environment$1.miamAPI + "/api/v1/baskets/current?point_of_sale_id=" + posId;
+                      return _this.http.get(getCurrentBasketUrl, {}).pipe(operators.switchMap(function () {
+                          sessionStorage.removeItem('_miam/basketActionInterrupted');
+                          return rxjs.of(true);
+                      }));
+                  }));
+              }));
+          }));
+      };
+      BasketTransferService.prototype.setSessionData = function (params) {
+          var basketTokenFromSession = sessionStorage.getItem('_miam/transferredBasketToken');
+          var posExtIdFromSession = sessionStorage.getItem('_miam/pointOfSaleExtId');
+          var isSessionDataMatching = basketTokenFromSession === params.basketToken && posExtIdFromSession === params.posExtId;
+          if (!isSessionDataMatching) {
+              sessionStorage.setItem('_miam/transferredBasketToken', params.basketToken);
+              sessionStorage.setItem('_miam/posOfSaleExtId', params.posExtId);
+          }
+      };
+      BasketTransferService.prototype.clearTransferSessionData = function () {
+          sessionStorage.removeItem('_miam/transferredBasketToken');
+          sessionStorage.removeItem('_miam/pointOfSaleExtId');
+      };
+      BasketTransferService.prototype.confirmBasket = function () {
+          var _this = this;
+          var posId;
+          this.posService.pos$.asObservable().pipe(operators.skipWhile(function (pos) { return !pos; }), operators.take(1)).subscribe(function (pos) {
+              posId = pos.id;
+              var getCurrentBasketUrl = environment$1.miamAPI + "/api/v1/baskets/current?point_of_sale_id=" + posId;
+              _this.http.get(getCurrentBasketUrl, {}).subscribe(function () {
+                  var startTransferUrl = environment$1.miamAPI + "/api/v1/baskets/start_transfer?point_of_sale_id=" + posId;
+                  _this.http.patch(startTransferUrl, {}).subscribe(function (transferResponse) {
+                      console.log('PATCH transfer:', transferResponse);
+                      _this.http.get(getCurrentBasketUrl, {}).subscribe(function () {
+                          var transferUrl = transferResponse['transfer_url'];
+                          window.open(transferUrl, '_blank');
+                      });
+                  });
+              });
+          });
+      };
+      BasketTransferService.prototype.callHookbackIfNotLogged = function () {
+          var _this = this;
+          return rxjs.combineLatest([
+              this.userService.isLogged$,
+              this.posService.posWasInitialized()
+          ]).pipe(operators.take(1), operators.map(function (_a) {
+              var _b = __read(_a, 2), isLogged = _b[0], isPosValid = _b[1];
+              return _this.contextService.hookCallback(isLogged, isPosValid);
+          }));
+      };
+      BasketTransferService.prototype.forcePosIfUnset = function (transferPosExtId) {
+          var _this = this;
+          return this.posService.pos$.pipe(operators.map(function (pos) {
+              var posSet = pos && pos.extId === transferPosExtId;
+              if (!posSet) {
+                  _this.contextService.forcePosCallback(transferPosExtId);
+              }
+              return posSet;
+          }));
+      };
+      BasketTransferService.prototype.getTransferData = function () {
+          var currentUrl = window.location.href;
+          var urlParams = new URL(currentUrl).searchParams;
+          var basketToken = urlParams.get('transferred_basket_token') || sessionStorage.getItem('_miam/transferredBasketToken');
+          var posExtId = urlParams.get('point_of_sale_ext_id') || sessionStorage.getItem('_miam/posOfSaleExtId');
+          var urlWithoutParams = currentUrl.split('?')[0];
+          history.replaceState({}, document.title, urlWithoutParams);
+          if (basketToken && posExtId) {
+              return { basketToken: basketToken, posExtId: posExtId };
+          }
+          else {
+              return null;
+          }
+      };
+      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)); };
+  BasketTransferService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: BasketTransferService, factory: BasketTransferService.ɵfac, providedIn: 'root' });
+  (function () {
+      (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(BasketTransferService, [{
+              type: i0.Injectable,
+              args: [{
+                      providedIn: 'root'
+                  }]
+          }], function () { return [{ type: BasketsService }, { type: ContextService }, { type: PointOfSalesService }, { type: i1__namespace.HttpClient }, { type: UserService }]; }, null);
+  })();
+
   var environment = {
       env: 'prod',
       miamAPI: 'https://api.miam.tech',
@@ -8356,7 +8516,7 @@
           request = request.clone({
               setHeaders: {
                   'miam-origin': this.context.origin.value,
-                  'miam-front-version': '8.1.2',
+                  'miam-front-version': '8.1.5',
                   'miam-front-type': 'web',
                   'miam-api-version': '4.7.0'
               }
@@ -8905,7 +9065,7 @@
           var _this = this;
           this.currentPath = window.location.href;
           this.mutationObserver = new MutationObserver(function () {
-              if (_this.currentPath !== window.location.href) {
+              if (_this.display && _this.currentPath !== window.location.href) {
                   _this.onClose();
               }
           });
@@ -19154,7 +19314,7 @@
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(9, 8, ctx.loading));
           }
-      }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgForOf, IconComponent, CardCreateRecipeComponent, RecipeCardComponent, LoadOnScrollDirective, i2__namespace$1.NgTemplateOutlet, CatalogArticleCardComponent, LoaderComponent], pipes: [i2__namespace$1.AsyncPipe], styles: [".miam-catalog-list__cards{display:grid;grid-template-columns:repeat(auto-fill,var(--m-catalog-card-width));justify-content:center;gap:16px;position:relative;width:100%;box-sizing:border-box}.miam-catalog-list__cards .miam-catalog-list__notFound{display:flex;flex-direction:column;width:100%;justify-content:center;text-align:center;padding:36px 0 0}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1{margin-top:36px;font-size:24px;font-weight:700;color:var(--m-color-primary)}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1.filtering{display:flex;justify-content:center}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1.filtering .miam-catalog-list__notFound__searching span{margin-left:5px}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title2{font-size:22px;color:var(--m-color-grey-text)}.miam-catalog-list__cards .miam-catalog-list__loader{width:100%;font-size:20px;font-weight:700;color:var(--m-color-grey-text);text-align:center}.miam-catalog-list__cards .miam-catalog-list__loader .miam-loader{margin-top:80px;margin-bottom:16px;margin-left:calc(50% - 40px);height:80px;width:80px}.miam-catalog-list__cards #miam-catalog-list__anchor{position:relative;bottom:0;height:600px;margin-top:-600px}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgForOf, IconComponent, CardCreateRecipeComponent, RecipeCardComponent, LoadOnScrollDirective, i2__namespace$1.NgTemplateOutlet, CatalogArticleCardComponent, LoaderComponent], pipes: [i2__namespace$1.AsyncPipe], styles: [".miam-catalog-list__cards{display:grid;grid-template-columns:repeat(auto-fill,var(--m-catalog-card-width));justify-content:center;gap:16px;position:relative;width:100%;box-sizing:border-box}.miam-catalog-list__cards:not(:has(.miam-recipe-card)){grid-template-columns:unset}.miam-catalog-list__cards .miam-catalog-list__notFound{display:flex;flex-direction:column;width:100%;justify-content:center;text-align:center;padding:36px 0 0}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1{margin-top:36px;font-size:24px;font-weight:700;color:var(--m-color-primary)}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1.filtering{display:flex;justify-content:center}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1.filtering .miam-catalog-list__notFound__searching span{margin-left:5px}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title2{font-size:22px;color:var(--m-color-grey-text)}.miam-catalog-list__cards .miam-catalog-list__loader{width:100%;font-size:20px;font-weight:700;color:var(--m-color-grey-text);text-align:center}.miam-catalog-list__cards .miam-catalog-list__loader .miam-loader{margin-top:80px;margin-bottom:16px;margin-left:calc(50% - 40px);height:80px;width:80px}.miam-catalog-list__cards #miam-catalog-list__anchor{position:relative;bottom:0;height:600px;margin-top:-600px}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CatalogListComponent, [{
               type: i0.Component,
@@ -20067,13 +20227,14 @@
       _c);
   var CatalogCategoryComponent = /** @class */ (function (_super) {
       __extends(CatalogCategoryComponent, _super);
-      function CatalogCategoryComponent(recipesService, articlesService, context, cdr, analyticsService) {
+      function CatalogCategoryComponent(recipesService, articlesService, context, cdr, analyticsService, basketTransfer) {
           var _this = _super.call(this, analyticsService) || this;
           _this.recipesService = recipesService;
           _this.articlesService = articlesService;
           _this.context = context;
           _this.cdr = cdr;
           _this.analyticsService = analyticsService;
+          _this.basketTransfer = basketTransfer;
           _this.title = '';
           _this.maxRecipeNumber = 20;
           _this.displayPricing = true;
@@ -20145,7 +20306,7 @@
       };
       return CatalogCategoryComponent;
   }(EventTracerComponent));
-  CatalogCategoryComponent.ɵfac = function CatalogCategoryComponent_Factory(t) { return new (t || CatalogCategoryComponent)(i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(ArticlesService), i0__namespace.ɵɵdirectiveInject(ContextService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(AnalyticsService)); };
+  CatalogCategoryComponent.ɵfac = function CatalogCategoryComponent_Factory(t) { return new (t || CatalogCategoryComponent)(i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(ArticlesService), i0__namespace.ɵɵdirectiveInject(ContextService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(AnalyticsService), i0__namespace.ɵɵdirectiveInject(BasketTransferService)); };
   CatalogCategoryComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CatalogCategoryComponent, selectors: [["ng-miam-catalog-category"]], viewQuery: function CatalogCategoryComponent_Query(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵviewQuery(_c0$5, 1);
@@ -20194,7 +20355,7 @@
                       encapsulation: i0.ViewEncapsulation.None,
                       changeDetection: i0.ChangeDetectionStrategy.OnPush
                   }]
-          }], function () { return [{ type: RecipesService }, { type: ArticlesService }, { type: ContextService }, { type: i0__namespace.ChangeDetectorRef }, { type: AnalyticsService }]; }, { filters: [{
+          }], function () { return [{ type: RecipesService }, { type: ArticlesService }, { type: ContextService }, { type: i0__namespace.ChangeDetectorRef }, { type: AnalyticsService }, { type: BasketTransferService }]; }, { filters: [{
                   type: i0.Input
               }], title: [{
                   type: i0.Input
@@ -23563,7 +23724,7 @@
               var _r1 = i0__namespace.ɵɵreference(2);
               i0__namespace.ɵɵproperty("ngIf", !ctx.loading)("ngIfElse", _r1);
           }
-      }, directives: [i2__namespace$1.NgIf, IconComponent, SponsorStorytellingComponent, LoaderComponent], pipes: [SafePipe], styles: [".miam-recipe-addon{height:100%;width:100%;display:flex;flex-direction:column}.miam-recipe-addon .miam-recipe-addon__header{padding:26px 80px 26px 16px;width:100%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 28px rgba(0,0,0,.07)}@media (max-width:1023px){.miam-recipe-addon .miam-recipe-addon__header{padding:16px 80px 16px 16px}}.miam-recipe-addon .miam-recipe-addon__header button{max-width:150px;padding:0;color:var(--m-color-black);font-weight:700;font-size:19px;background-color:transparent;border:none}.miam-recipe-addon .miam-recipe-addon__header button ng-miam-icon{margin:0;height:16px;transform:rotate(90deg) scale(1.5)}.miam-recipe-addon .miam-recipe-addon__header button ng-miam-icon svg path{fill:var(--m-color-black)}.miam-recipe-addon .miam-recipe-addon__header button ng-miam-icon svg path:first-of-type{fill:transparent}.miam-recipe-addon .miam-recipe-addon__header button:hover{background-color:transparent;border:none}.miam-recipe-addon .miam-recipe-addon__header button:hover ng-miam-icon svg path{fill:var(--m-color-black)}.miam-recipe-addon .miam-recipe-addon__header button:hover ng-miam-icon svg path:first-of-type{fill:transparent}.miam-recipe-addon .miam-recipe-addon__header button span{margin-left:8px}.miam-recipe-addon .miam-recipe-addon__header img{height:25px}.miam-recipe-addon .miam-recipe-addon__content{flex:1 1;width:calc(100% - 8px);height:100%;padding-top:16px;overflow-x:hidden;overflow-y:auto;margin-right:8px;background-color:#fff}.miam-recipe-addon .miam-recipe-addon__content::-webkit-scrollbar-button{height:20px}.miam-recipe-addon .miam-recipe-addon__content::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-addon .miam-recipe-addon__content::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-addon .miam-recipe-addon__content::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-addon .miam-recipe-addon__content .miam-recipe-addon__content__iframe{height:calc(100dvh - 98px);width:100%}.miam-recipe-addon__loader{height:100%;width:100%;display:flex;justify-content:center;align-items:center}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [i2__namespace$1.NgIf, IconComponent, SponsorStorytellingComponent, LoaderComponent], pipes: [SafePipe], styles: [".miam-recipe-addon{height:100%;width:100%;display:flex;flex-direction:column}.miam-recipe-addon .miam-recipe-addon__header{padding:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 28px rgba(0,0,0,.07)}.miam-recipe-addon .miam-recipe-addon__header button{max-width:150px;padding:0;color:var(--m-color-black);font-weight:700;font-size:19px;background-color:transparent;border:none}.miam-recipe-addon .miam-recipe-addon__header button ng-miam-icon{margin:0;height:16px;transform:rotate(90deg) scale(1.5)}.miam-recipe-addon .miam-recipe-addon__header button ng-miam-icon svg path{fill:var(--m-color-black)}.miam-recipe-addon .miam-recipe-addon__header button ng-miam-icon svg path:first-of-type{fill:transparent}.miam-recipe-addon .miam-recipe-addon__header button:hover{background-color:transparent;border:none}.miam-recipe-addon .miam-recipe-addon__header button:hover ng-miam-icon svg path{fill:var(--m-color-black)}.miam-recipe-addon .miam-recipe-addon__header button:hover ng-miam-icon svg path:first-of-type{fill:transparent}.miam-recipe-addon .miam-recipe-addon__header button span{margin-left:8px}.miam-recipe-addon .miam-recipe-addon__header img{height:25px}.miam-recipe-addon .miam-recipe-addon__content{background-color:#fff}.miam-recipe-addon .miam-recipe-addon__content .miam-recipe-addon__content__iframe{height:calc(100dvh - 98px);width:100%}.miam-recipe-addon__loader{height:100%;width:100%;display:flex;justify-content:center;align-items:center}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RecipeAddonComponent, [{
               type: i0.Component,
@@ -23968,7 +24129,7 @@
   }
   function RecipeDetailsComponent_div_0_div_3_ng_miam_like_button_10_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "ng-miam-like-button", 45);
+          i0__namespace.ɵɵelement(0, "ng-miam-like-button", 43);
       }
       if (rf & 2) {
           var ctx_r6 = i0__namespace.ɵɵnextContext(3);
@@ -23977,7 +24138,7 @@
   }
   function RecipeDetailsComponent_div_0_div_3_img_14_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "img", 46);
+          i0__namespace.ɵɵelement(0, "img", 44);
       }
       if (rf & 2) {
           var ctx_r7 = i0__namespace.ɵɵnextContext(3);
@@ -23986,7 +24147,7 @@
   }
   function RecipeDetailsComponent_div_0_div_3_youtube_player_15_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "youtube-player", 47);
+          i0__namespace.ɵɵelement(0, "youtube-player", 45);
       }
       if (rf & 2) {
           var ctx_r8 = i0__namespace.ɵɵnextContext(3);
@@ -23995,8 +24156,8 @@
   }
   function RecipeDetailsComponent_div_0_div_3_div_16_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 48);
-          i0__namespace.ɵɵelement(1, "img", 49);
+          i0__namespace.ɵɵelementStart(0, "div", 46);
+          i0__namespace.ɵɵelement(1, "img", 47);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -24007,9 +24168,9 @@
   }
   function RecipeDetailsComponent_div_0_div_3_ng_miam_addon_link_18_Template(rf, ctx) {
       if (rf & 1) {
-          var _r19_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "ng-miam-addon-link", 50);
-          i0__namespace.ɵɵlistener("showAddon", function RecipeDetailsComponent_div_0_div_3_ng_miam_addon_link_18_Template_ng_miam_addon_link_showAddon_0_listener() { i0__namespace.ɵɵrestoreView(_r19_1); var ctx_r18 = i0__namespace.ɵɵnextContext(3); return ctx_r18.toggleAddon(); });
+          var _r18_1 = i0__namespace.ɵɵgetCurrentView();
+          i0__namespace.ɵɵelementStart(0, "ng-miam-addon-link", 48);
+          i0__namespace.ɵɵlistener("showAddon", function RecipeDetailsComponent_div_0_div_3_ng_miam_addon_link_18_Template_ng_miam_addon_link_showAddon_0_listener() { i0__namespace.ɵɵrestoreView(_r18_1); var ctx_r17 = i0__namespace.ɵɵnextContext(3); return ctx_r17.toggleAddon(); });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -24019,7 +24180,7 @@
   }
   function RecipeDetailsComponent_div_0_div_3_ng_miam_like_button_27_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "ng-miam-like-button", 51);
+          i0__namespace.ɵɵelement(0, "ng-miam-like-button", 49);
       }
       if (rf & 2) {
           var ctx_r11 = i0__namespace.ɵɵnextContext(3);
@@ -24028,17 +24189,17 @@
   }
   function RecipeDetailsComponent_div_0_div_3_ng_miam_products_picker_35_Template(rf, ctx) {
       if (rf & 1) {
-          var _r21_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "ng-miam-products-picker", 52);
-          i0__namespace.ɵɵlistener("closeModal", function RecipeDetailsComponent_div_0_div_3_ng_miam_products_picker_35_Template_ng_miam_products_picker_closeModal_0_listener() { i0__namespace.ɵɵrestoreView(_r21_1); var ctx_r20 = i0__namespace.ɵɵnextContext(3); return ctx_r20.onClose(); });
+          var _r20_1 = i0__namespace.ɵɵgetCurrentView();
+          i0__namespace.ɵɵelementStart(0, "ng-miam-products-picker", 50);
+          i0__namespace.ɵɵlistener("closeModal", function RecipeDetailsComponent_div_0_div_3_ng_miam_products_picker_35_Template_ng_miam_products_picker_closeModal_0_listener() { i0__namespace.ɵɵrestoreView(_r20_1); var ctx_r19 = i0__namespace.ɵɵnextContext(3); return ctx_r19.onClose(); });
           i0__namespace.ɵɵelementEnd();
       }
   }
   function RecipeDetailsComponent_div_0_div_3_div_36_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 53);
-          i0__namespace.ɵɵelement(1, "ng-miam-recipe-details-ingredients", 54);
-          i0__namespace.ɵɵelement(2, "ng-miam-recipe-details-steps", 55);
+          i0__namespace.ɵɵelementStart(0, "div", 51);
+          i0__namespace.ɵɵelement(1, "ng-miam-recipe-details-ingredients", 52);
+          i0__namespace.ɵɵelement(2, "ng-miam-recipe-details-steps", 53);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -24049,35 +24210,35 @@
           i0__namespace.ɵɵproperty("recipe", ctx_r13.recipeDetailsService.recipe);
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_button_39_span_7_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_span_7_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "span");
           i0__namespace.ɵɵi18n(1, 63);
           i0__namespace.ɵɵelementEnd();
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_button_39_span_8_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_span_8_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "span");
           i0__namespace.ɵɵi18n(1, 64);
           i0__namespace.ɵɵelementEnd();
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_button_39_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_Template(rf, ctx) {
       if (rf & 1) {
-          var _r25_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "button", 56);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_button_39_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r25_1); var ctx_r24 = i0__namespace.ɵɵnextContext(3); return ctx_r24.recipeDetailsService.addAllIngredientsToBasket(ctx_r24.eventTrace()); });
-          i0__namespace.ɵɵelement(1, "img", 57);
-          i0__namespace.ɵɵelementStart(2, "div", 58);
+          var _r27_1 = i0__namespace.ɵɵgetCurrentView();
+          i0__namespace.ɵɵelementStart(0, "button", 57);
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r27_1); var ctx_r26 = i0__namespace.ɵɵnextContext(4); return ctx_r26.recipeDetailsService.addAllIngredientsToBasket(ctx_r26.eventTrace()); });
+          i0__namespace.ɵɵelement(1, "img", 58);
+          i0__namespace.ɵɵelementStart(2, "div", 59);
           i0__namespace.ɵɵelementStart(3, "span");
-          i0__namespace.ɵɵi18n(4, 59);
+          i0__namespace.ɵɵi18n(4, 60);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(5, "span");
           i0__namespace.ɵɵtext(6);
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵtemplate(7, RecipeDetailsComponent_div_0_div_3_button_39_span_7_Template, 2, 0, "span", 60);
-          i0__namespace.ɵɵtemplate(8, RecipeDetailsComponent_div_0_div_3_button_39_span_8_Template, 2, 0, "span", 60);
+          i0__namespace.ɵɵtemplate(7, RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_span_7_Template, 2, 0, "span", 41);
+          i0__namespace.ɵɵtemplate(8, RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_span_8_Template, 2, 0, "span", 41);
           i0__namespace.ɵɵelementStart(9, "div", 61);
           i0__namespace.ɵɵtext(10, " ( ");
           i0__namespace.ɵɵelementStart(11, "span");
@@ -24093,34 +24254,34 @@
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
-          var ctx_r14 = i0__namespace.ɵɵnextContext(3);
+          var ctx_r21 = i0__namespace.ɵɵnextContext(4);
           i0__namespace.ɵɵadvance(6);
-          i0__namespace.ɵɵtextInterpolate(ctx_r14.recipeDetailsService.remainingBasketEntries.length);
+          i0__namespace.ɵɵtextInterpolate(ctx_r21.recipeDetailsService.remainingBasketEntries.length);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r14.recipeDetailsService.remainingBasketEntries.length <= 1);
+          i0__namespace.ɵɵproperty("ngIf", ctx_r21.recipeDetailsService.remainingBasketEntries.length <= 1);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r14.recipeDetailsService.remainingBasketEntries.length > 1);
+          i0__namespace.ɵɵproperty("ngIf", ctx_r21.recipeDetailsService.remainingBasketEntries.length > 1);
           i0__namespace.ɵɵadvance(3);
-          i0__namespace.ɵɵclassProp("hidden", i0__namespace.ɵɵpipeBind1(12, 8, ctx_r14.recipeDetailsService.ingredientToBasketLoading$));
+          i0__namespace.ɵɵclassProp("hidden", i0__namespace.ɵɵpipeBind1(12, 8, ctx_r21.recipeDetailsService.ingredientToBasketLoading$));
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(14, 10, ctx_r14.recipeDetailsService.recipePrice.remaining, ctx_r14.suppliersService.supplier$.value.currency), " ");
+          i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(14, 10, ctx_r21.recipeDetailsService.recipePrice.remaining, ctx_r21.suppliersService.supplier$.value.currency), " ");
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵclassProp("hidden", !i0__namespace.ɵɵpipeBind1(16, 13, ctx_r14.recipeDetailsService.ingredientToBasketLoading$));
+          i0__namespace.ɵɵclassProp("hidden", !i0__namespace.ɵɵpipeBind1(16, 13, ctx_r21.recipeDetailsService.ingredientToBasketLoading$));
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_button_41_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_3_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementStart(0, "button", 65);
           i0__namespace.ɵɵelement(1, "div", 62);
           i0__namespace.ɵɵelementEnd();
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_button_43_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_5_Template(rf, ctx) {
       if (rf & 1) {
-          var _r27_1 = i0__namespace.ɵɵgetCurrentView();
+          var _r29_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "button", 66);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_button_43_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r27_1); var ctx_r26 = i0__namespace.ɵɵnextContext(3); return ctx_r26.onClose(); });
-          i0__namespace.ɵɵelementStart(1, "div", 58);
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_ng_container_38_button_5_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r28 = i0__namespace.ɵɵnextContext(4); return ctx_r28.onClose(); });
+          i0__namespace.ɵɵelementStart(1, "div", 59);
           i0__namespace.ɵɵelementStart(2, "span");
           i0__namespace.ɵɵi18n(3, 67);
           i0__namespace.ɵɵelementEnd();
@@ -24128,51 +24289,83 @@
           i0__namespace.ɵɵelementEnd();
       }
   }
-  function RecipeDetailsComponent_div_0_div_3_div_44_Template(rf, ctx) {
+  function RecipeDetailsComponent_div_0_div_3_ng_container_38_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 68);
-          i0__namespace.ɵɵelementStart(1, "div", 69);
+          i0__namespace.ɵɵelementContainerStart(0);
+          i0__namespace.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_3_ng_container_38_button_1_Template, 18, 15, "button", 54);
+          i0__namespace.ɵɵpipe(2, "async");
+          i0__namespace.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_3_ng_container_38_button_3_Template, 2, 0, "button", 55);
+          i0__namespace.ɵɵpipe(4, "async");
+          i0__namespace.ɵɵtemplate(5, RecipeDetailsComponent_div_0_div_3_ng_container_38_button_5_Template, 4, 0, "button", 56);
+          i0__namespace.ɵɵelementContainerEnd();
+      }
+      if (rf & 2) {
+          var ctx_r14 = i0__namespace.ɵɵnextContext(3);
+          i0__namespace.ɵɵadvance(1);
+          i0__namespace.ɵɵproperty("ngIf", ctx_r14.recipeDetailsService.remainingBasketEntries.length > 0 && !i0__namespace.ɵɵpipeBind1(2, 3, ctx_r14.recipeDetailsService.allIngredientsToBasketLoading$));
+          i0__namespace.ɵɵadvance(2);
+          i0__namespace.ɵɵproperty("ngIf", ctx_r14.recipeDetailsService.remainingBasketEntries.length > 0 && i0__namespace.ɵɵpipeBind1(4, 5, ctx_r14.recipeDetailsService.allIngredientsToBasketLoading$));
+          i0__namespace.ɵɵadvance(2);
+          i0__namespace.ɵɵproperty("ngIf", ctx_r14.recipeDetailsService.remainingBasketEntries.length === 0);
+      }
+  }
+  function RecipeDetailsComponent_div_0_div_3_ng_container_39_Template(rf, ctx) {
+      if (rf & 1) {
+          i0__namespace.ɵɵelementContainerStart(0);
+          i0__namespace.ɵɵelement(1, "ng-miam-recipe-pricing", 68);
+          i0__namespace.ɵɵelementContainerEnd();
+      }
+      if (rf & 2) {
+          var ctx_r15 = i0__namespace.ɵɵnextContext(3);
+          i0__namespace.ɵɵadvance(1);
+          i0__namespace.ɵɵproperty("recipeId", ctx_r15.recipeDetailsService.recipe.id)("serves", ctx_r15.recipeDetailsService.recipe.modifiedGuests)("fetchPricingOnScroll", false);
+      }
+  }
+  function RecipeDetailsComponent_div_0_div_3_div_40_Template(rf, ctx) {
+      if (rf & 1) {
+          i0__namespace.ɵɵelementStart(0, "div", 69);
+          i0__namespace.ɵɵelementStart(1, "div", 70);
           i0__namespace.ɵɵelementStart(2, "span");
           i0__namespace.ɵɵpipe(3, "async");
           i0__namespace.ɵɵpipe(4, "async");
           i0__namespace.ɵɵtext(5);
           i0__namespace.ɵɵpipe(6, "currency");
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelement(7, "div", 70);
+          i0__namespace.ɵɵelement(7, "div", 71);
           i0__namespace.ɵɵpipe(8, "async");
           i0__namespace.ɵɵpipe(9, "async");
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵelementStart(10, "span", 71);
+          i0__namespace.ɵɵelementStart(10, "span", 72);
           i0__namespace.ɵɵtext(11, "dans mon panier");
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
-          var ctx_r17 = i0__namespace.ɵɵnextContext(3);
+          var ctx_r16 = i0__namespace.ɵɵnextContext(3);
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵclassProp("hidden", i0__namespace.ɵɵpipeBind1(3, 5, ctx_r17.recipeDetailsService.ingredientToBasketLoading$) || i0__namespace.ɵɵpipeBind1(4, 7, ctx_r17.recipeDetailsService.updateIngredientFromBasketLoading$));
+          i0__namespace.ɵɵclassProp("hidden", i0__namespace.ɵɵpipeBind1(3, 5, ctx_r16.recipeDetailsService.ingredientToBasketLoading$) || i0__namespace.ɵɵpipeBind1(4, 7, ctx_r16.recipeDetailsService.updateIngredientFromBasketLoading$));
           i0__namespace.ɵɵadvance(3);
-          i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(6, 9, ctx_r17.recipeDetailsService.recipePrice.inBasket, ctx_r17.suppliersService.supplier$.value.currency), " ");
+          i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(6, 9, ctx_r16.recipeDetailsService.recipePrice.inBasket, ctx_r16.suppliersService.supplier$.value.currency), " ");
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵclassProp("hidden", !(i0__namespace.ɵɵpipeBind1(8, 12, ctx_r17.recipeDetailsService.ingredientToBasketLoading$) || i0__namespace.ɵɵpipeBind1(9, 14, ctx_r17.recipeDetailsService.updateIngredientFromBasketLoading$)));
+          i0__namespace.ɵɵclassProp("hidden", !(i0__namespace.ɵɵpipeBind1(8, 12, ctx_r16.recipeDetailsService.ingredientToBasketLoading$) || i0__namespace.ɵɵpipeBind1(9, 14, ctx_r16.recipeDetailsService.updateIngredientFromBasketLoading$)));
       }
   }
   var _c9 = function (a0) { return { "hidden": a0 }; };
   var _c10 = function () { return ["Je fais mes courses", "Je cuisine"]; };
   function RecipeDetailsComponent_div_0_div_3_Template(rf, ctx) {
       if (rf & 1) {
-          var _r29_1 = i0__namespace.ɵɵgetCurrentView();
+          var _r31_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "div", 7);
           i0__namespace.ɵɵelementStart(1, "div", 8, 9);
           i0__namespace.ɵɵelementStart(3, "div", 10);
           i0__namespace.ɵɵelementStart(4, "div", 11);
           i0__namespace.ɵɵelementStart(5, "button", 12);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_5_listener() { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r28 = i0__namespace.ɵɵnextContext(2); return ctx_r28.onClose(); });
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_5_listener() { i0__namespace.ɵɵrestoreView(_r31_1); var ctx_r30 = i0__namespace.ɵɵnextContext(2); return ctx_r30.onClose(); });
           i0__namespace.ɵɵelement(6, "img", 13);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(7, "div", 14);
           i0__namespace.ɵɵelementStart(8, "button", 15);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_8_listener() { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r30 = i0__namespace.ɵɵnextContext(2); return ctx_r30.onClose(); });
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_8_listener() { i0__namespace.ɵɵrestoreView(_r31_1); var ctx_r32 = i0__namespace.ɵɵnextContext(2); return ctx_r32.onClose(); });
           i0__namespace.ɵɵelement(9, "img", 16);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵtemplate(10, RecipeDetailsComponent_div_0_div_3_ng_miam_like_button_10_Template, 1, 3, "ng-miam-like-button", 17);
@@ -24180,7 +24373,7 @@
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(12, "ng-miam-counter-input", 18);
-          i0__namespace.ɵɵlistener("valueChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_counter_input_valueChange_12_listener($event) { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r31 = i0__namespace.ɵɵnextContext(2); return ctx_r31.updateGuests($event); });
+          i0__namespace.ɵɵlistener("valueChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_counter_input_valueChange_12_listener($event) { i0__namespace.ɵɵrestoreView(_r31_1); var ctx_r33 = i0__namespace.ɵɵnextContext(2); return ctx_r33.updateGuests($event); });
           i0__namespace.ɵɵtext(13, " > ");
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -24195,7 +24388,7 @@
           i0__namespace.ɵɵelementStart(20, "div", 25);
           i0__namespace.ɵɵelementStart(21, "div", 26);
           i0__namespace.ɵɵelementStart(22, "button", 27);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_22_listener() { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r32 = i0__namespace.ɵɵnextContext(2); return ctx_r32.onClose(); });
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_22_listener() { i0__namespace.ɵɵrestoreView(_r31_1); var ctx_r34 = i0__namespace.ɵɵnextContext(2); return ctx_r34.onClose(); });
           i0__namespace.ɵɵelement(23, "img", 28);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -24207,7 +24400,7 @@
           i0__namespace.ɵɵpipe(28, "async");
           i0__namespace.ɵɵelementStart(29, "div", 32);
           i0__namespace.ɵɵelementStart(30, "button", 33);
-          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_30_listener() { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r33 = i0__namespace.ɵɵnextContext(2); return ctx_r33.onClose(); });
+          i0__namespace.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_30_listener() { i0__namespace.ɵɵrestoreView(_r31_1); var ctx_r35 = i0__namespace.ɵɵnextContext(2); return ctx_r35.onClose(); });
           i0__namespace.ɵɵelement(31, "img", 34);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -24216,27 +24409,22 @@
           i0__namespace.ɵɵelement(32, "ng-miam-recipe-details-infos", 35);
           i0__namespace.ɵɵelementStart(33, "div", 36);
           i0__namespace.ɵɵelementStart(34, "ng-miam-slider-tabs", 37);
-          i0__namespace.ɵɵlistener("selectedTabIndexChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_slider_tabs_selectedTabIndexChange_34_listener($event) { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r34 = i0__namespace.ɵɵnextContext(2); return ctx_r34.activeTabIndex = $event; })("selectedTabIndexChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_slider_tabs_selectedTabIndexChange_34_listener() { i0__namespace.ɵɵrestoreView(_r29_1); var ctx_r35 = i0__namespace.ɵɵnextContext(2); return ctx_r35.cdr.detectChanges(); });
+          i0__namespace.ɵɵlistener("selectedTabIndexChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_slider_tabs_selectedTabIndexChange_34_listener($event) { i0__namespace.ɵɵrestoreView(_r31_1); var ctx_r36 = i0__namespace.ɵɵnextContext(2); return ctx_r36.activeTabIndex = $event; })("selectedTabIndexChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_slider_tabs_selectedTabIndexChange_34_listener() { i0__namespace.ɵɵrestoreView(_r31_1); var ctx_r37 = i0__namespace.ɵɵnextContext(2); return ctx_r37.cdr.detectChanges(); });
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵtemplate(35, RecipeDetailsComponent_div_0_div_3_ng_miam_products_picker_35_Template, 1, 0, "ng-miam-products-picker", 38);
           i0__namespace.ɵɵtemplate(36, RecipeDetailsComponent_div_0_div_3_div_36_Template, 3, 2, "div", 39);
           i0__namespace.ɵɵelementStart(37, "div", 40);
-          i0__namespace.ɵɵelementContainerStart(38);
-          i0__namespace.ɵɵtemplate(39, RecipeDetailsComponent_div_0_div_3_button_39_Template, 18, 15, "button", 41);
-          i0__namespace.ɵɵpipe(40, "async");
-          i0__namespace.ɵɵtemplate(41, RecipeDetailsComponent_div_0_div_3_button_41_Template, 2, 0, "button", 42);
-          i0__namespace.ɵɵpipe(42, "async");
-          i0__namespace.ɵɵtemplate(43, RecipeDetailsComponent_div_0_div_3_button_43_Template, 4, 0, "button", 43);
-          i0__namespace.ɵɵelementContainerEnd();
-          i0__namespace.ɵɵtemplate(44, RecipeDetailsComponent_div_0_div_3_div_44_Template, 12, 16, "div", 44);
+          i0__namespace.ɵɵtemplate(38, RecipeDetailsComponent_div_0_div_3_ng_container_38_Template, 6, 7, "ng-container", 41);
+          i0__namespace.ɵɵtemplate(39, RecipeDetailsComponent_div_0_div_3_ng_container_39_Template, 2, 3, "ng-container", 41);
+          i0__namespace.ɵɵtemplate(40, RecipeDetailsComponent_div_0_div_3_div_40_Template, 12, 16, "div", 42);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
           var ctx_r4 = i0__namespace.ɵɵnextContext(2);
           i0__namespace.ɵɵadvance(10);
-          i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(11, 20, ctx_r4.userService.isLogged$));
+          i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(11, 21, ctx_r4.userService.isLogged$));
           i0__namespace.ɵɵadvance(2);
           i0__namespace.ɵɵproperty("floating", true)("value", ctx_r4.recipeDetailsService.recipe.modifiedGuests)("minRange", 1);
           i0__namespace.ɵɵadvance(2);
@@ -24250,23 +24438,23 @@
           i0__namespace.ɵɵadvance(7);
           i0__namespace.ɵɵtextInterpolate1(" ", ctx_r4.recipeDetailsService.recipe == null ? null : ctx_r4.recipeDetailsService.recipe.attributes["title"], " ");
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(28, 22, ctx_r4.userService.isLogged$));
+          i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(28, 23, ctx_r4.userService.isLogged$));
           i0__namespace.ɵɵadvance(5);
           i0__namespace.ɵɵproperty("recipe", ctx_r4.recipeDetailsService.recipe);
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(28, _c9, ctx_r4.recipeDetailsService.onlyShowPreparation));
+          i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(25, _c9, ctx_r4.recipeDetailsService.onlyShowPreparation));
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("tabs", i0__namespace.ɵɵpureFunction0(30, _c10))("selectedTabIndex", ctx_r4.activeTabIndex);
+          i0__namespace.ɵɵproperty("tabs", i0__namespace.ɵɵpureFunction0(27, _c10))("selectedTabIndex", ctx_r4.activeTabIndex);
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r4.activeTabIndex === 0);
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r4.activeTabIndex === 1);
-          i0__namespace.ɵɵadvance(3);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r4.recipeDetailsService.remainingBasketEntries.length > 0 && !i0__namespace.ɵɵpipeBind1(40, 24, ctx_r4.recipeDetailsService.allIngredientsToBasketLoading$));
-          i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r4.recipeDetailsService.remainingBasketEntries.length > 0 && i0__namespace.ɵɵpipeBind1(42, 26, ctx_r4.recipeDetailsService.allIngredientsToBasketLoading$));
-          i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r4.recipeDetailsService.remainingBasketEntries.length === 0);
+          i0__namespace.ɵɵadvance(1);
+          i0__namespace.ɵɵclassProp("center", ctx_r4.recipeDetailsService.onlyShowPreparation);
+          i0__namespace.ɵɵadvance(1);
+          i0__namespace.ɵɵproperty("ngIf", !ctx_r4.recipeDetailsService.onlyShowPreparation);
+          i0__namespace.ɵɵadvance(1);
+          i0__namespace.ɵɵproperty("ngIf", ctx_r4.recipeDetailsService.onlyShowPreparation);
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r4.showPrice());
       }
@@ -24276,7 +24464,7 @@
           i0__namespace.ɵɵelementStart(0, "div", 3);
           i0__namespace.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_1_Template, 1, 0, "div", 4);
           i0__namespace.ɵɵpipe(2, "async");
-          i0__namespace.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_3_Template, 45, 31, "div", 5);
+          i0__namespace.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_3_Template, 41, 28, "div", 5);
           i0__namespace.ɵɵpipe(4, "async");
           i0__namespace.ɵɵelementEnd();
       }
@@ -24290,9 +24478,9 @@
   }
   function RecipeDetailsComponent_ng_miam_recipe_addon_2_Template(rf, ctx) {
       if (rf & 1) {
-          var _r37_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "ng-miam-recipe-addon", 72);
-          i0__namespace.ɵɵlistener("hideAddon", function RecipeDetailsComponent_ng_miam_recipe_addon_2_Template_ng_miam_recipe_addon_hideAddon_0_listener() { i0__namespace.ɵɵrestoreView(_r37_1); var ctx_r36 = i0__namespace.ɵɵnextContext(); return ctx_r36.toggleAddon(); });
+          var _r39_1 = i0__namespace.ɵɵgetCurrentView();
+          i0__namespace.ɵɵelementStart(0, "ng-miam-recipe-addon", 73);
+          i0__namespace.ɵɵlistener("hideAddon", function RecipeDetailsComponent_ng_miam_recipe_addon_2_Template_ng_miam_recipe_addon_hideAddon_0_listener() { i0__namespace.ɵɵrestoreView(_r39_1); var ctx_r38 = i0__namespace.ɵɵnextContext(); return ctx_r38.toggleAddon(); });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -24302,9 +24490,9 @@
   }
   function RecipeDetailsComponent_ng_miam_replace_item_3_Template(rf, ctx) {
       if (rf & 1) {
-          var _r39_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "ng-miam-replace-item", 73);
-          i0__namespace.ɵɵlistener("selected", function RecipeDetailsComponent_ng_miam_replace_item_3_Template_ng_miam_replace_item_selected_0_listener() { i0__namespace.ɵɵrestoreView(_r39_1); var ctx_r38 = i0__namespace.ɵɵnextContext(); return ctx_r38.recipeDetailsService.basketEntryToReplace = null; });
+          var _r41_1 = i0__namespace.ɵɵgetCurrentView();
+          i0__namespace.ɵɵelementStart(0, "ng-miam-replace-item", 74);
+          i0__namespace.ɵɵlistener("selected", function RecipeDetailsComponent_ng_miam_replace_item_3_Template_ng_miam_replace_item_selected_0_listener() { i0__namespace.ɵɵrestoreView(_r41_1); var ctx_r40 = i0__namespace.ɵɵnextContext(); return ctx_r40.recipeDetailsService.basketEntryToReplace = null; });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -24346,6 +24534,7 @@
           _this.pricingGuestsText = 'par-personne';
           _this.recipeAdded = new i0.EventEmitter();
           _this.recipeError = new i0.EventEmitter();
+          _this.closeDetails = new i0.EventEmitter();
           _this.removedIngredients = [];
           _this.isMobile = false;
           _this.displayTags = false;
@@ -24501,6 +24690,7 @@
       RecipeDetailsComponent.prototype.onClose = function () {
           this.recipeDetailsService.displayEventWasSent = false;
           var originPath = this.eventTrace().originPath;
+          this.closeDetails.emit();
           this.recipesService.hide();
           this.cdr.detectChanges();
           this.activeTabIndex = 0;
@@ -24539,40 +24729,40 @@
               var _t = void 0;
               i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.topContainerImg = _t.first);
           }
-      }, inputs: { recipeId: "recipeId", guestNumber: "guestNumber", previewAllowed: "previewAllowed", ingredientsPictures: "ingredientsPictures", forceDisplayTags: "forceDisplayTags", displayTagsIcons: "displayTagsIcons", displayPricing: "displayPricing", displayGuests: "displayGuests", helpButtonAllowed: "helpButtonAllowed", stepsOnLeftSide: "stepsOnLeftSide", cookingTimeAsPrimaryInfo: "cookingTimeAsPrimaryInfo", moreRecipesImageURL: "moreRecipesImageURL", pricingGuestsText: "pricingGuestsText" }, outputs: { recipeAdded: "recipeAdded", recipeError: "recipeError" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 5, vars: 7, consts: function () {
+      }, inputs: { recipeId: "recipeId", guestNumber: "guestNumber", previewAllowed: "previewAllowed", ingredientsPictures: "ingredientsPictures", forceDisplayTags: "forceDisplayTags", displayTagsIcons: "displayTagsIcons", displayPricing: "displayPricing", displayGuests: "displayGuests", helpButtonAllowed: "helpButtonAllowed", stepsOnLeftSide: "stepsOnLeftSide", cookingTimeAsPrimaryInfo: "cookingTimeAsPrimaryInfo", moreRecipesImageURL: "moreRecipesImageURL", pricingGuestsText: "pricingGuestsText" }, outputs: { recipeAdded: "recipeAdded", recipeError: "recipeError", closeDetails: "closeDetails" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 5, vars: 7, consts: function () {
           var i18n_1;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_70397346439942337$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS____2 = goog.getMsg("Ajouter");
-              i18n_1 = MSG_EXTERNAL_70397346439942337$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS____2;
+              var MSG_EXTERNAL_70397346439942337$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____2 = goog.getMsg("Ajouter");
+              i18n_1 = MSG_EXTERNAL_70397346439942337$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____2;
           }
           else {
               i18n_1 = $localize(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject([":\u241F8aa969e69241c7c5838b40348f913519d6349371\u241F70397346439942337:Ajouter"], [":\u241F8aa969e69241c7c5838b40348f913519d6349371\u241F70397346439942337:Ajouter"])));
           }
           var i18n_3;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_5144484951400113194$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____4 = goog.getMsg("produit");
-              i18n_3 = MSG_EXTERNAL_5144484951400113194$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____4;
+              var MSG_EXTERNAL_5144484951400113194$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS______4 = goog.getMsg("produit");
+              i18n_3 = MSG_EXTERNAL_5144484951400113194$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS______4;
           }
           else {
               i18n_3 = $localize(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject([":\u241F84c216d92afc9edd2b3bd2175d38197737ff86c5\u241F5144484951400113194:produit"], [":\u241F84c216d92afc9edd2b3bd2175d38197737ff86c5\u241F5144484951400113194:produit"])));
           }
           var i18n_5;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_1112144680738962826$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____6 = goog.getMsg("produits");
-              i18n_5 = MSG_EXTERNAL_1112144680738962826$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____6;
+              var MSG_EXTERNAL_1112144680738962826$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS______6 = goog.getMsg("produits");
+              i18n_5 = MSG_EXTERNAL_1112144680738962826$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS______6;
           }
           else {
               i18n_5 = $localize(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject([":\u241F2571d7fbaeed8646df6ee852fb5d94185b0efd88\u241F1112144680738962826:produits"], [":\u241F2571d7fbaeed8646df6ee852fb5d94185b0efd88\u241F1112144680738962826:produits"])));
           }
           var i18n_7;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-              var MSG_EXTERNAL_2001694451572573558$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS____8 = goog.getMsg("Continuer mes courses");
-              i18n_7 = MSG_EXTERNAL_2001694451572573558$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS____8;
+              var MSG_EXTERNAL_2001694451572573558$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____8 = goog.getMsg("Continuer mes courses");
+              i18n_7 = MSG_EXTERNAL_2001694451572573558$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____8;
           }
           else {
               i18n_7 = $localize(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject([":\u241F0e81a4e1efd31ae65483ef21f4fa59c2dce0e6f1\u241F2001694451572573558:Continuer mes courses"], [":\u241F0e81a4e1efd31ae65483ef21f4fa59c2dce0e6f1\u241F2001694451572573558:Continuer mes courses"])));
           }
-          return [["class", "miam-recipe-details", 4, "ngIf"], [3, "recipe", "hideAddon", 4, "ngIf"], [3, "recipe", "basketEntry", "ingredient", "ignoreSelected", "loadOnSelect", "selected", 4, "ngIf"], [1, "miam-recipe-details"], ["class", "miam-ds-loader miam-recipe-details__loader", 4, "ngIf"], ["class", "miam-recipe-details__container", 4, "ngIf"], [1, "miam-ds-loader", "miam-recipe-details__loader"], [1, "miam-recipe-details__container"], [1, "miam-recipe-details__picture"], ["topContainerImg", ""], [1, "miam-recipe-details__banner_buttons"], [1, "miam-recipe-details__top-button-wrapper"], [1, "miam-recipe-details__close-button", "miam-ds-button", "square", "primary", "reverse", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg", "alt", "modal close button", 1, "miam-recipe-details__close-icon"], [1, "miam-recipe-details__mobile-header-buttons"], [1, "miam-recipe-details__back-button", "miam-ds-button", "square", "primary", "reverse", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-primary.svg", "alt", "modal back button", 1, "miam-recipe-details__back-icon"], ["class", "miam-recipe-details__like-button", 3, "recipe", "width", "height", 4, "ngIf"], [1, "miam-recipe-details__guest-counter", 3, "floating", "value", "minRange", "valueChange"], ["alt", "recipe picture", "class", "miam-recipe-details__picture-img", 3, "src", 4, "ngIf"], [3, "videoId", "width", "height", "playerVars", 4, "ngIf"], ["class", "miam-recipe-details__picture__filigrane", 4, "ngIf"], [1, "miam-recipe-details__sponsor"], [3, "hasStorytelling", "recipe", "showAddon", 4, "ngIf"], [1, "miam-recipe-details__sponsor-separator"], ["ngMiamReachTop", "", 1, "miam-recipe-details__title-container"], [1, "miam-recipe-details__back-button-mobile-container"], [1, "miam-recipe-details__back-button", "miam-ds-button", "small", "square", "ghost", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-primary.svg", "alt", "modal close button", 1, "miam-recipe-details__back-icon"], [1, "miam-recipe-details__title", "miam-ds-text", "size-xl", "weight-xxl"], [1, "miam-recipe-details__actions__icon"], ["class", "miam-recipe-details__like-button", 3, "recipe", "originTrace", "width", "height", 4, "ngIf"], [1, "miam-recipe-details__hideable-actions"], [1, "miam-recipe-details__close-button", "miam-ds-button", "square", "ghost", 3, "click"], ["alt", "modal close button", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg", 1, "miam-recipe-details__close-icon"], [1, "miam-recipe-details__infos", 3, "recipe"], [1, "miam-recipe-details__tabs", 3, "ngClass"], [3, "tabs", "selectedTabIndex", "selectedTabIndexChange"], [3, "closeModal", 4, "ngIf"], ["class", "miam-recipe-details__preparation-tab", 4, "ngIf"], [1, "miam-recipe-details__footer"], ["class", "miam-recipe-details__add-to-basket-cta miam-ds-button primary", 3, "click", 4, "ngIf"], ["class", "miam-recipe-details__add-to-basket-cta miam-ds-button primary", 4, "ngIf"], ["class", "miam-ds-button secondary", 3, "click", 4, "ngIf"], ["class", "miam-recipe-details__price", 4, "ngIf"], [1, "miam-recipe-details__like-button", 3, "recipe", "width", "height"], ["alt", "recipe picture", 1, "miam-recipe-details__picture-img", 3, "src"], [3, "videoId", "width", "height", "playerVars"], [1, "miam-recipe-details__picture__filigrane"], ["alt", "filigrane logo", 3, "src"], [3, "hasStorytelling", "recipe", "showAddon"], [1, "miam-recipe-details__like-button", 3, "recipe", "originTrace", "width", "height"], [3, "closeModal"], [1, "miam-recipe-details__preparation-tab"], [3, "ingredients"], [3, "recipe"], [1, "miam-recipe-details__add-to-basket-cta", "miam-ds-button", "primary", 3, "click"], ["alt", "basket icon", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Basket.svg"], [1, "miam-recipe-details__add-to-basket-cta__text"], i18n_1, [4, "ngIf"], [1, "miam-recipe-details__add-to-basket-remaining-price"], [1, "miam-ds-loader"], i18n_3, i18n_5, [1, "miam-recipe-details__add-to-basket-cta", "miam-ds-button", "primary"], [1, "miam-ds-button", "secondary", 3, "click"], i18n_7, [1, "miam-recipe-details__price"], [1, "miam-recipe-details__price-label", "miam-ds-text", "size-l", "weight-xxl"], [1, "miam-ds-loader", "primary"], [1, "miam-recipe-details__price-in-basket-label", "miam-ds-text", "size-xs"], [3, "recipe", "hideAddon"], [3, "recipe", "basketEntry", "ingredient", "ignoreSelected", "loadOnSelect", "selected"]];
+          return [["class", "miam-recipe-details", 4, "ngIf"], [3, "recipe", "hideAddon", 4, "ngIf"], [3, "recipe", "basketEntry", "ingredient", "ignoreSelected", "loadOnSelect", "selected", 4, "ngIf"], [1, "miam-recipe-details"], ["class", "miam-ds-loader miam-recipe-details__loader", 4, "ngIf"], ["class", "miam-recipe-details__container", 4, "ngIf"], [1, "miam-ds-loader", "miam-recipe-details__loader"], [1, "miam-recipe-details__container"], [1, "miam-recipe-details__picture"], ["topContainerImg", ""], [1, "miam-recipe-details__banner_buttons"], [1, "miam-recipe-details__top-button-wrapper"], [1, "miam-recipe-details__close-button", "miam-ds-button", "square", "primary", "reverse", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg", "alt", "modal close button", 1, "miam-recipe-details__close-icon"], [1, "miam-recipe-details__mobile-header-buttons"], [1, "miam-recipe-details__back-button", "miam-ds-button", "square", "primary", "reverse", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-primary.svg", "alt", "modal back button", 1, "miam-recipe-details__back-icon"], ["class", "miam-recipe-details__like-button", 3, "recipe", "width", "height", 4, "ngIf"], [1, "miam-recipe-details__guest-counter", 3, "floating", "value", "minRange", "valueChange"], ["alt", "recipe picture", "class", "miam-recipe-details__picture-img", 3, "src", 4, "ngIf"], [3, "videoId", "width", "height", "playerVars", 4, "ngIf"], ["class", "miam-recipe-details__picture__filigrane", 4, "ngIf"], [1, "miam-recipe-details__sponsor"], [3, "hasStorytelling", "recipe", "showAddon", 4, "ngIf"], [1, "miam-recipe-details__sponsor-separator"], ["ngMiamReachTop", "", 1, "miam-recipe-details__title-container"], [1, "miam-recipe-details__back-button-mobile-container"], [1, "miam-recipe-details__back-button", "miam-ds-button", "small", "square", "ghost", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-primary.svg", "alt", "modal close button", 1, "miam-recipe-details__back-icon"], [1, "miam-recipe-details__title", "miam-ds-text", "size-xl", "weight-xxl"], [1, "miam-recipe-details__actions__icon"], ["class", "miam-recipe-details__like-button", 3, "recipe", "originTrace", "width", "height", 4, "ngIf"], [1, "miam-recipe-details__hideable-actions"], [1, "miam-recipe-details__close-button", "miam-ds-button", "square", "ghost", 3, "click"], ["alt", "modal close button", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg", 1, "miam-recipe-details__close-icon"], [1, "miam-recipe-details__infos", 3, "recipe"], [1, "miam-recipe-details__tabs", 3, "ngClass"], [3, "tabs", "selectedTabIndex", "selectedTabIndexChange"], [3, "closeModal", 4, "ngIf"], ["class", "miam-recipe-details__preparation-tab", 4, "ngIf"], [1, "miam-recipe-details__footer"], [4, "ngIf"], ["class", "miam-recipe-details__price", 4, "ngIf"], [1, "miam-recipe-details__like-button", 3, "recipe", "width", "height"], ["alt", "recipe picture", 1, "miam-recipe-details__picture-img", 3, "src"], [3, "videoId", "width", "height", "playerVars"], [1, "miam-recipe-details__picture__filigrane"], ["alt", "filigrane logo", 3, "src"], [3, "hasStorytelling", "recipe", "showAddon"], [1, "miam-recipe-details__like-button", 3, "recipe", "originTrace", "width", "height"], [3, "closeModal"], [1, "miam-recipe-details__preparation-tab"], [3, "ingredients"], [3, "recipe"], ["class", "miam-recipe-details__add-to-basket-cta miam-ds-button primary", 3, "click", 4, "ngIf"], ["class", "miam-recipe-details__add-to-basket-cta miam-ds-button primary", 4, "ngIf"], ["class", "miam-ds-button secondary", 3, "click", 4, "ngIf"], [1, "miam-recipe-details__add-to-basket-cta", "miam-ds-button", "primary", 3, "click"], ["alt", "basket icon", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Basket.svg"], [1, "miam-recipe-details__add-to-basket-cta__text"], i18n_1, [1, "miam-recipe-details__add-to-basket-remaining-price"], [1, "miam-ds-loader"], i18n_3, i18n_5, [1, "miam-recipe-details__add-to-basket-cta", "miam-ds-button", "primary"], [1, "miam-ds-button", "secondary", 3, "click"], i18n_7, [3, "recipeId", "serves", "fetchPricingOnScroll"], [1, "miam-recipe-details__price"], [1, "miam-recipe-details__price-label", "miam-ds-text", "size-l", "weight-xxl"], [1, "miam-ds-loader", "primary"], [1, "miam-recipe-details__price-in-basket-label", "miam-ds-text", "size-xs"], [3, "recipe", "hideAddon"], [3, "recipe", "basketEntry", "ingredient", "ignoreSelected", "loadOnSelect", "selected"]];
       }, template: function RecipeDetailsComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵtemplate(0, RecipeDetailsComponent_div_0_Template, 5, 6, "div", 0);
@@ -24588,7 +24778,7 @@
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(4, 5, ctx.recipeDetailsService.basketEntryToReplace$));
           }
-      }, directives: [i2__namespace$1.NgIf, CounterInputComponent, ReachTopDirective, RecipeDetailsInfosComponent, i2__namespace$1.NgClass, SliderTabsComponent, LikeButtonComponent, i8__namespace.YouTubePlayer, AddonLinkComponent, ProductsPickerComponent, RecipeDetailsIngredientsComponent, RecipeDetailsStepsComponent, RecipeAddonComponent, ReplaceItemComponent], pipes: [i2__namespace$1.AsyncPipe, i2__namespace$1.CurrencyPipe], styles: [".miam-recipe-details{min-height:100dvh}.miam-recipe-details .miam-recipe-details__loader{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:40px;height:40px;background-position-x:20px;background-size:20px 20px}.miam-recipe-details .miam-recipe-details__container{position:relative}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sponsor-separator{border-top:1px solid var(--miam-ds-color-neutral-200,#d9dde1);margin:unset}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{position:relative;max-height:600px;display:flex}@media (min-width:1023px) and (max-height:1000px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{max-height:400px}}@media (min-width:1023px) and (max-height:800px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{max-height:300px}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons{position:absolute;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px;top:16px;right:16px;left:16px;bottom:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper{flex:1;width:100%;height:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons{display:flex;justify-content:space-between;height:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button{transform:rotate(90deg);border-radius:100%;height:40px;width:40px;position:sticky;top:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button .miam-recipe-details__back-icon{display:block}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button:hover img.miam-recipe-details__back-icon{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-white.svg)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__like-button{position:absolute;top:0;right:0}@media (min-width:1023px) and (max-height:800px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__guest-counter .miam-counter-input{padding:2px}}@media (min-width:1023px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons{top:24px;right:24px;left:24px;bottom:24px;flex-direction:column}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper{width:inherit}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button{display:flex;position:sticky;top:24px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button:hover img.miam-recipe-details__close-icon{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross.svg)}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__picture-img{width:100%;max-height:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container{z-index:2;display:flex;justify-content:space-between;align-items:center;position:sticky;top:-1px;padding:16px;overflow:hidden;background:var(--miam-ds-color-neutral-white,#fff);transition:padding .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__title{width:100%;transition:font-size .3s;color:var(--miam-ds-color-neutral-black,#1f3543)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__actions__icon{display:flex;position:absolute;right:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__actions__icon .miam-recipe-details__hideable-actions{max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__actions__icon .miam-recipe-details__close-button{margin-left:16px;padding:8px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned{padding:12px 16px;border-bottom:1px solid var(--miam-ds-color-neutral-200,#d9dde1)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__title{font-size:20px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon{position:relative;top:unset;right:unset}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon .miam-recipe-details__like-button{margin-right:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon .miam-recipe-details__hideable-actions{max-width:64px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container{justify-content:flex-start}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container{display:flex;align-items:center;justify-content:center;max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container .miam-recipe-details__back-icon{transform:rotate(90deg)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__title{font-size:20px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__actions__icon{max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__hideable-actions{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned{padding:4px 16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__back-button-mobile-container{overflow:visible;max-width:48px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__back-button-mobile-container .miam-recipe-details__back-button{margin:8px 0;width:40px;height:40px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__title{font-size:14px;font-weight:500}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon{max-width:40px}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__infos{padding:8px 16px 16px;display:block}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__tabs{padding:8px 16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__tabs.hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer{box-sizing:border-box;background:var(--miam-ds-color-neutral-white,#fff);border-top:1px solid var(--miam-ds-color-neutral-200,#d9dde1);padding:16px 12px;position:sticky;bottom:0;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;z-index:2;height:80px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer.center{justify-content:center}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer.hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta{display:flex;gap:8px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta.miam-ds-button.primary:hover{background-color:var(--miam-ds-color-primary)}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text{display:flex;gap:4px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text .miam-recipe-details__add-to-basket-remaining-price{display:flex}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text .miam-recipe-details__add-to-basket-remaining-price .hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper{align-items:flex-end}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{color:var(--miam-ds-color-primary-700);margin-right:4px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper{flex-direction:column;align-items:flex-start}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price{display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-label{color:var(--miam-ds-color-primary,#24748f)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-label .hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-in-basket-label{color:var(--miam-ds-color-neutral-black,#1f3543);opacity:.65}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__preparation-tab{padding:16px;display:flex;flex-direction:column;gap:24px}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [i2__namespace$1.NgIf, CounterInputComponent, ReachTopDirective, RecipeDetailsInfosComponent, i2__namespace$1.NgClass, SliderTabsComponent, LikeButtonComponent, i8__namespace.YouTubePlayer, AddonLinkComponent, ProductsPickerComponent, RecipeDetailsIngredientsComponent, RecipeDetailsStepsComponent, RecipePricingComponent, RecipeAddonComponent, ReplaceItemComponent], pipes: [i2__namespace$1.AsyncPipe, i2__namespace$1.CurrencyPipe], styles: [".miam-recipe-details{min-height:100dvh}.miam-recipe-details .miam-recipe-details__loader{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:40px;height:40px;background-position-x:20px;background-size:20px 20px}.miam-recipe-details .miam-recipe-details__container{position:relative}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sponsor-separator{border-top:1px solid var(--miam-ds-color-neutral-200,#d9dde1);margin:unset}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{position:relative;max-height:600px;display:flex}@media (min-width:1023px) and (max-height:1000px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{max-height:400px}}@media (min-width:1023px) and (max-height:800px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{max-height:300px}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons{position:absolute;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px;top:16px;right:16px;left:16px;bottom:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper{flex:1;width:100%;height:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons{display:flex;justify-content:space-between;height:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button{transform:rotate(90deg);border-radius:100%;height:40px;width:40px;position:sticky;top:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button .miam-recipe-details__back-icon{display:block}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button:hover img.miam-recipe-details__back-icon{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-white.svg)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__like-button{position:absolute;top:0;right:0}@media (min-width:1023px) and (max-height:800px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__guest-counter .miam-counter-input{padding:2px}}@media (min-width:1023px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons{top:24px;right:24px;left:24px;bottom:24px;flex-direction:column}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper{width:inherit}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button{display:flex;position:sticky;top:24px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button:hover img.miam-recipe-details__close-icon{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross.svg)}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__picture-img{width:100%;max-height:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container{z-index:2;display:flex;justify-content:space-between;align-items:center;position:sticky;top:-1px;padding:16px;overflow:hidden;background:var(--miam-ds-color-neutral-white,#fff);transition:padding .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__title{width:100%;transition:font-size .3s;color:var(--miam-ds-color-neutral-black,#1f3543)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__actions__icon{display:flex;position:absolute;right:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__actions__icon .miam-recipe-details__hideable-actions{max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__actions__icon .miam-recipe-details__close-button{margin-left:16px;padding:8px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned{padding:12px 16px;border-bottom:1px solid var(--miam-ds-color-neutral-200,#d9dde1)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__title{font-size:20px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon{position:relative;top:unset;right:unset}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon .miam-recipe-details__like-button{margin-right:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon .miam-recipe-details__hideable-actions{max-width:64px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container{justify-content:flex-start}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container{display:flex;align-items:center;justify-content:center;max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container .miam-recipe-details__back-icon{transform:rotate(90deg)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__title{font-size:20px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__actions__icon{max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container .miam-recipe-details__hideable-actions{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned{padding:4px 16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__back-button-mobile-container{overflow:visible;max-width:48px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__back-button-mobile-container .miam-recipe-details__back-button{margin:8px 0;width:40px;height:40px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__title{font-size:14px;font-weight:500}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon{max-width:40px}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__infos{padding:8px 16px 16px;display:block}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__tabs{padding:8px 16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__tabs.hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer{box-sizing:border-box;background:var(--miam-ds-color-neutral-white,#fff);border-top:1px solid var(--miam-ds-color-neutral-200,#d9dde1);padding:16px 12px;position:sticky;bottom:0;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;z-index:2;height:80px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer.center{justify-content:center}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer.hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta{display:flex;gap:8px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta.miam-ds-button.primary:hover{background-color:var(--miam-ds-color-primary)}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text{display:flex;gap:4px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text .miam-recipe-details__add-to-basket-remaining-price{display:flex}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text .miam-recipe-details__add-to-basket-remaining-price .hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper{align-items:flex-end}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{color:var(--miam-ds-color-primary-700);margin-right:4px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper{flex-direction:column;align-items:flex-start}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price{display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-label{color:var(--miam-ds-color-primary,#24748f)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-label .hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-in-basket-label{color:var(--miam-ds-color-neutral-black,#1f3543);opacity:.65}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__preparation-tab{padding:16px;display:flex;flex-direction:column;gap:24px}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RecipeDetailsComponent, [{
               type: i0.Component,
@@ -24629,6 +24819,8 @@
                   type: i0.Output
               }], recipeError: [{
                   type: i0.Output
+              }], closeDetails: [{
+                  type: i0.Output
               }], topContainerImg: [{
                   type: i0.ViewChild,
                   args: ['topContainerImg']
@@ -25580,7 +25772,7 @@
       if (rf & 1) {
           var _r10_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "ng-miam-recipe-details", 7, 8);
-          i0__namespace.ɵɵlistener("recipeAdded", function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template_ng_miam_recipe_details_recipeAdded_0_listener() { i0__namespace.ɵɵrestoreView(_r10_1); var ctx_r9 = i0__namespace.ɵɵnextContext(2); return ctx_r9.togglePreviewMode(); })("recipeError", function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template_ng_miam_recipe_details_recipeError_0_listener() { i0__namespace.ɵɵrestoreView(_r10_1); var ctx_r11 = i0__namespace.ɵɵnextContext(2); return ctx_r11.hide(); });
+          i0__namespace.ɵɵlistener("recipeAdded", function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template_ng_miam_recipe_details_recipeAdded_0_listener() { i0__namespace.ɵɵrestoreView(_r10_1); var ctx_r9 = i0__namespace.ɵɵnextContext(2); return ctx_r9.togglePreviewMode(); })("recipeError", function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template_ng_miam_recipe_details_recipeError_0_listener() { i0__namespace.ɵɵrestoreView(_r10_1); var ctx_r11 = i0__namespace.ɵɵnextContext(2); return ctx_r11.hide(); })("closeDetails", function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template_ng_miam_recipe_details_closeDetails_0_listener() { i0__namespace.ɵɵrestoreView(_r10_1); var ctx_r12 = i0__namespace.ɵɵnextContext(2); return ctx_r12.hide(); });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -25590,9 +25782,9 @@
   }
   function RecipeModalComponent_ng_miam_modal_2_Template(rf, ctx) {
       if (rf & 1) {
-          var _r13_1 = i0__namespace.ɵɵgetCurrentView();
+          var _r14_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementStart(0, "ng-miam-modal", 5);
-          i0__namespace.ɵɵlistener("displayChange", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_displayChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r13_1); var ctx_r12 = i0__namespace.ɵɵnextContext(); return ctx_r12.show = $event; })("close", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_close_0_listener() { i0__namespace.ɵɵrestoreView(_r13_1); var ctx_r14 = i0__namespace.ɵɵnextContext(); return ctx_r14.hide(); })("cancel", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_cancel_0_listener() { i0__namespace.ɵɵrestoreView(_r13_1); var ctx_r15 = i0__namespace.ɵɵnextContext(); return ctx_r15.removeRecipe(); })("confirm", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_confirm_0_listener() { i0__namespace.ɵɵrestoreView(_r13_1); var ctx_r16 = i0__namespace.ɵɵnextContext(); return ctx_r16.hide(); });
+          i0__namespace.ɵɵlistener("displayChange", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_displayChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r14_1); var ctx_r13 = i0__namespace.ɵɵnextContext(); return ctx_r13.show = $event; })("close", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_close_0_listener() { i0__namespace.ɵɵrestoreView(_r14_1); var ctx_r15 = i0__namespace.ɵɵnextContext(); return ctx_r15.hide(); })("cancel", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_cancel_0_listener() { i0__namespace.ɵɵrestoreView(_r14_1); var ctx_r16 = i0__namespace.ɵɵnextContext(); return ctx_r16.removeRecipe(); })("confirm", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_confirm_0_listener() { i0__namespace.ɵɵrestoreView(_r14_1); var ctx_r17 = i0__namespace.ɵɵnextContext(); return ctx_r17.hide(); });
           i0__namespace.ɵɵtemplate(1, RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template, 2, 9, "ng-miam-recipe-details", 6);
           i0__namespace.ɵɵelementEnd();
       }
@@ -25745,7 +25937,7 @@
           else {
               i18n_0 = $localize(templateObject_1 || (templateObject_1 = __makeTemplateObject([":\u241Fd0309cdf7a6522949c4f145db5e71f70c9d9d66c\u241F171150506213829263:Mes repas"], [":\u241Fd0309cdf7a6522949c4f145db5e71f70c9d9d66c\u241F171150506213829263:Mes repas"])));
           }
-          return [["title", i18n_0, "modalStyle", "right", "class", "miam-recipe-modal__basket-preview-modal", 3, "display", "noHeaderMode", "confirmButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm", 4, "ngIf"], ["modalStyle", "right", 3, "noHeaderMode", "display", "cancelButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm", 4, "ngIf"], ["title", i18n_0, "modalStyle", "right", 1, "miam-recipe-modal__basket-preview-modal", 3, "display", "noHeaderMode", "confirmButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm"], [1, "miam-wrapper-preview"], [3, "recipeId", "displayItemsUnitaryPrice", "originTrace"], ["modalStyle", "right", 3, "noHeaderMode", "display", "cancelButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm"], [3, "recipeId", "guestNumber", "previewAllowed", "originTrace", "stepsOnLeftSide", "moreRecipesImageURL", "pricingGuestsText", "displayGuests", "helpButtonAllowed", "recipeAdded", "recipeError", 4, "ngIf"], [3, "recipeId", "guestNumber", "previewAllowed", "originTrace", "stepsOnLeftSide", "moreRecipesImageURL", "pricingGuestsText", "displayGuests", "helpButtonAllowed", "recipeAdded", "recipeError"], ["details", ""]];
+          return [["title", i18n_0, "modalStyle", "right", "class", "miam-recipe-modal__basket-preview-modal", 3, "display", "noHeaderMode", "confirmButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm", 4, "ngIf"], ["modalStyle", "right", 3, "noHeaderMode", "display", "cancelButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm", 4, "ngIf"], ["title", i18n_0, "modalStyle", "right", 1, "miam-recipe-modal__basket-preview-modal", 3, "display", "noHeaderMode", "confirmButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm"], [1, "miam-wrapper-preview"], [3, "recipeId", "displayItemsUnitaryPrice", "originTrace"], ["modalStyle", "right", 3, "noHeaderMode", "display", "cancelButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm"], [3, "recipeId", "guestNumber", "previewAllowed", "originTrace", "stepsOnLeftSide", "moreRecipesImageURL", "pricingGuestsText", "displayGuests", "helpButtonAllowed", "recipeAdded", "recipeError", "closeDetails", 4, "ngIf"], [3, "recipeId", "guestNumber", "previewAllowed", "originTrace", "stepsOnLeftSide", "moreRecipesImageURL", "pricingGuestsText", "displayGuests", "helpButtonAllowed", "recipeAdded", "recipeError", "closeDetails"], ["details", ""]];
       }, template: function RecipeModalComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵtemplate(0, RecipeModalComponent_ng_miam_modal_0_Template, 3, 7, "ng-miam-modal", 0);
@@ -25978,6 +26170,7 @@
           RecipesService,
           RecipeLikesService,
           RecipeDetailsService,
+          BasketTransferService,
           BasketsService,
           BasketEntriesService,
           ItemsService,
@@ -26013,6 +26206,7 @@
                           RecipesService,
                           RecipeLikesService,
                           RecipeDetailsService,
+                          BasketTransferService,
                           BasketsService,
                           BasketEntriesService,
                           ItemsService,
@@ -26057,6 +26251,7 @@
   exports.BasketPreviewLine = BasketPreviewLine;
   exports.BasketPreviewLineComponent = BasketPreviewLineComponent;
   exports.BasketPreviewModule = BasketPreviewModule;
+  exports.BasketTransferService = BasketTransferService;
   exports.BasketsComparatorService = BasketsComparatorService;
   exports.BasketsService = BasketsService;
   exports.BasketsSynchronizerService = BasketsSynchronizerService;