ng-miam 8.0.3 → 8.0.4

package/bundles/ng-miam.umd.js

@@ -7066,6 +7066,72 @@
               }] });
   })();
 
+  var InViewportDirective = /** @class */ (function () {
+      function InViewportDirective(elementRef) {
+          this.elementRef = elementRef;
+          this.threshold = 0.8;
+          this.debounceTime = 1000;
+          this.condition = true;
+          this.inViewport = new i0.EventEmitter();
+          this.intersectionSubject = new rxjs.Subject();
+          this.isObserving = false;
+      }
+      InViewportDirective.prototype.ngOnInit = function () {
+          var _this = this;
+          var options = {
+              root: null,
+              rootMargin: '0px',
+              threshold: this.threshold,
+          };
+          this.observer = new IntersectionObserver(function (entries) {
+              entries.forEach(function (entry) { return _this.intersectionSubject.next(entry); });
+          }, options);
+          this.intersectionSubject
+              .pipe(operators.debounceTime(this.debounceTime))
+              .subscribe(function (entry) { return _this.handleIntersection(entry); });
+          this.observer.observe(this.elementRef.nativeElement);
+          this.isObserving = true;
+      };
+      InViewportDirective.prototype.ngOnChanges = function (change) {
+          if (this.isObserving && change.condition) {
+              this.handleIntersection.bind(this);
+          }
+      };
+      InViewportDirective.prototype.ngOnDestroy = function () {
+          if (this.observer) {
+              this.observer.disconnect();
+          }
+          this.isObserving = false;
+          this.intersectionSubject.complete();
+      };
+      InViewportDirective.prototype.handleIntersection = function (entry) {
+          if (this.condition && entry.isIntersecting) {
+              this.inViewport.emit();
+              this.observer.disconnect();
+              this.isObserving = false;
+          }
+      };
+      return InViewportDirective;
+  }());
+  InViewportDirective.ɵfac = function InViewportDirective_Factory(t) { return new (t || InViewportDirective)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); };
+  InViewportDirective.ɵdir = i0__namespace.ɵɵdefineDirective({ type: InViewportDirective, selectors: [["", "ngMiamInViewport", ""]], inputs: { threshold: "threshold", debounceTime: "debounceTime", condition: "condition" }, outputs: { inViewport: "inViewport" }, features: [i0__namespace.ɵɵNgOnChangesFeature] });
+  (function () {
+      (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(InViewportDirective, [{
+              type: i0.Directive,
+              args: [{
+                      selector: '[ngMiamInViewport]'
+                  }]
+          }], function () { return [{ type: i0__namespace.ElementRef }]; }, { threshold: [{
+                  type: i0.Input
+              }], debounceTime: [{
+                  type: i0.Input
+              }], condition: [{
+                  type: i0.Input
+              }], inViewport: [{
+                  type: i0.Output
+              }] });
+  })();
+
   var _c0$s = ["counterInput"];
   function CounterInputComponent_img_3_Template(rf, ctx) {
       if (rf & 1) {
@@ -7553,11 +7619,14 @@
   })();
 
   var RecipeDetailsService = /** @class */ (function () {
-      function RecipeDetailsService(basketsService, recipeService, analyticsService, ignoredBasketsService) {
+      function RecipeDetailsService(basketsService, recipeService, analyticsService, posService, userService, ignoredBasketsService, contextService) {
           this.basketsService = basketsService;
           this.recipeService = recipeService;
           this.analyticsService = analyticsService;
+          this.posService = posService;
+          this.userService = userService;
           this.ignoredBasketsService = ignoredBasketsService;
+          this.contextService = contextService;
           this.productsByCategory = {
               toPickProducts: [],
               oftenIgnoredProducts: [],
@@ -7736,39 +7805,10 @@
       RecipeDetailsService.prototype.updateProductQuantity = function (basketEntry, newQuantity, eventTrace) {
           this.basketsService.changeProductQuantity(basketEntry, this.recipe.id, newQuantity, eventTrace);
       };
-      RecipeDetailsService.prototype.basketEntryForIngredient = function (ingredient) {
-          return this.products.find(function (p) { return p.ingredient.id === ingredient.id; }).basketEntry;
-      };
-      /**
-       * Listens to the basket preview and updates the products' basket entry based on the provided recipe ID.
-       */
-      RecipeDetailsService.prototype.listenBasketPreview = function () {
-          var _this = this;
-          this.basketsService._basketPreview$.subscribe(function (basketPreviewLines) {
-              var _a;
-              if (basketPreviewLines) {
-                  var entriesForRecipe_1 = basketPreviewLines.find(function (basketPreviewLine) { var _a; return basketPreviewLine.id === ((_a = _this.recipe) === null || _a === void 0 ? void 0 : _a.id); });
-                  if ((_a = entriesForRecipe_1 === null || entriesForRecipe_1 === void 0 ? void 0 : entriesForRecipe_1.entries) === null || _a === void 0 ? void 0 : _a.all) {
-                      _this.products.forEach(function (product) {
-                          var _a;
-                          product.basketEntry = (_a = entriesForRecipe_1.entries.all.find(function (basketEntry) { return basketEntry.name === product.basketEntry.name; })) !== null && _a !== void 0 ? _a : product.basketEntry;
-                      });
-                      _this.setProductsByCategory();
-                  }
-              }
-          });
-      };
       RecipeDetailsService.prototype.addAllIngredientsToBasket = function (eventTrace) {
           var _this = this;
           this.allIngredientsToBasketLoading = true;
-          this.basketsService.recipeIsInBasket(this.recipe.id)
-              .pipe(operators.take(1))
-              .subscribe(function (recipeIsInBasket) {
-              if (!recipeIsInBasket) {
-                  _this.basketsService.addRecipesToBasket([_this.recipe.id], _this.recipe.modifiedGuests, eventTrace, false);
-              }
-              _this.basketsService.addIngredientsToBasket(_this.recipe.id, _this.remainingProducts(), eventTrace);
-          });
+          this.canAddProductToBasket(eventTrace).subscribe(function () { return _this.basketsService.addIngredientsToBasket(_this.recipe.id, _this.remainingProducts(), eventTrace); });
       };
       // If the recipe is already in basket, update the number of guests (= append recipe to list again)
       RecipeDetailsService.prototype.updateGuests = function (eventTrace) {
@@ -7800,6 +7840,46 @@
               ignoreSelected: ignoreSelected
           };
       };
+      /**
+       * Calls hookCallback before adding a product to basket & adds the recipes if products can be added
+       * @param eventTrace needed to add recipe to basket
+       * @returns [islogged: boolean, posWasInitialized: boolean, recipeIsInBasket: boolean]
+       */
+      RecipeDetailsService.prototype.canAddProductToBasket = function (eventTrace) {
+          var _this = this;
+          return rxjs.forkJoin([
+              this.userService.isLogged$.asObservable().pipe(operators.take(1)),
+              this.posService.posWasInitialized().pipe(operators.take(1)),
+              this.basketsService.recipeIsInBasket(this.recipe.id).pipe(operators.take(1))
+          ]).pipe(operators.tap(function (res) {
+              var isHookOk = _this.contextService.hookCallback(res[0], res[1]);
+              if (isHookOk && !res[2]) {
+                  _this.basketsService.addRecipesToBasket([_this.recipe.id], _this.recipe.modifiedGuests, eventTrace, false);
+              }
+          }));
+      };
+      RecipeDetailsService.prototype.basketEntryForIngredient = function (ingredient) {
+          return this.products.find(function (p) { return p.ingredient.id === ingredient.id; }).basketEntry;
+      };
+      /**
+       * Listens to the basket preview and updates the products' basket entry based on the provided recipe ID.
+       */
+      RecipeDetailsService.prototype.listenBasketPreview = function () {
+          var _this = this;
+          this.basketsService._basketPreview$.subscribe(function (basketPreviewLines) {
+              var _a;
+              if (basketPreviewLines) {
+                  var entriesForRecipe_1 = basketPreviewLines.find(function (basketPreviewLine) { var _a; return basketPreviewLine.id === ((_a = _this.recipe) === null || _a === void 0 ? void 0 : _a.id); });
+                  if ((_a = entriesForRecipe_1 === null || entriesForRecipe_1 === void 0 ? void 0 : entriesForRecipe_1.entries) === null || _a === void 0 ? void 0 : _a.all) {
+                      _this.products.forEach(function (product) {
+                          var _a;
+                          product.basketEntry = (_a = entriesForRecipe_1.entries.all.find(function (basketEntry) { return basketEntry.name === product.basketEntry.name; })) !== null && _a !== void 0 ? _a : product.basketEntry;
+                      });
+                      _this.setProductsByCategory();
+                  }
+              }
+          });
+      };
       RecipeDetailsService.prototype.isIngredientIgnored = function (product) {
           if (this.ignoredBasketsService.isIngredientIgnored(product.ingredient.id)) {
               product.basketEntry.status = 'ignored';
@@ -7807,7 +7887,7 @@
       };
       return RecipeDetailsService;
   }());
-  RecipeDetailsService.ɵfac = function RecipeDetailsService_Factory(t) { return new (t || RecipeDetailsService)(i0__namespace.ɵɵinject(BasketsService), i0__namespace.ɵɵinject(RecipesService), i0__namespace.ɵɵinject(AnalyticsService), i0__namespace.ɵɵinject(IgnoredIngredientsService)); };
+  RecipeDetailsService.ɵfac = function RecipeDetailsService_Factory(t) { return new (t || RecipeDetailsService)(i0__namespace.ɵɵinject(BasketsService), i0__namespace.ɵɵinject(RecipesService), i0__namespace.ɵɵinject(AnalyticsService), i0__namespace.ɵɵinject(PointOfSalesService), i0__namespace.ɵɵinject(UserService), i0__namespace.ɵɵinject(IgnoredIngredientsService), i0__namespace.ɵɵinject(ContextService)); };
   RecipeDetailsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: RecipeDetailsService, factory: RecipeDetailsService.ɵfac, providedIn: 'root' });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RecipeDetailsService, [{
@@ -7815,7 +7895,7 @@
               args: [{
                       providedIn: 'root'
                   }]
-          }], function () { return [{ type: BasketsService }, { type: RecipesService }, { type: AnalyticsService }, { type: IgnoredIngredientsService }]; }, null);
+          }], function () { return [{ type: BasketsService }, { type: RecipesService }, { type: AnalyticsService }, { type: PointOfSalesService }, { type: UserService }, { type: IgnoredIngredientsService }, { type: ContextService }]; }, null);
   })();
 
   var ScrollingService = /** @class */ (function () {
@@ -7938,7 +8018,7 @@
           request = request.clone({
               setHeaders: {
                   'miam-origin': this.context.origin.value,
-                  'miam-front-version': '8.0.2',
+                  'miam-front-version': '8.0.4',
                   'miam-front-type': 'web',
                   'miam-api-version': '4.7.0'
               }
@@ -9551,7 +9631,7 @@
               i0__namespace.ɵɵadvance(13);
               i0__namespace.ɵɵproperty("iconName", ctx.icon.ChevronDown);
           }
-      }, directives: [IconComponent], styles: [".m-button,.m-button-grey,.m-button-grey.reverse,.m-button-primary,.m-button-primary.reverse,.m-button-secondary,.m-button-secondary.reverse{display:flex;justify-content:center;align-items:center;border-radius:var(--m-button-radius);padding:var(--m-button-padding);cursor:pointer;font-size:var(--m-button-text-size);line-height:var(--m-button-text-height);font-weight:var(--m-button-text-weight);outline:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.m-button-grey.reverse ng-miam-icon,.m-button-grey ng-miam-icon,.m-button-primary.reverse ng-miam-icon,.m-button-primary ng-miam-icon,.m-button-secondary.reverse ng-miam-icon,.m-button-secondary ng-miam-icon,.m-button ng-miam-icon{padding:0}.m-button-grey ng-miam-icon:last-child,.m-button-primary ng-miam-icon:last-child,.m-button-secondary ng-miam-icon:last-child,.m-button ng-miam-icon:last-child{margin-left:var(--m-button-gap)}.m-button-grey ng-miam-icon:first-child,.m-button-primary ng-miam-icon:first-child,.m-button-secondary ng-miam-icon:first-child,.m-button ng-miam-icon:first-child{margin-right:var(--m-button-gap)}.m-button-grey ng-miam-icon:last-child:first-child,.m-button-primary ng-miam-icon:last-child:first-child,.m-button-secondary ng-miam-icon:last-child:first-child,.m-button ng-miam-icon:last-child:first-child{margin:0}.m-button-primary{color:var(--m-color-white);background-color:var(--m-color-primary);border:1px solid var(--m-color-white)}@media (min-width:1023px){.m-button-primary:hover{color:var(--m-color-primary);background-color:var(--m-color-white);border:1px solid var(--m-color-primary);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,fill .3s ease-in-out}.m-button-primary:hover ng-miam-icon svg path{fill:var(--m-color-primary)}}.m-button-primary ng-miam-icon svg path{fill:var(--m-color-white)}.m-button-primary:disabled{background-color:var(--m-color-grey);color:var(--m-color-grey-text)}.m-button-primary:disabled ng-miam-icon svg path{fill:var(--m-color-grey-text)}.m-button-primary.reverse{color:var(--m-color-primary);background-color:var(--m-color-white);border:1px solid var(--m-color-primary)}@media (min-width:1023px){.m-button-primary.reverse:hover{color:var(--m-color-white);background-color:var(--m-color-primary);border:1px solid var(--m-color-white);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,fill .3s ease-in-out}.m-button-primary.reverse:hover ng-miam-icon svg path{fill:var(--m-color-white)}}.m-button-primary.reverse ng-miam-icon svg path{fill:var(--m-color-primary)}.m-button-primary.reverse:disabled{background-color:var(--m-color-grey);color:var(--m-color-grey-text)}.m-button-primary.reverse:disabled ng-miam-icon svg path{fill:var(--m-color-grey-text)}.m-button-secondary{color:var(--m-color-white);background-color:var(--m-color-secondary);border:1px solid var(--m-color-white)}@media (min-width:1023px){.m-button-secondary:hover{color:var(--m-color-secondary);background-color:var(--m-color-white);border:1px solid var(--m-color-secondary);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,fill .3s ease-in-out}.m-button-secondary:hover ng-miam-icon svg path{fill:var(--m-color-secondary)}}.m-button-secondary ng-miam-icon svg path{fill:var(--m-color-white)}.m-button-secondary:disabled{background-color:var(--m-color-grey);color:var(--m-color-grey-text)}.m-button-secondary:disabled ng-miam-icon svg path{fill:var(--m-color-grey-text)}.m-button-secondary.reverse{color:var(--m-color-secondary);background-color:var(--m-color-white);border:1px solid var(--m-color-secondary)}@media (min-width:1023px){.m-button-secondary.reverse:hover{color:var(--m-color-white);background-color:var(--m-color-secondary);border:1px solid var(--m-color-white);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,fill .3s ease-in-out}.m-button-secondary.reverse:hover ng-miam-icon svg path{fill:var(--m-color-white)}}.m-button-secondary.reverse ng-miam-icon svg path{fill:var(--m-color-secondary)}.m-button-secondary.reverse:disabled{background-color:var(--m-color-grey);color:var(--m-color-grey-text)}.m-button-secondary.reverse:disabled ng-miam-icon svg path{fill:var(--m-color-grey-text)}.m-button-grey{color:var(--m-color-grey03);background-color:var(--m-color-white);border:1px solid var(--m-color-grey03)}@media (min-width:1023px){.m-button-grey:hover{color:var(--m-color-white);background-color:var(--m-color-grey03);border:1px solid var(--m-color-white);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,fill .3s ease-in-out}.m-button-grey:hover ng-miam-icon svg path{fill:var(--m-color-white)}}.m-button-grey ng-miam-icon svg path{fill:var(--m-color-grey03)}.m-button-grey:disabled{background-color:var(--m-color-grey);color:var(--m-color-grey-text)}.m-button-grey:disabled ng-miam-icon svg path{fill:var(--m-color-grey-text)}.m-button-grey.reverse{color:var(--m-color-white);background-color:var(--m-color-grey03);border:1px solid var(--m-color-white)}@media (min-width:1023px){.m-button-grey.reverse:hover{color:var(--m-color-grey03);background-color:var(--m-color-white);border:1px solid var(--m-color-grey03);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,fill .3s ease-in-out}.m-button-grey.reverse:hover ng-miam-icon svg path{fill:var(--m-color-grey03)}}.m-button-grey.reverse ng-miam-icon svg path{fill:var(--m-color-white)}.m-button-grey.reverse:disabled{background-color:var(--m-color-grey);color:var(--m-color-grey-text)}.m-button-grey.reverse:disabled ng-miam-icon svg path{fill:var(--m-color-grey-text)}.m-body-typo,.m-h1-typo,.m-input,.m-input>*,.m-small-typo,.m-title-text-input:focus-within .miam-text-input__label,.m-title-text-input input,.m-title-text-input label:not(.miam-text-input__label__top){font-family:Work Sans;font-style:normal;font-weight:500;font-size:var(--m-font-size-medium);line-height:24px;color:var(--m-color-slate)}.m-h1-typo,.m-title-text-input input,.m-title-text-input label:not(.miam-text-input__label__top){font-weight:700;font-size:40px;line-height:48px}.m-small-typo{font-size:var(--m-font-size-small);line-height:16px}.m-input{display:flex;justify-content:space-between;align-items:center;max-width:320px;min-width:200px;border:1px solid var(--m-color-grey06);border-radius:5px;padding:8px 16px;margin-top:16px;outline:none}.m-input:focus-within{border:1px solid var(--m-color-primary)}@media (max-width:1023px){.m-input{padding:8px}}.m-title-text-input .miam-text-input{max-width:565px}.m-default-card{box-shadow:var(--m-shadow-small);background-color:var(--m-color-unpure-white);padding:16px;border-radius:8px}@media (max-width:1023px){.m-default-card{padding:8px;margin-bottom:8px}}.miam-meals-planner-link{display:flex;position:relative;height:var(--m-catalog-card-height);margin:calc(var(--m-catalog-cards-spacing) / 2);width:var(--m-catalog-card-width);flex-grow:1;background-image:url(https://storage.googleapis.com/assets.miam.tech/generic/meals-planner/background-meals-planner-link.jpeg);background-position:50%;background-size:cover;border-radius:8px;cursor:pointer}.miam-meals-planner-link .miam-meals-planner-link__gradient{display:flex;flex-grow:1;border-radius:8px;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5))}.miam-meals-planner-link .miam-meals-planner-link__content{position:absolute;top:12px;right:12px;left:12px;bottom:12px;display:flex;flex-grow:1;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}.miam-meals-planner-link .miam-meals-planner-link__content .miam-meals-planner-link__title{font-weight:900;font-size:32px;line-height:120%}.miam-meals-planner-link .miam-meals-planner-link__content .miam-meals-planner-link__description{margin-top:8px;font-weight:500;font-size:16px;line-height:150%}.miam-meals-planner-link .miam-meals-planner-link__cta{position:absolute;width:-moz-fit-content;width:fit-content;left:50%;bottom:12px;transform:translateX(-50%)}.miam-meals-planner-link .miam-meals-planner-link__cta ng-miam-icon{display:none}.miam-meals-planner-link:hover .miam-meals-planner-link__cta .m-button-primary{color:#fff;background-color:var(--m-color-primary);border-color:var(--m-color-primary)}@media (max-width:1023px){.miam-meals-planner-link{height:144px;width:100%;max-width:unset;margin:0}.miam-meals-planner-link .miam-meals-planner-link__content{right:unset;flex-grow:1;max-width:calc(100% - 96px);text-align:left}.miam-meals-planner-link .miam-meals-planner-link__content .miam-meals-planner-link__title{font-weight:900;font-size:20px;line-height:120%}.miam-meals-planner-link .miam-meals-planner-link__content .miam-meals-planner-link__description{display:none}.miam-meals-planner-link .miam-meals-planner-link__cta{bottom:unset;left:unset;right:12px;top:50%;transform:translateY(-50%)}.miam-meals-planner-link .miam-meals-planner-link__cta button{display:none}.miam-meals-planner-link .miam-meals-planner-link__cta ng-miam-icon{display:initial;transform:rotate(-90deg)}.miam-meals-planner-link .miam-meals-planner-link__cta ng-miam-icon .icon-container svg path:last-child{fill:#fff}}"], encapsulation: 2 });
+      }, directives: [IconComponent], styles: [".m-button,.m-button-grey,.m-button-grey.reverse,.m-button-primary,.m-button-primary.reverse,.m-button-secondary,.m-button-secondary.reverse{display:flex;justify-content:center;align-items:center;border-radius:var(--m-button-radius);padding:var(--m-button-padding);cursor:pointer;font-size:var(--m-button-text-size);line-height:var(--m-button-text-height);font-weight:var(--m-button-text-weight);outline:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.m-button-grey.reverse ng-miam-icon,.m-button-grey ng-miam-icon,.m-button-primary.reverse ng-miam-icon,.m-button-primary ng-miam-icon,.m-button-secondary.reverse ng-miam-icon,.m-button-secondary ng-miam-icon,.m-button ng-miam-icon{padding:0}.m-button-grey ng-miam-icon:last-child,.m-button-primary ng-miam-icon:last-child,.m-button-secondary ng-miam-icon:last-child,.m-button ng-miam-icon:last-child{margin-left:var(--m-button-gap)}.m-button-grey ng-miam-icon:first-child,.m-button-primary ng-miam-icon:first-child,.m-button-secondary ng-miam-icon:first-child,.m-button ng-miam-icon:first-child{margin-right:var(--m-button-gap)}.m-button-grey ng-miam-icon:last-child:first-child,.m-button-primary ng-miam-icon:last-child:first-child,.m-button-secondary ng-miam-icon:last-child:first-child,.m-button ng-miam-icon:last-child:first-child{margin:0}.m-button-primary{color:var(--m-color-white);background-color:var(--m-color-primary);border:1px solid var(--m-color-white)}@media (min-width:1023px){.m-button-primary:hover{color:var(--m-color-primary);background-color:var(--m-color-white);border:1px solid var(--m-color-primary);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,fill .3s ease-in-out}.m-button-primary:hover ng-miam-icon svg path{fill:var(--m-color-primary)}}.m-button-primary ng-miam-icon svg path{fill:var(--m-color-white)}.m-button-primary:disabled{background-color:var(--m-color-grey);color:var(--m-color-grey-text)}.m-button-primary:disabled ng-miam-icon svg path{fill:var(--m-color-grey-text)}.m-button-primary.reverse{color:var(--m-color-primary);background-color:var(--m-color-white);border:1px solid var(--m-color-primary)}@media (min-width:1023px){.m-button-primary.reverse:hover{color:var(--m-color-white);background-color:var(--m-color-primary);border:1px solid var(--m-color-white);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,fill .3s ease-in-out}.m-button-primary.reverse:hover ng-miam-icon svg path{fill:var(--m-color-white)}}.m-button-primary.reverse ng-miam-icon svg path{fill:var(--m-color-primary)}.m-button-primary.reverse:disabled{background-color:var(--m-color-grey);color:var(--m-color-grey-text)}.m-button-primary.reverse:disabled ng-miam-icon svg path{fill:var(--m-color-grey-text)}.m-button-secondary{color:var(--m-color-white);background-color:var(--m-color-secondary);border:1px solid var(--m-color-white)}@media (min-width:1023px){.m-button-secondary:hover{color:var(--m-color-secondary);background-color:var(--m-color-white);border:1px solid var(--m-color-secondary);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,fill .3s ease-in-out}.m-button-secondary:hover ng-miam-icon svg path{fill:var(--m-color-secondary)}}.m-button-secondary ng-miam-icon svg path{fill:var(--m-color-white)}.m-button-secondary:disabled{background-color:var(--m-color-grey);color:var(--m-color-grey-text)}.m-button-secondary:disabled ng-miam-icon svg path{fill:var(--m-color-grey-text)}.m-button-secondary.reverse{color:var(--m-color-secondary);background-color:var(--m-color-white);border:1px solid var(--m-color-secondary)}@media (min-width:1023px){.m-button-secondary.reverse:hover{color:var(--m-color-white);background-color:var(--m-color-secondary);border:1px solid var(--m-color-white);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,fill .3s ease-in-out}.m-button-secondary.reverse:hover ng-miam-icon svg path{fill:var(--m-color-white)}}.m-button-secondary.reverse ng-miam-icon svg path{fill:var(--m-color-secondary)}.m-button-secondary.reverse:disabled{background-color:var(--m-color-grey);color:var(--m-color-grey-text)}.m-button-secondary.reverse:disabled ng-miam-icon svg path{fill:var(--m-color-grey-text)}.m-button-grey{color:var(--m-color-grey03);background-color:var(--m-color-white);border:1px solid var(--m-color-grey03)}@media (min-width:1023px){.m-button-grey:hover{color:var(--m-color-white);background-color:var(--m-color-grey03);border:1px solid var(--m-color-white);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,fill .3s ease-in-out}.m-button-grey:hover ng-miam-icon svg path{fill:var(--m-color-white)}}.m-button-grey ng-miam-icon svg path{fill:var(--m-color-grey03)}.m-button-grey:disabled{background-color:var(--m-color-grey);color:var(--m-color-grey-text)}.m-button-grey:disabled ng-miam-icon svg path{fill:var(--m-color-grey-text)}.m-button-grey.reverse{color:var(--m-color-white);background-color:var(--m-color-grey03);border:1px solid var(--m-color-white)}@media (min-width:1023px){.m-button-grey.reverse:hover{color:var(--m-color-grey03);background-color:var(--m-color-white);border:1px solid var(--m-color-grey03);transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,fill .3s ease-in-out}.m-button-grey.reverse:hover ng-miam-icon svg path{fill:var(--m-color-grey03)}}.m-button-grey.reverse ng-miam-icon svg path{fill:var(--m-color-white)}.m-button-grey.reverse:disabled{background-color:var(--m-color-grey);color:var(--m-color-grey-text)}.m-button-grey.reverse:disabled ng-miam-icon svg path{fill:var(--m-color-grey-text)}.m-body-typo,.m-h1-typo,.m-input,.m-input>*,.m-small-typo,.m-title-text-input:focus-within .miam-text-input__label,.m-title-text-input input,.m-title-text-input label:not(.miam-text-input__label__top){font-family:Work Sans;font-style:normal;font-weight:500;font-size:var(--m-font-size-medium);line-height:24px;color:var(--m-color-slate)}.m-h1-typo,.m-title-text-input input,.m-title-text-input label:not(.miam-text-input__label__top){font-weight:700;font-size:40px;line-height:48px}.m-small-typo{font-size:var(--m-font-size-small);line-height:16px}.m-input{display:flex;justify-content:space-between;align-items:center;max-width:320px;min-width:200px;border:1px solid var(--m-color-grey06);border-radius:5px;padding:8px 16px;margin-top:16px;outline:none}.m-input:focus-within{border:1px solid var(--m-color-primary)}@media (max-width:1023px){.m-input{padding:8px}}.m-title-text-input .miam-text-input{max-width:565px}.m-default-card{box-shadow:var(--m-shadow-small);background-color:var(--m-color-unpure-white);padding:16px;border-radius:8px}@media (max-width:1023px){.m-default-card{padding:8px;margin-bottom:8px}}.miam-meals-planner-link{display:flex;position:relative;height:var(--m-catalog-card-height);width:var(--m-catalog-card-width);flex-grow:1;background-image:url(https://storage.googleapis.com/assets.miam.tech/generic/meals-planner/background-meals-planner-link.jpeg);background-position:50%;background-size:cover;border-radius:8px;cursor:pointer}.miam-meals-planner-link .miam-meals-planner-link__gradient{display:flex;flex-grow:1;border-radius:8px;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5))}.miam-meals-planner-link .miam-meals-planner-link__content{position:absolute;top:12px;right:12px;left:12px;bottom:12px;display:flex;flex-grow:1;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}.miam-meals-planner-link .miam-meals-planner-link__content .miam-meals-planner-link__title{font-weight:900;font-size:32px;line-height:120%}.miam-meals-planner-link .miam-meals-planner-link__content .miam-meals-planner-link__description{margin-top:8px;font-weight:500;font-size:16px;line-height:150%}.miam-meals-planner-link .miam-meals-planner-link__cta{position:absolute;width:-moz-fit-content;width:fit-content;left:50%;bottom:12px;transform:translateX(-50%)}.miam-meals-planner-link .miam-meals-planner-link__cta ng-miam-icon{display:none}.miam-meals-planner-link:hover .miam-meals-planner-link__cta .m-button-primary{color:#fff;background-color:var(--m-color-primary);border-color:var(--m-color-primary)}@media (max-width:1023px){.miam-meals-planner-link{height:144px;width:100%;max-width:unset;margin:0}.miam-meals-planner-link .miam-meals-planner-link__content{right:unset;flex-grow:1;max-width:calc(100% - 96px);text-align:left}.miam-meals-planner-link .miam-meals-planner-link__content .miam-meals-planner-link__title{font-weight:900;font-size:20px;line-height:120%}.miam-meals-planner-link .miam-meals-planner-link__content .miam-meals-planner-link__description{display:none}.miam-meals-planner-link .miam-meals-planner-link__cta{bottom:unset;left:unset;right:12px;top:50%;transform:translateY(-50%)}.miam-meals-planner-link .miam-meals-planner-link__cta button{display:none}.miam-meals-planner-link .miam-meals-planner-link__cta ng-miam-icon{display:initial;transform:rotate(-90deg)}.miam-meals-planner-link .miam-meals-planner-link__cta ng-miam-icon .icon-container svg path:last-child{fill:#fff}}"], encapsulation: 2 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MealsPlannerLinkComponent, [{
               type: i0.Component,
@@ -11975,7 +12055,7 @@
 
   function ProductCardComponent_div_0_ng_container_11_div_13_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 16);
+          i0__namespace.ɵɵelementStart(0, "div", 23);
           i0__namespace.ɵɵelementStart(1, "span");
           i0__namespace.ɵɵtext(2, "Sponsoris\u00E9");
           i0__namespace.ɵɵelementEnd();
@@ -11985,10 +12065,10 @@
   function ProductCardComponent_div_0_ng_container_11_ng_container_22_button_4_Template(rf, ctx) {
       if (rf & 1) {
           var _r11_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "button", 27);
+          i0__namespace.ɵɵelementStart(0, "button", 28);
           i0__namespace.ɵɵlistener("click", function ProductCardComponent_div_0_ng_container_11_ng_container_22_button_4_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r11_1); var ctx_r10 = i0__namespace.ɵɵnextContext(4); return ctx_r10.addToBasket(); });
           i0__namespace.ɵɵpipe(1, "async");
-          i0__namespace.ɵɵelement(2, "img", 28);
+          i0__namespace.ɵɵelement(2, "img", 29);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
@@ -11998,8 +12078,8 @@
   }
   function ProductCardComponent_div_0_ng_container_11_ng_container_22_button_5_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "button", 29);
-          i0__namespace.ɵɵelement(1, "div", 30);
+          i0__namespace.ɵɵelementStart(0, "button", 30);
+          i0__namespace.ɵɵelement(1, "div", 31);
           i0__namespace.ɵɵelementEnd();
       }
   }
@@ -12007,14 +12087,14 @@
       if (rf & 1) {
           var _r13_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementContainerStart(0);
-          i0__namespace.ɵɵelementStart(1, "button", 23);
+          i0__namespace.ɵɵelementStart(1, "button", 24);
           i0__namespace.ɵɵlistener("click", function ProductCardComponent_div_0_ng_container_11_ng_container_22_Template_button_click_1_listener() { i0__namespace.ɵɵrestoreView(_r13_1); var ctx_r12 = i0__namespace.ɵɵnextContext(3); return ctx_r12.ignoreProduct(); });
-          i0__namespace.ɵɵelementStart(2, "span", 24);
+          i0__namespace.ɵɵelementStart(2, "span", 25);
           i0__namespace.ɵɵtext(3, "Ignorer ce produit");
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
-          i0__namespace.ɵɵtemplate(4, ProductCardComponent_div_0_ng_container_11_ng_container_22_button_4_Template, 3, 3, "button", 25);
-          i0__namespace.ɵɵtemplate(5, ProductCardComponent_div_0_ng_container_11_ng_container_22_button_5_Template, 2, 0, "button", 26);
+          i0__namespace.ɵɵtemplate(4, ProductCardComponent_div_0_ng_container_11_ng_container_22_button_4_Template, 3, 3, "button", 26);
+          i0__namespace.ɵɵtemplate(5, ProductCardComponent_div_0_ng_container_11_ng_container_22_button_5_Template, 2, 0, "button", 27);
           i0__namespace.ɵɵelementContainerEnd();
       }
       if (rf & 2) {
@@ -12029,7 +12109,7 @@
       if (rf & 1) {
           var _r15_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementContainerStart(0);
-          i0__namespace.ɵɵelementStart(1, "ng-miam-counter-input", 31);
+          i0__namespace.ɵɵelementStart(1, "ng-miam-counter-input", 32);
           i0__namespace.ɵɵlistener("valueChange", function ProductCardComponent_div_0_ng_container_11_ng_container_23_Template_ng_miam_counter_input_valueChange_1_listener($event) { i0__namespace.ɵɵrestoreView(_r15_1); var ctx_r14 = i0__namespace.ɵɵnextContext(3); return ctx_r14.counterChanged($event); });
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementContainerEnd();
@@ -12093,7 +12173,7 @@
           i0__namespace.ɵɵadvance(3);
           i0__namespace.ɵɵtextInterpolate2(" ", i0__namespace.ɵɵpipeBind2(12, 9, ctx_r1.basketEntry.selectedItem.capacityVolume, "1.0-2"), " ", ctx_r1.basketEntry.selectedItem.capacityUnit, " ");
           i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r1.isSponsored);
+          i0__namespace.ɵɵproperty("ngIf", true);
           i0__namespace.ɵɵadvance(6);
           i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(20, 12, ctx_r1.updatedPrice, ctx_r1.basketEntry.selectedItem.attributes.currency), " ");
           i0__namespace.ɵɵadvance(3);
@@ -12106,7 +12186,7 @@
       if (rf & 1) {
           var _r21_1 = i0__namespace.ɵɵgetCurrentView();
           i0__namespace.ɵɵelementContainerStart(0);
-          i0__namespace.ɵɵelementStart(1, "span", 32);
+          i0__namespace.ɵɵelementStart(1, "span", 33);
           i0__namespace.ɵɵtext(2, " Cet ingr\u00E9dient ne sera pas ajout\u00E9 \u00E0 votre panier ");
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementStart(3, "button", 18);
@@ -12121,7 +12201,7 @@
   function ProductCardComponent_div_0_ng_template_12_ng_container_1_Template(rf, ctx) {
       if (rf & 1) {
           i0__namespace.ɵɵelementContainerStart(0);
-          i0__namespace.ɵɵelementStart(1, "span", 32);
+          i0__namespace.ɵɵelementStart(1, "span", 33);
           i0__namespace.ɵɵtext(2, " Cet ingr\u00E9dient n\u2019est pas disponible ");
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementContainerEnd();
@@ -12141,8 +12221,8 @@
   }
   function ProductCardComponent_div_0_div_14_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelementStart(0, "div", 33);
-          i0__namespace.ɵɵelementStart(1, "span", 34);
+          i0__namespace.ɵɵelementStart(0, "div", 34);
+          i0__namespace.ɵɵelementStart(1, "span", 35);
           i0__namespace.ɵɵtext(2);
           i0__namespace.ɵɵelementEnd();
           i0__namespace.ɵɵelementEnd();
@@ -12290,10 +12370,7 @@
           var _this = this;
           this.loadingAddToBasket = true;
           var recipe = this.recipeDetailsService.recipe;
-          this.subscriptions.push(this.basketsService.recipeIsInBasket(recipe.id).pipe(operators.take(1)).subscribe(function (recipeIsInBasket) {
-              if (!recipeIsInBasket) {
-                  _this.basketsService.addRecipesToBasket([recipe.id], recipe.modifiedGuests, _this.eventTrace(), false);
-              }
+          this.subscriptions.push(this.recipeDetailsService.canAddProductToBasket(this.eventTrace()).subscribe(function () {
               _this.basketsService.addIngredientsToBasket(recipe.id, [{ ingredientId: _this.ingredient.id, entry: _this.basketEntry }], _this.eventTrace());
           }));
       };
@@ -12343,7 +12420,7 @@
       return ProductCardComponent;
   }(EventTracerComponent));
   ProductCardComponent.ɵfac = function ProductCardComponent_Factory(t) { return new (t || ProductCardComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(BasketsService), i0__namespace.ɵɵdirectiveInject(RecipeDetailsService), i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(AnalyticsService), i0__namespace.ɵɵdirectiveInject(ItemsService), i0__namespace.ɵɵdirectiveInject(IgnoredIngredientsService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); };
-  ProductCardComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ProductCardComponent, selectors: [["ng-miam-product-card"]], inputs: { basketEntry: "basketEntry", ingredient: "ingredient" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "miam-product-card__container", 3, "ngClass", 4, "ngIf"], [1, "miam-product-card__container", 3, "ngClass"], [1, "miam-product-card__header", 3, "ngClass"], [1, "miam-product-card__header-name", "miam-ds-text", "size-l", "weight-xxl", 3, "ngClass"], [1, "miam-product-card__header-quantity", "miam-ds-text", "size-s", "weight-l", 3, "ngClass"], [1, "miam-product-card__content", 3, "ngClass"], [4, "ngIf", "ngIfElse"], ["disabledProduct", ""], ["class", "miam-product-card__footer", 4, "ngIf"], [1, "miam-product-card__selected-product"], [1, "miam-product-card__picture-column"], ["alt", "product picture", 1, "miam-product-card__picture", 3, "src"], [1, "miam-product-card__info-column"], [1, "miam-ds-text", "size-xs", "weight-xl", "miam-product-card__details", "product-brand"], [1, "miam-ds-text", "size-xs", "miam-product-card__details", "product-fullname"], [1, "miam-product-card__badges"], [1, "miam-ds-badge"], ["class", "miam-ds-badge", 4, "ngIf"], [1, "miam-ds-button", "ghost", 3, "click"], [1, "miam-product-card__lower-action"], [1, "miam-product-card__price", "miam-ds-text", "size-l", "weight-xxl"], [1, "miam-product-card__cta"], [4, "ngIf"], [1, "miam-ds-button", "miam-product-card__ignore-product", "ghost", "small", 3, "click"], [1, "miam-product-card__disabled-text"], ["class", "miam-ds-button miam-product-card__add-product square primary", 3, "disabled", "click", 4, "ngIf"], ["class", "miam-ds-button miam-product-card__loading-button square primary", 4, "ngIf"], [1, "miam-ds-button", "miam-product-card__add-product", "square", "primary", 3, "disabled", "click"], ["alt", "basket icon", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Basket.svg"], [1, "miam-ds-button", "miam-product-card__loading-button", "square", "primary"], [1, "miam-ds-loader"], ["minRange", "0", 3, "value", "minusLoading", "valueChange"], [1, "miam-ds-text", "miam-product-card__disabled-text"], [1, "miam-product-card__footer"], [1, "miam-ds-text", "size-xs", "weight-xl", "light-text"]], template: function ProductCardComponent_Template(rf, ctx) {
+  ProductCardComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ProductCardComponent, selectors: [["ng-miam-product-card"]], inputs: { basketEntry: "basketEntry", ingredient: "ingredient" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "miam-product-card__container", 3, "ngClass", 4, "ngIf"], [1, "miam-product-card__container", 3, "ngClass"], [1, "miam-product-card__header", 3, "ngClass"], [1, "miam-product-card__header-name", "miam-ds-text", "size-l", "weight-xxl", 3, "ngClass"], [1, "miam-product-card__header-quantity", "miam-ds-text", "size-s", "weight-l", 3, "ngClass"], [1, "miam-product-card__content", 3, "ngClass"], [4, "ngIf", "ngIfElse"], ["disabledProduct", ""], ["class", "miam-product-card__footer", 4, "ngIf"], [1, "miam-product-card__selected-product"], [1, "miam-product-card__picture-column"], ["alt", "product picture", 1, "miam-product-card__picture", 3, "src"], [1, "miam-product-card__info-column"], [1, "miam-ds-text", "size-xs", "weight-xl", "miam-product-card__details", "product-brand"], [1, "miam-ds-text", "size-xs", "miam-product-card__details", "product-fullname"], [1, "miam-product-card__badges"], [1, "miam-ds-badge"], ["class", "miam-ds-badge outline", 4, "ngIf"], [1, "miam-ds-button", "ghost", 3, "click"], [1, "miam-product-card__lower-action"], [1, "miam-product-card__price", "miam-ds-text", "size-l", "weight-xxl"], [1, "miam-product-card__cta"], [4, "ngIf"], [1, "miam-ds-badge", "outline"], [1, "miam-ds-button", "miam-product-card__ignore-product", "ghost", "small", 3, "click"], [1, "miam-product-card__disabled-text"], ["class", "miam-ds-button miam-product-card__add-product square primary", 3, "disabled", "click", 4, "ngIf"], ["class", "miam-ds-button miam-product-card__loading-button square primary", 4, "ngIf"], [1, "miam-ds-button", "miam-product-card__add-product", "square", "primary", 3, "disabled", "click"], ["alt", "basket icon", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Basket.svg"], [1, "miam-ds-button", "miam-product-card__loading-button", "square", "primary"], [1, "miam-ds-loader"], ["minRange", "0", 3, "value", "minusLoading", "valueChange"], [1, "miam-ds-text", "miam-product-card__disabled-text"], [1, "miam-product-card__footer"], [1, "miam-ds-text", "size-xs", "weight-xl", "light-text"]], template: function ProductCardComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵtemplate(0, ProductCardComponent_div_0_Template, 15, 25, "div", 0);
           }
@@ -12723,13 +12800,15 @@
               CapitalizeFirstLetterPipe,
               AutowidthInputDirective,
               ExtendedDatePipe,
-              ReachTopDirective], exports: [ReadableFloatNumberPipe,
+              ReachTopDirective,
+              InViewportDirective], exports: [ReadableFloatNumberPipe,
               EllipsisPipe,
               SafePipe,
               CapitalizeFirstLetterPipe,
               AutowidthInputDirective,
               ExtendedDatePipe,
-              ReachTopDirective] });
+              ReachTopDirective,
+              InViewportDirective] });
   })();
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(UtilsModule, [{
@@ -12743,7 +12822,8 @@
                           CapitalizeFirstLetterPipe,
                           AutowidthInputDirective,
                           ExtendedDatePipe,
-                          ReachTopDirective
+                          ReachTopDirective,
+                          InViewportDirective
                       ],
                       exports: [
                           ReadableFloatNumberPipe,
@@ -12752,7 +12832,8 @@
                           CapitalizeFirstLetterPipe,
                           AutowidthInputDirective,
                           ExtendedDatePipe,
-                          ReachTopDirective
+                          ReachTopDirective,
+                          InViewportDirective
                       ]
                   }]
           }], null, null);
@@ -14374,27 +14455,27 @@
           this.basketEntry.addRelationship(item, 'selected-item');
           this.addToBasket();
           this.recipeDetailsService.hasReplaced = true;
-          this.loadOnSelect ? this.emitWhenRequestsEnded() : this.selected.emit(this.basketEntry.id);
+          this.emitWhenRequestsEnded();
       };
       ReplaceItemComponent.prototype.addToBasket = function () {
           var _this = this;
-          this.subscriptions.push(this.basketsService.recipeIsInBasket(this.recipe.id)
-              .pipe(operators.take(1))
-              .subscribe(function (recipeIsInBasket) {
-              if (!recipeIsInBasket) {
-                  _this.basketsService.addRecipesToBasket([_this.recipe.id], _this.recipe.modifiedGuests, _this.eventTrace(), false);
-              }
+          this.subscriptions.push(this.recipeDetailsService.canAddProductToBasket(this.eventTrace()).subscribe(function () {
               _this.basketsService.addIngredientsToBasket(_this.recipe.id, [{ ingredientId: _this.ingredient.id, entry: _this.basketEntry }], _this.eventTrace(), _this.previousItem, _this.searchString);
           }));
           this.cdr.detectChanges();
       };
       ReplaceItemComponent.prototype.emitWhenRequestsEnded = function () {
           var _this = this;
-          this.subscriptions.push(this.basketsService.ingredientWillBeAdded(this.ingredient.id).subscribe(function (addIngredient) {
-              if (!addIngredient && _this.replaceItemLoading) {
-                  _this.selected.emit(_this.basketEntry.id);
-              }
-          }));
+          if (this.loadOnSelect) {
+              this.selected.emit(this.basketEntry.id);
+          }
+          else {
+              this.subscriptions.push(this.basketsService.ingredientWillBeAdded(this.ingredient.id).subscribe(function (addIngredient) {
+                  if (!addIngredient && _this.replaceItemLoading) {
+                      _this.selected.emit(_this.basketEntry.id);
+                  }
+              }));
+          }
       };
       ReplaceItemComponent.prototype.fetchItems = function () {
           var _this = this;
@@ -17214,7 +17295,7 @@
    */
   var RecipeCardComponent = /** @class */ (function (_super) {
       __extends(RecipeCardComponent, _super);
-      function RecipeCardComponent(cdr, recipeService, basketsService, userService, contextService, analyticsService, element, scrollService) {
+      function RecipeCardComponent(cdr, recipeService, basketsService, userService, contextService, analyticsService, element) {
           var _this = _super.call(this, analyticsService) || this;
           _this.cdr = cdr;
           _this.recipeService = recipeService;
@@ -17223,7 +17304,6 @@
           _this.contextService = contextService;
           _this.analyticsService = analyticsService;
           _this.element = element;
-          _this.scrollService = scrollService;
           _this.previewAllowed = true;
           _this.helpButtonAllowed = true;
           _this.displayPricing = true;
@@ -17239,13 +17319,10 @@
           _this.openCatalog = new i0.EventEmitter();
           _this.hide = new i0.EventEmitter();
           _this.icon = exports.Icon;
-          _this.addButtonLoading = false;
           _this.actionsOpened = false;
           _this.isloaded = false;
           _this.displayLikesBottom = false;
           _this.displayBadge = false;
-          _this.analyticsEventSent = false;
-          _this.sendShowEventsOnScroll = true;
           _this.primaryButtonClicked$ = new i0.EventEmitter();
           _this.subscriptions = [];
           return _this;
@@ -17276,12 +17353,6 @@
       };
       RecipeCardComponent.prototype.ngAfterViewInit = function () {
           var _this = this;
-          this.subscriptions.push(this.scrollService.scroll$.subscribe(function () {
-              if (_this.sendShowEventsOnScroll) {
-                  _this.sendShowEvent();
-              }
-          }));
-          this.sendShowEvent();
           this.subscriptions.push(this.basketsService.basket$.subscribe(function () { return _this.cdr.detectChanges(); }));
           this.subscriptions.push(this.recipeService.reloadRecipes$.subscribe(function (shouldReload) {
               if (shouldReload) {
@@ -17338,24 +17409,8 @@
           this.actionsOpened = false;
           this.cdr.detectChanges();
       };
-      // //////////////////////////////////////// CHECK IF CARD ENTERS THE VIEWPORT //////////////////////////////////////// //
-      RecipeCardComponent.prototype.isInViewport = function () {
-          var rect = this.element.nativeElement.getBoundingClientRect();
-          return (rect.top >= 0 &&
-              rect.bottom <= (window.innerHeight || document.documentElement.clientHeight));
-      };
-      // Send analytics event when :
-      // - new recipe is to be displayed AND is already visible in viewport
-      // OR
-      // - user scrolls and recipe becomes visible in viewport
       RecipeCardComponent.prototype.sendShowEvent = function () {
-          if (!this.recipe) {
-              return false;
-          }
-          if (!this.analyticsEventSent && this.isInViewport()) {
-              this.sendEvent(this.analyticsService.EVENT_RECIPE_SHOW);
-              this.analyticsEventSent = true;
-          }
+          this.sendEvent(this.analyticsService.EVENT_RECIPE_SHOW);
       };
       // //////////////////////////////////////// FETCH THE RECIPE //////////////////////////////////////// //
       /**
@@ -17419,8 +17474,8 @@
       };
       return RecipeCardComponent;
   }(EventTracerComponent));
-  RecipeCardComponent.ɵfac = function RecipeCardComponent_Factory(t) { return new (t || RecipeCardComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(BasketsService), i0__namespace.ɵɵdirectiveInject(UserService), i0__namespace.ɵɵdirectiveInject(ContextService), i0__namespace.ɵɵdirectiveInject(AnalyticsService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(ScrollingService)); };
-  RecipeCardComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: RecipeCardComponent, selectors: [["ng-miam-recipe-card"]], inputs: { recipeId: "recipeId", recipe: "recipe", randomModeEnable: "randomModeEnable", productIds: "productIds", previewAllowed: "previewAllowed", helpButtonAllowed: "helpButtonAllowed", displayPricing: "displayPricing", displayGuests: "displayGuests", addRecipeMode: "addRecipeMode", replaceMode: "replaceMode", displayVariant: "displayVariant" }, outputs: { removedFromFavorite: "removedFromFavorite", displayed: "displayed", actionTriggered: "actionTriggered", removeFromMealsPlanner: "removeFromMealsPlanner", addToMealsPlanner: "addToMealsPlanner", openCatalog: "openCatalog", hide: "hide" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 3, vars: 7, consts: function () {
+  RecipeCardComponent.ɵfac = function RecipeCardComponent_Factory(t) { return new (t || RecipeCardComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(BasketsService), i0__namespace.ɵɵdirectiveInject(UserService), i0__namespace.ɵɵdirectiveInject(ContextService), i0__namespace.ɵɵdirectiveInject(AnalyticsService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); };
+  RecipeCardComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: RecipeCardComponent, selectors: [["ng-miam-recipe-card"]], inputs: { recipeId: "recipeId", recipe: "recipe", randomModeEnable: "randomModeEnable", productIds: "productIds", previewAllowed: "previewAllowed", helpButtonAllowed: "helpButtonAllowed", displayPricing: "displayPricing", displayGuests: "displayGuests", addRecipeMode: "addRecipeMode", replaceMode: "replaceMode", displayVariant: "displayVariant" }, outputs: { removedFromFavorite: "removedFromFavorite", displayed: "displayed", actionTriggered: "actionTriggered", removeFromMealsPlanner: "removeFromMealsPlanner", addToMealsPlanner: "addToMealsPlanner", openCatalog: "openCatalog", hide: "hide" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 3, vars: 8, consts: function () {
           var i18n_0;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
               var MSG_EXTERNAL_9004334984468055592$$LIB__WEB_COMPONENTS_RECIPE_CARDS_RECIPE_CARD_RECIPE_CARD_COMPONENT_TS___1 = goog.getMsg("Changer");
@@ -17437,22 +17492,23 @@
           else {
               i18n_2 = $localize(templateObject_2$i || (templateObject_2$i = __makeTemplateObject([":\u241F8aa969e69241c7c5838b40348f913519d6349371\u241F70397346439942337:Ajouter"], [":\u241F8aa969e69241c7c5838b40348f913519d6349371\u241F70397346439942337:Ajouter"])));
           }
-          return [[1, "miam-recipe-card", 3, "ngClass"], ["class", "miam-recipe-card__container", 4, "ngIf"], [3, "close", "actionTriggered", 4, "ngIf"], [1, "miam-recipe-card__container"], [1, "miam-recipe-card__top", 3, "click"], [1, "miam-recipe-card__picture"], ["loading", "lazy", 3, "src", "alt"], [1, "miam-recipe-card__gradient"], [1, "miam-recipe-card__content"], [1, "miam-recipe-card__top-container"], ["class", "miam-recipe-card__like", 4, "ngIf"], ["class", "miam-recipe-card__sponsor-container", 4, "ngIf"], ["class", "miam-recipe-card__badge-container", 4, "ngIf"], [1, "miam-recipe-card__picture__bottom"], [1, "miam-recipe-card__title", "miam-ds-text", "weight-xxl", "size-m"], [1, "miam-recipe-card__counter"], [1, "miam-ds-text", "weight-xxl", "size-m"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/recipe-counter.svg", "alt", "people"], [1, "miam-recipe-card__bottom", 3, "click"], ["class", "miam-recipe-card__ingredients__pictures", 4, "ngIf"], [1, "miam-recipe-card__actions"], ["class", "miam-recipe-card__price", 4, "ngIf"], [1, "miam-recipe-card__cta"], ["class", "miam-recipe-card__actions__icon", 3, "recipe", "originTrace", "width", "height", 4, "ngIf"], [3, "recipe", "previewAllowed", "displayGuests", "helpButtonAllowed", "originTrace", "displayed", "clicked", 4, "ngIf"], ["class", "miam-recipe-card__actions__replace", 4, "ngIf"], ["class", "miam-ds-button ghost", 3, "click", 4, "ngIf"], [1, "miam-recipe-card__like"], ["class", "miam-recipe-card__actions__icon", 3, "click", 4, "ngIf", "ngIfElse"], ["like", ""], [1, "miam-recipe-card__actions__icon", 3, "click"], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], [1, "miam-recipe-card__actions__icon", 3, "recipe", "originTrace", "width", "height"], [1, "miam-recipe-card__sponsor-container"], ["alt", "sponsor picture", 1, "miam-recipe-card__sponsor-picture", 3, "src"], [1, "miam-recipe-card__badge-container"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/images/recipe_card-badge.svg", "alt", "recipe badge", 1, "miam-recipe-card__badge"], [1, "miam-recipe-card__ingredients__pictures"], [1, "miam-recipe-card__ingredients__picture"], ["alt", "first ingredient picture", 3, "src"], ["alt", "second ingredient picture", 3, "src"], ["class", "miam-recipe-card__ingredients__more", 4, "ngIf"], [1, "miam-recipe-card__ingredients__more"], [1, "miam-recipe-card__price"], [1, "miam-ds-text", "weight-xxl", 3, "recipeId", "serves"], [3, "recipe", "previewAllowed", "displayGuests", "helpButtonAllowed", "originTrace", "displayed", "clicked"], [1, "miam-recipe-card__actions__replace"], [1, "miam-ds-button", "ghost", 3, "click"], i18n_0, [1, "miam-ds-button", "ghost", "square", 3, "click"], i18n_2, [3, "close", "actionTriggered"]];
+          return [["ngMiamInViewport", "", 1, "miam-recipe-card", 3, "condition", "ngClass", "inViewport"], ["class", "miam-recipe-card__container", 4, "ngIf"], [3, "close", "actionTriggered", 4, "ngIf"], [1, "miam-recipe-card__container"], [1, "miam-recipe-card__top", 3, "click"], [1, "miam-recipe-card__picture"], ["loading", "lazy", 3, "src", "alt"], [1, "miam-recipe-card__gradient"], [1, "miam-recipe-card__content"], [1, "miam-recipe-card__top-container"], ["class", "miam-recipe-card__like", 4, "ngIf"], ["class", "miam-recipe-card__sponsor-container", 4, "ngIf"], ["class", "miam-recipe-card__badge-container", 4, "ngIf"], [1, "miam-recipe-card__picture__bottom"], [1, "miam-recipe-card__title", "miam-ds-text", "weight-xxl", "size-m"], [1, "miam-recipe-card__counter"], [1, "miam-ds-text", "weight-xxl", "size-m"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/recipe-counter.svg", "alt", "people"], [1, "miam-recipe-card__bottom", 3, "click"], ["class", "miam-recipe-card__ingredients__pictures", 4, "ngIf"], [1, "miam-recipe-card__actions"], ["class", "miam-recipe-card__price", 4, "ngIf"], [1, "miam-recipe-card__cta"], ["class", "miam-recipe-card__actions__icon", 3, "recipe", "originTrace", "width", "height", 4, "ngIf"], [3, "recipe", "previewAllowed", "displayGuests", "helpButtonAllowed", "originTrace", "displayed", "clicked", 4, "ngIf"], ["class", "miam-recipe-card__actions__replace", 4, "ngIf"], ["class", "miam-ds-button ghost", 3, "click", 4, "ngIf"], [1, "miam-recipe-card__like"], ["class", "miam-recipe-card__actions__icon", 3, "click", 4, "ngIf", "ngIfElse"], ["like", ""], [1, "miam-recipe-card__actions__icon", 3, "click"], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], [1, "miam-recipe-card__actions__icon", 3, "recipe", "originTrace", "width", "height"], [1, "miam-recipe-card__sponsor-container"], ["alt", "sponsor picture", 1, "miam-recipe-card__sponsor-picture", 3, "src"], [1, "miam-recipe-card__badge-container"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/images/recipe_card-badge.svg", "alt", "recipe badge", 1, "miam-recipe-card__badge"], [1, "miam-recipe-card__ingredients__pictures"], [1, "miam-recipe-card__ingredients__picture"], ["alt", "first ingredient picture", 3, "src"], ["alt", "second ingredient picture", 3, "src"], ["class", "miam-recipe-card__ingredients__more", 4, "ngIf"], [1, "miam-recipe-card__ingredients__more"], [1, "miam-recipe-card__price"], [1, "miam-ds-text", "weight-xxl", 3, "recipeId", "serves"], [3, "recipe", "previewAllowed", "displayGuests", "helpButtonAllowed", "originTrace", "displayed", "clicked"], [1, "miam-recipe-card__actions__replace"], [1, "miam-ds-button", "ghost", 3, "click"], i18n_0, [1, "miam-ds-button", "ghost", "square", 3, "click"], i18n_2, [3, "close", "actionTriggered"]];
       }, template: function RecipeCardComponent_Template(rf, ctx) {
           if (rf & 1) {
               i0__namespace.ɵɵelementStart(0, "div", 0);
+              i0__namespace.ɵɵlistener("inViewport", function RecipeCardComponent_Template_div_inViewport_0_listener() { return ctx.sendShowEvent(); });
               i0__namespace.ɵɵtemplate(1, RecipeCardComponent_div_1_Template, 28, 15, "div", 1);
               i0__namespace.ɵɵtemplate(2, RecipeCardComponent_ng_miam_actions_popin_2_Template, 1, 0, "ng-miam-actions-popin", 2);
               i0__namespace.ɵɵelementEnd();
           }
           if (rf & 2) {
-              i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction3(3, _c4, ctx.displayVariant !== 2 && ctx.displayVariant !== 3, ctx.displayVariant === 2, ctx.displayVariant === 3));
+              i0__namespace.ɵɵproperty("condition", !!ctx.recipe)("ngClass", i0__namespace.ɵɵpureFunction3(4, _c4, ctx.displayVariant !== 2 && ctx.displayVariant !== 3, ctx.displayVariant === 2, ctx.displayVariant === 3));
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("ngIf", ctx.recipe);
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("ngIf", ctx.actionsOpened);
           }
-      }, directives: [i2__namespace$1.NgClass, i2__namespace$1.NgIf, IconComponent, LikeButtonComponent, RecipePricingComponent, RecipeCardCtaComponent, ActionsPopinComponent], pipes: [i2__namespace$1.AsyncPipe], styles: [".miam-recipe-card{position:relative;display:flex;width:var(--m-catalog-card-width,308px);height:500px;flex-direction:column;align-items:flex-start;flex-shrink:0;border-radius:8px;overflow:hidden;cursor:pointer}.miam-recipe-card .miam-recipe-card__container{display:flex;flex-direction:column;height:100%;width:100%;flex-shrink:0;align-self:stretch}.miam-recipe-card .miam-recipe-card__container:hover .miam-recipe-card__top .miam-recipe-card__picture img{transform:scale(1.1)}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top{position:relative;flex:1;height:calc(100% - 72px)}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__picture{width:100%;height:100%;overflow:hidden}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__picture img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__gradient{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(180deg,transparent 43.67%,rgba(0,0,0,.4) 91.33%)}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom{width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:12px;box-sizing:border-box}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom .miam-recipe-card__title{color:var(--miam-ds-color-neutral-white,#fff);text-shadow:0 2px 8px rgba(0,0,0,.15);text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom .miam-recipe-card__counter{display:flex;padding:4px 8px;align-items:center;gap:4px;border-radius:100px;background:var(--miam-ds-color-neutral-white,#fff);color:var(--miam-color-neutral-black);height:-moz-fit-content;height:fit-content;flex-shrink:0}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom .miam-recipe-card__counter span{line-height:100%}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom .miam-recipe-card__counter img{width:16px;height:16px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__top-container{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:12px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__top-container .miam-recipe-card__sponsor-container{display:flex;padding:8px 12px;background-color:#fff;border-radius:100px;width:auto;height:auto;box-sizing:border-box}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__top-container .miam-recipe-card__sponsor-container .miam-recipe-card__sponsor-picture{width:auto;height:auto;max-width:80px;max-height:40px;-o-object-fit:contain;object-fit:contain}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom{display:flex;width:100%;height:72px;flex-direction:column;align-items:flex-start;justify-content:center;box-sizing:border-box;padding:12px;border-radius:0 0 8px 8px;background-color:var(--miam-ds-color-neutral-white,#fff);border-right:1px solid var(--borders-default,#d9dde1);border-bottom:1px solid var(--borders-default,#d9dde1);border-left:1px solid var(--borders-default,#d9dde1)}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions{display:flex;gap:8px;justify-content:space-between;align-items:center;align-self:stretch}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__cta{display:flex;flex-direction:row;gap:16px;align-items:center}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__price{color:var(--miam-ds-color-primary);line-height:100%;margin-right:4px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__price .miam-recipe-pricing{max-width:70px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__price .miam-recipe-pricing .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{color:rgba(31,53,67,.5);font-weight:500;line-height:100%}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__actions__replace{display:flex;flex:1;justify-content:space-between;align-items:center}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [InViewportDirective, i2__namespace$1.NgClass, i2__namespace$1.NgIf, IconComponent, LikeButtonComponent, RecipePricingComponent, RecipeCardCtaComponent, ActionsPopinComponent], pipes: [i2__namespace$1.AsyncPipe], styles: [".miam-recipe-card{position:relative;display:flex;width:var(--m-catalog-card-width,308px);height:500px;flex-direction:column;align-items:flex-start;flex-shrink:0;border-radius:8px;overflow:hidden;cursor:pointer}.miam-recipe-card .miam-recipe-card__container{display:flex;flex-direction:column;height:100%;width:100%;flex-shrink:0;align-self:stretch}.miam-recipe-card .miam-recipe-card__container:hover .miam-recipe-card__top .miam-recipe-card__picture img{transform:scale(1.1)}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top{position:relative;flex:1;height:calc(100% - 72px)}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__picture{width:100%;height:100%;overflow:hidden}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__picture img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__gradient{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(180deg,transparent 43.67%,rgba(0,0,0,.4) 91.33%)}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom{width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:12px;box-sizing:border-box}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom .miam-recipe-card__title{color:var(--miam-ds-color-neutral-white,#fff);text-shadow:0 2px 8px rgba(0,0,0,.15);text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom .miam-recipe-card__counter{display:flex;padding:4px 8px;align-items:center;gap:4px;border-radius:100px;background:var(--miam-ds-color-neutral-white,#fff);color:var(--miam-color-neutral-black);height:-moz-fit-content;height:fit-content;flex-shrink:0}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom .miam-recipe-card__counter span{line-height:100%}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__picture__bottom .miam-recipe-card__counter img{width:16px;height:16px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__top-container{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:12px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__top-container .miam-recipe-card__sponsor-container{display:flex;padding:8px 12px;background-color:#fff;border-radius:100px;width:auto;height:auto;box-sizing:border-box}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__top .miam-recipe-card__content .miam-recipe-card__top-container .miam-recipe-card__sponsor-container .miam-recipe-card__sponsor-picture{width:auto;height:auto;max-width:80px;max-height:40px;-o-object-fit:contain;object-fit:contain}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom{display:flex;width:100%;height:72px;flex-direction:column;align-items:flex-start;justify-content:center;box-sizing:border-box;padding:12px;border-radius:0 0 8px 8px;background-color:var(--miam-ds-color-neutral-white,#fff);border-right:1px solid var(--borders-default,#d9dde1);border-bottom:1px solid var(--borders-default,#d9dde1);border-left:1px solid var(--borders-default,#d9dde1)}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions{display:flex;gap:8px;justify-content:space-between;align-items:center;align-self:stretch}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__cta{display:flex;flex-direction:row;gap:16px;align-items:center}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__price{color:var(--miam-ds-color-primary);line-height:100%;margin-right:4px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__price .miam-recipe-pricing{max-width:70px}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__price .miam-recipe-pricing .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{color:rgba(31,53,67,.5);font-weight:500;line-height:100%}.miam-recipe-card .miam-recipe-card__container .miam-recipe-card__bottom .miam-recipe-card__actions .miam-recipe-card__actions__replace{display:flex;flex:1;justify-content:space-between;align-items:center}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RecipeCardComponent, [{
               type: i0.Component,
@@ -17463,7 +17519,7 @@
                       encapsulation: i0.ViewEncapsulation.None,
                       changeDetection: i0.ChangeDetectionStrategy.OnPush
                   }]
-          }], function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: RecipesService }, { type: BasketsService }, { type: UserService }, { type: ContextService }, { type: AnalyticsService }, { type: i0__namespace.ElementRef }, { type: ScrollingService }]; }, { recipeId: [{
+          }], function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: RecipesService }, { type: BasketsService }, { type: UserService }, { type: ContextService }, { type: AnalyticsService }, { type: i0__namespace.ElementRef }]; }, { recipeId: [{
                   type: i0.Input
               }], recipe: [{
                   type: i0.Input
@@ -17546,7 +17602,7 @@
               i0__namespace.ɵɵadvance(2);
               i0__namespace.ɵɵproperty("iconName", ctx.icon.Plus);
           }
-      }, directives: [IconComponent], styles: ["ng-miam-add-recipe-card{flex-grow:1}.miam-add-recipe-card{margin:calc(var(--m-catalog-cards-spacing) / 2);border-radius:8px;height:var(--m-catalog-card-height);width:var(--m-catalog-card-width);border:1px dashed var(--m-color-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.miam-add-recipe-card:hover{background-color:var(--m-color-grey)}.miam-add-recipe-card .m-button-primary{border-radius:6px;height:48px;width:48px}.miam-add-recipe-card .m-button-primary:hover{background-color:var(--m-color-primary);border:1px solid var(--m-color-white)}.miam-add-recipe-card .m-button-primary img{filter:brightness(0) invert(100%)}.miam-add-recipe-card .miam-add-recipe-card__label{font-size:14px;line-height:22px;color:var(--m-color-primary);font-weight:700;margin-top:16px}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [IconComponent], styles: ["ng-miam-add-recipe-card{flex-grow:1}.miam-add-recipe-card{border-radius:8px;height:var(--m-catalog-card-height);width:var(--m-catalog-card-width);border:1px dashed var(--m-color-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.miam-add-recipe-card:hover{background-color:var(--m-color-grey)}.miam-add-recipe-card .m-button-primary{border-radius:6px;height:48px;width:48px}.miam-add-recipe-card .m-button-primary:hover{background-color:var(--m-color-primary);border:1px solid var(--m-color-white)}.miam-add-recipe-card .m-button-primary img{filter:brightness(0) invert(100%)}.miam-add-recipe-card .miam-add-recipe-card__label{font-size:14px;line-height:22px;color:var(--m-color-primary);font-weight:700;margin-top:16px}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(AddRecipeCardComponent, [{
               type: i0.Component,
@@ -17749,7 +17805,7 @@
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("ngIf", !ctx.loading)("ngIfElse", _r1);
           }
-      }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgForOf, RecipeCardComponent, AddRecipeCardComponent, LoaderComponent, ProgressTrackerComponent, IconComponent], styles: [".miam-meals-planner-result{display:flex;flex-direction:column;width:100%;height:100%}.miam-meals-planner-result .miam-meals-planner-result__header{width:100%;padding:32px 24px;font-weight:900;font-size:24px;line-height:120%}.miam-meals-planner-result .miam-meals-planner-result__recipes{display:flex;flex-flow:row wrap;padding:0 24px}.miam-meals-planner-result .miam-meals-planner-result__progress-bar{display:flex;width:100%;max-width:300px;padding:16px;justify-content:center;align-items:center}.miam-meals-planner-result .miam-meals-planner-result__cta{width:100%;display:flex;justify-content:space-evenly;align-items:center;padding:24px}.miam-meals-planner-result .miam-meals-planner-result__cta .m-button-primary .miam-loader{margin-right:8px;height:28px;width:28px;border-top:4px solid var(--m-color-grey);border:4px solid var(--m-color-grey);border-top-color:var(--m-color-primary)}@media (max-width:1023px){.miam-meals-planner-result .miam-meals-planner-result__header{display:none}.miam-meals-planner-result .miam-meals-planner-result__recipes{justify-content:center}.miam-meals-planner-result .miam-meals-planner-result__recipes .miam-meals-planner-result__recipes{margin-top:var(--m-catalog-cards-spacing)}.miam-meals-planner-result .miam-meals-planner-result__progress-bar{align-items:flex-start}.miam-meals-planner-result .miam-meals-planner-result__progress-bar .miam-progress-tracker .miam-progress-tracker__content{flex-direction:column;align-items:flex-start}.miam-meals-planner-result .miam-meals-planner-result__progress-bar .miam-progress-tracker .miam-progress-tracker__content .miam-progress-tracker__value{margin-left:0;margin-top:3px}.miam-meals-planner-result .miam-meals-planner-result__cta{position:fixed;position:-webkit-sticky;bottom:0;background-color:#fff;border-top:1px solid #d9dde1;z-index:1;padding:16px}.miam-meals-planner-result .miam-meals-planner-result__cta .m-button-primary{width:100%;padding:14px;border-radius:6px}}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgForOf, RecipeCardComponent, AddRecipeCardComponent, LoaderComponent, ProgressTrackerComponent, IconComponent], styles: [".miam-meals-planner-result{display:flex;flex-direction:column;width:100%;height:100%}.miam-meals-planner-result .miam-meals-planner-result__header{width:100%;padding:32px 24px;font-weight:900;font-size:24px;line-height:120%}.miam-meals-planner-result .miam-meals-planner-result__recipes{display:grid;grid-template-columns:repeat(auto-fill,var(--m-catalog-card-width));gap:16px;justify-content:center;width:100%;padding:0 24px;box-sizing:border-box}.miam-meals-planner-result .miam-meals-planner-result__progress-bar{display:flex;width:100%;max-width:300px;padding:16px;justify-content:center;align-items:center}.miam-meals-planner-result .miam-meals-planner-result__cta{width:100%;display:flex;justify-content:space-evenly;align-items:center;padding:24px}.miam-meals-planner-result .miam-meals-planner-result__cta .m-button-primary .miam-loader{margin-right:8px;height:28px;width:28px;border-top:4px solid var(--m-color-grey);border:4px solid var(--m-color-grey);border-top-color:var(--m-color-primary)}@media (max-width:1023px){.miam-meals-planner-result .miam-meals-planner-result__header{display:none}.miam-meals-planner-result .miam-meals-planner-result__recipes{justify-content:center;padding-bottom:100px}.miam-meals-planner-result .miam-meals-planner-result__recipes .miam-meals-planner-result__recipes{margin-top:16px}.miam-meals-planner-result .miam-meals-planner-result__progress-bar{align-items:flex-start}.miam-meals-planner-result .miam-meals-planner-result__progress-bar .miam-progress-tracker .miam-progress-tracker__content{flex-direction:column;align-items:flex-start}.miam-meals-planner-result .miam-meals-planner-result__progress-bar .miam-progress-tracker .miam-progress-tracker__content .miam-progress-tracker__value{margin-left:0;margin-top:3px}.miam-meals-planner-result .miam-meals-planner-result__cta{position:fixed;position:-webkit-sticky;bottom:0;background-color:#fff;border-top:1px solid #d9dde1;z-index:1;padding:16px}.miam-meals-planner-result .miam-meals-planner-result__cta .m-button-primary{width:100%;padding:14px;border-radius:6px}}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MealsPlannerResultComponent, [{
               type: i0.Component,
@@ -18681,7 +18737,7 @@
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(7, 7, ctx.loading));
           }
-      }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgForOf, IconComponent, CardCreateRecipeComponent, RecipeCardComponent, CatalogArticleCardComponent, LoaderComponent], pipes: [i2__namespace$1.AsyncPipe], styles: [".miam-catalog-list__cards{display:flex;justify-content:center;flex-flow:row wrap;position:relative;right:0;top:0;margin:calc(0px - var(--m-catalog-cards-spacing)/2);width:calc(100% + var(--m-catalog-cards-spacing))}.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, CatalogArticleCardComponent, LoaderComponent], pipes: [i2__namespace$1.AsyncPipe], styles: [".miam-catalog-list__cards{display:grid;grid-template-columns:repeat(auto-fill,var(--m-catalog-card-width));justify-content:center;gap:16px;position:relative;width:100%;box-sizing:border-box}.miam-catalog-list__cards .miam-catalog-list__notFound{display:flex;flex-direction:column;width:100%;justify-content:center;text-align:center;padding:36px 0 0}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1{margin-top:36px;font-size:24px;font-weight:700;color:var(--m-color-primary)}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1.filtering{display:flex;justify-content:center}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title1.filtering .miam-catalog-list__notFound__searching span{margin-left:5px}.miam-catalog-list__cards .miam-catalog-list__notFound .miam-catalog-list__notFound__title2{font-size:22px;color:var(--m-color-grey-text)}.miam-catalog-list__cards .miam-catalog-list__loader{width:100%;font-size:20px;font-weight:700;color:var(--m-color-grey-text);text-align:center}.miam-catalog-list__cards .miam-catalog-list__loader .miam-loader{margin-top:80px;margin-bottom:16px;margin-left:calc(50% - 40px);height:80px;width:80px}.miam-catalog-list__cards #miam-catalog-list__anchor{position:relative;bottom:0;height:600px;margin-top:-600px}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CatalogListComponent, [{
               type: i0.Component,
@@ -18874,7 +18930,7 @@
               i0__namespace.ɵɵadvance(1);
               i0__namespace.ɵɵproperty("displayPricing", true)("addRecipeMode", true)("modifiedGuests", ctx.modifiedGuests)("originTrace", ctx.eventTrace())("filters", ctx.filters)("displayGuests", false)("helpButtonAllowed", false)("excludedRecipesIds", ctx.excludedRecipesIds);
           }
-      }, directives: [IconComponent, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.NgModel, i2__namespace$1.NgIf, RecipeFiltersComponent, CatalogListComponent], styles: [".miam-meals-planner-catalog .miam-meals-planner-catalog__title{display:flex;flex-direction:row;font-weight:900;font-size:24px;line-height:120%;margin-bottom:24px;width:-moz-fit-content;width:fit-content}.miam-meals-planner-catalog .miam-meals-planner-catalog__title ng-miam-icon{transform:rotate(90deg);cursor:pointer}.miam-meals-planner-catalog .miam-meals-planner-catalog__title ng-miam-icon .icon-container svg path:last-child{fill:var(--m-color-primary)}.miam-meals-planner-catalog .miam-meals-planner-catalog__title span{margin-left:16px;cursor:pointer}.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:24px}.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters .miam-meals-planner-catalog__searchbar{background:var(--m-color-white);border:1px solid #ddd;border-radius:var(--m-border-radius-pill);height:45px;width:400px;display:flex;align-items:center;padding:0 2px 0 20px;font-size:14px;margin-right:8px}.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters .miam-meals-planner-catalog__searchbar .miam-meals-planner-catalog__searchbar__input{border:transparent;background:transparent;flex:1;outline:none!important}.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters .miam-meals-planner-catalog__searchbar .miam-meals-planner-catalog__searchbar__button{padding:10px}.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters .miam-meals-planner-catalog__searchbar .miam-meals-planner-catalog__searchbar__button:hover{border-color:transparent}.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters .miam-meals-planner-catalog__controls__filter{border-color:transparent;font-weight:700;position:relative}.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters .miam-meals-planner-catalog__controls__filter .miam-meals-planner-catalog__controls__filter-badge{position:absolute;height:18px;width:18px;right:-4px;top:-4px;display:flex;justify-content:center;align-items:center;background-color:var(--m-catalog-redpoint-color);color:var(--m-catalog-redpoint-text-color);border-radius:var(--m-border-radius-circle);font-size:12px;line-height:18px}@media (max-width:1023px){.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters .miam-meals-planner-catalog__searchbar{width:300px}.miam-meals-planner-catalog .miam-meals-planner-catalog__controls__filter{border-radius:var(--m-border-radius-circle);padding:10px}.miam-meals-planner-catalog .miam-meals-planner-catalog__controls__filter span{display:none}.miam-meals-planner-catalog .miam-meals-planner-catalog__controls__filter ng-miam-icon{margin-right:0!important}}@media (max-width:607px){.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters{justify-content:center}}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [IconComponent, i3__namespace.DefaultValueAccessor, i3__namespace.NgControlStatus, i3__namespace.NgModel, i2__namespace$1.NgIf, RecipeFiltersComponent, CatalogListComponent], styles: [".miam-meals-planner-catalog{padding-bottom:40px}.miam-meals-planner-catalog .miam-meals-planner-catalog__title{display:flex;flex-direction:row;font-weight:900;font-size:24px;line-height:120%;margin-bottom:24px;width:-moz-fit-content;width:fit-content}.miam-meals-planner-catalog .miam-meals-planner-catalog__title ng-miam-icon{transform:rotate(90deg);cursor:pointer}.miam-meals-planner-catalog .miam-meals-planner-catalog__title ng-miam-icon .icon-container svg path:last-child{fill:var(--m-color-primary)}.miam-meals-planner-catalog .miam-meals-planner-catalog__title span{margin-left:16px;cursor:pointer}.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:24px}.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters .miam-meals-planner-catalog__searchbar{background:var(--m-color-white);border:1px solid #ddd;border-radius:var(--m-border-radius-pill);height:45px;width:400px;display:flex;align-items:center;padding:0 2px 0 20px;font-size:14px;margin-right:8px}.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters .miam-meals-planner-catalog__searchbar .miam-meals-planner-catalog__searchbar__input{border:transparent;background:transparent;flex:1;outline:none!important}.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters .miam-meals-planner-catalog__searchbar .miam-meals-planner-catalog__searchbar__button{padding:10px}.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters .miam-meals-planner-catalog__searchbar .miam-meals-planner-catalog__searchbar__button:hover{border-color:transparent}.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters .miam-meals-planner-catalog__controls__filter{border-color:transparent;font-weight:700;position:relative}.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters .miam-meals-planner-catalog__controls__filter .miam-meals-planner-catalog__controls__filter-badge{position:absolute;height:18px;width:18px;right:-4px;top:-4px;display:flex;justify-content:center;align-items:center;background-color:var(--m-catalog-redpoint-color);color:var(--m-catalog-redpoint-text-color);border-radius:var(--m-border-radius-circle);font-size:12px;line-height:18px}@media (max-width:1023px){.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters .miam-meals-planner-catalog__searchbar{width:300px}.miam-meals-planner-catalog .miam-meals-planner-catalog__controls__filter{border-radius:var(--m-border-radius-circle);padding:10px}.miam-meals-planner-catalog .miam-meals-planner-catalog__controls__filter span{display:none}.miam-meals-planner-catalog .miam-meals-planner-catalog__controls__filter ng-miam-icon{margin-right:0!important}}@media (max-width:607px){.miam-meals-planner-catalog .miam-meals-planner-catalog__search-and-filters{justify-content:center}}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MealsPlannerCatalogComponent, [{
               type: i0.Component,
@@ -19482,7 +19538,7 @@
               i0__namespace.ɵɵadvance(2);
               i0__namespace.ɵɵproperty("ngIf", ctx.featureIsAuthorized);
           }
-      }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgClass, IconComponent, MealsPlannerFormComponent, MealsPlannerResultComponent, MealsPlannerBasketPreviewComponent, MealsPlannerCatalogComponent, MealsPlannerBasketConfirmationComponent], styles: [".miam-meals-planner{display:flex;flex-direction:column;width:100%;height:100%;border-bottom:1px solid #d9dde1}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb{display:flex;align-items:center;padding:24px;background:#fff;border-bottom:1px solid #d9dde1}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb.hidden{display:none}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a{margin:0 4px;font-weight:500;font-size:14px;line-height:150%}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a.inactive{color:#1f3543}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a.active{font-weight:900;color:var(--m-color-primary)}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb .chevron-right{transform:rotate(-90deg)}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb .chevron-right .icon-container svg path:last-child{fill:#1f3543}.miam-meals-planner .miam-meals-planner__content{display:flex;height:100%;width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form.reduced{max-width:300px;border-right:1px solid #d9dde1}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-preview,.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-result{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-preview.reduced{width:0}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-catalog{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-confirmation{width:100%;padding:0 80px}@media (max-width:1023px){.miam-meals-planner .miam-meals-planner__header{display:none}.miam-meals-planner .miam-meals-planner__content{flex-direction:column}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form.reduced{max-width:unset;border-right:unset}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-confirmation{padding:0 15px}}.miam-meals-planner .miam-meals-planner__catalog{padding:16px}.miam-meals-planner ng-miam-recipe-card .miam-recipe-card{height:var(--m-catalog-card-height);width:var(--m-catalog-card-width);margin:calc(var(--m-catalog-cards-spacing) / 2)}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgClass, IconComponent, MealsPlannerFormComponent, MealsPlannerResultComponent, MealsPlannerBasketPreviewComponent, MealsPlannerCatalogComponent, MealsPlannerBasketConfirmationComponent], styles: [".miam-meals-planner{display:flex;flex-direction:column;width:100%;height:100%;border-bottom:1px solid #d9dde1}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb{display:flex;align-items:center;padding:24px;background:#fff;border-bottom:1px solid #d9dde1}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb.hidden{display:none}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a{margin:0 4px;font-weight:500;font-size:14px;line-height:150%}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a.inactive{color:#1f3543}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a.active{font-weight:900;color:var(--m-color-primary)}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb .chevron-right{transform:rotate(-90deg)}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb .chevron-right .icon-container svg path:last-child{fill:#1f3543}.miam-meals-planner .miam-meals-planner__content{display:flex;height:100%;width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form.reduced{max-width:300px;border-right:1px solid #d9dde1}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-preview,.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-result{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-preview.reduced{width:0}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-catalog{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-confirmation{width:100%;padding:0 80px}@media (max-width:1023px){.miam-meals-planner .miam-meals-planner__header{display:none}.miam-meals-planner .miam-meals-planner__content{flex-direction:column}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form.reduced{max-width:unset;border-right:unset}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-confirmation{padding:0 15px}}.miam-meals-planner .miam-meals-planner__catalog{padding:16px}.miam-meals-planner ng-miam-recipe-card .miam-recipe-card{height:var(--m-catalog-card-height);width:var(--m-catalog-card-width)}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(MealsPlannerComponent, [{
               type: i0.Component,
@@ -19708,7 +19764,7 @@
           if (rf & 2) {
               i0__namespace.ɵɵproperty("ngIf", !ctx.hide);
           }
-      }, directives: [i2__namespace$1.NgIf, IconComponent, i2__namespace$1.NgForOf, LoaderComponent, RecipeCardComponent, CatalogArticleCardComponent], pipes: [i2__namespace$1.AsyncPipe], styles: [".miam-catalog-category__slider{display:flex;position:absolute;justify-content:center;align-items:center;top:0;height:calc(100% - 28px);width:48px;margin:12px 0 16px;background-color:rgba(32,32,32,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}@media (max-width:1022px){.miam-catalog-category__slider{display:none}}.miam-catalog-category{display:flex;flex-direction:column;margin-bottom:40px}.miam-catalog-category .miam-catalog-category__header{display:flex;flex-direction:row;align-items:flex-end;margin-bottom:16px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left{flex:1}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title{width:-moz-fit-content;width:fit-content;margin-bottom:4px;font-size:24px;line-height:34px;font-weight:700;color:var(--m-color-black);-webkit-tap-highlight-color:transparent;cursor:pointer}@media (min-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title:hover{text-decoration:underline}}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__subtitle{color:var(--m-color-black);font-size:14px;line-height:22px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right{display:flex;align-items:center}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right .miam-catalog-category__link{font-size:16px;line-height:24px;color:var(--m-color-primary);cursor:pointer;-webkit-tap-highlight-color:transparent}@media (min-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right .miam-catalog-category__link:hover{text-decoration:underline}}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right ng-miam-icon{margin-top:3px}.miam-catalog-category .miam-catalog-category__header .icon-container{transform:rotate(-90deg);margin-bottom:3px;cursor:pointer}.miam-catalog-category .miam-catalog-category__content{position:relative;overflow:hidden;padding:0;width:100%;height:calc(var(--m-catalog-card-height) + var(--m-catalog-cards-spacing));box-sizing:border-box}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards{display:flex;flex-direction:row;flex-wrap:wrap;transition-duration:.5s}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__loader{width:100%;font-size:20px;font-weight:700;color:var(--m-color-grey-text);text-align:center}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__loader .miam-loader{margin-top:80px;margin-bottom:16px;margin-left:calc(50% - 40px);height:80px;width:80px}@media (max-width:1095px){.miam-catalog-category .miam-catalog-category__content{overflow-x:auto}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards{flex-wrap:nowrap}}@media (max-width:607px){.miam-catalog-category .miam-catalog-category__header{flex-direction:column;align-items:flex-start;margin-bottom:8px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left{margin-bottom:4px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title{margin-bottom:0}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right{align-self:flex-end}}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [i2__namespace$1.NgIf, IconComponent, i2__namespace$1.NgForOf, LoaderComponent, RecipeCardComponent, CatalogArticleCardComponent], pipes: [i2__namespace$1.AsyncPipe], styles: [".miam-catalog-category__slider{display:flex;position:absolute;justify-content:center;align-items:center;top:0;height:calc(100% - 28px);width:48px;margin:12px 0 16px;background-color:rgba(32,32,32,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}@media (max-width:1022px){.miam-catalog-category__slider{display:none}}.miam-catalog-category{display:flex;flex-direction:column;margin-bottom:40px}.miam-catalog-category .miam-catalog-category__header{display:flex;flex-direction:row;align-items:flex-end;margin-bottom:16px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left{flex:1}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title{width:-moz-fit-content;width:fit-content;margin-bottom:4px;font-size:24px;line-height:34px;font-weight:700;color:var(--m-color-black);-webkit-tap-highlight-color:transparent;cursor:pointer}@media (min-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title:hover{text-decoration:underline}}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__subtitle{color:var(--m-color-black);font-size:14px;line-height:22px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right{display:flex;align-items:center}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right .miam-catalog-category__link{font-size:16px;line-height:24px;color:var(--m-color-primary);cursor:pointer;-webkit-tap-highlight-color:transparent}@media (min-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right .miam-catalog-category__link:hover{text-decoration:underline}}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right ng-miam-icon{margin-top:3px}.miam-catalog-category .miam-catalog-category__header .icon-container{transform:rotate(-90deg);margin-bottom:3px;cursor:pointer}.miam-catalog-category .miam-catalog-category__content{position:relative;overflow:hidden;padding:16px 0;width:100%;height:var(--m-catalog-card-height);box-sizing:content-box}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards{display:flex;flex-direction:row;flex-wrap:wrap;transition-duration:.5s;gap:16px}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__loader{width:100%;font-size:20px;font-weight:700;color:var(--m-color-grey-text);text-align:center}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__loader .miam-loader{margin-top:80px;margin-bottom:16px;margin-left:calc(50% - 40px);height:80px;width:80px}@media (max-width:1095px){.miam-catalog-category .miam-catalog-category__content{overflow-x:auto}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards{flex-wrap:nowrap}}@media (max-width:607px){.miam-catalog-category .miam-catalog-category__header{flex-direction:column;align-items:flex-start;margin-bottom:8px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left{margin-bottom:4px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title{margin-bottom:0}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right{align-self:flex-end}}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CatalogCategoryComponent, [{
               type: i0.Component,
@@ -22671,7 +22727,7 @@
               i0__namespace.ɵɵadvance(2);
               i0__namespace.ɵɵproperty("ngIf", !ctx.creatingRecipe && ctx.catalogSettingHasLoaded)("ngIfElse", _r2);
           }
-      }, directives: [i2__namespace$1.NgIf, CatalogHeaderComponent, RecipeFiltersComponent, IconComponent, CatalogListComponent, i2__namespace$1.NgForOf, CatalogCategoryComponent, ExplainBannerComponent, MealsPlannerLinkComponent, RecipeStepperComponent], pipes: [i2__namespace$1.AsyncPipe], styles: [".miam-recipe-catalog{display:flex;justify-content:space-between}.miam-recipe-catalog,.miam-recipe-catalog .miam-recipe-catalog__content{width:100%;position:relative}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title{font-size:24px;line-height:34px;margin-bottom:24px;font-weight:700;display:flex;align-items:center;gap:6px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title .miam-recipe-catalog__content__title__search__text{display:flex;flex-wrap:wrap;gap:6px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title ng-miam-icon{margin-right:14px;cursor:pointer}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title ng-miam-icon .icon-container{transform:rotate(90deg)}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories{display:flex;flex-direction:column;width:100%;padding:48px 24px;box-sizing:border-box}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category{display:flex;flex-direction:row;width:100%;align-items:flex-end}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-meals-planner-link{margin:0 0 40px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__explain_banner{margin-bottom:40px}@media (max-width:1023px){.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories{padding:48px 0 48px 24px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category{flex-direction:column;align-items:flex-start}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-catalog-category{width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-meals-planner-link{width:calc(100% - 24px);margin:0 24px 24px 0}}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__list{width:100%;padding:24px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__list .miam-recipe-catalog__list__create___button{display:flex;align-items:center;border:1px solid var(--miam-color-primary);border-radius:20px;padding:4px 8px;width:-moz-fit-content;width:fit-content;cursor:pointer;color:var(--miam-color-primary);margin-bottom:24px}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button{background:var(--m-color-primary);width:200px;height:50px;display:flex;justify-content:space-around;align-items:center;border-radius:0 0 20px 20px;position:absolute;cursor:pointer;right:50px;left:unset}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button .miam-recipe-catalog__myMeal__button__text{font-weight:700;color:var(--m-color-white)}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button .miam-recipe-catalog__myMeal__second__icon{transform:rotate(-90deg)}@media (max-width:607px){.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button{right:8px;left:8px;bottom:0;border-radius:20px 20px 0 0;position:fixed;width:auto;z-index:2}}.miam-recipe-catalog ng-miam-recipe-card .miam-recipe-card{height:var(--m-catalog-card-height);width:var(--m-catalog-card-width);margin:calc(var(--m-catalog-cards-spacing) / 2)}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [i2__namespace$1.NgIf, CatalogHeaderComponent, RecipeFiltersComponent, IconComponent, CatalogListComponent, i2__namespace$1.NgForOf, CatalogCategoryComponent, ExplainBannerComponent, MealsPlannerLinkComponent, RecipeStepperComponent], pipes: [i2__namespace$1.AsyncPipe], styles: [".miam-recipe-catalog{display:flex;justify-content:space-between}.miam-recipe-catalog,.miam-recipe-catalog .miam-recipe-catalog__content{width:100%;position:relative}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title{font-size:24px;line-height:34px;margin-bottom:24px;font-weight:700;display:flex;align-items:center;gap:6px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title .miam-recipe-catalog__content__title__search__text{display:flex;flex-wrap:wrap;gap:6px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title ng-miam-icon{margin-right:14px;cursor:pointer}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title ng-miam-icon .icon-container{transform:rotate(90deg)}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories{display:flex;flex-direction:column;width:100%;padding:48px 24px;box-sizing:border-box}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category{display:flex;flex-direction:row;width:100%;align-items:flex-end}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-meals-planner-link{margin:0 0 40px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__explain_banner{margin-bottom:40px}@media (max-width:1023px){.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories{padding:48px 0 48px 24px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category{flex-direction:column;align-items:flex-start}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-catalog-category{width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-meals-planner-link{width:calc(100% - 24px);margin:0 24px 24px 0}}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__list{width:100%;padding:24px;box-sizing:border-box}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__list .miam-recipe-catalog__list__create___button{display:flex;align-items:center;border:1px solid var(--miam-color-primary);border-radius:20px;padding:4px 8px;width:-moz-fit-content;width:fit-content;cursor:pointer;color:var(--miam-color-primary);margin-bottom:24px}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button{background:var(--m-color-primary);width:200px;height:50px;display:flex;justify-content:space-around;align-items:center;border-radius:0 0 20px 20px;position:absolute;cursor:pointer;right:50px;left:unset}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button .miam-recipe-catalog__myMeal__button__text{font-weight:700;color:var(--m-color-white)}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button .miam-recipe-catalog__myMeal__second__icon{transform:rotate(-90deg)}@media (max-width:607px){.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button{right:8px;left:8px;bottom:0;border-radius:20px 20px 0 0;position:fixed;width:auto;z-index:2}}.miam-recipe-catalog ng-miam-recipe-card .miam-recipe-card{height:var(--m-catalog-card-height);width:var(--m-catalog-card-width)}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RecipeCatalogComponent, [{
               type: i0.Component,
@@ -23366,7 +23422,7 @@
           if (rf & 2) {
               i0__namespace.ɵɵproperty("ngIf", !i0__namespace.ɵɵpipeBind1(1, 1, ctx.recipeDetailsService.recipeLoading$) && ctx.ingredients);
           }
-      }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgForOf], pipes: [i2__namespace$1.AsyncPipe, CapitalizeFirstLetterPipe, ReadableFloatNumberPipe], styles: [".miam-recipe-details-ingredients{display:flex;flex-direction:column;gap:16px}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header{color:var(--miam-color-neutral-black,#1f3543)}@media (min-width:1022px){.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header{font-size:20px;line-height:120%}}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__list{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:16px}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__item{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;text-align:center}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__item .miam-recipe-details-ingredients__picture_container{height:64px;width:64px;border-radius:100%;overflow:hidden;border:1px solid var(--miam-ds-color-neutral-200,#d9dde1)}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__item .miam-recipe-details-ingredients__picture_container .miam-recipe-details-ingredients__picture{height:100%;width:100%}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__item .miam-recipe-details-ingredients__name,.miam-recipe-details-ingredients .miam-recipe-details-ingredients__item .miam-recipe-details-ingredients__row__qty{color:var(--miam-ds-color-neutral-black,#1f3543)}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [i2__namespace$1.NgIf, i2__namespace$1.NgForOf], pipes: [i2__namespace$1.AsyncPipe, CapitalizeFirstLetterPipe, ReadableFloatNumberPipe], styles: [".miam-recipe-details-ingredients{display:flex;flex-direction:column;gap:16px}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header{color:var(--miam-color-neutral-black,#1f3543)}@media (min-width:1022px){.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header{font-size:20px;line-height:120%}}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,100px));justify-content:center;gap:16px}@media (max-width:370px){.miam-recipe-details-ingredients .miam-recipe-details-ingredients__list{grid-template-columns:repeat(auto-fill,minmax(70px,90px))}}@media (max-width:350px){.miam-recipe-details-ingredients .miam-recipe-details-ingredients__list{grid-template-columns:repeat(auto-fill,minmax(70px,84px))}}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__item{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;text-align:center}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__item .miam-recipe-details-ingredients__picture_container{height:64px;width:64px;border-radius:100%;overflow:hidden;border:1px solid var(--miam-ds-color-neutral-200,#d9dde1)}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__item .miam-recipe-details-ingredients__picture_container .miam-recipe-details-ingredients__picture{height:100%;width:100%}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__item .miam-recipe-details-ingredients__name,.miam-recipe-details-ingredients .miam-recipe-details-ingredients__item .miam-recipe-details-ingredients__row__qty{color:var(--miam-ds-color-neutral-black,#1f3543)}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RecipeDetailsIngredientsComponent, [{
               type: i0.Component,
@@ -24020,6 +24076,7 @@
           var originPath = this.eventTrace().originPath;
           this.recipesService.hide();
           this.cdr.detectChanges();
+          this.activeTabIndex = 0;
           if (originPath === '/miam/recipes/basket-preview/detail' || originPath === '/detail/basket-preview/detail') {
               this.recipesService.openBasket(this.eventTrace());
           }