ng-miam 3.0.7 → 3.1.1

package/bundles/ng-miam.umd.js

@@ -688,7 +688,7 @@
             // adding this uuid will force request to be sent even if one is still in process
             // think about making a queue to process request in order
             var base_route = 'current?uniq_token=' + uuid.v4();
-            var endpoint = cachedListId ? base_route + '&merge_with=' + cachedListId : base_route;
+            var endpoint = (cachedListId === null || cachedListId === void 0 ? void 0 : cachedListId.toString().match(/^[0-9]+$/)) ? base_route + '&merge_with=' + cachedListId : base_route;
             // alway keep only the last subscription, that will make forget the last calls
             if (this.currentSubscription) {
                 this.currentSubscription.unsubscribe();
@@ -772,13 +772,17 @@
             })).subscribe();
         };
         GroceriesListsService.prototype.assignList = function (l) {
-            if (l.attributes['user-id']) {
-                localStorage.removeItem('_miam/listId');
-            }
-            else {
-                localStorage.setItem('_miam/listId', l.id);
+            // When a CORS error happens the response is a GL with an id equal to the request URL
+            // In this case we don't change the GL
+            if (l.id.toString().match(/^[0-9]+$/)) {
+                if (l.attributes['user-id']) {
+                    localStorage.removeItem('_miam/listId');
+                }
+                else {
+                    localStorage.setItem('_miam/listId', l.id);
+                }
+                this.list$.next(l);
             }
-            this.list$.next(l);
         };
         return GroceriesListsService;
     }(i1.Service));
@@ -2014,7 +2018,33 @@
             this.ACTION_DISPLAYED = 'displayed';
             this.ACTION_ADDED = 'added';
             this.ACTION_PUSHED = 'pushed';
+            this.eventQueue = [];
+            this.willAlreadyProcess = false;
+            this.QUEUE_REFRESH_TIME_MS = 2000;
         }
+        RecipeEventsService.prototype.enqueueEvent = function (recipe, action) {
+            var _this = this;
+            if (!recipe.eventOrigin) {
+                return;
+            }
+            var eventHash = {
+                "recipe_id": recipe.id,
+                "origin": recipe.eventOrigin,
+                "action": action,
+                "group_id": recipe.eventsGroupId
+            };
+            this.eventQueue.push(eventHash);
+            if (this.willAlreadyProcess)
+                return;
+            this.willAlreadyProcess = true;
+            setTimeout(function () { _this.processQueue(); }, this.QUEUE_REFRESH_TIME_MS);
+        };
+        RecipeEventsService.prototype.processQueue = function () {
+            this.willAlreadyProcess = false;
+            var eventsToProcess = this.eventQueue.splice(0, this.eventQueue.length);
+            var url = this.suggestion_url + "/batch";
+            this.http.post(url, { 'batch': eventsToProcess }).subscribe();
+        };
         RecipeEventsService.prototype.sendEvent = function (recipe, action) {
             if (!recipe.eventOrigin) {
                 return;
@@ -4161,7 +4191,8 @@
             var _this = _super.apply(this, __spread(arguments)) || this;
             _this.attributes = {
                 'user-id': '',
-                'is-past': true
+                'is-past': true,
+                'recipe-id': ''
             };
             _this.relationships = {
                 recipe: new i1.DocumentResource()
@@ -4186,8 +4217,9 @@
 
     var RecipeLikesService = /** @class */ (function (_super) {
         __extends(RecipeLikesService, _super);
-        function RecipeLikesService() {
+        function RecipeLikesService(userService) {
             var _this = _super.call(this) || this;
+            _this.userService = userService;
             _this.resource = RecipeLike;
             _this.type = 'recipe-likes';
             _this.activeRecipeLikes = new Map();
@@ -4221,13 +4253,35 @@
                 this.activeRecipeLikes.delete(recipeId);
             }
         };
+        RecipeLikesService.prototype.addLikesOfRecipes = function (recipes) {
+            var _this = this;
+            if (!this.userService.isLogged$.value) {
+                return rxjs.of(null);
+            }
+            return this.all({
+                page: { size: 20, number: 1 },
+                remotefilter: {
+                    recipe_id: recipes.map(function (r) { return r.id; }).join()
+                }
+            }).pipe(operators.skipWhile(function (resp) { return resp.is_loading; }), operators.tap(function (result) {
+                // Create an entry for each like returned
+                result.data.forEach(function (like) {
+                    _this.activeRecipeLikes.set(like.attributes['recipe-id'].toString(), new rxjs.BehaviorSubject(like));
+                    recipes = recipes.filter(function (r) { return r.id !== like.attributes['recipe-id'].toString(); });
+                });
+                // Create an empty entry for each recipe without like
+                recipes.forEach(function (r) {
+                    _this.activeRecipeLikes.set(r.id, new rxjs.BehaviorSubject(_this.new()));
+                });
+            }));
+        };
         // Because of API implementation, shouldn't return more than 1 recipe-like
         RecipeLikesService.prototype.fetchLikesOfRecipe = function (recipeId) {
             return this.all({ remotefilter: { recipe_id: recipeId, is_past: 'true,false' } }).pipe(operators.skipWhile(function (resp) { return resp.is_loading; }));
         };
         return RecipeLikesService;
     }(i1.Service));
-    RecipeLikesService.ɵfac = function RecipeLikesService_Factory(t) { return new (t || RecipeLikesService)(); };
+    RecipeLikesService.ɵfac = function RecipeLikesService_Factory(t) { return new (t || RecipeLikesService)(i0.ɵɵinject(UserService)); };
     RecipeLikesService.ɵprov = i0.ɵɵdefineInjectable({ token: RecipeLikesService, factory: RecipeLikesService.ɵfac, providedIn: 'root' });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(RecipeLikesService, [{
@@ -4235,7 +4289,7 @@
                 args: [{
                         providedIn: 'root'
                     }]
-            }], function () { return []; }, null);
+            }], function () { return [{ type: UserService }]; }, null);
     })();
 
     // THIS IS JUST AN EXAMPLE - UNUSED IN THE CODE
@@ -7010,6 +7064,7 @@
             this.hovered = false;
             this.icon = Icon;
             this.skeleton = Skeleton;
+            this.isPriceDisplayed = true;
             this.analyticsEventSent = false;
             this.subscriptions = [];
             this.hide = new i0.EventEmitter();
@@ -7043,7 +7098,7 @@
             }
         };
         AbstractRecipeCardComponent.prototype.addRecipeActionKO = function () {
-            localStorage.setItem('_miam/cached-recipe', JSON.stringify(this.recipe));
+            sessionStorage.setItem('_miam/cached-recipe', JSON.stringify(this.recipe));
         };
         AbstractRecipeCardComponent.prototype.toggleHelper = function () {
             this.recipeService.toggleHelper();
@@ -7086,10 +7141,17 @@
             }
             if (!this.analyticsEventSent && this.isInViewport()) {
                 this.analyticsService.sendEvent(eventType);
-                this.recipeEventsService.sendEvent(this.recipe, this.recipeEventsService.ACTION_SHOWN);
+                this.recipeEventsService.enqueueEvent(this.recipe, this.recipeEventsService.ACTION_SHOWN);
                 this.analyticsEventSent = true;
             }
         };
+        AbstractRecipeCardComponent.prototype.displayPrice = function () {
+            if (this.isPriceDisplayed || !this.isInViewport()) {
+                return;
+            }
+            this.isPriceDisplayed = true;
+            this.cdr.detectChanges();
+        };
         return AbstractRecipeCardComponent;
     }());
     AbstractRecipeCardComponent.ɵfac = function AbstractRecipeCardComponent_Factory(t) { return new (t || AbstractRecipeCardComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(RecipeEventsService), i0.ɵɵdirectiveInject(GroceriesListsService), i0.ɵɵdirectiveInject(UserService), i0.ɵɵdirectiveInject(PointOfSalesService), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(AnalyticsService), i0.ɵɵdirectiveInject(i0.ElementRef)); };
@@ -10806,7 +10868,7 @@
             this.recipeAdded.emit();
         };
         RecipeDetailsComponent.prototype.addRecipeActionKO = function () {
-            localStorage.setItem('_miam/cached-recipe', JSON.stringify(this.recipe));
+            sessionStorage.setItem('_miam/cached-recipe', JSON.stringify(this.recipe));
             this.recipeError.emit();
         };
         RecipeDetailsComponent.prototype.updateGuests = function (guests) {
@@ -10849,7 +10911,7 @@
                 var _r1 = i0.ɵɵreference(2);
                 i0.ɵɵproperty("ngIf", ctx.showDetail)("ngIfElse", _r1);
             }
-        }, directives: [i3.NgIf, IconComponent, i3.NgSwitch, i3.NgSwitchCase, i3.NgSwitchDefault, RecipePricingComponent, LikeButtonComponent, AddonLinkComponent, CounterInputComponent, i3.NgForOf, i3.NgClass, RecipeAddonComponent], pipes: [i3.AsyncPipe, i3.TitleCasePipe, CapitalizeFirstLetterPipe, ReadableFloatNumberPipe], styles: [".miam-recipe-details{border-radius:var(--m-border-radius);display:inline-flex;flex-direction:column;height:calc(80vh - 80px);margin:40px 8px;min-width:calc(100% - 32px);overflow-y:auto;padding:0 16px}.miam-recipe-details::-webkit-scrollbar-button{height:20px}.miam-recipe-details::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__top__container{display:flex;justify-content:space-evenly}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img{border-radius:var(--m-border-radius);height:400px;overflow:hidden;position:relative;width:370px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img img{-o-object-fit:cover;-webkit-print-color-adjust:exact;display:block;height:100%;object-fit:cover;transform:translateX(-25%)}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__gradient{background:linear-gradient(180deg,transparent 57.92%,rgba(0,0,0,.75) 100%,rgba(0,0,0,.75) 0);border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);display:block;height:100%;position:absolute;top:0;width:100%}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__gradient{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{background-color:var(--m-color-primary-light);border-radius:5px;bottom:16px;color:var(--m-color-primary);font-weight:500;left:16px;padding:8px;position:absolute;text-transform:uppercase}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{display:flex;flex-direction:column;justify-content:space-evenly;position:absolute;right:16px;top:16px;z-index:var(--m-z-index-position-absolute-hight)}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon{-o-object-fit:contain;background-color:#fff;border-radius:var(--m-border-radius-circle);box-shadow:var(--m-shadow-small);margin:0 0 16px;object-fit:contain;padding:8px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon.miam-noPadding{padding:0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__sponsor{-o-object-fit:contain;bottom:16px;height:auto;max-height:72px;max-width:96px;object-fit:contain;position:absolute;right:16px;transform:none;width:auto}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;margin-left:40px;padding:16px;position:relative}@media (max-width:1022px){.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__infos__price__wrapper{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top{display:flex;flex-direction:column;position:relative}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__type{color:var(--m-color-black);font-size:14px;line-height:1.14;padding-bottom:16px;text-align:left}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__title{color:var(--m-color-secondary);font-size:32px;font-weight:700;line-height:1.1;text-align:left}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__difficulty{display:flex;padding:16px 0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__difficulty ng-miam-icon{margin-right:8px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics{align-items:center;display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics span{color:var(--m-color-black);font-size:14px;margin-left:12px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics .miam-recipe-details__metrics__row{display:flex}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description{color:var(--m-color-grey-text-dark);display:flex;flex:1;flex-direction:column;font-size:17px;line-height:1.62;margin-bottom:24px;overflow-y:auto;text-align:left;word-break:break-word}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{align-items:center;display:flex;margin-top:16px}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action>*{cursor:pointer}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action>:hover{color:var(--m-color-primary);text-decoration:underline}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action ng-miam-icon{margin-right:10px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper{align-items:flex-end;display:flex;flex-direction:column;height:100%;justify-content:flex-start;max-height:225px;padding-left:16px;position:relative}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price{margin-bottom:4px;padding:4px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{color:var(--m-color-primary);flex-direction:row}@media (max-width:1022px){.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{display:flex;flex-direction:column}}@media print{.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{display:none}}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{font-size:20px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{font-size:14px;margin-left:12px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{border-radius:20px;color:var(--m-color-white);font-size:16px;padding:8px 20px}@media print{.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{display:none}}@media (min-width:1022px){.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action:hover{color:var(--m-color-primary)}}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action ng-miam-icon{margin-left:16px}.miam-recipe-details .miam-recipe-details__top__container__info{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;padding:16px 0;width:370px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__metrics{align-items:center;display:flex;justify-content:center}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__metrics span{color:var(--m-color-primary);font-size:19px;font-weight:700;margin-left:12px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times{align-items:center;display:flex;justify-content:space-evenly}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics{flex-direction:column;margin-right:24px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics span{color:var(--m-color-black);font-size:13px;font-weight:400;line-height:16px;margin-left:4px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics .miam-recipe-details__metrics__row{align-items:center;display:flex}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics .miam-recipe-details__metrics__row span{font-size:19px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics{align-items:center;display:flex;justify-content:center;z-index:0}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics ng-miam-icon{display:flex;justify-content:center;margin-right:4px;min-height:32px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics span{font-size:15px}.miam-recipe-details .miam-recipe-details__mid__container{border-bottom:1px dashed var(--m-color-primary);display:flex;padding-bottom:16px;width:100%}.miam-recipe-details .miam-recipe-details__bottom__container{display:flex;width:100%}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__header{border-bottom:1px solid var(--m-color-grey-text);color:var(--m-color-primary);display:block;font-size:20px;font-size:17px;font-weight:700;margin:24px 0;padding:16px 0 8px;position:relative}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter{align-items:center;display:flex}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter ng-miam-counter-input .miam-counter-input__icon{margin-right:16px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:none}@media print{.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter ng-miam-counter-input{display:none}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:block}}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list{flex:1 1;overflow-y:auto;padding-bottom:40px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__row{color:var(--m-color-black);display:flex;font-size:14px;font-weight:700;height:40px;justify-content:space-between;padding-bottom:16px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__row .miam-recipe-details__ingredients__row__qty{color:var(--m-color-grey-text-dark);font-size:14px;font-weight:500;padding-right:10px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__ingredients{display:flex;flex:1;flex-direction:column;padding:0 40px 0 0}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps{display:flex;flex:1;flex-direction:column}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list{flex:1 1;overflow-y:auto;padding-bottom:40px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--m-color-primary-text);border-radius:var(--m-border-radius);cursor:pointer;display:flex;flex-direction:row;margin:0 16px 8px 0;text-align:left;transition:var(--m-default-transition)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__idx{color:var(--m-color-secondary);flex:0 0 auto;font-size:20px;margin-right:20px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__text{font-size:14px;word-break:break-word}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__checkIcon{flex:0 0 auto}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel.miam-recipe-details__panel__done{background-color:var(--m-color-secondary-light)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel div{flex:1;margin:10px}@media print{.miam-recipe-details{height:unset}}@media (max-width:1022px){.miam-recipe-details{height:80vh;margin:0;min-width:100vw;padding:0 0 80px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper{align-items:center;background-color:var(--m-color-white);bottom:0;flex-direction:row;height:unset;justify-content:space-between;left:0;padding:4px 16px;position:fixed;right:0}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-pricing__wrapper{flex-direction:column}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{font-size:10px;margin-left:0}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{padding:8px 10px}.miam-recipe-details .miam-recipe-details__top__container{flex-wrap:wrap}.miam-recipe-details .miam-recipe-details__top__container div .miam-recipe-details__top__left{position:-webkit-sticky;position:sticky;top:0;z-index:3}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__info__times{position:-webkit-sticky;position:sticky;top:0;z-index:1}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img{height:220px;position:-webkit-sticky;position:sticky;top:-5vh;width:100vw;z-index:3}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img img{height:unset;transform:none;width:100%}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{bottom:unset;left:16px;top:16px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{bottom:0;flex-direction:unset;left:8px;right:unset;top:unset}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.65);background-color:unset;box-shadow:none;margin:0 4px 8px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos{flex:unset;margin-left:unset;padding:0 16px;width:100vw;z-index:0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__type{display:none}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__title{font-size:24px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description{margin-bottom:16px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{display:none}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__info{background-color:var(--m-color-white);width:unset;z-index:1}.miam-recipe-details .miam-recipe-details__mobile__container{display:flex;flex-direction:column;min-height:80vh;padding-bottom:50px;position:relative;width:100vw}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header{background-color:var(--m-color-white);border-radius:32px 32px 0 0;display:flex;justify-content:space-evenly;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header button{margin-right:0}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header button.active{background-color:var(--m-color-primary);color:var(--m-color-white)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row{align-items:center;color:var(--m-color-black);display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding-bottom:16px;padding-right:16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row div{width:100%}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row .miam-recipe-details__ingredients__row__qty{color:var(--m-color-grey-text-dark);font-size:14px;font-weight:500;margin-right:16px;padding-right:10px;text-align:end}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__counter{display:flex;justify-content:space-between;padding:16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:none}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__list{display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__list .miam-recipe-details__ingredients__row{display:flex;font-size:16px;justify-content:space-between;padding:0 16px 16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel{-webkit-tap-highlight-color:transparent;align-items:center;align-items:flex-start;background-color:transparent;border-radius:var(--m-border-radius);cursor:pointer;display:flex;flex-direction:row;margin:0 8px 32px;padding:0;position:relative;text-align:left;transition:var(--m-default-transition)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel:not(:last-child):before{background-color:var(--m-color-grey);content:\"\";height:50%;left:29px;position:absolute;top:60px;width:1px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel.miam-recipe-details__panel__done{background-color:var(--miam-color-primary-light)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__idx{align-items:center;background-color:var(--m-color-primary);border-radius:40px;color:#fff;display:flex;flex:0 0 auto;font-size:17px;font-weight:700;height:40px;justify-content:center;margin-right:20px;width:40px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__text{font-size:14px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__checkIcon{flex:0 0 auto}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel div{flex:1;margin:10px}.miam-recipe-details .miam-recipe-details__bottom__container__action{background:var(--m-color-white);bottom:0;left:0;padding:0 16px;position:fixed;right:0;width:100vw;z-index:4}}"], encapsulation: 2, changeDetection: 0 });
+        }, directives: [i3.NgIf, IconComponent, i3.NgSwitch, i3.NgSwitchCase, i3.NgSwitchDefault, RecipePricingComponent, LikeButtonComponent, AddonLinkComponent, CounterInputComponent, i3.NgForOf, i3.NgClass, RecipeAddonComponent], pipes: [i3.AsyncPipe, i3.TitleCasePipe, CapitalizeFirstLetterPipe, ReadableFloatNumberPipe], styles: [".miam-recipe-details{border-radius:var(--m-border-radius);display:inline-flex;flex-direction:row;flex-wrap:wrap;height:calc(80vh - 80px);margin:40px 8px;min-width:calc(100% - 32px);padding:0 16px}.miam-recipe-details::-webkit-scrollbar-button{height:20px}.miam-recipe-details::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__top__container{display:flex;justify-content:space-evenly}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img{border-radius:var(--m-border-radius);height:400px;overflow:hidden;position:relative;width:370px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img img{-o-object-fit:cover;-webkit-print-color-adjust:exact;display:block;height:100%;object-fit:cover;transform:translateX(-25%)}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__gradient{background:linear-gradient(180deg,transparent 57.92%,rgba(0,0,0,.75) 100%,rgba(0,0,0,.75) 0);border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);display:block;height:100%;position:absolute;top:0;width:100%}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__gradient{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{background-color:var(--m-color-primary-light);border-radius:5px;bottom:16px;color:var(--m-color-primary);font-weight:500;left:16px;padding:8px;position:absolute;text-transform:uppercase}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{display:flex;flex-direction:column;justify-content:space-evenly;position:absolute;right:16px;top:16px;z-index:var(--m-z-index-position-absolute-hight)}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon{-o-object-fit:contain;background-color:#fff;border-radius:var(--m-border-radius-circle);box-shadow:var(--m-shadow-small);margin:0 0 16px;object-fit:contain;padding:8px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon.miam-noPadding{padding:0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__sponsor{-o-object-fit:contain;bottom:16px;height:auto;max-height:72px;max-width:96px;object-fit:contain;position:absolute;right:16px;transform:none;width:auto}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;margin-left:40px;padding:16px;position:relative}@media (max-width:1022px){.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__infos__price__wrapper{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top{display:flex;flex-direction:column;position:relative}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__type{color:var(--m-color-black);font-size:14px;line-height:1.14;padding-bottom:16px;text-align:left}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__title{color:var(--m-color-secondary);font-size:32px;font-weight:700;line-height:1.1;text-align:left}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__difficulty{display:flex;padding:16px 0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__difficulty ng-miam-icon{margin-right:8px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics{align-items:center;display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics span{color:var(--m-color-black);font-size:14px;margin-left:12px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics .miam-recipe-details__metrics__row{display:flex}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description{color:var(--m-color-grey-text-dark);display:flex;flex:1;flex-direction:column;font-size:17px;line-height:1.62;margin-bottom:24px;overflow-y:auto;text-align:left;word-break:break-word}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{align-items:center;display:flex;margin-top:16px}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action>*{cursor:pointer}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action>:hover{color:var(--m-color-primary);text-decoration:underline}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action ng-miam-icon{margin-right:10px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper{align-items:flex-end;display:flex;flex-direction:column;height:100%;justify-content:flex-start;max-height:225px;padding-left:16px;position:relative}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price{margin-bottom:4px;padding:4px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{color:var(--m-color-primary);flex-direction:row}@media (max-width:1022px){.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{display:flex;flex-direction:column}}@media print{.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{display:none}}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{font-size:20px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{font-size:14px;margin-left:12px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{border-radius:20px;color:var(--m-color-white);font-size:16px;padding:8px 20px}@media print{.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{display:none}}@media (min-width:1022px){.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action:hover{color:var(--m-color-primary)}}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action ng-miam-icon{margin-left:16px}.miam-recipe-details .miam-recipe-details__top__container__info{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;padding:16px 0;width:370px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__metrics{align-items:center;display:flex;justify-content:center}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__metrics span{color:var(--m-color-primary);font-size:19px;font-weight:700;margin-left:12px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times{align-items:center;display:flex;justify-content:space-evenly}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics{flex-direction:column;margin-right:24px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics span{color:var(--m-color-black);font-size:13px;font-weight:400;line-height:16px;margin-left:4px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics .miam-recipe-details__metrics__row{align-items:center;display:flex}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics .miam-recipe-details__metrics__row span{font-size:19px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics{align-items:center;display:flex;justify-content:center;z-index:0}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics ng-miam-icon{display:flex;justify-content:center;margin-right:4px;min-height:32px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics span{font-size:15px}.miam-recipe-details .miam-recipe-details__mid__container{border-bottom:1px dashed var(--m-color-primary);display:flex;padding-bottom:16px;width:100%}.miam-recipe-details .miam-recipe-details__bottom__container{display:flex;width:100%}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__header{border-bottom:1px solid var(--m-color-grey-text);color:var(--m-color-primary);display:block;font-size:20px;font-size:17px;font-weight:700;margin:24px 0;padding:16px 0 8px;position:relative}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter{align-items:center;display:flex}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter ng-miam-counter-input .miam-counter-input__icon{margin-right:16px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:none}@media print{.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter ng-miam-counter-input{display:none}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:block}}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list{flex:1 1;overflow-y:auto;padding-bottom:40px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__row{color:var(--m-color-black);display:flex;font-size:14px;font-weight:700;height:40px;justify-content:space-between;padding-bottom:16px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__row .miam-recipe-details__ingredients__row__qty{color:var(--m-color-grey-text-dark);font-size:14px;font-weight:500;padding-right:10px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__ingredients{display:flex;flex:1;flex-direction:column;padding:0 40px 0 0}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps{display:flex;flex:1;flex-direction:column}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list{flex:1 1;overflow-y:auto;padding-bottom:40px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--m-color-primary-text);border-radius:var(--m-border-radius);cursor:pointer;display:flex;flex-direction:row;margin:0 16px 8px 0;text-align:left;transition:var(--m-default-transition)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__idx{color:var(--m-color-secondary);flex:0 0 auto;font-size:20px;margin-right:20px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__text{font-size:14px;word-break:break-word}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__checkIcon{flex:0 0 auto}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel.miam-recipe-details__panel__done{background-color:var(--m-color-secondary-light)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel div{flex:1;margin:10px}@media print{.miam-recipe-details{height:unset}}@media (max-width:1022px){.miam-recipe-details{height:80vh;margin:0;min-width:100vw;overflow-y:auto;padding:0 0 80px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper{align-items:center;background-color:var(--m-color-white);bottom:0;flex-direction:row;height:unset;justify-content:space-between;left:0;padding:4px 16px;position:fixed;right:0}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-pricing__wrapper{flex-direction:column}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{font-size:10px;margin-left:0}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{padding:8px 10px}.miam-recipe-details .miam-recipe-details__top__container{flex-wrap:wrap}.miam-recipe-details .miam-recipe-details__top__container div .miam-recipe-details__top__left{position:-webkit-sticky;position:sticky;top:0;z-index:3}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__info__times{position:-webkit-sticky;position:sticky;top:0;z-index:1}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img{height:220px;position:-webkit-sticky;position:sticky;top:-5vh;width:100vw;z-index:3}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img img{height:unset;transform:none;width:100%}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{bottom:unset;left:16px;top:16px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{bottom:0;flex-direction:unset;left:8px;right:unset;top:unset}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.65);background-color:unset;box-shadow:none;margin:0 4px 8px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos{flex:unset;margin-left:unset;padding:0 16px;width:100vw;z-index:0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__type{display:none}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__title{font-size:24px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description{margin-bottom:16px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{display:none}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__info{background-color:var(--m-color-white);width:unset;z-index:1}.miam-recipe-details .miam-recipe-details__mobile__container{display:flex;flex-direction:column;min-height:80vh;padding-bottom:50px;position:relative;width:100vw}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header{background-color:var(--m-color-white);border-radius:32px 32px 0 0;display:flex;justify-content:space-evenly;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header button{margin-right:0}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header button.active{background-color:var(--m-color-primary);color:var(--m-color-white)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row{align-items:center;color:var(--m-color-black);display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding-bottom:16px;padding-right:16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row div{width:100%}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row .miam-recipe-details__ingredients__row__qty{color:var(--m-color-grey-text-dark);font-size:14px;font-weight:500;margin-right:16px;padding-right:10px;text-align:end}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__counter{display:flex;justify-content:space-between;padding:16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:none}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__list{display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__list .miam-recipe-details__ingredients__row{display:flex;font-size:16px;justify-content:space-between;padding:0 16px 16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel{-webkit-tap-highlight-color:transparent;align-items:center;align-items:flex-start;background-color:transparent;border-radius:var(--m-border-radius);cursor:pointer;display:flex;flex-direction:row;margin:0 8px 32px;padding:0;position:relative;text-align:left;transition:var(--m-default-transition)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel:not(:last-child):before{background-color:var(--m-color-grey);content:\"\";height:50%;left:29px;position:absolute;top:60px;width:1px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel.miam-recipe-details__panel__done{background-color:var(--miam-color-primary-light)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__idx{align-items:center;background-color:var(--m-color-primary);border-radius:40px;color:#fff;display:flex;flex:0 0 auto;font-size:17px;font-weight:700;height:40px;justify-content:center;margin-right:20px;width:40px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__text{font-size:14px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__checkIcon{flex:0 0 auto}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel div{flex:1;margin:10px}.miam-recipe-details .miam-recipe-details__bottom__container__action{background:var(--m-color-white);bottom:0;left:0;padding:0 16px;position:fixed;right:0;width:100vw;z-index:4}}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(RecipeDetailsComponent, [{
                 type: i0.Component,
@@ -10886,9 +10948,9 @@
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r12 = i0.ɵɵnextContext(2);
+            var ctx_r13 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("src", ctx_r12.recipe.filigraneLogoUrl, i0.ɵɵsanitizeUrl);
+            i0.ɵɵproperty("src", ctx_r13.recipe.filigraneLogoUrl, i0.ɵɵsanitizeUrl);
         }
     }
     function CatalogRecipeCardComponent_div_4_div_5_Template(rf, ctx) {
@@ -10900,18 +10962,18 @@
     }
     function CatalogRecipeCardComponent_div_4_ng_container_7_Template(rf, ctx) {
         if (rf & 1) {
-            var _r20_1 = i0.ɵɵgetCurrentView();
+            var _r21_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementContainerStart(0);
             i0.ɵɵelementStart(1, "div", 33);
-            i0.ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_ng_container_7_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r20_1); var ctx_r19 = i0.ɵɵnextContext(2); return ctx_r19.openRecipe(); });
+            i0.ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_ng_container_7_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r21_1); var ctx_r20 = i0.ɵɵnextContext(2); return ctx_r20.openRecipe(); });
             i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r14 = i0.ɵɵnextContext(2);
+            var ctx_r15 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", ctx_r14.recipe == null ? null : ctx_r14.recipe.attributes["title"], " ");
+            i0.ɵɵtextInterpolate1(" ", ctx_r15.recipe == null ? null : ctx_r15.recipe.attributes["title"], " ");
         }
     }
     function CatalogRecipeCardComponent_div_4_ng_template_8_Template(rf, ctx) {
@@ -10919,8 +10981,8 @@
             i0.ɵɵelement(0, "ng-miam-skeleton", 34);
         }
         if (rf & 2) {
-            var ctx_r16 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("type", ctx_r16.skeleton.Text);
+            var ctx_r17 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("type", ctx_r17.skeleton.Text);
         }
     }
     function CatalogRecipeCardComponent_div_4_ng_miam_like_button_11_Template(rf, ctx) {
@@ -10928,15 +10990,15 @@
             i0.ɵɵelement(0, "ng-miam-like-button", 35);
         }
         if (rf & 2) {
-            var ctx_r17 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("recipe", ctx_r17.recipe);
+            var ctx_r18 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("recipe", ctx_r18.recipe);
         }
     }
     function CatalogRecipeCardComponent_div_4_Template(rf, ctx) {
         if (rf & 1) {
-            var _r22_1 = i0.ɵɵgetCurrentView();
+            var _r23_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 19);
-            i0.ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r22_1); var ctx_r21 = i0.ɵɵnextContext(); return ctx_r21.openRecipe(); });
+            i0.ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r23_1); var ctx_r22 = i0.ɵɵnextContext(); return ctx_r22.openRecipe(); });
             i0.ɵɵelementStart(1, "div", 20);
             i0.ɵɵelement(2, "img", 21);
             i0.ɵɵtemplate(3, CatalogRecipeCardComponent_div_4_div_3_Template, 2, 1, "div", 22);
@@ -10950,14 +11012,14 @@
             i0.ɵɵtemplate(11, CatalogRecipeCardComponent_div_4_ng_miam_like_button_11_Template, 1, 1, "ng-miam-like-button", 27);
             i0.ɵɵpipe(12, "async");
             i0.ɵɵelementStart(13, "div", 28, 29);
-            i0.ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_Template_div_click_13_listener($event) { i0.ɵɵrestoreView(_r22_1); var ctx_r23 = i0.ɵɵnextContext(); return ctx_r23.toggleMoreActions($event); });
+            i0.ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_Template_div_click_13_listener($event) { i0.ɵɵrestoreView(_r23_1); var ctx_r24 = i0.ɵɵnextContext(); return ctx_r24.toggleMoreActions($event); });
             i0.ɵɵelement(15, "ng-miam-icon", 30);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var _r15 = i0.ɵɵreference(9);
+            var _r16 = i0.ɵɵreference(9);
             var ctx_r0 = i0.ɵɵnextContext();
             var tmp_1_0 = null;
             var tmp_2_0 = null;
@@ -10968,7 +11030,7 @@
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", (tmp_2_0 = i0.ɵɵpipeBind1(6, 9, ctx_r0.groceriesListsService.list$)) == null ? null : tmp_2_0.hasRecipe(ctx_r0.recipe == null ? null : ctx_r0.recipe.id));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx_r0.recipe)("ngIfElse", _r15);
+            i0.ɵɵproperty("ngIf", ctx_r0.recipe)("ngIfElse", _r16);
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(12, 11, ctx_r0.userService.isLogged$));
             i0.ɵɵadvance(4);
@@ -10986,10 +11048,10 @@
     }
     function CatalogRecipeCardComponent_div_10_Template(rf, ctx) {
         if (rf & 1) {
-            var _r25_1 = i0.ɵɵgetCurrentView();
+            var _r26_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 36);
             i0.ɵɵelementStart(1, "ng-miam-counter-input", 37);
-            i0.ɵɵlistener("counterChange", function CatalogRecipeCardComponent_div_10_Template_ng_miam_counter_input_counterChange_1_listener($event) { i0.ɵɵrestoreView(_r25_1); var ctx_r24 = i0.ɵɵnextContext(); return ctx_r24.updateGuests($event); });
+            i0.ɵɵlistener("counterChange", function CatalogRecipeCardComponent_div_10_Template_ng_miam_counter_input_counterChange_1_listener($event) { i0.ɵɵrestoreView(_r26_1); var ctx_r25 = i0.ɵɵnextContext(); return ctx_r25.updateGuests($event); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
@@ -11008,21 +11070,30 @@
             i0.ɵɵproperty("type", ctx_r5.skeleton == null ? null : ctx_r5.skeleton.IconWithInfo);
         }
     }
+    function CatalogRecipeCardComponent_ng_miam_recipe_pricing_15_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "ng-miam-recipe-pricing", 38);
+        }
+        if (rf & 2) {
+            var ctx_r6 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("recipe", ctx_r6.recipe)("serves", ctx_r6.recipe == null ? null : ctx_r6.recipe.modifiedGuests);
+        }
+    }
     function CatalogRecipeCardComponent_div_20_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 38);
-            i0.ɵɵelement(1, "ng-miam-icon", 39);
-            i0.ɵɵelementStart(2, "span", 40);
+            i0.ɵɵelementStart(0, "div", 39);
+            i0.ɵɵelement(1, "ng-miam-icon", 40);
+            i0.ɵɵelementStart(2, "span", 41);
             i0.ɵɵtext(3);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r6 = i0.ɵɵnextContext();
+            var ctx_r7 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("iconName", ctx_r6.icon.Time);
+            i0.ɵɵproperty("iconName", ctx_r7.icon.Time);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate2("", ctx_r6.isMobile ? "" : "Temps n\u00E9cessaire : ", "", ctx_r6.recipe == null ? null : ctx_r6.recipe.totalTime, "");
+            i0.ɵɵtextInterpolate2("", ctx_r7.isMobile ? "" : "Temps n\u00E9cessaire : ", "", ctx_r7.recipe == null ? null : ctx_r7.recipe.totalTime, "");
         }
     }
     function CatalogRecipeCardComponent_ng_template_21_Template(rf, ctx) {
@@ -11030,15 +11101,15 @@
             i0.ɵɵelement(0, "ng-miam-skeleton", 34);
         }
         if (rf & 2) {
-            var ctx_r8 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("type", ctx_r8.skeleton == null ? null : ctx_r8.skeleton.IconWithInfo);
+            var ctx_r9 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("type", ctx_r9.skeleton == null ? null : ctx_r9.skeleton.IconWithInfo);
         }
     }
     function CatalogRecipeCardComponent_ng_miam_actions_popin_23_Template(rf, ctx) {
         if (rf & 1) {
-            var _r27_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "ng-miam-actions-popin", 41);
-            i0.ɵɵlistener("close", function CatalogRecipeCardComponent_ng_miam_actions_popin_23_Template_ng_miam_actions_popin_close_0_listener() { i0.ɵɵrestoreView(_r27_1); var ctx_r26 = i0.ɵɵnextContext(); return ctx_r26.closeMoreActions(); })("actionTriggered", function CatalogRecipeCardComponent_ng_miam_actions_popin_23_Template_ng_miam_actions_popin_actionTriggered_0_listener($event) { i0.ɵɵrestoreView(_r27_1); var ctx_r28 = i0.ɵɵnextContext(); return ctx_r28.actionTriggered.emit($event); });
+            var _r28_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "ng-miam-actions-popin", 42);
+            i0.ɵɵlistener("close", function CatalogRecipeCardComponent_ng_miam_actions_popin_23_Template_ng_miam_actions_popin_close_0_listener() { i0.ɵɵrestoreView(_r28_1); var ctx_r27 = i0.ɵɵnextContext(); return ctx_r27.closeMoreActions(); })("actionTriggered", function CatalogRecipeCardComponent_ng_miam_actions_popin_23_Template_ng_miam_actions_popin_actionTriggered_0_listener($event) { i0.ɵɵrestoreView(_r28_1); var ctx_r29 = i0.ɵɵnextContext(); return ctx_r29.actionTriggered.emit($event); });
             i0.ɵɵelementEnd();
         }
     }
@@ -11067,17 +11138,19 @@
             _this.isMobile = false;
             _this.actionsOpened = false;
             _this.isMobile = mediaMatcher.matchMedia('(max-width: 1022px)').matches;
+            _this.isPriceDisplayed = false;
             return _this;
         }
         CatalogRecipeCardComponent.prototype.onScroll = function (e) {
             this.sendShowEvent('show-recipe-card-catalog');
+            this.displayPrice();
         };
         CatalogRecipeCardComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.subscriptions.push(this.groceriesListsService.list$.pipe(operators.skipWhile(function (l) { return !l; })).subscribe(function () { return _this.cdr.detectChanges(); }));
             if (this.recipe) {
                 this.recipe = this.recipe.shallowCopyWithEvents(this.recipeEventsService.ORIGIN_CATALOG, this.eventsGroupId);
-                this.recipeEventsService.sendEvent(this.recipe, this.recipeEventsService.ACTION_PROPOSED);
+                this.recipeEventsService.enqueueEvent(this.recipe, this.recipeEventsService.ACTION_PROPOSED);
             }
         };
         CatalogRecipeCardComponent.prototype.ngAfterViewInit = function () {
@@ -11089,6 +11162,10 @@
             else {
                 this.moreActions.nativeElement.style.visibility = 'hidden';
             }
+            if (this.isInViewport()) {
+                this.isPriceDisplayed = true;
+                this.cdr.detectChanges();
+            }
         };
         CatalogRecipeCardComponent.prototype.updateGuests = function (count) {
             this.recipe.modifiedGuests = count;
@@ -11125,7 +11202,7 @@
             if (rf & 1) {
                 i0.ɵɵlistener("scroll", function CatalogRecipeCardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, false, i0.ɵɵresolveWindow);
             }
-        }, outputs: { actionTriggered: "actionTriggered" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 26, vars: 16, consts: [[1, "miam-catalog-recipe-card"], [1, "miam-catalog-recipe-card__header"], ["class", "miam-catalog-recipe-card__picture", 3, "click", 4, "ngIf", "ngIfElse"], ["pictSkeleton", ""], [1, "miam-catalog-recipe-card__attributes"], [1, "miam-catalog-recipe-card__attributes__control"], [1, "miam-catalog-recipe-card__control__left__col"], ["class", "miam-catalog-recipe-card__left__col__counter", 4, "ngIf", "ngIfElse"], ["skeletoncounter", ""], [1, "miam-catalog-recipe-card__control__right__col"], [1, "miam-catalog-recipe-card__right__col__price"], [3, "recipe", "serves"], [1, "m-button-fab-primary", 3, "disabled", "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-catalog-recipe-card__attributes__infos"], ["class", "miam-catalog-recipe-card__attributes__info  ", 4, "ngIf", "ngIfElse"], ["skeletonInfo", ""], [3, "close", "actionTriggered", 4, "ngIf"], ["cors", ""], [1, "miam-catalog-recipe-card__picture", 3, "click"], [1, "miam-catalog-recipe-card__picture__gradient"], ["loading", "lazy", 1, "miam-catalog-recipe-card__picture__img", 3, "src"], [4, "ngIf"], ["class", "miam-catalog-recipe-card__picture__tag", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["textSkeleton", ""], [1, "miam-catalog-recipe-card__picture__actions"], ["class", "miam-catalog-recipe-card__actions__icon miam-noPadding", 3, "recipe", 4, "ngIf"], [1, "miam-catalog-recipe-card__actions__icon", 3, "click"], ["miamMoreActions", ""], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], [1, "miam-catalog-recipe-card__picture__sponsor", 3, "src"], [1, "miam-catalog-recipe-card__picture__tag"], [1, "miam-catalog-recipe-card__attributes__title", 3, "click"], [3, "type"], [1, "miam-catalog-recipe-card__actions__icon", "miam-noPadding", 3, "recipe"], [1, "miam-catalog-recipe-card__left__col__counter"], [3, "counter", "counterChange"], [1, "miam-catalog-recipe-card__attributes__info"], [3, "iconName"], [1, "miam-catalog-recipe-card__info__label"], [3, "close", "actionTriggered"]], template: function CatalogRecipeCardComponent_Template(rf, ctx) {
+        }, outputs: { actionTriggered: "actionTriggered" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 26, vars: 15, consts: [[1, "miam-catalog-recipe-card"], [1, "miam-catalog-recipe-card__header"], ["class", "miam-catalog-recipe-card__picture", 3, "click", 4, "ngIf", "ngIfElse"], ["pictSkeleton", ""], [1, "miam-catalog-recipe-card__attributes"], [1, "miam-catalog-recipe-card__attributes__control"], [1, "miam-catalog-recipe-card__control__left__col"], ["class", "miam-catalog-recipe-card__left__col__counter", 4, "ngIf", "ngIfElse"], ["skeletoncounter", ""], [1, "miam-catalog-recipe-card__control__right__col"], [1, "miam-catalog-recipe-card__right__col__price"], [3, "recipe", "serves", 4, "ngIf"], [1, "m-button-fab-primary", 3, "disabled", "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-catalog-recipe-card__attributes__infos"], ["class", "miam-catalog-recipe-card__attributes__info  ", 4, "ngIf", "ngIfElse"], ["skeletonInfo", ""], [3, "close", "actionTriggered", 4, "ngIf"], ["cors", ""], [1, "miam-catalog-recipe-card__picture", 3, "click"], [1, "miam-catalog-recipe-card__picture__gradient"], ["loading", "lazy", 1, "miam-catalog-recipe-card__picture__img", 3, "src"], [4, "ngIf"], ["class", "miam-catalog-recipe-card__picture__tag", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["textSkeleton", ""], [1, "miam-catalog-recipe-card__picture__actions"], ["class", "miam-catalog-recipe-card__actions__icon miam-noPadding", 3, "recipe", 4, "ngIf"], [1, "miam-catalog-recipe-card__actions__icon", 3, "click"], ["miamMoreActions", ""], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], [1, "miam-catalog-recipe-card__picture__sponsor", 3, "src"], [1, "miam-catalog-recipe-card__picture__tag"], [1, "miam-catalog-recipe-card__attributes__title", 3, "click"], [3, "type"], [1, "miam-catalog-recipe-card__actions__icon", "miam-noPadding", 3, "recipe"], [1, "miam-catalog-recipe-card__left__col__counter"], [3, "counter", "counterChange"], [3, "recipe", "serves"], [1, "miam-catalog-recipe-card__attributes__info"], [3, "iconName"], [1, "miam-catalog-recipe-card__info__label"], [3, "close", "actionTriggered"]], template: function CatalogRecipeCardComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "div", 0);
                 i0.ɵɵelementStart(1, "div", 1);
@@ -11143,7 +11220,7 @@
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementStart(13, "div", 9);
                 i0.ɵɵelementStart(14, "div", 10);
-                i0.ɵɵelement(15, "ng-miam-recipe-pricing", 11);
+                i0.ɵɵtemplate(15, CatalogRecipeCardComponent_ng_miam_recipe_pricing_15_Template, 1, 2, "ng-miam-recipe-pricing", 11);
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementStart(16, "button", 12);
                 i0.ɵɵlistener("click", function CatalogRecipeCardComponent_Template_button_click_16_listener() { return ctx.addRecipe(); });
@@ -11164,8 +11241,8 @@
             if (rf & 2) {
                 var _r1 = i0.ɵɵreference(6);
                 var _r4 = i0.ɵɵreference(12);
-                var _r7 = i0.ɵɵreference(22);
-                var tmp_10_0 = null;
+                var _r8 = i0.ɵɵreference(22);
+                var tmp_9_0 = null;
                 i0.ɵɵadvance(3);
                 i0.ɵɵtextInterpolate1(" ", ctx.headerText, "");
                 i0.ɵɵadvance(1);
@@ -11173,17 +11250,17 @@
                 i0.ɵɵadvance(6);
                 i0.ɵɵproperty("ngIf", ctx.recipe)("ngIfElse", _r4);
                 i0.ɵɵadvance(5);
-                i0.ɵɵproperty("recipe", ctx.recipe)("serves", ctx.recipe == null ? null : ctx.recipe.modifiedGuests);
+                i0.ɵɵproperty("ngIf", ctx.isPriceDisplayed);
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("disabled", !ctx.recipe);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("width", 24)("height", 24)("iconName", ((tmp_10_0 = i0.ɵɵpipeBind1(18, 14, ctx.groceriesListsService.list$)) == null ? null : tmp_10_0.hasRecipe(ctx.recipe == null ? null : ctx.recipe.id)) ? ctx.icon.CheckList : ctx.icon.Cart);
+                i0.ɵɵproperty("width", 24)("height", 24)("iconName", ((tmp_9_0 = i0.ɵɵpipeBind1(18, 13, ctx.groceriesListsService.list$)) == null ? null : tmp_9_0.hasRecipe(ctx.recipe == null ? null : ctx.recipe.id)) ? ctx.icon.CheckList : ctx.icon.Cart);
                 i0.ɵɵadvance(3);
-                i0.ɵɵproperty("ngIf", ctx.recipe)("ngIfElse", _r7);
+                i0.ɵɵproperty("ngIf", ctx.recipe)("ngIfElse", _r8);
                 i0.ɵɵadvance(3);
                 i0.ɵɵproperty("ngIf", ctx.actionsOpened);
             }
-        }, directives: [i3.NgIf, RecipePricingComponent, IconComponent, SkeletonComponent, LikeButtonComponent, CounterInputComponent, ActionsPopinComponent, CORSOverlayComponent], pipes: [i3.AsyncPipe], styles: [".miam-catalog-recipe-card .miam-catalog-recipe-card__attributes,.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__actions,.miam-flex-column{display:flex;flex-direction:column;justify-content:space-around}.miam-flex-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:auto}.miam-catalog-recipe-card{background-color:#fff;border-radius:var(--m-border-radius);box-shadow:var(--m-shadow-small);display:flex;flex-direction:column;height:304px;position:relative;width:330px}.miam-catalog-recipe-card .miam-catalog-recipe-card__header{display:none}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture{-webkit-tap-highlight-color:transparent;cursor:pointer;height:169px;position:relative}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__gradient{height:169px}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__gradient .miam-catalog-recipe-card__picture__img{-o-object-fit:cover;border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);height:169px;object-fit:cover;position:absolute;transition:var(--m-default-transition);width:100%;z-index:var(--m-z-index-position-absolute-low)}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__gradient .miam-catalog-recipe-card__picture__sponsor{-o-object-fit:contain;height:auto;left:16px;max-height:48px;max-width:64px;object-fit:contain;position:absolute;top:16px;transform:none;width:auto;z-index:var(--m-z-index-position-absolute-low)}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__gradient:after{background:linear-gradient(180deg,rgba(0,0,0,.1) 50.52%,rgba(32,32,32,.85) 88.54%);border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);content:\"\";height:100%;position:absolute;width:100%}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__tag{background-color:var(--m-color-primary-light);border-radius:5px;color:var(--m-color-primary);font-weight:500;left:16px;padding:8px;position:absolute;text-transform:uppercase;top:16px}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__attributes__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-tap-highlight-color:transparent;bottom:0;color:#fff;cursor:pointer;display:-webkit-box;font-size:17px;font-weight:700;left:0;letter-spacing:normal;line-height:20;line-height:1.5;margin:16px;overflow:hidden;position:absolute;text-align:left;text-overflow:ellipsis;transition:var(--m-default-transition)}@media (min-width:1022px){.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__attributes__title:hover{text-decoration:underline}}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__actions{position:absolute;right:16px;top:16px;z-index:var(--m-z-index-position-absolute-high)}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__actions .miam-catalog-recipe-card__actions__icon{-o-object-fit:contain;-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:var(--m-border-radius-circle);box-shadow:var(--m-shadow-small);margin:0 0 16px;object-fit:contain;padding:8px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__actions .miam-catalog-recipe-card__actions__icon .icon-container{margin:0}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__actions .miam-catalog-recipe-card__actions__icon.miam-noPadding{padding:0}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes{flex:1 1;justify-content:space-between;padding:24px 16px}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control{align-items:center;display:flex;justify-content:space-between}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__left__col{display:flex;flex-direction:column-reverse}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__left__col .miam-catalog-recipe-card__left__col__counter{align-items:center;display:flex}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__left__col .miam-catalog-recipe-card__left__col__counter ng-miam-counter-input .miam-counter-input__icon{margin-right:8px}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__right__col{display:flex;flex-direction:row}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__right__col .miam-catalog-recipe-card__right__col__price{margin-right:16px}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__infos{display:flex;flex-direction:row;justify-content:center}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__infos .miam-catalog-recipe-card__attributes__info{display:flex;flex-direction:row}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__infos .miam-catalog-recipe-card__attributes__info .miam-catalog-recipe-card__info__label{color:var(--m-color-grey-text);font-size:15px;margin-left:8px}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__infos .miam-catalog-recipe-card__attributes__info .miam-catalog-recipe-card__info__label:first-letter{text-transform:capitalize}@media (max-width:1022px){.miam-catalog-recipe-card{border-radius:24px;width:272px}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__gradient .miam-catalog-recipe-card__picture__img,.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__gradient:after{border-radius:24px 24px 0 0}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes{padding:16px}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control{align-items:flex-start;height:100%}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__left__col{padding-top:4px}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__right__col{align-items:end;flex-direction:column;height:100%;justify-content:space-between}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__right__col .miam-catalog-recipe-card__right__col__price{margin-right:unset}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__infos{bottom:16px;position:absolute}}"], encapsulation: 2, changeDetection: 0 });
+        }, directives: [i3.NgIf, IconComponent, SkeletonComponent, LikeButtonComponent, CounterInputComponent, RecipePricingComponent, ActionsPopinComponent, CORSOverlayComponent], pipes: [i3.AsyncPipe], styles: [".miam-catalog-recipe-card .miam-catalog-recipe-card__attributes,.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__actions,.miam-flex-column{display:flex;flex-direction:column;justify-content:space-around}.miam-flex-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:auto}.miam-catalog-recipe-card{background-color:#fff;border-radius:var(--m-border-radius);box-shadow:var(--m-shadow-small);display:flex;flex-direction:column;height:304px;position:relative;width:330px}.miam-catalog-recipe-card .miam-catalog-recipe-card__header{display:none}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture{-webkit-tap-highlight-color:transparent;cursor:pointer;height:169px;position:relative}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__gradient{height:169px}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__gradient .miam-catalog-recipe-card__picture__img{-o-object-fit:cover;border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);height:169px;object-fit:cover;position:absolute;transition:var(--m-default-transition);width:100%;z-index:var(--m-z-index-position-absolute-low)}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__gradient .miam-catalog-recipe-card__picture__sponsor{-o-object-fit:contain;height:auto;left:16px;max-height:48px;max-width:64px;object-fit:contain;position:absolute;top:16px;transform:none;width:auto;z-index:var(--m-z-index-position-absolute-low)}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__gradient:after{background:linear-gradient(180deg,rgba(0,0,0,.1) 50.52%,rgba(32,32,32,.85) 88.54%);border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);content:\"\";height:100%;position:absolute;width:100%}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__tag{background-color:var(--m-color-primary-light);border-radius:5px;color:var(--m-color-primary);font-weight:500;left:16px;padding:8px;position:absolute;text-transform:uppercase;top:16px}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__attributes__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-tap-highlight-color:transparent;bottom:0;color:#fff;cursor:pointer;display:-webkit-box;font-size:17px;font-weight:700;left:0;letter-spacing:normal;line-height:20;line-height:1.5;margin:16px;overflow:hidden;position:absolute;text-align:left;text-overflow:ellipsis;transition:var(--m-default-transition)}@media (min-width:1022px){.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__attributes__title:hover{text-decoration:underline}}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__actions{position:absolute;right:16px;top:16px;z-index:var(--m-z-index-position-absolute-high)}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__actions .miam-catalog-recipe-card__actions__icon{-o-object-fit:contain;-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:var(--m-border-radius-circle);box-shadow:var(--m-shadow-small);margin:0 0 16px;object-fit:contain;padding:8px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__actions .miam-catalog-recipe-card__actions__icon .icon-container{margin:0}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__actions .miam-catalog-recipe-card__actions__icon.miam-noPadding{padding:0}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes{flex:1 1;justify-content:space-between;padding:24px 16px}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control{align-items:center;display:flex;justify-content:space-between}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__left__col{display:flex;flex-direction:column-reverse}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__left__col .miam-catalog-recipe-card__left__col__counter{align-items:center;display:flex}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__left__col .miam-catalog-recipe-card__left__col__counter ng-miam-counter-input .miam-counter-input__icon{margin-right:8px}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__right__col{display:flex;flex-direction:row}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__right__col .miam-catalog-recipe-card__right__col__price{margin-right:16px}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__infos{display:flex;flex-direction:row;justify-content:center}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__infos .miam-catalog-recipe-card__attributes__info{display:flex;flex-direction:row}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__infos .miam-catalog-recipe-card__attributes__info .miam-catalog-recipe-card__info__label{color:var(--m-color-grey-text);font-size:15px;margin-left:8px}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__infos .miam-catalog-recipe-card__attributes__info .miam-catalog-recipe-card__info__label:first-letter{text-transform:capitalize}@media (max-width:1022px){.miam-catalog-recipe-card{border-radius:24px;width:272px}.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__gradient .miam-catalog-recipe-card__picture__img,.miam-catalog-recipe-card .miam-catalog-recipe-card__picture .miam-catalog-recipe-card__picture__gradient:after{border-radius:24px 24px 0 0}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes{padding:16px}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control{align-items:flex-start;height:100%}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__left__col{padding-top:4px}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__right__col{align-items:end;flex-direction:column;height:100%;justify-content:space-between}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__control .miam-catalog-recipe-card__control__right__col .miam-catalog-recipe-card__right__col__price{margin-right:unset}.miam-catalog-recipe-card .miam-catalog-recipe-card__attributes .miam-catalog-recipe-card__attributes__infos{bottom:16px;position:absolute}}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(CatalogRecipeCardComponent, [{
                 type: i0.Component,
@@ -11287,8 +11364,9 @@
     var SPACE_BETWEEN_CARD = 16;
     var SLIDER_WIDTH = 48;
     var CatalogCategoryComponent = /** @class */ (function () {
-        function CatalogCategoryComponent(recipesService, cdr) {
+        function CatalogCategoryComponent(recipesService, recipeLikesService, cdr) {
             this.recipesService = recipesService;
+            this.recipeLikesService = recipeLikesService;
             this.cdr = cdr;
             this.title = '';
             this.icon = Icon;
@@ -11312,10 +11390,12 @@
             var _this = this;
             this.subscriptions.push(this.recipesService.getRandom({ size: 20, number: 1 }, this.filters)
                 .subscribe(function (result) {
-                _this.recipes = result;
-                _this.isLoading = false;
-                _this.cdr.detectChanges();
-                _this.createSections();
+                _this.recipeLikesService.addLikesOfRecipes(result).subscribe(function () {
+                    _this.recipes = result;
+                    _this.isLoading = false;
+                    _this.cdr.detectChanges();
+                    _this.createSections();
+                });
             }));
         };
         CatalogCategoryComponent.prototype.createSections = function () {
@@ -11378,6 +11458,7 @@
                 // the send show event check if card is in view
                 _this.recipeCards.forEach(function (recipeCard) {
                     recipeCard.sendShowEvent('show-recipe-card-catalog');
+                    recipeCard.displayPrice();
                 });
             }, 1000);
         };
@@ -11412,7 +11493,7 @@
         };
         return CatalogCategoryComponent;
     }());
-    CatalogCategoryComponent.ɵfac = function CatalogCategoryComponent_Factory(t) { return new (t || CatalogCategoryComponent)(i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    CatalogCategoryComponent.ɵfac = function CatalogCategoryComponent_Factory(t) { return new (t || CatalogCategoryComponent)(i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(RecipeLikesService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     CatalogCategoryComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CatalogCategoryComponent, selectors: [["ng-miam-catalog-category"]], viewQuery: function CatalogCategoryComponent_Query(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵviewQuery(_c0$l, true);
@@ -11478,7 +11559,7 @@
                         encapsulation: i0.ViewEncapsulation.None,
                         changeDetection: i0.ChangeDetectionStrategy.OnPush
                     }]
-            }], function () { return [{ type: RecipesService }, { type: i0.ChangeDetectorRef }]; }, { filters: [{
+            }], function () { return [{ type: RecipesService }, { type: RecipeLikesService }, { type: i0.ChangeDetectorRef }]; }, { filters: [{
                     type: i0.Input
                 }], title: [{
                     type: i0.Input
@@ -11807,8 +11888,9 @@
         }
     }
     var CatalogListComponent = /** @class */ (function () {
-        function CatalogListComponent(recipesService, cdr) {
+        function CatalogListComponent(recipesService, recipeLikesService, cdr) {
             this.recipesService = recipesService;
+            this.recipeLikesService = recipeLikesService;
             this.cdr = cdr;
             this.insertCreateCard = false;
             this.randomMode = false;
@@ -11872,19 +11954,7 @@
             if (this.randomMode) {
                 this.subscriptions.push(this.recipesService.getRandom({ size: 20, number: page }, requestFilters)
                     .subscribe(function (result) {
-                    // Because Filter is a type, attributes are always in the same order, so stringify won't be false for objects with same attributes
-                    if (JSON.stringify(requestFilters) === JSON.stringify(_this.remoteFilters)) {
-                        // if you spam click on filters, multiple requests with page == 1 could be sent for the same filters -> only keep the last result
-                        _this.currentRecipes = page === 1 ? result : __spread(_this.currentRecipes, result);
-                        _this.loading = false;
-                        _this.noMoreRecipes = result.length === 0;
-                        _this.retrievedRecipes.emit(_this.currentRecipes);
-                        _this.cdr.detectChanges();
-                    }
-                    else {
-                        // tslint:disable-next-line: no-console
-                        console.debug('Filtering aborted : ' + JSON.stringify(requestFilters) + 'and' + JSON.stringify(_this.remoteFilters) + 'are different');
-                    }
+                    _this.processResults(result, requestFilters, page);
                 }));
             }
             else {
@@ -11894,17 +11964,29 @@
                     include: ['ingredients', 'recipe-steps', 'recipe-type', 'recipe-status', 'sponsors', 'recipe-provider']
                 }).pipe(operators.skipWhile(function (resp) { return resp.is_loading; }))
                     .subscribe(function (result) {
-                    if (JSON.stringify(requestFilters) === JSON.stringify(_this.remoteFilters)) {
-                        // if you spam click on filters, multiple requests with page == 1 could be sent for the same filters -> only keep the last result
-                        _this.currentRecipes = page === 1 ? result.data : __spread(_this.currentRecipes, result.data);
-                        _this.loading = false;
-                        _this.noMoreRecipes = result.data.length === 0;
-                        _this.retrievedRecipes.emit(_this.currentRecipes);
-                        _this.cdr.detectChanges();
-                    }
+                    _this.processResults(result.data, requestFilters, page);
                 }));
             }
         };
+        CatalogListComponent.prototype.processResults = function (results, requestFilters, page) {
+            var _this = this;
+            // Because Filter is a type, attributes are always in the same order, so stringify won't be false for objects with same attributes
+            if (JSON.stringify(requestFilters) === JSON.stringify(this.remoteFilters)) {
+                // Get all recipe-likes before displaying
+                this.recipeLikesService.addLikesOfRecipes(results).subscribe(function () {
+                    // if you spam click on filters, multiple requests with page == 1 could be sent for the same filters -> only keep the last result
+                    _this.currentRecipes = page === 1 ? results : __spread(_this.currentRecipes, results);
+                    _this.loading = false;
+                    _this.noMoreRecipes = results.length === 0;
+                    _this.retrievedRecipes.emit(_this.currentRecipes);
+                    _this.cdr.detectChanges();
+                });
+            }
+            else {
+                // tslint:disable-next-line: no-console
+                console.debug('Filtering aborted : ' + JSON.stringify(requestFilters) + 'and' + JSON.stringify(this.remoteFilters) + 'are different');
+            }
+        };
         CatalogListComponent.prototype.removeFilter = function (filterName) {
             this.filterRemoved.emit(filterName);
         };
@@ -11972,7 +12054,7 @@
         };
         return CatalogListComponent;
     }());
-    CatalogListComponent.ɵfac = function CatalogListComponent_Factory(t) { return new (t || CatalogListComponent)(i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    CatalogListComponent.ɵfac = function CatalogListComponent_Factory(t) { return new (t || CatalogListComponent)(i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(RecipeLikesService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     CatalogListComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CatalogListComponent, selectors: [["ng-miam-catalog-list"]], inputs: { filters: "filters", noRecipeTextFirstLine: "noRecipeTextFirstLine", noRecipeTextSecondLine: "noRecipeTextSecondLine", insertCreateCard: "insertCreateCard", randomMode: "randomMode" }, outputs: { retrievedRecipes: "retrievedRecipes", filterRemoved: "filterRemoved", recipeActionTriggered: "recipeActionTriggered" }, features: [i0.ɵɵNgOnChangesFeature], decls: 7, vars: 5, consts: [[1, "miam-catalog-list__cards"], ["class", "miam-catalog-list__filters", 4, "ngIf"], ["class", "miam-catalog-list__notFound", 4, "ngIf"], ["class", "miam-catalog-list__card", 3, "clicked", 4, "ngIf"], ["class", "miam-catalog-list__card", 4, "ngFor", "ngForOf"], ["class", "miam-catalog-list__loader", 4, "ngIf"], ["id", "miam-catalog-list__anchor"], [1, "miam-catalog-list__filters"], [1, "miam-catalog-list__filter__title"], ["class", "miam-catalog-list__filter", 4, "ngFor", "ngForOf"], [1, "miam-catalog-list__filter"], ["primaryColor", "var(--m-color-primary)", 1, "miam-catalog-list__filter__icon", 3, "iconName", "click"], [1, "miam-catalog-list__notFound"], [1, "miam-catalog-list__notFound__icon", 3, "width", "height", "iconName"], [1, "miam-catalog-list__notFound__title1"], [4, "ngIf", "ngIfElse"], ["defaultFirstLine", ""], [1, "miam-catalog-list__notFound__title2"], ["defaultSecondLine", ""], [4, "ngIf"], [1, "miam-catalog-list__card", 3, "clicked"], [1, "miam-catalog-list__card"], [3, "recipe", "actionTriggered"], [1, "miam-catalog-list__loader"]], template: function CatalogListComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "div", 0);
@@ -12007,7 +12089,7 @@
                         encapsulation: i0.ViewEncapsulation.None,
                         changeDetection: i0.ChangeDetectionStrategy.OnPush
                     }]
-            }], function () { return [{ type: RecipesService }, { type: i0.ChangeDetectorRef }]; }, { filters: [{
+            }], function () { return [{ type: RecipesService }, { type: RecipeLikesService }, { type: i0.ChangeDetectorRef }]; }, { filters: [{
                     type: i0.Input
                 }], noRecipeTextFirstLine: [{
                     type: i0.Input
@@ -13077,6 +13159,9 @@
             this.filters = Object.assign({}, filters); // Necessary to trigger the ngOnChanges
             this.filterToRemove = undefined;
             this.listIsEmpty = false;
+            if (this.isMobile) {
+                this.returnToTop();
+            }
             this.reloadList();
         };
         RecipeCatalogComponent.prototype.reloadList = function () {