ng-miam 4.3.4 → 4.4.1

package/bundles/ng-miam.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rxjs'), require('rxjs/operators'), require('ngx-jsonapi'), require('@angular/common/http'), require('uuid'), require('lodash-es'), require('duration-fns'), require('lodash-es/pullAt'), require('@angular/cdk/layout'), require('@angular/cdk/drag-drop'), require('@angular/forms'), require('@angular/cdk/text-field'), require('@angular/platform-browser'), require('date-fns/isWithinInterval'), require('date-fns/startOfWeek'), require('date-fns/endOfWeek'), require('date-fns/subDays'), require('@angular/youtube-player'), require('angular-calendar'), require('angular-calendar/date-adapters/date-fns'), require('@angular/elements'), require('lodash-es/remove'), require('lodash-es/pick'), require('angular-draggable-droppable'), require('lodash-es/groupBy'), require('angular-resizable-element'), require('@angular/platform-browser/animations'), require('@angular/common/locales/fr')) :
     typeof define === 'function' && define.amd ? define('ng-miam', ['exports', '@angular/core', '@angular/common', 'rxjs', 'rxjs/operators', 'ngx-jsonapi', '@angular/common/http', 'uuid', 'lodash-es', 'duration-fns', 'lodash-es/pullAt', '@angular/cdk/layout', '@angular/cdk/drag-drop', '@angular/forms', '@angular/cdk/text-field', '@angular/platform-browser', 'date-fns/isWithinInterval', 'date-fns/startOfWeek', 'date-fns/endOfWeek', 'date-fns/subDays', '@angular/youtube-player', 'angular-calendar', 'angular-calendar/date-adapters/date-fns', '@angular/elements', 'lodash-es/remove', 'lodash-es/pick', 'angular-draggable-droppable', 'lodash-es/groupBy', 'angular-resizable-element', '@angular/platform-browser/animations', '@angular/common/locales/fr'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['ng-miam'] = {}, global.ng.core, global.ng.common, global.rxjs, global.rxjs.operators, global['ngx-jsonapi'], global.ng.common.http, global.uuid, global.lodashEs, global.durationFns, global.pullAt, global.ng.cdk.layout, global.ng.cdk.dragDrop, global.ng.forms, global.ng.cdk.textField, global.ng.platformBrowser, global.isWithinInterval, global.startOfWeek, global.endOfWeek, global.subDays, global.ng.youtubePlayer, global.i1$4, global.dateFns, global.ng.elements, global.remove, global.pick, global.i38, global.groupBy, global.i39, global.ng.platformBrowser.animations, global.ng.common.locales.fr));
-}(this, (function (exports, i0, i3, rxjs, operators, i1, i1$1, uuid, lodashEs, durationFns, pullAt, i1$2, i5, i15, i4, i1$3, isWithinInterval, startOfWeek, endOfWeek, subDays, i8, i1$4, dateFns, elements, remove, pick, i38, groupBy, i39, animations, localeFr) { 'use strict';
+}(this, (function (exports, i0, i3, rxjs, operators, i1, i1$1, uuid, lodashEs, durationFns, pullAt, i1$2, i5, i15, i4, i1$3, isWithinInterval, startOfWeek, endOfWeek, subDays, i7, i1$4, dateFns, elements, remove, pick, i38, groupBy, i39, animations, localeFr) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -2697,510 +2697,51 @@
         return Ingredient;
     }(i1.Resource));
 
-    var MIAM_API_HOST = environment.miamAPI + "/api/v1/";
-    var IngredientsService = /** @class */ (function (_super) {
-        __extends(IngredientsService, _super);
-        function IngredientsService(http) {
-            var _this = _super.call(this) || this;
-            _this.http = http;
-            _this.resource = Ingredient;
-            _this.type = 'ingredients';
-            _this.register();
-            // if you are using this service you will need this, prefetch it
-            _this.fetchReviewedNames();
-            _this.fetchReviewedUnits();
-            return _this;
-        }
-        IngredientsService.prototype.getReviewedNames = function () {
-            if (!this.reviewedNames) {
-                this.fetchReviewedNames();
-            }
-            return this.reviewedNames;
-        };
-        IngredientsService.prototype.getReviewedUnits = function () {
-            if (!this.reviewedUnits) {
-                this.fetchReviewedUnits();
-            }
-            return this.reviewedUnits;
-        };
-        IngredientsService.prototype.fetchReviewedNames = function () {
-            var _this = this;
-            return this.http.get(MIAM_API_HOST + "ingredients-definitions/reviewed_names").subscribe(function (reviewedNames) {
-                _this.reviewedNames = reviewedNames;
-            });
-        };
-        IngredientsService.prototype.fetchReviewedUnits = function () {
-            var _this = this;
-            return this.http.get(MIAM_API_HOST + "quantity-units/reviewed_names").subscribe(function (reviewedUnits) {
-                _this.reviewedUnits = __spread(reviewedUnits.map(function (unitObject) { return unitObject['name']; }));
-            });
-        };
-        /**
-         * Check if ingredient is already known in backend
-         * @param ingredientDef exemple : 'steak'
-         */
-        IngredientsService.prototype.isReviewedName = function (ingredientDef) {
-            var _this = this;
-            if (!this.reviewedNames) {
-                // get all knowed ingredient in backend
-                return this.http.get(MIAM_API_HOST + "ingredients-definitions/reviewed_names").pipe(operators.switchMap(function (reviewedNames) {
-                    _this.reviewedNames = reviewedNames;
-                    // check if ingredientDef is in the list
-                    return rxjs.of(_this.reviewedNames.some(function (el) { return el === ingredientDef; }));
-                }));
-            }
-            return rxjs.of(this.reviewedNames.some(function (el) { return el === ingredientDef; }));
-        };
-        /**
-         * Check if unit is already known in backend
-         * @param unit exemple : 'c. à c.'
-         */
-        IngredientsService.prototype.isReviewedUnit = function (unit) {
-            var _this = this;
-            if (!this.reviewedUnits) {
-                // get all knowed units in backend
-                return this.http.get(MIAM_API_HOST + "quantity-units/reviewed_names").pipe(operators.switchMap(function (reviewedUnits) {
-                    _this.reviewedUnits = __spread(reviewedUnits.map(function (unitObject) { return unitObject['name']; }));
-                    // check if unit is in the list
-                    // rem: the case is not always lowered for all units
-                    return rxjs.of(_this.reviewedUnits.some(function (el) { return el.toLowerCase() === unit.toLowerCase(); }));
-                }));
-            }
-            return rxjs.of(this.reviewedUnits.some(function (el) { return el.toLowerCase() === unit.toLowerCase(); }));
-        };
-        IngredientsService.prototype.formatIngredients = function (listIngredient) {
-            var _this = this;
-            return rxjs.forkJoin(listIngredient.map(function (el) { return _this.get("from_s?ingredient_str=" + el); }));
-        };
-        /**
-         * Merge Recipe Ingredients list with output of recipe forms ingredient list
-         * it's link with RecipeFormComponent
-         * @param recipe to update
-         * @param ingredients list of ingredients
-         */
-        IngredientsService.prototype.createOrUpdateIngredients = function (recipe, ingredients) {
-            var _this = this;
-            var oldIngredients = __spread(recipe.relationships["ingredients"].data);
-            var ingredientsToSave = [];
-            ingredients.forEach(function (ing) {
-                if (ing.id) {
-                    var oldIndex = oldIngredients.findIndex(function (el) { return el.id === ing.id; });
-                    var oldIngredientAttribute = oldIngredients[oldIndex].attributes;
-                    var hasChange = oldIngredientAttribute.name !== ing.attributes.name ||
-                        oldIngredientAttribute.unit !== ing.attributes.unit ||
-                        oldIngredientAttribute.quantity !== ing.attributes.quantity;
-                    if (hasChange) {
-                        oldIngredients[oldIndex].attributes = Object.assign(Object.assign({}, oldIngredients[oldIndex].attributes), { name: ing.attributes.name, unit: ing.attributes.unit, quantity: ing.attributes.quantity, 'picture-url': ing.attributes['picture-url'] });
-                        ingredientsToSave.push(oldIngredients[oldIndex]);
-                    }
-                }
-                else {
-                    var newIng = _this.new();
-                    delete newIng.id;
-                    newIng.attributes = Object.assign(Object.assign({}, newIng.attributes), { name: ing.attributes.name, unit: ing.attributes.unit, quantity: '' + ing.attributes.quantity, 'picture-url': ing.attributes['picture-url'] });
-                    newIng.addRelationship(recipe, 'recipe');
-                    ingredientsToSave.push(newIng);
-                }
-            });
-            return ingredientsToSave;
-        };
-        /**
-         *  Create or update a list Of Ingredient
-         *  it'll create if Ingredient id is null otherwise update it
-         *  it's perform in parallel , Observable'll complet when all ingredents have been upserted
-         * @param ingredients array of Ingredient
-         */
-        IngredientsService.prototype.upsertIngredientList = function (ingredients) {
-            return rxjs.forkJoin(ingredients.map(function (ingredient) {
-                return ingredient.save();
-            }));
-        };
-        IngredientsService.prototype.deleteIngredientList = function (ingredientIds) {
-            var _this = this;
-            return rxjs.forkJoin(ingredientIds.map(function (ingredientId) { return _this.delete(ingredientId); }));
-        };
-        return IngredientsService;
-    }(i1.Service));
-    IngredientsService.ɵfac = function IngredientsService_Factory(t) { return new (t || IngredientsService)(i0.ɵɵinject(i1$1.HttpClient)); };
-    IngredientsService.ɵprov = i0.ɵɵdefineInjectable({ token: IngredientsService, factory: IngredientsService.ɵfac, providedIn: 'root' });
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(IngredientsService, [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }], function () { return [{ type: i1$1.HttpClient }]; }, null);
-    })();
-
-    var RecipeStep = /** @class */ (function (_super) {
-        __extends(RecipeStep, _super);
-        function RecipeStep() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.attributes = {
-                'step-number': 0,
-                'title': '',
-                'description': '',
-                'media-url': null
-            };
-            _this.relationships = {
-                recipe: new i1.DocumentResource()
-            };
-            return _this;
-        }
-        return RecipeStep;
-    }(i1.Resource));
-
-    var RecipeStepsService = /** @class */ (function (_super) {
-        __extends(RecipeStepsService, _super);
-        function RecipeStepsService() {
-            var _this = _super.call(this) || this;
-            _this.resource = RecipeStep;
-            _this.type = 'recipe-steps';
-            _this.register();
-            return _this;
-        }
-        /**
-         * Merge Recipe steps list with output of recipe forms Step list
-         * it's link with RecipeFormComponent
-         * @param recipe to update
-         * @param stepsForm list of step output of RecipeFormComponent form
-         */
-        RecipeStepsService.prototype.formToStepsMapper = function (recipe, stepsForm) {
-            var _this = this;
-            var oldRecipeSteps = __spread(recipe.relationships['recipe-steps'].data);
-            var newRecipeSteps = [];
-            stepsForm.forEach(function (step, index) {
-                var _a;
-                if (step.id) {
-                    var oldIndex = oldRecipeSteps.findIndex(function (el) { return el.id === step.id; });
-                    oldRecipeSteps[oldIndex].attributes = Object.assign(Object.assign({}, oldRecipeSteps[oldIndex].attributes), (_a = {}, _a['step-number'] = index, _a.description = step.attributes.description, _a));
-                    newRecipeSteps.push(pullAt__default['default'](oldRecipeSteps, [oldIndex])[0]);
-                }
-                else {
-                    newRecipeSteps.push(_this.newStep(step, recipe, index));
-                }
-            });
-            return newRecipeSteps;
-        };
-        RecipeStepsService.prototype.newStep = function (step, recipe, index) {
-            var _a;
-            var newStep = this.new();
-            newStep.addRelationship(recipe, 'recipe');
-            newStep.attributes = Object.assign(Object.assign({}, newStep.attributes), (_a = {}, _a['step-number'] = index, _a.description = step.attributes.description, _a));
-            delete newStep.id;
-            return newStep;
-        };
-        RecipeStepsService.prototype.createOrUpdateRelatedSteps = function (recipeSteps) {
-            return rxjs.forkJoin(recipeSteps.map(function (step) {
-                return step.save();
-            }));
-        };
-        RecipeStepsService.prototype.deleteStepList = function (stepIds) {
-            var _this = this;
-            return rxjs.forkJoin(stepIds.map(function (stepId) {
-                return _this.delete(stepId);
-            }));
-        };
-        return RecipeStepsService;
-    }(i1.Service));
-    RecipeStepsService.ɵfac = function RecipeStepsService_Factory(t) { return new (t || RecipeStepsService)(); };
-    RecipeStepsService.ɵprov = i0.ɵɵdefineInjectable({ token: RecipeStepsService, factory: RecipeStepsService.ɵfac, providedIn: 'root' });
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(RecipeStepsService, [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }], function () { return []; }, null);
-    })();
-
-    var RecipeEventsService = /** @class */ (function () {
-        function RecipeEventsService(http) {
-            this.http = http;
-            this.suggestion_url = environment.miamAPI + "/api/events/recipes";
-            this.ORIGIN_SUGGESTION = 'suggestion';
-            this.ORIGIN_CATALOG = 'catalog';
-            this.ACTION_PROPOSED = 'proposed';
-            this.ACTION_SHOWN = 'shown';
-            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;
-            }
-            var url = this.suggestion_url + "/" + recipe.id + "/" + recipe.eventOrigin + "/" + action;
-            if (recipe.eventsGroupId) {
-                url += "?group_id=" + recipe.eventsGroupId;
-            }
-            this.http.post(url, {}).subscribe();
-        };
-        return RecipeEventsService;
-    }());
-    RecipeEventsService.ɵfac = function RecipeEventsService_Factory(t) { return new (t || RecipeEventsService)(i0.ɵɵinject(i1$1.HttpClient)); };
-    RecipeEventsService.ɵprov = i0.ɵɵdefineInjectable({ token: RecipeEventsService, factory: RecipeEventsService.ɵfac, providedIn: 'root' });
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(RecipeEventsService, [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }], function () { return [{ type: i1$1.HttpClient }]; }, null);
-    })();
-
-    var Sponsor = /** @class */ (function (_super) {
-        __extends(Sponsor, _super);
-        function Sponsor() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.attributes = {
-                name: '',
-                'logo-url': ''
-            };
-            return _this;
-        }
-        return Sponsor;
-    }(i1.Resource));
-
-    var SponsorService = /** @class */ (function (_super) {
-        __extends(SponsorService, _super);
-        function SponsorService() {
-            var _this = _super.call(this) || this;
-            _this.resource = Sponsor;
-            _this.type = 'sponsors';
-            _this.register();
-            return _this;
-        }
-        return SponsorService;
-    }(i1.Service));
-    SponsorService.ɵfac = function SponsorService_Factory(t) { return new (t || SponsorService)(); };
-    SponsorService.ɵprov = i0.ɵɵdefineInjectable({ token: SponsorService, factory: SponsorService.ɵfac, providedIn: 'root' });
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(SponsorService, [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }], function () { return []; }, null);
-    })();
-
-    var Package = /** @class */ (function (_super) {
-        __extends(Package, _super);
-        function Package() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.attributes = {
-                title: '',
-                'author-id': '',
-                // system: '',
-                editable: false,
-                shared: false,
-                'catalog-category': false,
-                'catalog-position': '',
-                'recipes-count': '',
-                settings: {}
-            };
-            _this.relationships = {
-                provider: new i1.DocumentResource(),
-                status: new i1.DocumentResource(),
-                recipes: new i1.DocumentCollection(),
-                'shared-suppliers': new i1.DocumentCollection()
-            };
-            return _this;
-        }
-        Object.defineProperty(Package.prototype, "title", {
-            get: function () {
-                return this.attributes.title;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(Package.prototype, "status", {
-            get: function () {
-                return this.relationships && this.relationships.status && this.relationships.status.data;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(Package.prototype, "subtitle", {
-            get: function () {
-                return this.attributes.settings['subtitle'];
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return Package;
-    }(i1.Resource));
-
-    var MIAM_API_HOST$1 = environment.miamAPI + "/api/v1/";
-    var PackageService = /** @class */ (function (_super) {
-        __extends(PackageService, _super);
-        function PackageService(http, providerService, statusService) {
-            var _this = _super.call(this) || this;
-            _this.http = http;
-            _this.providerService = providerService;
-            _this.statusService = statusService;
-            _this.resource = Package;
-            _this.type = 'packages';
-            _this.register();
-            return _this;
-        }
-        PackageService.prototype.categories_for = function (suppliersIds) {
-            var _this = this;
-            return this.statusService.active.pipe(operators.switchMap(function (activeStatus) { return _this.all({
-                remotefilter: {
-                    category_for: suppliersIds.join(','),
-                    status: activeStatus.id,
-                    user_preferences: true
-                },
-                sort: ['catalog_position']
-            }); }));
-        };
-        PackageService.prototype.unshareWithSupplier = function (pack, supplier) {
-            return this.http.delete(MIAM_API_HOST$1 + ("packages/" + pack.id + "/suppliers/" + supplier.id));
-        };
-        PackageService.prototype.shareWithSupplierOrUpdate = function (pack, supplier, category, catalog_position, edit_content) {
-            // Only send params if they are passed
-            var body = Object.assign(Object.assign(Object.assign({}, category !== null ? { category: category } : {}), catalog_position !== null ? { catalog_position: catalog_position } : {}), edit_content !== null ? { edit_content: edit_content } : {});
-            var url = MIAM_API_HOST$1 + ("packages/" + pack.id + "/suppliers/" + supplier.id);
-            if (pack.attributes.shared) {
-                return this.http.patch(url, body);
-            }
-            else {
-                return this.http.post(url, body);
-            }
-        };
-        PackageService.prototype.removeRecipeFromPackage = function (pack, recipe) {
-            return this.http.delete(MIAM_API_HOST$1 + ("packages/" + pack.id + "/recipes/" + recipe.id));
-        };
-        PackageService.prototype.addRecipeToPackage = function (pack, recipe) {
-            return this.http.post(MIAM_API_HOST$1 + ("packages/" + pack.id + "/recipes/" + recipe.id), {});
-        };
-        return PackageService;
-    }(i1.Service));
-    PackageService.ɵfac = function PackageService_Factory(t) { return new (t || PackageService)(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(RecipeProviderService), i0.ɵɵinject(RecipeStatusService)); };
-    PackageService.ɵprov = i0.ɵɵdefineInjectable({ token: PackageService, factory: PackageService.ɵfac, providedIn: 'root' });
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(PackageService, [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }], function () { return [{ type: i1$1.HttpClient }, { type: RecipeProviderService }, { type: RecipeStatusService }]; }, null);
-    })();
-
-    var Tag = /** @class */ (function (_super) {
-        __extends(Tag, _super);
-        function Tag() {
+    var Package = /** @class */ (function (_super) {
+        __extends(Package, _super);
+        function Package() {
             var _this = _super.apply(this, __spread(arguments)) || this;
             _this.attributes = {
-                'tag-type-id': '',
-                name: '',
-                'icon-url': '',
-                'picture-url': ''
+                title: '',
+                'author-id': '',
+                // system: '',
+                editable: false,
+                shared: false,
+                'catalog-category': false,
+                'catalog-position': '',
+                'recipes-count': '',
+                settings: {}
             };
             _this.relationships = {
-                recipe: new i1.DocumentResource()
+                provider: new i1.DocumentResource(),
+                status: new i1.DocumentResource(),
+                recipes: new i1.DocumentCollection(),
+                'shared-suppliers': new i1.DocumentCollection()
             };
             return _this;
         }
-        Object.defineProperty(Tag.prototype, "tagType", {
+        Object.defineProperty(Package.prototype, "title", {
             get: function () {
-                return this.attributes['tag-type-id'];
+                return this.attributes.title;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Tag.prototype, "name", {
+        Object.defineProperty(Package.prototype, "status", {
             get: function () {
-                return this.attributes.name;
+                return this.relationships && this.relationships.status && this.relationships.status.data;
             },
             enumerable: false,
             configurable: true
         });
-        return Tag;
-    }(i1.Resource));
-
-    var MIAM_API_HOST$2 = environment.miamAPI + "/api/v1/";
-    var TagsService = /** @class */ (function (_super) {
-        __extends(TagsService, _super);
-        function TagsService(http) {
-            var _this = _super.call(this) || this;
-            _this.http = http;
-            _this.resource = Tag;
-            _this.type = 'tags';
-            _this.register();
-            return _this;
-        }
-        TagsService.prototype.autocomplete = function (searchStr) {
-            return this.http.get(MIAM_API_HOST$2 + ("tags/autocomplete/" + searchStr));
-        };
-        return TagsService;
-    }(i1.Service));
-    TagsService.ɵfac = function TagsService_Factory(t) { return new (t || TagsService)(i0.ɵɵinject(i1$1.HttpClient)); };
-    TagsService.ɵprov = i0.ɵɵdefineInjectable({ token: TagsService, factory: TagsService.ɵfac, providedIn: 'root' });
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(TagsService, [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }], function () { return [{ type: i1$1.HttpClient }]; }, null);
-    })();
-
-    var RecipeLike = /** @class */ (function (_super) {
-        __extends(RecipeLike, _super);
-        function RecipeLike() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.attributes = {
-                'user-id': '',
-                'is-past': true,
-                'recipe-id': ''
-            };
-            _this.relationships = {
-                recipe: new i1.DocumentResource()
-            };
-            return _this;
-        }
-        Object.defineProperty(RecipeLike.prototype, "isPast", {
+        Object.defineProperty(Package.prototype, "subtitle", {
             get: function () {
-                return this.attributes['is-past'];
-            },
-            set: function (value) {
-                this.attributes['is-past'] = value;
+                return this.attributes.settings['subtitle'];
             },
             enumerable: false,
             configurable: true
         });
-        RecipeLike.prototype.toggle = function () {
-            this.isPast = !this.isPast;
-        };
-        return RecipeLike;
+        return Package;
     }(i1.Resource));
 
     var QuantityUnit = /** @class */ (function (_super) {
@@ -3242,6 +2783,56 @@
         return RecipeShare;
     }(i1.Resource));
 
+    var RecipeStep = /** @class */ (function (_super) {
+        __extends(RecipeStep, _super);
+        function RecipeStep() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.attributes = {
+                'step-number': 0,
+                'title': '',
+                'description': '',
+                'media-url': null
+            };
+            _this.relationships = {
+                recipe: new i1.DocumentResource()
+            };
+            return _this;
+        }
+        return RecipeStep;
+    }(i1.Resource));
+
+    var Tag = /** @class */ (function (_super) {
+        __extends(Tag, _super);
+        function Tag() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.attributes = {
+                'tag-type-id': '',
+                name: '',
+                'icon-url': '',
+                'picture-url': ''
+            };
+            _this.relationships = {
+                recipe: new i1.DocumentResource()
+            };
+            return _this;
+        }
+        Object.defineProperty(Tag.prototype, "tagType", {
+            get: function () {
+                return this.attributes['tag-type-id'];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(Tag.prototype, "name", {
+            get: function () {
+                return this.attributes.name;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return Tag;
+    }(i1.Resource));
+
     var BasketEntriesItem = /** @class */ (function () {
         function BasketEntriesItem(attrs) {
             if (attrs === void 0) { attrs = {}; }
@@ -3252,6 +2843,19 @@
         return BasketEntriesItem;
     }());
 
+    var Sponsor = /** @class */ (function (_super) {
+        __extends(Sponsor, _super);
+        function Sponsor() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.attributes = {
+                name: '',
+                'logo-url': ''
+            };
+            return _this;
+        }
+        return Sponsor;
+    }(i1.Resource));
+
     var Article = /** @class */ (function (_super) {
         __extends(Article, _super);
         function Article() {
@@ -3310,37 +2914,274 @@
         });
         Object.defineProperty(Article.prototype, "hiddenCssClasses", {
             get: function () {
-                return this.attributes['hidden-css-classes'].toString().split(',');
+                return this.attributes['hidden-css-classes'].toString().split(',');
+            },
+            set: function (classes) {
+                this.attributes['hidden-css-classes'] = classes.join(',');
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return Article;
+    }(i1.Resource));
+
+    var User = /** @class */ (function () {
+        function User(attrs) {
+            if (attrs === void 0) { attrs = {}; }
+            this.user_metadata = { preferences: {} };
+            this.forbidProfiling = false;
+            Object.assign(this, attrs);
+        }
+        Object.defineProperty(User.prototype, "supplierId", {
+            get: function () {
+                var _a;
+                if (this.app_metadata.env === undefined) {
+                    return null;
+                }
+                return (_a = this.app_metadata.env[environment.env]) === null || _a === void 0 ? void 0 : _a.supplier_id;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return User;
+    }());
+
+    var RecipeStepsService = /** @class */ (function (_super) {
+        __extends(RecipeStepsService, _super);
+        function RecipeStepsService() {
+            var _this = _super.call(this) || this;
+            _this.resource = RecipeStep;
+            _this.type = 'recipe-steps';
+            _this.register();
+            return _this;
+        }
+        /**
+         * Merge Recipe steps list with output of recipe forms Step list
+         * it's link with RecipeFormComponent
+         * @param recipe to update
+         * @param stepsForm list of step output of RecipeFormComponent form
+         */
+        RecipeStepsService.prototype.formToStepsMapper = function (recipe, stepsForm) {
+            var _this = this;
+            var oldRecipeSteps = __spread(recipe.relationships['recipe-steps'].data);
+            var newRecipeSteps = [];
+            stepsForm.forEach(function (step, index) {
+                var _a;
+                if (step.id) {
+                    var oldIndex = oldRecipeSteps.findIndex(function (el) { return el.id === step.id; });
+                    oldRecipeSteps[oldIndex].attributes = Object.assign(Object.assign({}, oldRecipeSteps[oldIndex].attributes), (_a = {}, _a['step-number'] = index, _a.description = step.attributes.description, _a));
+                    newRecipeSteps.push(pullAt__default['default'](oldRecipeSteps, [oldIndex])[0]);
+                }
+                else {
+                    newRecipeSteps.push(_this.newStep(step, recipe, index));
+                }
+            });
+            return newRecipeSteps;
+        };
+        RecipeStepsService.prototype.newStep = function (step, recipe, index) {
+            var _a;
+            var newStep = this.new();
+            newStep.addRelationship(recipe, 'recipe');
+            newStep.attributes = Object.assign(Object.assign({}, newStep.attributes), (_a = {}, _a['step-number'] = index, _a.description = step.attributes.description, _a));
+            delete newStep.id;
+            return newStep;
+        };
+        RecipeStepsService.prototype.createOrUpdateRelatedSteps = function (recipeSteps) {
+            return rxjs.forkJoin(recipeSteps.map(function (step) {
+                return step.save();
+            }));
+        };
+        RecipeStepsService.prototype.deleteStepList = function (stepIds) {
+            var _this = this;
+            return rxjs.forkJoin(stepIds.map(function (stepId) {
+                return _this.delete(stepId);
+            }));
+        };
+        return RecipeStepsService;
+    }(i1.Service));
+    RecipeStepsService.ɵfac = function RecipeStepsService_Factory(t) { return new (t || RecipeStepsService)(); };
+    RecipeStepsService.ɵprov = i0.ɵɵdefineInjectable({ token: RecipeStepsService, factory: RecipeStepsService.ɵfac, providedIn: 'root' });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(RecipeStepsService, [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], function () { return []; }, null);
+    })();
+
+    var RecipeLike = /** @class */ (function (_super) {
+        __extends(RecipeLike, _super);
+        function RecipeLike() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.attributes = {
+                'user-id': '',
+                'is-past': true,
+                'recipe-id': ''
+            };
+            _this.relationships = {
+                recipe: new i1.DocumentResource()
+            };
+            return _this;
+        }
+        Object.defineProperty(RecipeLike.prototype, "isPast", {
+            get: function () {
+                return this.attributes['is-past'];
             },
-            set: function (classes) {
-                this.attributes['hidden-css-classes'] = classes.join(',');
+            set: function (value) {
+                this.attributes['is-past'] = value;
             },
             enumerable: false,
             configurable: true
         });
-        return Article;
+        RecipeLike.prototype.toggle = function () {
+            this.isPast = !this.isPast;
+        };
+        return RecipeLike;
     }(i1.Resource));
 
-    var User = /** @class */ (function () {
-        function User(attrs) {
-            if (attrs === void 0) { attrs = {}; }
-            this.user_metadata = { preferences: {} };
-            this.forbidProfiling = false;
-            Object.assign(this, attrs);
+    var RecipeLikesService = /** @class */ (function (_super) {
+        __extends(RecipeLikesService, _super);
+        function RecipeLikesService(userService) {
+            var _this = _super.call(this) || this;
+            _this.userService = userService;
+            _this.resource = RecipeLike;
+            _this.type = 'recipe-likes';
+            _this.activeRecipeLikes = new Map();
+            _this.register();
+            return _this;
         }
-        Object.defineProperty(User.prototype, "supplierId", {
-            get: function () {
-                var _a;
-                if (this.app_metadata.env === undefined) {
-                    return null;
+        RecipeLikesService.prototype.getLike = function (recipeId) {
+            this.addLikeToActivesIfNecessary(recipeId);
+            return this.activeRecipeLikes.get(recipeId);
+        };
+        RecipeLikesService.prototype.updateLike = function (recipeId, recipeLike) {
+            var _this = this;
+            recipeLike.save().subscribe(function () {
+                _this.activeRecipeLikes.get(recipeId).next(recipeLike);
+            });
+        };
+        RecipeLikesService.prototype.addLikeToActivesIfNecessary = function (recipeId) {
+            var _this = this;
+            if (!this.activeRecipeLikes.get(recipeId)) {
+                this.activeRecipeLikes.set(recipeId, new rxjs.BehaviorSubject(this.new()));
+                this.fetchLikesOfRecipe(recipeId).subscribe(function (likes) {
+                    // Double check because the BehaviorSubject could have been deleted in removeLikeFromActivesIfNecessary while fetching
+                    if (likes.data[0] && _this.activeRecipeLikes.get(recipeId)) {
+                        _this.activeRecipeLikes.get(recipeId).next(likes.data[0]);
+                    }
+                });
+            }
+        };
+        RecipeLikesService.prototype.removeLikeFromActivesIfNecessary = function (recipeId) {
+            var activeLikes = this.activeRecipeLikes.get(recipeId);
+            if (!activeLikes) {
+                return;
+            }
+            if (activeLikes.observers.length === 0) {
+                this.activeRecipeLikes.delete(recipeId);
+            }
+        };
+        RecipeLikesService.prototype.addLikesToRecipes = 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(),
+                    is_past: 'true,false'
                 }
-                return (_a = this.app_metadata.env[environment.env]) === null || _a === void 0 ? void 0 : _a.supplier_id;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return User;
+            }).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)(i0.ɵɵinject(UserService)); };
+    RecipeLikesService.ɵprov = i0.ɵɵdefineInjectable({ token: RecipeLikesService, factory: RecipeLikesService.ɵfac, providedIn: 'root' });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(RecipeLikesService, [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], function () { return [{ type: UserService }]; }, null);
+    })();
+
+    var RecipeEventsService = /** @class */ (function () {
+        function RecipeEventsService(http) {
+            this.http = http;
+            this.suggestion_url = environment.miamAPI + "/api/events/recipes";
+            this.ORIGIN_SUGGESTION = 'suggestion';
+            this.ORIGIN_CATALOG = 'catalog';
+            this.ACTION_PROPOSED = 'proposed';
+            this.ACTION_SHOWN = 'shown';
+            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;
+            }
+            var url = this.suggestion_url + "/" + recipe.id + "/" + recipe.eventOrigin + "/" + action;
+            if (recipe.eventsGroupId) {
+                url += "?group_id=" + recipe.eventsGroupId;
+            }
+            this.http.post(url, {}).subscribe();
+        };
+        return RecipeEventsService;
     }());
+    RecipeEventsService.ɵfac = function RecipeEventsService_Factory(t) { return new (t || RecipeEventsService)(i0.ɵɵinject(i1$1.HttpClient)); };
+    RecipeEventsService.ɵprov = i0.ɵɵdefineInjectable({ token: RecipeEventsService, factory: RecipeEventsService.ɵfac, providedIn: 'root' });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(RecipeEventsService, [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], function () { return [{ type: i1$1.HttpClient }]; }, null);
+    })();
 
     // THIS IS JUST AN EXAMPLE - UNUSED IN THE CODE
     var CounterService = /** @class */ (function () {
@@ -3363,7 +3204,7 @@
             }], function () { return [{ type: i0.ApplicationRef }]; }, null);
     })();
 
-    var MIAM_API_HOST$3 = environment.miamAPI + "/api/v1/";
+    var MIAM_API_HOST = environment.miamAPI + "/api/v1/";
     var RecipeShareService = /** @class */ (function (_super) {
         __extends(RecipeShareService, _super);
         function RecipeShareService(http) {
@@ -3403,51 +3244,130 @@
         RecipeShareService.prototype.getAllRecipeShareOfShareable = function (shareable) {
             return this.all({
                 remotefilter: {
-                    shareable_id: shareable.id,
-                    shareable_type: shareable.type
-                }
-            });
+                    shareable_id: shareable.id,
+                    shareable_type: shareable.type
+                }
+            });
+        };
+        RecipeShareService.prototype.hasAtLeastOneRecipeShare = function (shareable) {
+            return this.getAllRecipeShareOfShareable(shareable).pipe(operators.skipWhile(function (res) { return res.is_loading; }), operators.switchMap(function (res) {
+                return rxjs.of(res.data.length > 0);
+            }));
+        };
+        RecipeShareService.prototype.deleteAllRecipeShareOfShareable = function (shareable) {
+            var _this = this;
+            return this.getAllRecipeShareOfShareable(shareable).pipe(operators.skipWhile(function (res) { return res.is_loading; }), operators.switchMap(function (recipeShares) {
+                return rxjs.forkJoin(recipeShares.data.map(function (recipeShare) {
+                    return _this.delete(recipeShare.id);
+                }));
+            }));
+        };
+        // For shareable and destination, if only ids are passed, back will update shares for all elements with those ids, if only
+        // filters are passed, back will use the filter to get the ids to update shares, and if both are passed, back will use the
+        // filters to get ids, will remove those wich are in passed ids, and then update.
+        RecipeShareService.prototype.updateMultipleRecipeShare = function (shareableIds, shareableType, destinationIds, destinationType, status, shareableFilters, destinationFilters) {
+            var body = {
+                destination_ids: destinationIds,
+                destination_type: destinationType,
+                shareable_ids: shareableIds,
+                shareable_type: shareableType,
+                status: status,
+                destination_filters: destinationFilters,
+                shareable_filters: shareableFilters
+            };
+            var url = MIAM_API_HOST + "recipe-shares/multi";
+            return this.http.post(url, body);
+        };
+        return RecipeShareService;
+    }(i1.Service));
+    RecipeShareService.ɵfac = function RecipeShareService_Factory(t) { return new (t || RecipeShareService)(i0.ɵɵinject(i1$1.HttpClient)); };
+    RecipeShareService.ɵprov = i0.ɵɵdefineInjectable({ token: RecipeShareService, factory: RecipeShareService.ɵfac, providedIn: 'root' });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(RecipeShareService, [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], function () { return [{ type: i1$1.HttpClient }]; }, null);
+    })();
+
+    var SponsorService = /** @class */ (function (_super) {
+        __extends(SponsorService, _super);
+        function SponsorService() {
+            var _this = _super.call(this) || this;
+            _this.resource = Sponsor;
+            _this.type = 'sponsors';
+            _this.register();
+            return _this;
+        }
+        return SponsorService;
+    }(i1.Service));
+    SponsorService.ɵfac = function SponsorService_Factory(t) { return new (t || SponsorService)(); };
+    SponsorService.ɵprov = i0.ɵɵdefineInjectable({ token: SponsorService, factory: SponsorService.ɵfac, providedIn: 'root' });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(SponsorService, [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], function () { return []; }, null);
+    })();
+
+    var MIAM_API_HOST$1 = environment.miamAPI + "/api/v1/";
+    var PackageService = /** @class */ (function (_super) {
+        __extends(PackageService, _super);
+        function PackageService(http, providerService, statusService) {
+            var _this = _super.call(this) || this;
+            _this.http = http;
+            _this.providerService = providerService;
+            _this.statusService = statusService;
+            _this.resource = Package;
+            _this.type = 'packages';
+            _this.register();
+            return _this;
+        }
+        PackageService.prototype.categories_for = function (suppliersIds) {
+            var _this = this;
+            return this.statusService.active.pipe(operators.switchMap(function (activeStatus) { return _this.all({
+                remotefilter: {
+                    category_for: suppliersIds.join(','),
+                    status: activeStatus.id,
+                    user_preferences: true
+                },
+                sort: ['catalog_position']
+            }); }));
         };
-        RecipeShareService.prototype.hasAtLeastOneRecipeShare = function (shareable) {
-            return this.getAllRecipeShareOfShareable(shareable).pipe(operators.skipWhile(function (res) { return res.is_loading; }), operators.switchMap(function (res) {
-                return rxjs.of(res.data.length > 0);
-            }));
+        PackageService.prototype.unshareWithSupplier = function (pack, supplier) {
+            return this.http.delete(MIAM_API_HOST$1 + ("packages/" + pack.id + "/suppliers/" + supplier.id));
         };
-        RecipeShareService.prototype.deleteAllRecipeShareOfShareable = function (shareable) {
-            var _this = this;
-            return this.getAllRecipeShareOfShareable(shareable).pipe(operators.skipWhile(function (res) { return res.is_loading; }), operators.switchMap(function (recipeShares) {
-                return rxjs.forkJoin(recipeShares.data.map(function (recipeShare) {
-                    return _this.delete(recipeShare.id);
-                }));
-            }));
+        PackageService.prototype.shareWithSupplierOrUpdate = function (pack, supplier, category, catalog_position, edit_content) {
+            // Only send params if they are passed
+            var body = Object.assign(Object.assign(Object.assign({}, category !== null ? { category: category } : {}), catalog_position !== null ? { catalog_position: catalog_position } : {}), edit_content !== null ? { edit_content: edit_content } : {});
+            var url = MIAM_API_HOST$1 + ("packages/" + pack.id + "/suppliers/" + supplier.id);
+            if (pack.attributes.shared) {
+                return this.http.patch(url, body);
+            }
+            else {
+                return this.http.post(url, body);
+            }
         };
-        // For shareable and destination, if only ids are passed, back will update shares for all elements with those ids, if only
-        // filters are passed, back will use the filter to get the ids to update shares, and if both are passed, back will use the
-        // filters to get ids, will remove those wich are in passed ids, and then update.
-        RecipeShareService.prototype.updateMultipleRecipeShare = function (shareableIds, shareableType, destinationIds, destinationType, status, shareableFilters, destinationFilters) {
-            var body = {
-                destination_ids: destinationIds,
-                destination_type: destinationType,
-                shareable_ids: shareableIds,
-                shareable_type: shareableType,
-                status: status,
-                destination_filters: destinationFilters,
-                shareable_filters: shareableFilters
-            };
-            var url = MIAM_API_HOST$3 + "recipe-shares/multi";
-            return this.http.post(url, body);
+        PackageService.prototype.removeRecipeFromPackage = function (pack, recipe) {
+            return this.http.delete(MIAM_API_HOST$1 + ("packages/" + pack.id + "/recipes/" + recipe.id));
         };
-        return RecipeShareService;
+        PackageService.prototype.addRecipeToPackage = function (pack, recipe) {
+            return this.http.post(MIAM_API_HOST$1 + ("packages/" + pack.id + "/recipes/" + recipe.id), {});
+        };
+        return PackageService;
     }(i1.Service));
-    RecipeShareService.ɵfac = function RecipeShareService_Factory(t) { return new (t || RecipeShareService)(i0.ɵɵinject(i1$1.HttpClient)); };
-    RecipeShareService.ɵprov = i0.ɵɵdefineInjectable({ token: RecipeShareService, factory: RecipeShareService.ɵfac, providedIn: 'root' });
+    PackageService.ɵfac = function PackageService_Factory(t) { return new (t || PackageService)(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(RecipeProviderService), i0.ɵɵinject(RecipeStatusService)); };
+    PackageService.ɵprov = i0.ɵɵdefineInjectable({ token: PackageService, factory: PackageService.ɵfac, providedIn: 'root' });
     /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(RecipeShareService, [{
+        i0.ɵsetClassMetadata(PackageService, [{
                 type: i0.Injectable,
                 args: [{
-                        providedIn: 'root',
+                        providedIn: 'root'
                     }]
-            }], function () { return [{ type: i1$1.HttpClient }]; }, null);
+            }], function () { return [{ type: i1$1.HttpClient }, { type: RecipeProviderService }, { type: RecipeStatusService }]; }, null);
     })();
 
     var ArticlesService = /** @class */ (function (_super) {
@@ -3531,6 +3451,33 @@
             }], null, null);
     })();
 
+    var MIAM_API_HOST$2 = environment.miamAPI + "/api/v1/";
+    var TagsService = /** @class */ (function (_super) {
+        __extends(TagsService, _super);
+        function TagsService(http) {
+            var _this = _super.call(this) || this;
+            _this.http = http;
+            _this.resource = Tag;
+            _this.type = 'tags';
+            _this.register();
+            return _this;
+        }
+        TagsService.prototype.autocomplete = function (searchStr) {
+            return this.http.get(MIAM_API_HOST$2 + ("tags/autocomplete/" + searchStr));
+        };
+        return TagsService;
+    }(i1.Service));
+    TagsService.ɵfac = function TagsService_Factory(t) { return new (t || TagsService)(i0.ɵɵinject(i1$1.HttpClient)); };
+    TagsService.ɵprov = i0.ɵɵdefineInjectable({ token: TagsService, factory: TagsService.ɵfac, providedIn: 'root' });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(TagsService, [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], function () { return [{ type: i1$1.HttpClient }]; }, null);
+    })();
+
     var UserService = /** @class */ (function () {
         function UserService(http, recipesProvidersService, toastr, suppliersService) {
             this.http = http;
@@ -3663,86 +3610,146 @@
             }], function () { return [{ type: i1$1.HttpClient }, { type: RecipeProviderService }, { type: ToastrService }, { type: SuppliersService }]; }, null);
     })();
 
-    var RecipeLikesService = /** @class */ (function (_super) {
-        __extends(RecipeLikesService, _super);
-        function RecipeLikesService(userService) {
+    var MIAM_API_HOST$3 = environment.miamAPI + "/api/v1/";
+    var IngredientsService = /** @class */ (function (_super) {
+        __extends(IngredientsService, _super);
+        function IngredientsService(http, userService) {
             var _this = _super.call(this) || this;
+            _this.http = http;
             _this.userService = userService;
-            _this.resource = RecipeLike;
-            _this.type = 'recipe-likes';
-            _this.activeRecipeLikes = new Map();
+            _this.resource = Ingredient;
+            _this.type = 'ingredients';
             _this.register();
+            // if you are using this service you will need this, prefetch it when user logs
+            userService.isLogged$
+                .pipe(operators.skipWhile(function (isLogged) { return !isLogged; }), operators.take(1))
+                .subscribe(function (isLogged) {
+                if (isLogged) {
+                    _this.fetchReviewedNames();
+                    _this.fetchReviewedUnits();
+                }
+            });
             return _this;
         }
-        RecipeLikesService.prototype.getLike = function (recipeId) {
-            this.addLikeToActivesIfNecessary(recipeId);
-            return this.activeRecipeLikes.get(recipeId);
+        IngredientsService.prototype.getReviewedNames = function () {
+            if (!this.reviewedNames) {
+                this.fetchReviewedNames();
+            }
+            return this.reviewedNames;
         };
-        RecipeLikesService.prototype.updateLike = function (recipeId, recipeLike) {
+        IngredientsService.prototype.getReviewedUnits = function () {
+            if (!this.reviewedUnits) {
+                this.fetchReviewedUnits();
+            }
+            return this.reviewedUnits;
+        };
+        IngredientsService.prototype.fetchReviewedNames = function () {
             var _this = this;
-            recipeLike.save().subscribe(function () {
-                _this.activeRecipeLikes.get(recipeId).next(recipeLike);
+            return this.http.get(MIAM_API_HOST$3 + "ingredients-definitions/reviewed_names").subscribe(function (reviewedNames) {
+                _this.reviewedNames = reviewedNames;
             });
         };
-        RecipeLikesService.prototype.addLikeToActivesIfNecessary = function (recipeId) {
+        IngredientsService.prototype.fetchReviewedUnits = function () {
             var _this = this;
-            if (!this.activeRecipeLikes.get(recipeId)) {
-                this.activeRecipeLikes.set(recipeId, new rxjs.BehaviorSubject(this.new()));
-                this.fetchLikesOfRecipe(recipeId).subscribe(function (likes) {
-                    // Double check because the BehaviorSubject could have been deleted in removeLikeFromActivesIfNecessary while fetching
-                    if (likes.data[0] && _this.activeRecipeLikes.get(recipeId)) {
-                        _this.activeRecipeLikes.get(recipeId).next(likes.data[0]);
-                    }
-                });
-            }
+            return this.http.get(MIAM_API_HOST$3 + "quantity-units/reviewed_names").subscribe(function (reviewedUnits) {
+                _this.reviewedUnits = __spread(reviewedUnits.map(function (unitObject) { return unitObject['name']; }));
+            });
         };
-        RecipeLikesService.prototype.removeLikeFromActivesIfNecessary = function (recipeId) {
-            var activeLikes = this.activeRecipeLikes.get(recipeId);
-            if (!activeLikes) {
-                return;
-            }
-            if (activeLikes.observers.length === 0) {
-                this.activeRecipeLikes.delete(recipeId);
+        /**
+         * Check if ingredient is already known in backend
+         * @param ingredientDef exemple : 'steak'
+         */
+        IngredientsService.prototype.isReviewedName = function (ingredientDef) {
+            var _this = this;
+            if (!this.reviewedNames) {
+                // get all knowed ingredient in backend
+                return this.http.get(MIAM_API_HOST$3 + "ingredients-definitions/reviewed_names").pipe(operators.switchMap(function (reviewedNames) {
+                    _this.reviewedNames = reviewedNames;
+                    // check if ingredientDef is in the list
+                    return rxjs.of(_this.reviewedNames.some(function (el) { return el === ingredientDef; }));
+                }));
             }
+            return rxjs.of(this.reviewedNames.some(function (el) { return el === ingredientDef; }));
         };
-        RecipeLikesService.prototype.addLikesToRecipes = function (recipes) {
+        /**
+         * Check if unit is already known in backend
+         * @param unit exemple : 'c. à c.'
+         */
+        IngredientsService.prototype.isReviewedUnit = function (unit) {
             var _this = this;
-            if (!this.userService.isLogged$.value) {
-                return rxjs.of(null);
+            if (!this.reviewedUnits) {
+                // get all knowed units in backend
+                return this.http.get(MIAM_API_HOST$3 + "quantity-units/reviewed_names").pipe(operators.switchMap(function (reviewedUnits) {
+                    _this.reviewedUnits = __spread(reviewedUnits.map(function (unitObject) { return unitObject['name']; }));
+                    // check if unit is in the list
+                    // rem: the case is not always lowered for all units
+                    return rxjs.of(_this.reviewedUnits.some(function (el) { return el.toLowerCase() === unit.toLowerCase(); }));
+                }));
             }
-            return this.all({
-                page: { size: 20, number: 1 },
-                remotefilter: {
-                    recipe_id: recipes.map(function (r) { return r.id; }).join(),
-                    is_past: 'true,false'
+            return rxjs.of(this.reviewedUnits.some(function (el) { return el.toLowerCase() === unit.toLowerCase(); }));
+        };
+        IngredientsService.prototype.formatIngredients = function (listIngredient) {
+            var _this = this;
+            return rxjs.forkJoin(listIngredient.map(function (el) { return _this.get("from_s?ingredient_str=" + el); }));
+        };
+        /**
+         * Merge Recipe Ingredients list with output of recipe forms ingredient list
+         * it's link with RecipeFormComponent
+         * @param recipe to update
+         * @param ingredients list of ingredients
+         */
+        IngredientsService.prototype.createOrUpdateIngredients = function (recipe, ingredients) {
+            var _this = this;
+            var oldIngredients = __spread(recipe.relationships["ingredients"].data);
+            var ingredientsToSave = [];
+            ingredients.forEach(function (ing) {
+                if (ing.id) {
+                    var oldIndex = oldIngredients.findIndex(function (el) { return el.id === ing.id; });
+                    var oldIngredientAttribute = oldIngredients[oldIndex].attributes;
+                    var hasChange = oldIngredientAttribute.name !== ing.attributes.name ||
+                        oldIngredientAttribute.unit !== ing.attributes.unit ||
+                        oldIngredientAttribute.quantity !== ing.attributes.quantity;
+                    if (hasChange) {
+                        oldIngredients[oldIndex].attributes = Object.assign(Object.assign({}, oldIngredients[oldIndex].attributes), { name: ing.attributes.name, unit: ing.attributes.unit, quantity: ing.attributes.quantity, 'picture-url': ing.attributes['picture-url'] });
+                        ingredientsToSave.push(oldIngredients[oldIndex]);
+                    }
                 }
-            }).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()));
-                });
+                else {
+                    var newIng = _this.new();
+                    delete newIng.id;
+                    newIng.attributes = Object.assign(Object.assign({}, newIng.attributes), { name: ing.attributes.name, unit: ing.attributes.unit, quantity: '' + ing.attributes.quantity, 'picture-url': ing.attributes['picture-url'] });
+                    newIng.addRelationship(recipe, 'recipe');
+                    ingredientsToSave.push(newIng);
+                }
+            });
+            return ingredientsToSave;
+        };
+        /**
+         *  Create or update a list Of Ingredient
+         *  it'll create if Ingredient id is null otherwise update it
+         *  it's perform in parallel , Observable'll complet when all ingredents have been upserted
+         * @param ingredients array of Ingredient
+         */
+        IngredientsService.prototype.upsertIngredientList = function (ingredients) {
+            return rxjs.forkJoin(ingredients.map(function (ingredient) {
+                return ingredient.save();
             }));
         };
-        // 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; }));
+        IngredientsService.prototype.deleteIngredientList = function (ingredientIds) {
+            var _this = this;
+            return rxjs.forkJoin(ingredientIds.map(function (ingredientId) { return _this.delete(ingredientId); }));
         };
-        return RecipeLikesService;
+        return IngredientsService;
     }(i1.Service));
-    RecipeLikesService.ɵfac = function RecipeLikesService_Factory(t) { return new (t || RecipeLikesService)(i0.ɵɵinject(UserService)); };
-    RecipeLikesService.ɵprov = i0.ɵɵdefineInjectable({ token: RecipeLikesService, factory: RecipeLikesService.ɵfac, providedIn: 'root' });
+    IngredientsService.ɵfac = function IngredientsService_Factory(t) { return new (t || IngredientsService)(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(UserService)); };
+    IngredientsService.ɵprov = i0.ɵɵdefineInjectable({ token: IngredientsService, factory: IngredientsService.ɵfac, providedIn: 'root' });
     /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(RecipeLikesService, [{
+        i0.ɵsetClassMetadata(IngredientsService, [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root'
                     }]
-            }], function () { return [{ type: UserService }]; }, null);
+            }], function () { return [{ type: i1$1.HttpClient }, { type: UserService }]; }, null);
     })();
 
     var MIAM_API_HOST$4 = environment.miamAPI + "/api/v1/";
@@ -8127,33 +8134,48 @@
                 }] });
     })();
 
-    function RecipePricingComponent_div_1_Template(rf, ctx) {
+    function RecipePricingComponent_div_0_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 2);
-            i0.ɵɵelementStart(1, "div", 3);
-            i0.ɵɵelementStart(2, "span");
-            i0.ɵɵtext(3);
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵelementStart(1, "div", 2);
+            i0.ɵɵelementStart(2, "div", 3);
+            i0.ɵɵelementStart(3, "span");
+            i0.ɵɵtext(4);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "span");
-            i0.ɵɵtext(5);
+            i0.ɵɵelementStart(5, "span");
+            i0.ɵɵtext(6);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "span");
-            i0.ɵɵtext(7, " \u20AC");
+            i0.ɵɵelementStart(7, "span");
+            i0.ɵɵtext(8, " \u20AC");
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "div", 4);
-            i0.ɵɵtext(9);
+            i0.ɵɵelementStart(9, "div", 4);
+            i0.ɵɵtext(10);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(11, "div", 5);
+            i0.ɵɵelementStart(12, "span");
+            i0.ɵɵtext(13, "Soit");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(14, "span");
+            i0.ɵɵtext(15);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(16, "span");
+            i0.ɵɵtext(17, "\u20AC");
+            i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
             var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵadvance(3);
+            i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate1("", ctx_r0.integerPart, ",");
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate(ctx_r0.decimalPart);
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate1(" ", ctx_r0.guestsText, " ");
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx_r0.total);
         }
     }
     var RecipePricingComponent = /** @class */ (function () {
@@ -8239,21 +8261,19 @@
             var values = this.pricing.price_per_serve.toFixed(2).toString().split('.');
             this.integerPart = values[0];
             this.decimalPart = values.length === 2 ? values[1] : '00';
+            this.total = this.pricing.price;
         };
         return RecipePricingComponent;
     }());
     RecipePricingComponent.ɵfac = function RecipePricingComponent_Factory(t) { return new (t || RecipePricingComponent)(i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(PointOfSalesService), i0.ɵɵdirectiveInject(GroceriesListsService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(BasketsService)); };
-    RecipePricingComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipePricingComponent, selectors: [["ng-miam-recipe-pricing"]], inputs: { recipe: "recipe", serves: "serves", guestsText: "guestsText" }, features: [i0.ɵɵNgOnChangesFeature], decls: 2, vars: 1, consts: [[1, "miam-recipe-pricing"], ["class", "miam-recipe-pricing__wrapper", 4, "ngIf"], [1, "miam-recipe-pricing__wrapper"], [1, "miam-recipe-pricing__wrapper__price"], [1, "miam-recipe-pricing__wrapper__subline"]], template: function RecipePricingComponent_Template(rf, ctx) {
+    RecipePricingComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipePricingComponent, selectors: [["ng-miam-recipe-pricing"]], inputs: { recipe: "recipe", serves: "serves", guestsText: "guestsText" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "miam-recipe-pricing", 4, "ngIf"], [1, "miam-recipe-pricing"], [1, "miam-recipe-pricing__wrapper"], [1, "miam-recipe-pricing__wrapper__price"], [1, "miam-recipe-pricing__wrapper__subline"], [1, "miam-recipe-pricing__total"]], template: function RecipePricingComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵelementStart(0, "div", 0);
-                i0.ɵɵtemplate(1, RecipePricingComponent_div_1_Template, 10, 3, "div", 1);
-                i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(0, RecipePricingComponent_div_0_Template, 18, 4, "div", 0);
             }
             if (rf & 2) {
-                i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngIf", !ctx.loading);
             }
-        }, directives: [i3.NgIf], styles: [".miam-recipe-pricing .miam-recipe-pricing__wrapper{align-items:center;display:flex;flex-direction:column}.miam-recipe-pricing .miam-recipe-pricing__wrapper__price{font-size:18px;font-weight:700}.miam-recipe-pricing .miam-recipe-pricing__wrapper__subline{color:grey;font-size:12px}"], encapsulation: 2, changeDetection: 0 });
+        }, directives: [i3.NgIf], styles: [".miam-recipe-pricing,.miam-recipe-pricing .miam-recipe-pricing__wrapper{align-items:center;display:flex;flex-direction:column}.miam-recipe-pricing .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{font-size:18px;font-weight:700}.miam-recipe-pricing .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{color:grey;font-size:12px}.miam-recipe-pricing .miam-recipe-pricing__total{color:var(--m-color-grey04);display:none;font-size:12px;font-weight:400;line-height:16px}.miam-recipe-pricing .miam-recipe-pricing__total span{margin-right:4px}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(RecipePricingComponent, [{
                 type: i0.Component,
@@ -9907,7 +9927,8 @@
                 return this.line.price;
             }
             var beItem = this.line.record.attributes['basket-entries-items'].find(function (i) { return i.item_id === _this.line.record.attributes['selected-item-id']; });
-            return parseFloat(beItem['unit-price']).toFixed(2);
+            // beItem can be null after replacing an item, before the view is reloaded with the new item
+            return beItem ? parseFloat(beItem['unit-price']).toFixed(2) : '0.00';
         };
         return BasketPreviewLineComponent;
     }());
@@ -11165,7 +11186,7 @@
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("disabled", !ctx_r0.recipe)("ngClass", i0.ɵɵpureFunction2(26, _c1$5, i0.ɵɵpipeBind1(29, 22, ctx_r0.groceriesListsService.recipeIsInList(ctx_r0.recipe == null ? null : ctx_r0.recipe.id)), ctx_r0.addButtonLoading));
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(32, 24, ctx_r0.groceriesListsService.recipeIsInList(ctx_r0.recipe == null ? null : ctx_r0.recipe.id)) ? "Voir le d\u00E9tails" : "Ajouter les ingr\u00E9dients", " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(32, 24, ctx_r0.groceriesListsService.recipeIsInList(ctx_r0.recipe == null ? null : ctx_r0.recipe.id)) ? "Voir le d\u00E9tail" : "Ajouter les ingr\u00E9dients", " ");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", !ctx_r0.addButtonLoading)("ngIfElse", _r20);
         }
@@ -11347,9 +11368,9 @@
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r15 = i0.ɵɵnextContext(2);
+            var ctx_r14 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("src", ctx_r15.recipe.filigraneLogoUrl, i0.ɵɵsanitizeUrl);
+            i0.ɵɵproperty("src", ctx_r14.recipe.filigraneLogoUrl, i0.ɵɵsanitizeUrl);
         }
     }
     function CatalogRecipeCardComponent_div_4_div_5_Template(rf, ctx) {
@@ -11359,9 +11380,9 @@
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r16 = i0.ɵɵnextContext(2);
+            var ctx_r15 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("iconName", ctx_r16.icon.Video)("width", 80)("height", 80);
+            i0.ɵɵproperty("iconName", ctx_r15.icon.Video)("width", 80)("height", 80);
         }
     }
     function CatalogRecipeCardComponent_div_4_ng_container_6_div_1_Template(rf, ctx) {
@@ -11379,25 +11400,25 @@
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r17 = i0.ɵɵnextContext(2);
+            var ctx_r16 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 1, ctx_r17.groceriesListsService.recipeIsInList(ctx_r17.recipe == null ? null : ctx_r17.recipe.id)));
+            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 1, ctx_r16.groceriesListsService.recipeIsInList(ctx_r16.recipe == null ? null : ctx_r16.recipe.id)));
         }
     }
     function CatalogRecipeCardComponent_div_4_ng_container_7_Template(rf, ctx) {
         if (rf & 1) {
-            var _r25_1 = i0.ɵɵgetCurrentView();
+            var _r24_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(_r25_1); var ctx_r24 = i0.ɵɵnextContext(2); return ctx_r24.openRecipe(); });
+            i0.ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_ng_container_7_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r24_1); var ctx_r23 = i0.ɵɵnextContext(2); return ctx_r23.openRecipe(); });
             i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r18 = i0.ɵɵnextContext(2);
+            var ctx_r17 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", ctx_r18.recipe == null ? null : ctx_r18.recipe.attributes["title"], " ");
+            i0.ɵɵtextInterpolate1(" ", ctx_r17.recipe == null ? null : ctx_r17.recipe.attributes["title"], " ");
         }
     }
     function CatalogRecipeCardComponent_div_4_ng_template_8_Template(rf, ctx) {
@@ -11405,8 +11426,8 @@
             i0.ɵɵelement(0, "ng-miam-skeleton", 34);
         }
         if (rf & 2) {
-            var ctx_r20 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("type", ctx_r20.skeleton.Text);
+            var ctx_r19 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("type", ctx_r19.skeleton.Text);
         }
     }
     function CatalogRecipeCardComponent_div_4_ng_miam_like_button_11_Template(rf, ctx) {
@@ -11414,36 +11435,36 @@
             i0.ɵɵelement(0, "ng-miam-like-button", 35);
         }
         if (rf & 2) {
-            var ctx_r21 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("recipe", ctx_r21.recipe);
+            var ctx_r20 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("recipe", ctx_r20.recipe);
         }
     }
     function CatalogRecipeCardComponent_div_4_Template(rf, ctx) {
         if (rf & 1) {
-            var _r27_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 17);
-            i0.ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r27_1); var ctx_r26 = i0.ɵɵnextContext(); return ctx_r26.openRecipe(); });
-            i0.ɵɵelementStart(1, "div", 18);
-            i0.ɵɵelement(2, "img", 19);
-            i0.ɵɵtemplate(3, CatalogRecipeCardComponent_div_4_div_3_Template, 2, 1, "div", 8);
+            var _r26_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 16);
+            i0.ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r26_1); var ctx_r25 = i0.ɵɵnextContext(); return ctx_r25.openRecipe(); });
+            i0.ɵɵelementStart(1, "div", 17);
+            i0.ɵɵelement(2, "img", 18);
+            i0.ɵɵtemplate(3, CatalogRecipeCardComponent_div_4_div_3_Template, 2, 1, "div", 19);
             i0.ɵɵpipe(4, "async");
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(5, CatalogRecipeCardComponent_div_4_div_5_Template, 2, 3, "div", 20);
-            i0.ɵɵtemplate(6, CatalogRecipeCardComponent_div_4_ng_container_6_Template, 3, 3, "ng-container", 8);
+            i0.ɵɵtemplate(6, CatalogRecipeCardComponent_div_4_ng_container_6_Template, 3, 3, "ng-container", 19);
             i0.ɵɵtemplate(7, CatalogRecipeCardComponent_div_4_ng_container_7_Template, 3, 1, "ng-container", 21);
             i0.ɵɵtemplate(8, CatalogRecipeCardComponent_div_4_ng_template_8_Template, 1, 1, "ng-template", null, 22, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵelementStart(10, "div", 23);
             i0.ɵɵtemplate(11, CatalogRecipeCardComponent_div_4_ng_miam_like_button_11_Template, 1, 1, "ng-miam-like-button", 24);
             i0.ɵɵpipe(12, "async");
             i0.ɵɵelementStart(13, "div", 25, 26);
-            i0.ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_Template_div_click_13_listener($event) { i0.ɵɵrestoreView(_r27_1); var ctx_r28 = i0.ɵɵnextContext(); return ctx_r28.toggleMoreActions($event); });
+            i0.ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_Template_div_click_13_listener($event) { i0.ɵɵrestoreView(_r26_1); var ctx_r27 = i0.ɵɵnextContext(); return ctx_r27.toggleMoreActions($event); });
             i0.ɵɵelement(15, "ng-miam-icon", 27);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var _r19 = i0.ɵɵreference(9);
+            var _r18 = i0.ɵɵreference(9);
             var ctx_r0 = i0.ɵɵnextContext();
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("src", ctx_r0.recipe.attributes["media-url"], i0.ɵɵsanitizeUrl);
@@ -11454,7 +11475,7 @@
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r0.recipe && ctx_r0.displayAddedOnPicture);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx_r0.recipe)("ngIfElse", _r19);
+            i0.ɵɵproperty("ngIf", ctx_r0.recipe)("ngIfElse", _r18);
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(12, 10, ctx_r0.userService.isLogged$));
             i0.ɵɵadvance(4);
@@ -11475,8 +11496,8 @@
             i0.ɵɵelement(0, "ng-miam-recipe-pricing", 38);
         }
         if (rf & 2) {
-            var ctx_r29 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("recipe", ctx_r29.recipe)("serves", ctx_r29.recipe == null ? null : ctx_r29.recipe.modifiedGuests);
+            var ctx_r28 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("recipe", ctx_r28.recipe)("serves", ctx_r28.recipe == null ? null : ctx_r28.recipe.modifiedGuests);
         }
     }
     function CatalogRecipeCardComponent_div_9_Template(rf, ctx) {
@@ -11491,35 +11512,22 @@
             i0.ɵɵproperty("ngIf", ctx_r3.isPriceDisplayed);
         }
     }
-    function CatalogRecipeCardComponent_span_12_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "span");
-            i0.ɵɵtext(1);
-            i0.ɵɵpipe(2, "async");
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r4 = i0.ɵɵnextContext();
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, ctx_r4.groceriesListsService.recipeIsInList(ctx_r4.recipe == null ? null : ctx_r4.recipe.id)) ? "Voir le d\u00E9tail" : "Ajouter les ingr\u00E9dients", " ");
-        }
-    }
-    function CatalogRecipeCardComponent_ng_miam_icon_13_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_ng_miam_icon_15_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "ng-miam-icon", 39);
             i0.ɵɵpipe(1, "async");
         }
         if (rf & 2) {
-            var ctx_r5 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("width", 16)("height", 16)("iconName", i0.ɵɵpipeBind1(1, 3, ctx_r5.groceriesListsService.recipeIsInList(ctx_r5.recipe == null ? null : ctx_r5.recipe.id)) ? ctx_r5.icon.CheckList : ctx_r5.icon.Cart);
+            var ctx_r4 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("width", 16)("height", 16)("iconName", i0.ɵɵpipeBind1(1, 3, ctx_r4.groceriesListsService.recipeIsInList(ctx_r4.recipe == null ? null : ctx_r4.recipe.id)) ? ctx_r4.icon.CheckList : ctx_r4.icon.Cart);
         }
     }
-    function CatalogRecipeCardComponent_ng_template_14_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_ng_template_16_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "ng-miam-loader");
         }
     }
-    function CatalogRecipeCardComponent_div_17_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_div_19_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 40);
             i0.ɵɵelement(1, "ng-miam-icon", 41);
@@ -11529,57 +11537,57 @@
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r8 = i0.ɵɵnextContext();
+            var ctx_r7 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("iconName", ctx_r8.icon.Time);
+            i0.ɵɵproperty("iconName", ctx_r7.icon.Time);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r8.recipe == null ? null : ctx_r8.recipe.totalTime);
+            i0.ɵɵtextInterpolate(ctx_r7.recipe == null ? null : ctx_r7.recipe.totalTime);
         }
     }
-    function CatalogRecipeCardComponent_div_18_ng_container_2_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_div_20_ng_container_2_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementContainerStart(0);
             i0.ɵɵelement(1, "ng-miam-icon", 47);
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r30 = i0.ɵɵnextContext(2);
+            var ctx_r29 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("width", 39)("height", 18)("iconName", ctx_r30.icon.DifficultyMedium);
+            i0.ɵɵproperty("width", 39)("height", 18)("iconName", ctx_r29.icon.DifficultyMedium);
         }
     }
-    function CatalogRecipeCardComponent_div_18_ng_container_3_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_div_20_ng_container_3_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementContainerStart(0);
             i0.ɵɵelement(1, "ng-miam-icon", 47);
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r31 = i0.ɵɵnextContext(2);
+            var ctx_r30 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("width", 60)("height", 18)("iconName", ctx_r31.icon.DifficultyHigh);
+            i0.ɵɵproperty("width", 60)("height", 18)("iconName", ctx_r30.icon.DifficultyHigh);
         }
     }
-    function CatalogRecipeCardComponent_div_18_ng_container_4_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_div_20_ng_container_4_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementContainerStart(0);
             i0.ɵɵelement(1, "ng-miam-icon", 47);
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r32 = i0.ɵɵnextContext(2);
+            var ctx_r31 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("width", 18)("height", 18)("iconName", ctx_r32.icon.DifficultyLow);
+            i0.ɵɵproperty("width", 18)("height", 18)("iconName", ctx_r31.icon.DifficultyLow);
         }
     }
     var _c1$6 = function (a0, a1, a2) { return { "easy": a0, "medium": a1, "hard": a2 }; };
-    function CatalogRecipeCardComponent_div_18_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_div_20_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 43);
             i0.ɵɵelementContainerStart(1, 44);
-            i0.ɵɵtemplate(2, CatalogRecipeCardComponent_div_18_ng_container_2_Template, 2, 3, "ng-container", 45);
-            i0.ɵɵtemplate(3, CatalogRecipeCardComponent_div_18_ng_container_3_Template, 2, 3, "ng-container", 45);
-            i0.ɵɵtemplate(4, CatalogRecipeCardComponent_div_18_ng_container_4_Template, 2, 3, "ng-container", 46);
+            i0.ɵɵtemplate(2, CatalogRecipeCardComponent_div_20_ng_container_2_Template, 2, 3, "ng-container", 45);
+            i0.ɵɵtemplate(3, CatalogRecipeCardComponent_div_20_ng_container_3_Template, 2, 3, "ng-container", 45);
+            i0.ɵɵtemplate(4, CatalogRecipeCardComponent_div_20_ng_container_4_Template, 2, 3, "ng-container", 46);
             i0.ɵɵelementContainerEnd();
             i0.ɵɵelementStart(5, "span", 42);
             i0.ɵɵtext(6);
@@ -11587,36 +11595,36 @@
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r9 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(5, _c1$6, (ctx_r9.recipe == null ? null : ctx_r9.recipe.difficulty) === 1, (ctx_r9.recipe == null ? null : ctx_r9.recipe.difficulty) === 2, (ctx_r9.recipe == null ? null : ctx_r9.recipe.difficulty) === 3));
+            var ctx_r8 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(5, _c1$6, (ctx_r8.recipe == null ? null : ctx_r8.recipe.difficulty) === 1, (ctx_r8.recipe == null ? null : ctx_r8.recipe.difficulty) === 2, (ctx_r8.recipe == null ? null : ctx_r8.recipe.difficulty) === 3));
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngSwitch", ctx_r9.recipe == null ? null : ctx_r9.recipe.difficulty);
+            i0.ɵɵproperty("ngSwitch", ctx_r8.recipe == null ? null : ctx_r8.recipe.difficulty);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngSwitchCase", 2);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngSwitchCase", 3);
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(ctx_r9.recipe == null ? null : ctx_r9.recipe.difficultyLabel);
+            i0.ɵɵtextInterpolate(ctx_r8.recipe == null ? null : ctx_r8.recipe.difficultyLabel);
         }
     }
-    function CatalogRecipeCardComponent_ng_template_19_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_ng_template_21_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "ng-miam-skeleton", 34);
         }
         if (rf & 2) {
-            var ctx_r11 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("type", ctx_r11.skeleton == null ? null : ctx_r11.skeleton.IconWithInfo);
+            var ctx_r10 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("type", ctx_r10.skeleton == null ? null : ctx_r10.skeleton.IconWithInfo);
         }
     }
-    function CatalogRecipeCardComponent_ng_miam_actions_popin_21_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_ng_miam_actions_popin_23_Template(rf, ctx) {
         if (rf & 1) {
-            var _r34_1 = i0.ɵɵgetCurrentView();
+            var _r33_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "ng-miam-actions-popin", 48);
-            i0.ɵɵlistener("close", function CatalogRecipeCardComponent_ng_miam_actions_popin_21_Template_ng_miam_actions_popin_close_0_listener() { i0.ɵɵrestoreView(_r34_1); var ctx_r33 = i0.ɵɵnextContext(); return ctx_r33.closeMoreActions(); })("actionTriggered", function CatalogRecipeCardComponent_ng_miam_actions_popin_21_Template_ng_miam_actions_popin_actionTriggered_0_listener($event) { i0.ɵɵrestoreView(_r34_1); var ctx_r35 = i0.ɵɵnextContext(); return ctx_r35.actionTriggered.emit($event); });
+            i0.ɵɵlistener("close", function CatalogRecipeCardComponent_ng_miam_actions_popin_23_Template_ng_miam_actions_popin_close_0_listener() { i0.ɵɵrestoreView(_r33_1); var ctx_r32 = i0.ɵɵnextContext(); return ctx_r32.closeMoreActions(); })("actionTriggered", function CatalogRecipeCardComponent_ng_miam_actions_popin_23_Template_ng_miam_actions_popin_actionTriggered_0_listener($event) { i0.ɵɵrestoreView(_r33_1); var ctx_r34 = i0.ɵɵnextContext(); return ctx_r34.actionTriggered.emit($event); });
             i0.ɵɵelementEnd();
         }
     }
-    function CatalogRecipeCardComponent_ng_template_22_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_ng_template_24_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "ng-miam-cors-overlay");
         }
@@ -11729,7 +11737,7 @@
             if (rf & 1) {
                 i0.ɵɵlistener("scroll", function CatalogRecipeCardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, false, i0.ɵɵresolveWindow);
             }
-        }, inputs: { displayPricing: "displayPricing", displayAddedOnPicture: "displayAddedOnPicture" }, outputs: { actionTriggered: "actionTriggered" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 24, vars: 18, consts: [[1, "miam-catalog-recipe-card"], [1, "miam-catalog-recipe-card__header"], ["class", "miam-catalog-card__picture", 3, "click", 4, "ngIf", "ngIfElse"], ["pictSkeleton", ""], [1, "miam-catalog-card__attributes"], [1, "miam-catalog-recipe-card__attributes__control"], ["class", "miam-catalog-recipe-card__right__col__price", 4, "ngIf"], [1, "m-button-primary", 3, "disabled", "ngClass", "click"], [4, "ngIf"], [3, "width", "height", "iconName", 4, "ngIf", "ngIfElse"], ["addLoader", ""], [1, "miam-catalog-card__attributes__infos"], ["class", "miam-catalog-card__attributes__info  recipe__total__time", 4, "ngIf", "ngIfElse"], ["class", "miam-catalog-card__attributes__info recipe__difficulty", 3, "ngClass", 4, "ngIf"], ["skeletonInfo", ""], [3, "close", "actionTriggered", 4, "ngIf"], ["cors", ""], [1, "miam-catalog-card__picture", 3, "click"], [1, "miam-catalog-card__picture__gradient"], ["loading", "lazy", 1, "miam-catalog-card__picture__img", 3, "src"], ["class", "miam-catalog-recipe-card__picture__video", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["textSkeleton", ""], [1, "miam-catalog-recipe-card__picture__actions"], ["width", "17", "height", "17", "class", "miam-catalog-recipe-card__actions__icon", 3, "recipe", 4, "ngIf"], [1, "miam-catalog-recipe-card__actions__icon", 3, "click"], ["miamMoreActions", ""], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], [1, "miam-catalog-card__picture__sponsor", 3, "src"], [1, "miam-catalog-recipe-card__picture__video"], ["primaryColor", "black", 3, "iconName", "width", "height"], ["class", "miam-catalog-recipe-card__picture__tag", 4, "ngIf"], [1, "miam-catalog-recipe-card__picture__tag"], [1, "miam-catalog-recipe-card__attributes__title", 3, "click"], [3, "type"], ["width", "17", "height", "17", 1, "miam-catalog-recipe-card__actions__icon", 3, "recipe"], [1, "miam-catalog-recipe-card__right__col__price"], [3, "recipe", "serves", 4, "ngIf"], [3, "recipe", "serves"], [3, "width", "height", "iconName"], [1, "miam-catalog-card__attributes__info", "recipe__total__time"], ["width", "18", "height", "18", "primaryColor", "var(--m-catalog-card-details-color)", 3, "iconName"], [1, "miam-catalog-card__info__label"], [1, "miam-catalog-card__attributes__info", "recipe__difficulty", 3, "ngClass"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], ["primaryColor", "var(--m-catalog-card-details-color)", 3, "width", "height", "iconName"], [3, "close", "actionTriggered"]], template: function CatalogRecipeCardComponent_Template(rf, ctx) {
+        }, inputs: { displayPricing: "displayPricing", displayAddedOnPicture: "displayAddedOnPicture" }, outputs: { actionTriggered: "actionTriggered" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 26, vars: 20, consts: [[1, "miam-catalog-recipe-card"], [1, "miam-catalog-recipe-card__header"], ["class", "miam-catalog-card__picture", 3, "click", 4, "ngIf", "ngIfElse"], ["pictSkeleton", ""], [1, "miam-catalog-card__attributes"], [1, "miam-catalog-recipe-card__attributes__control"], ["class", "miam-catalog-recipe-card__right__col__price", 4, "ngIf"], [1, "m-button-primary", 3, "disabled", "ngClass", "click"], [3, "width", "height", "iconName", 4, "ngIf", "ngIfElse"], ["addLoader", ""], [1, "miam-catalog-card__attributes__infos"], ["class", "miam-catalog-card__attributes__info  recipe__total__time", 4, "ngIf", "ngIfElse"], ["class", "miam-catalog-card__attributes__info recipe__difficulty", 3, "ngClass", 4, "ngIf"], ["skeletonInfo", ""], [3, "close", "actionTriggered", 4, "ngIf"], ["cors", ""], [1, "miam-catalog-card__picture", 3, "click"], [1, "miam-catalog-card__picture__gradient"], ["loading", "lazy", 1, "miam-catalog-card__picture__img", 3, "src"], [4, "ngIf"], ["class", "miam-catalog-recipe-card__picture__video", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["textSkeleton", ""], [1, "miam-catalog-recipe-card__picture__actions"], ["width", "17", "height", "17", "class", "miam-catalog-recipe-card__actions__icon", 3, "recipe", 4, "ngIf"], [1, "miam-catalog-recipe-card__actions__icon", 3, "click"], ["miamMoreActions", ""], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], [1, "miam-catalog-card__picture__sponsor", 3, "src"], [1, "miam-catalog-recipe-card__picture__video"], ["primaryColor", "black", 3, "iconName", "width", "height"], ["class", "miam-catalog-recipe-card__picture__tag", 4, "ngIf"], [1, "miam-catalog-recipe-card__picture__tag"], [1, "miam-catalog-recipe-card__attributes__title", 3, "click"], [3, "type"], ["width", "17", "height", "17", 1, "miam-catalog-recipe-card__actions__icon", 3, "recipe"], [1, "miam-catalog-recipe-card__right__col__price"], [3, "recipe", "serves", 4, "ngIf"], [3, "recipe", "serves"], [3, "width", "height", "iconName"], [1, "miam-catalog-card__attributes__info", "recipe__total__time"], ["width", "18", "height", "18", "primaryColor", "var(--m-catalog-card-details-color)", 3, "iconName"], [1, "miam-catalog-card__info__label"], [1, "miam-catalog-card__attributes__info", "recipe__difficulty", 3, "ngClass"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], ["primaryColor", "var(--m-catalog-card-details-color)", 3, "width", "height", "iconName"], [3, "close", "actionTriggered"]], template: function CatalogRecipeCardComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "div", 0);
                 i0.ɵɵelementStart(1, "div", 1);
@@ -11745,25 +11753,28 @@
                 i0.ɵɵelementStart(10, "button", 7);
                 i0.ɵɵlistener("click", function CatalogRecipeCardComponent_Template_button_click_10_listener() { return ctx.clickPrimary(); });
                 i0.ɵɵpipe(11, "async");
-                i0.ɵɵtemplate(12, CatalogRecipeCardComponent_span_12_Template, 3, 3, "span", 8);
-                i0.ɵɵtemplate(13, CatalogRecipeCardComponent_ng_miam_icon_13_Template, 2, 5, "ng-miam-icon", 9);
-                i0.ɵɵtemplate(14, CatalogRecipeCardComponent_ng_template_14_Template, 1, 0, "ng-template", null, 10, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵelementStart(12, "span");
+                i0.ɵɵtext(13);
+                i0.ɵɵpipe(14, "async");
                 i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(15, CatalogRecipeCardComponent_ng_miam_icon_15_Template, 2, 5, "ng-miam-icon", 8);
+                i0.ɵɵtemplate(16, CatalogRecipeCardComponent_ng_template_16_Template, 1, 0, "ng-template", null, 9, i0.ɵɵtemplateRefExtractor);
                 i0.ɵɵelementEnd();
-                i0.ɵɵelementStart(16, "div", 11);
-                i0.ɵɵtemplate(17, CatalogRecipeCardComponent_div_17_Template, 4, 2, "div", 12);
-                i0.ɵɵtemplate(18, CatalogRecipeCardComponent_div_18_Template, 7, 9, "div", 13);
-                i0.ɵɵtemplate(19, CatalogRecipeCardComponent_ng_template_19_Template, 1, 1, "ng-template", null, 14, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(18, "div", 10);
+                i0.ɵɵtemplate(19, CatalogRecipeCardComponent_div_19_Template, 4, 2, "div", 11);
+                i0.ɵɵtemplate(20, CatalogRecipeCardComponent_div_20_Template, 7, 9, "div", 12);
+                i0.ɵɵtemplate(21, CatalogRecipeCardComponent_ng_template_21_Template, 1, 1, "ng-template", null, 13, i0.ɵɵtemplateRefExtractor);
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementEnd();
-                i0.ɵɵtemplate(21, CatalogRecipeCardComponent_ng_miam_actions_popin_21_Template, 1, 0, "ng-miam-actions-popin", 15);
+                i0.ɵɵtemplate(23, CatalogRecipeCardComponent_ng_miam_actions_popin_23_Template, 1, 0, "ng-miam-actions-popin", 14);
                 i0.ɵɵelementEnd();
-                i0.ɵɵtemplate(22, CatalogRecipeCardComponent_ng_template_22_Template, 1, 0, "ng-template", null, 16, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵtemplate(24, CatalogRecipeCardComponent_ng_template_24_Template, 1, 0, "ng-template", null, 15, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
                 var _r1 = i0.ɵɵreference(6);
-                var _r6 = i0.ɵɵreference(15);
-                var _r10 = i0.ɵɵreference(20);
+                var _r5 = i0.ɵɵreference(17);
+                var _r9 = i0.ɵɵreference(22);
                 i0.ɵɵadvance(3);
                 i0.ɵɵtextInterpolate1(" ", ctx.headerText, "");
                 i0.ɵɵadvance(1);
@@ -11771,13 +11782,13 @@
                 i0.ɵɵadvance(5);
                 i0.ɵɵproperty("ngIf", ctx.recipe && ctx.displayPricing);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("disabled", !ctx.recipe)("ngClass", i0.ɵɵpureFunction2(15, _c2$1, ctx.addButtonLoading, i0.ɵɵpipeBind1(11, 13, ctx.groceriesListsService.recipeIsInList(ctx.recipe == null ? null : ctx.recipe.id))));
+                i0.ɵɵproperty("disabled", !ctx.recipe)("ngClass", i0.ɵɵpureFunction2(17, _c2$1, ctx.addButtonLoading, i0.ɵɵpipeBind1(11, 13, ctx.groceriesListsService.recipeIsInList(ctx.recipe == null ? null : ctx.recipe.id))));
+                i0.ɵɵadvance(3);
+                i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 15, ctx.groceriesListsService.recipeIsInList(ctx.recipe == null ? null : ctx.recipe.id)) ? "Voir le d\u00E9tail" : "Ajouter les ingr\u00E9dients", " ");
                 i0.ɵɵadvance(2);
-                i0.ɵɵproperty("ngIf", !ctx.displayPricing);
-                i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", !ctx.addButtonLoading)("ngIfElse", _r6);
+                i0.ɵɵproperty("ngIf", !ctx.addButtonLoading)("ngIfElse", _r5);
                 i0.ɵɵadvance(4);
-                i0.ɵɵproperty("ngIf", ctx.recipe)("ngIfElse", _r10);
+                i0.ɵɵproperty("ngIf", ctx.recipe)("ngIfElse", _r9);
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngIf", ctx.recipe);
                 i0.ɵɵadvance(3);
@@ -11853,7 +11864,8 @@
         }
         if (rf & 2) {
             var recipe_r8 = ctx.$implicit;
-            i0.ɵɵproperty("recipe", recipe_r8);
+            var ctx_r4 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("recipe", recipe_r8)("displayPricing", ctx_r4.displayPricing);
         }
     }
     function CatalogCategoryComponent_div_0_ng_miam_catalog_article_card_18_Template(rf, ctx) {
@@ -11922,7 +11934,7 @@
             i0.ɵɵelementStart(13, "div", 11, 12);
             i0.ɵɵtemplate(15, CatalogCategoryComponent_div_0_div_15_Template, 4, 0, "div", 13);
             i0.ɵɵpipe(16, "async");
-            i0.ɵɵtemplate(17, CatalogCategoryComponent_div_0_ng_miam_catalog_recipe_card_17_Template, 1, 1, "ng-miam-catalog-recipe-card", 14);
+            i0.ɵɵtemplate(17, CatalogCategoryComponent_div_0_ng_miam_catalog_recipe_card_17_Template, 1, 2, "ng-miam-catalog-recipe-card", 14);
             i0.ɵɵtemplate(18, CatalogCategoryComponent_div_0_ng_miam_catalog_article_card_18_Template, 1, 1, "ng-miam-catalog-article-card", 15);
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(19, CatalogCategoryComponent_div_0_div_19_Template, 2, 1, "div", 16);
@@ -12123,7 +12135,7 @@
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.categoryCards = _t.first);
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.recipeCards = _t);
             }
-        }, inputs: { filters: "filters", title: "title", subtitle: "subtitle", maxRecipeNumber: "maxRecipeNumber", modifiedGuests: "modifiedGuests" }, outputs: { displayList: "displayList", loading: "loading" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "miam-catalog-category", 4, "ngIf"], [1, "miam-catalog-category"], [1, "miam-catalog-category__header"], [1, "miam-catalog-category__left"], [1, "miam-catalog-category__title", 3, "click"], [1, "miam-catalog-category__subtitle"], [1, "miam-catalog-category__right"], [1, "miam-catalog-category__link", 3, "click"], ["height", "20", "width", "20", "primaryColor", "var(--m-color-primary)", 3, "iconName", "click"], [1, "miam-catalog-category__content"], ["categoryContent", ""], [1, "miam-catalog-category__cards", 3, "ngStyle"], ["categoryCards", ""], ["class", "miam-catalog-category__loader", 4, "ngIf"], [3, "recipe", 4, "ngFor", "ngForOf"], [3, "article", 4, "ngFor", "ngForOf"], ["class", "miam-catalog-category__slider__left", 3, "click", 4, "ngIf"], ["class", "miam-catalog-category__slider__right", 3, "click", 4, "ngIf"], [1, "miam-catalog-category__loader"], [3, "recipe"], [3, "article"], [1, "miam-catalog-category__slider__left", 3, "click"], ["height", "56", "width", "56", "primaryColor", "var(--m-color-white)", 3, "iconName"], [1, "miam-catalog-category__slider__right", 3, "click"]], template: function CatalogCategoryComponent_Template(rf, ctx) {
+        }, inputs: { filters: "filters", title: "title", subtitle: "subtitle", maxRecipeNumber: "maxRecipeNumber", modifiedGuests: "modifiedGuests", displayPricing: "displayPricing" }, outputs: { displayList: "displayList", loading: "loading" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "miam-catalog-category", 4, "ngIf"], [1, "miam-catalog-category"], [1, "miam-catalog-category__header"], [1, "miam-catalog-category__left"], [1, "miam-catalog-category__title", 3, "click"], [1, "miam-catalog-category__subtitle"], [1, "miam-catalog-category__right"], [1, "miam-catalog-category__link", 3, "click"], ["height", "20", "width", "20", "primaryColor", "var(--m-color-primary)", 3, "iconName", "click"], [1, "miam-catalog-category__content"], ["categoryContent", ""], [1, "miam-catalog-category__cards", 3, "ngStyle"], ["categoryCards", ""], ["class", "miam-catalog-category__loader", 4, "ngIf"], [3, "recipe", "displayPricing", 4, "ngFor", "ngForOf"], [3, "article", 4, "ngFor", "ngForOf"], ["class", "miam-catalog-category__slider__left", 3, "click", 4, "ngIf"], ["class", "miam-catalog-category__slider__right", 3, "click", 4, "ngIf"], [1, "miam-catalog-category__loader"], [3, "recipe", "displayPricing"], [3, "article"], [1, "miam-catalog-category__slider__left", 3, "click"], ["height", "56", "width", "56", "primaryColor", "var(--m-color-white)", 3, "iconName"], [1, "miam-catalog-category__slider__right", 3, "click"]], template: function CatalogCategoryComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵtemplate(0, CatalogCategoryComponent_div_0_Template, 21, 13, "div", 0);
             }
@@ -12151,6 +12163,8 @@
                     type: i0.Input
                 }], modifiedGuests: [{
                     type: i0.Input
+                }], displayPricing: [{
+                    type: i0.Input
                 }], displayList: [{
                     type: i0.Output
                 }], loading: [{
@@ -12555,7 +12569,8 @@
         }
         if (rf & 2) {
             var recipe_r14 = ctx.$implicit;
-            i0.ɵɵproperty("recipe", recipe_r14);
+            var ctx_r2 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("recipe", recipe_r14)("displayPricing", ctx_r2.displayPricing);
         }
     }
     function CatalogListComponent_ng_miam_catalog_article_card_5_Template(rf, ctx) {
@@ -12776,13 +12791,13 @@
                 var _t;
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.recipeCards = _t);
             }
-        }, inputs: { filters: "filters", insertCreateCard: "insertCreateCard", randomMode: "randomMode", modifiedGuests: "modifiedGuests" }, outputs: { retrievedRecipes: "retrievedRecipes", filterRemoved: "filterRemoved", recipeActionTriggered: "recipeActionTriggered", loading: "loading" }, features: [i0.ɵɵNgOnChangesFeature], decls: 9, vars: 9, consts: [[1, "miam-catalog-list__cards"], ["class", "miam-catalog-list__notFound", 4, "ngIf"], ["class", "miam-catalog-list__card", 3, "clicked", 4, "ngIf"], [3, "recipe", "actionTriggered", 4, "ngFor", "ngForOf"], [3, "article", 4, "ngFor", "ngForOf"], ["class", "miam-catalog-list__loader", 4, "ngIf"], ["id", "miam-catalog-list__anchor"], [1, "miam-catalog-list__notFound"], [1, "miam-catalog-list__notFound__icon", 3, "width", "height", "iconName"], [4, "ngIf", "ngIfElse"], ["notFiltering", ""], ["notLogged", ""], [1, "miam-catalog-list__notFound__title1"], [4, "ngIf"], [1, "miam-catalog-list__notFound__title2"], [1, "miam-catalog-list__card", 3, "clicked"], [3, "recipe", "actionTriggered"], [3, "article"], [1, "miam-catalog-list__loader"]], template: function CatalogListComponent_Template(rf, ctx) {
+        }, inputs: { filters: "filters", insertCreateCard: "insertCreateCard", randomMode: "randomMode", modifiedGuests: "modifiedGuests", displayPricing: "displayPricing" }, outputs: { retrievedRecipes: "retrievedRecipes", filterRemoved: "filterRemoved", recipeActionTriggered: "recipeActionTriggered", loading: "loading" }, features: [i0.ɵɵNgOnChangesFeature], decls: 9, vars: 9, consts: [[1, "miam-catalog-list__cards"], ["class", "miam-catalog-list__notFound", 4, "ngIf"], ["class", "miam-catalog-list__card", 3, "clicked", 4, "ngIf"], [3, "recipe", "displayPricing", "actionTriggered", 4, "ngFor", "ngForOf"], [3, "article", 4, "ngFor", "ngForOf"], ["class", "miam-catalog-list__loader", 4, "ngIf"], ["id", "miam-catalog-list__anchor"], [1, "miam-catalog-list__notFound"], [1, "miam-catalog-list__notFound__icon", 3, "width", "height", "iconName"], [4, "ngIf", "ngIfElse"], ["notFiltering", ""], ["notLogged", ""], [1, "miam-catalog-list__notFound__title1"], [4, "ngIf"], [1, "miam-catalog-list__notFound__title2"], [1, "miam-catalog-list__card", 3, "clicked"], [3, "recipe", "displayPricing", "actionTriggered"], [3, "article"], [1, "miam-catalog-list__loader"]], template: function CatalogListComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "div", 0);
                 i0.ɵɵtemplate(1, CatalogListComponent_div_1_Template, 7, 5, "div", 1);
                 i0.ɵɵpipe(2, "async");
                 i0.ɵɵtemplate(3, CatalogListComponent_ng_miam_card_create_recipe_3_Template, 1, 0, "ng-miam-card-create-recipe", 2);
-                i0.ɵɵtemplate(4, CatalogListComponent_ng_miam_catalog_recipe_card_4_Template, 1, 1, "ng-miam-catalog-recipe-card", 3);
+                i0.ɵɵtemplate(4, CatalogListComponent_ng_miam_catalog_recipe_card_4_Template, 1, 2, "ng-miam-catalog-recipe-card", 3);
                 i0.ɵɵtemplate(5, CatalogListComponent_ng_miam_catalog_article_card_5_Template, 1, 1, "ng-miam-catalog-article-card", 4);
                 i0.ɵɵtemplate(6, CatalogListComponent_div_6_Template, 4, 0, "div", 5);
                 i0.ɵɵpipe(7, "async");
@@ -12820,6 +12835,8 @@
                     type: i0.Input
                 }], modifiedGuests: [{
                     type: i0.Input
+                }], displayPricing: [{
+                    type: i0.Input
                 }], retrievedRecipes: [{
                     type: i0.Output
                 }], filterRemoved: [{
@@ -15370,9 +15387,9 @@
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate(ctx_r5.assessTitle());
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(6, 4, ctx_r5.canDisplayCreationButton()));
+            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(6, 5, ctx_r5.canDisplayCreationButton()));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("filters", ctx_r5.filters);
+            i0.ɵɵproperty("filters", ctx_r5.filters)("displayPricing", ctx_r5.displayPricing);
         }
     }
     function RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_div_2_Template(rf, ctx) {
@@ -15395,8 +15412,9 @@
         if (rf & 2) {
             var category_r19 = ctx.$implicit;
             var i_r20 = ctx.index;
+            var ctx_r18 = i0.ɵɵnextContext(4);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("title", category_r19.title)("subtitle", category_r19.subtitle)("filters", category_r19.filters);
+            i0.ɵɵproperty("title", category_r19.title)("subtitle", category_r19.subtitle)("filters", category_r19.filters)("displayPricing", ctx_r18.displayPricing);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", i_r20 === 0);
         }
@@ -15404,7 +15422,7 @@
     function RecipeCatalogComponent_div_2_ng_template_7_div_0_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 23);
-            i0.ɵɵtemplate(1, RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_Template, 3, 4, "ng-container", 24);
+            i0.ɵɵtemplate(1, RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_Template, 3, 5, "ng-container", 24);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -15432,7 +15450,7 @@
             i0.ɵɵpipe(3, "async");
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(4, RecipeCatalogComponent_div_2_div_4_Template, 5, 3, "div", 7);
-            i0.ɵɵtemplate(5, RecipeCatalogComponent_div_2_div_5_Template, 8, 6, "div", 8);
+            i0.ɵɵtemplate(5, RecipeCatalogComponent_div_2_div_5_Template, 8, 7, "div", 8);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(6, "ng-miam-recipe-filters", 9);
             i0.ɵɵlistener("filterChanged", function RecipeCatalogComponent_div_2_Template_ng_miam_recipe_filters_filterChanged_6_listener($event) { i0.ɵɵrestoreView(_r25_1); var ctx_r30 = i0.ɵɵnextContext(); return ctx_r30.updateFilters($event); })("filterCollapsed", function RecipeCatalogComponent_div_2_Template_ng_miam_recipe_filters_filterCollapsed_6_listener() { i0.ɵɵrestoreView(_r25_1); var ctx_r31 = i0.ɵɵnextContext(); return ctx_r31.onFilterCollapsed(); })("preferencesChanged", function RecipeCatalogComponent_div_2_Template_ng_miam_recipe_filters_preferencesChanged_6_listener() { i0.ɵɵrestoreView(_r25_1); var ctx_r32 = i0.ɵɵnextContext(); return ctx_r32.reloadPackages(); });
@@ -15483,6 +15501,7 @@
             this.initialRoute = '';
             this.filtersPosition = 'left';
             this.homeLabel = 'Idées repas';
+            this.displayPricing = false;
             this.isFilterCollapsed = true;
             this.displayHomePage = true;
             this.icon = exports.Icon;
@@ -15792,7 +15811,7 @@
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.topAnchor = _t.first);
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.categoriesComp = _t);
             }
-        }, inputs: { headerPictureUrl: "headerPictureUrl", homeTitlePictureUrl: "homeTitlePictureUrl", initialRoute: "initialRoute", filtersPosition: "filtersPosition", homeLabel: "homeLabel" }, decls: 5, vars: 2, consts: [[1, "miam-catalog-anchor"], ["miamCatalogTopAnchor", ""], ["class", "miam-recipe-catalog", 4, "ngIf", "ngIfElse"], ["creationPage", ""], [1, "miam-recipe-catalog"], [1, "miam-recipe-catalog__content"], [3, "title", "homeLabel", "pictureUrl", "titlePictureUrl", "favoritesButtonHidden", "personalButtonHidden", "filterBadgeCount", "returnButtonPressed", "filterButtonPressed", "searchStringChanged", "personalButtonPressed", "favoritesButtonPressed"], ["class", "miam-recipe-catalog__content__myMeal__button", 3, "click", 4, "ngIf"], ["class", "miam-recipe-catalog__list", 4, "ngIf", "ngIfElse"], [3, "filters", "isFilterCollapsed", "filterToRemove", "position", "filterChanged", "filterCollapsed", "preferencesChanged"], ["categoriesComponents", ""], [1, "miam-recipe-catalog__content__myMeal__button", 3, "click"], ["primaryColor", "var(--m-color-white)", 1, "miam-recipe-catalog__myMeal__first__icon", 3, "iconName"], [1, "miam-recipe-catalog__myMeal__button__text"], ["primaryColor", "var(--m-color-white)", 1, "miam-recipe-catalog__myMeal__second__icon", 3, "iconName"], [1, "miam-recipe-catalog__list"], [1, "miam-recipe-catalog__content__title"], ["width", "24", "height", "24", 3, "iconName", "click"], ["class", "miam-recipe-catalog__list__create___button", 3, "click", 4, "ngIf"], [3, "filters", "filterRemoved", "recipeActionTriggered"], [1, "miam-recipe-catalog__list__create___button", 3, "click"], ["width", "24", "height", "24", "primaryColor", "var(--m-color-primary)", 3, "iconName"], ["class", "miam-recipe-catalog__categories", 4, "ngIf"], [1, "miam-recipe-catalog__categories"], [4, "ngFor", "ngForOf"], [3, "title", "subtitle", "filters", "displayList"], ["class", "miam-recipe-catalog__explaine_banner", 4, "ngIf"], [1, "miam-recipe-catalog__explaine_banner"], [3, "recipe", "recipeChange", "canceled"]], template: function RecipeCatalogComponent_Template(rf, ctx) {
+        }, inputs: { headerPictureUrl: "headerPictureUrl", homeTitlePictureUrl: "homeTitlePictureUrl", initialRoute: "initialRoute", filtersPosition: "filtersPosition", homeLabel: "homeLabel", displayPricing: "displayPricing" }, decls: 5, vars: 2, consts: [[1, "miam-catalog-anchor"], ["miamCatalogTopAnchor", ""], ["class", "miam-recipe-catalog", 4, "ngIf", "ngIfElse"], ["creationPage", ""], [1, "miam-recipe-catalog"], [1, "miam-recipe-catalog__content"], [3, "title", "homeLabel", "pictureUrl", "titlePictureUrl", "favoritesButtonHidden", "personalButtonHidden", "filterBadgeCount", "returnButtonPressed", "filterButtonPressed", "searchStringChanged", "personalButtonPressed", "favoritesButtonPressed"], ["class", "miam-recipe-catalog__content__myMeal__button", 3, "click", 4, "ngIf"], ["class", "miam-recipe-catalog__list", 4, "ngIf", "ngIfElse"], [3, "filters", "isFilterCollapsed", "filterToRemove", "position", "filterChanged", "filterCollapsed", "preferencesChanged"], ["categoriesComponents", ""], [1, "miam-recipe-catalog__content__myMeal__button", 3, "click"], ["primaryColor", "var(--m-color-white)", 1, "miam-recipe-catalog__myMeal__first__icon", 3, "iconName"], [1, "miam-recipe-catalog__myMeal__button__text"], ["primaryColor", "var(--m-color-white)", 1, "miam-recipe-catalog__myMeal__second__icon", 3, "iconName"], [1, "miam-recipe-catalog__list"], [1, "miam-recipe-catalog__content__title"], ["width", "24", "height", "24", 3, "iconName", "click"], ["class", "miam-recipe-catalog__list__create___button", 3, "click", 4, "ngIf"], [3, "filters", "displayPricing", "filterRemoved", "recipeActionTriggered"], [1, "miam-recipe-catalog__list__create___button", 3, "click"], ["width", "24", "height", "24", "primaryColor", "var(--m-color-primary)", 3, "iconName"], ["class", "miam-recipe-catalog__categories", 4, "ngIf"], [1, "miam-recipe-catalog__categories"], [4, "ngFor", "ngForOf"], [3, "title", "subtitle", "filters", "displayPricing", "displayList"], ["class", "miam-recipe-catalog__explaine_banner", 4, "ngIf"], [1, "miam-recipe-catalog__explaine_banner"], [3, "recipe", "recipeChange", "canceled"]], template: function RecipeCatalogComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelement(0, "div", 0, 1);
                 i0.ɵɵtemplate(2, RecipeCatalogComponent_div_2_Template, 9, 16, "div", 2);
@@ -15833,6 +15852,8 @@
                     type: i0.Input
                 }], homeLabel: [{
                     type: i0.Input
+                }], displayPricing: [{
+                    type: i0.Input
                 }] });
     })();
 
@@ -15901,7 +15922,7 @@
     function RecipeDetailsInfosComponent_ng_container_4_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementContainerStart(0);
-            i0.ɵɵelement(1, "ng-miam-icon", 13);
+            i0.ɵɵelement(1, "ng-miam-icon", 11);
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
@@ -15913,7 +15934,7 @@
     function RecipeDetailsInfosComponent_ng_container_5_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementContainerStart(0);
-            i0.ɵɵelement(1, "ng-miam-icon", 13);
+            i0.ɵɵelement(1, "ng-miam-icon", 11);
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
@@ -15925,7 +15946,7 @@
     function RecipeDetailsInfosComponent_ng_container_6_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementContainerStart(0);
-            i0.ɵɵelement(1, "ng-miam-icon", 13);
+            i0.ɵɵelement(1, "ng-miam-icon", 11);
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
@@ -15934,13 +15955,13 @@
             i0.ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r2.icon.DifficultyLow);
         }
     }
-    function RecipeDetailsInfosComponent_div_19_Template(rf, ctx) {
+    function RecipeDetailsInfosComponent_div_17_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 14);
+            i0.ɵɵelementStart(0, "div", 6);
             i0.ɵɵelement(1, "ng-miam-icon", 7);
             i0.ɵɵelementStart(2, "div", 8);
             i0.ɵɵelementStart(3, "span");
-            i0.ɵɵtext(4, "Pr\u00E9paration : ");
+            i0.ɵɵtext(4, "Cuisson : ");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(5, "span");
             i0.ɵɵtext(6);
@@ -15951,14 +15972,36 @@
         if (rf & 2) {
             var ctx_r3 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r3.icon.Preparation);
+            i0.ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r3.icon.Hot);
             i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate(ctx_r3.recipe == null ? null : ctx_r3.recipe.preparationTime);
+            i0.ɵɵtextInterpolate(ctx_r3.recipe == null ? null : ctx_r3.recipe.cookingTime);
         }
     }
-    function RecipeDetailsInfosComponent_div_20_Template(rf, ctx) {
+    function RecipeDetailsInfosComponent_div_18_div_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 14);
+            i0.ɵɵelementStart(0, "div", 16);
+            i0.ɵɵelement(1, "ng-miam-icon", 7);
+            i0.ɵɵelementStart(2, "div", 8);
+            i0.ɵɵelementStart(3, "span");
+            i0.ɵɵtext(4, "Pr\u00E9paration : ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "span");
+            i0.ɵɵtext(6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r5 = i0.ɵɵnextContext(2);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r5.icon.Preparation);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx_r5.recipe == null ? null : ctx_r5.recipe.preparationTime);
+        }
+    }
+    function RecipeDetailsInfosComponent_div_18_div_3_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 16);
             i0.ɵɵelement(1, "ng-miam-icon", 7);
             i0.ɵɵelementStart(2, "div", 8);
             i0.ɵɵelementStart(3, "span");
@@ -15971,16 +16014,16 @@
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r4 = i0.ɵɵnextContext();
+            var ctx_r6 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r4.icon.Hot);
+            i0.ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r6.icon.Hot);
             i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate(ctx_r4.recipe == null ? null : ctx_r4.recipe.cookingTime);
+            i0.ɵɵtextInterpolate(ctx_r6.recipe == null ? null : ctx_r6.recipe.cookingTime);
         }
     }
-    function RecipeDetailsInfosComponent_div_21_Template(rf, ctx) {
+    function RecipeDetailsInfosComponent_div_18_div_4_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 14);
+            i0.ɵɵelementStart(0, "div", 16);
             i0.ɵɵelement(1, "ng-miam-icon", 7);
             i0.ɵɵelementStart(2, "div", 8);
             i0.ɵɵelementStart(3, "span");
@@ -15993,51 +16036,74 @@
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r5 = i0.ɵɵnextContext();
+            var ctx_r7 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r5.icon.Wait);
+            i0.ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r7.icon.Wait);
             i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate(ctx_r5.recipe == null ? null : ctx_r5.recipe.restingTime);
+            i0.ɵɵtextInterpolate(ctx_r7.recipe == null ? null : ctx_r7.recipe.restingTime);
         }
     }
-    function RecipeDetailsInfosComponent_div_22_div_1_img_1_Template(rf, ctx) {
+    function RecipeDetailsInfosComponent_div_18_div_5_div_1_img_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "img", 20);
+            i0.ɵɵelement(0, "img", 22);
         }
         if (rf & 2) {
-            var tag_r8 = i0.ɵɵnextContext().$implicit;
-            i0.ɵɵproperty("src", tag_r8.attributes.icon, i0.ɵɵsanitizeUrl);
+            var tag_r10 = i0.ɵɵnextContext().$implicit;
+            i0.ɵɵproperty("src", tag_r10.attributes.icon, i0.ɵɵsanitizeUrl);
         }
     }
-    function RecipeDetailsInfosComponent_div_22_div_1_Template(rf, ctx) {
+    function RecipeDetailsInfosComponent_div_18_div_5_div_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 17);
-            i0.ɵɵtemplate(1, RecipeDetailsInfosComponent_div_22_div_1_img_1_Template, 1, 1, "img", 18);
-            i0.ɵɵelementStart(2, "span", 19);
+            i0.ɵɵelementStart(0, "div", 19);
+            i0.ɵɵtemplate(1, RecipeDetailsInfosComponent_div_18_div_5_div_1_img_1_Template, 1, 1, "img", 20);
+            i0.ɵɵelementStart(2, "span", 21);
             i0.ɵɵtext(3);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var tag_r8 = ctx.$implicit;
-            var ctx_r7 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("ngClass", ctx_r7.tagClass(tag_r8));
+            var tag_r10 = ctx.$implicit;
+            var ctx_r9 = i0.ɵɵnextContext(3);
+            i0.ɵɵproperty("ngClass", ctx_r9.tagClass(tag_r10));
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx_r7.displayTagsIcons);
+            i0.ɵɵproperty("ngIf", ctx_r9.displayTagsIcons);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", tag_r8.name, " ");
+            i0.ɵɵtextInterpolate1(" ", tag_r10.name, " ");
         }
     }
-    function RecipeDetailsInfosComponent_div_22_Template(rf, ctx) {
+    function RecipeDetailsInfosComponent_div_18_div_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 15);
-            i0.ɵɵtemplate(1, RecipeDetailsInfosComponent_div_22_div_1_Template, 4, 3, "div", 16);
+            i0.ɵɵelementStart(0, "div", 17);
+            i0.ɵɵtemplate(1, RecipeDetailsInfosComponent_div_18_div_5_div_1_Template, 4, 3, "div", 18);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r6 = i0.ɵɵnextContext();
+            var ctx_r8 = i0.ɵɵnextContext(2);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", ctx_r8.tags);
+        }
+    }
+    function RecipeDetailsInfosComponent_div_18_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 12);
+            i0.ɵɵelementStart(1, "div", 13);
+            i0.ɵɵtemplate(2, RecipeDetailsInfosComponent_div_18_div_2_Template, 7, 4, "div", 14);
+            i0.ɵɵtemplate(3, RecipeDetailsInfosComponent_div_18_div_3_Template, 7, 4, "div", 14);
+            i0.ɵɵtemplate(4, RecipeDetailsInfosComponent_div_18_div_4_Template, 7, 4, "div", 14);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(5, RecipeDetailsInfosComponent_div_18_div_5_Template, 2, 1, "div", 15);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r4 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", (ctx_r4.recipe == null ? null : ctx_r4.recipe.preparationTime) !== "-");
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngForOf", ctx_r6.tags);
+            i0.ɵɵproperty("ngIf", (ctx_r4.recipe == null ? null : ctx_r4.recipe.cookingTime) !== "-");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", (ctx_r4.recipe == null ? null : ctx_r4.recipe.restingTime) !== "-");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx_r4.displayTags);
         }
     }
     var RecipeDetailsInfosComponent = /** @class */ (function () {
@@ -16045,6 +16111,7 @@
             this.cdr = cdr;
             this.displayTags = false;
             this.displayTagsIcons = false;
+            this.reduced = false;
             this.icon = exports.Icon;
             this.tags = [];
             this.tagTypeOrder = ['meal_type', 'ingredient_category', 'diet', 'equipment'];
@@ -16067,7 +16134,7 @@
         return RecipeDetailsInfosComponent;
     }());
     RecipeDetailsInfosComponent.ɵfac = function RecipeDetailsInfosComponent_Factory(t) { return new (t || RecipeDetailsInfosComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    RecipeDetailsInfosComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeDetailsInfosComponent, selectors: [["ng-miam-recipe-details-infos"]], inputs: { recipe: "recipe", displayTags: "displayTags", displayTagsIcons: "displayTagsIcons" }, features: [i0.ɵɵNgOnChangesFeature], decls: 23, vars: 14, consts: [[1, "miam-recipe-details-infos"], [1, "miam-recipe-details-infos__main"], [1, "miam-recipe-details-infos__difficulty"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [1, "miam-recipe-details-infos__time", "miam-recipe-details-infos__time__total"], ["primaryColor", "var(--m-color-black)", 3, "width", "height", "iconName"], [1, "miam-recipe-details-infos__time__text"], [1, "miam-recipe-details-infos__additional"], [1, "miam-recipe-details-infos__times"], ["class", "miam-recipe-details-infos__time", 4, "ngIf"], ["class", "miam-recipe-details__tags", 4, "ngIf"], [3, "width", "height", "iconName"], [1, "miam-recipe-details-infos__time"], [1, "miam-recipe-details__tags"], ["class", "miam-recipe-details__tag", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "miam-recipe-details__tag", 3, "ngClass"], ["class", "miam-recipe-details__tag__icon", 3, "src", 4, "ngIf"], [1, "miam-recipe-details__tag__name"], [1, "miam-recipe-details__tag__icon", 3, "src"]], template: function RecipeDetailsInfosComponent_Template(rf, ctx) {
+    RecipeDetailsInfosComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeDetailsInfosComponent, selectors: [["ng-miam-recipe-details-infos"]], inputs: { recipe: "recipe", displayTags: "displayTags", displayTagsIcons: "displayTagsIcons", reduced: "reduced" }, features: [i0.ɵɵNgOnChangesFeature], decls: 19, vars: 12, consts: [[1, "miam-recipe-details-infos"], [1, "miam-recipe-details-infos__main"], [1, "miam-recipe-details-infos__difficulty"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [1, "miam-recipe-details-infos__time", "miam-recipe-details-infos__time__total"], ["primaryColor", "var(--m-color-black)", 3, "width", "height", "iconName"], [1, "miam-recipe-details-infos__time__text"], ["class", "miam-recipe-details-infos__time miam-recipe-details-infos__time__total", 4, "ngIf"], ["class", "miam-recipe-details-infos__additional", 4, "ngIf"], [3, "width", "height", "iconName"], [1, "miam-recipe-details-infos__additional"], [1, "miam-recipe-details-infos__times"], ["class", "miam-recipe-details-infos__time", 4, "ngIf"], ["class", "miam-recipe-details__tags", 4, "ngIf"], [1, "miam-recipe-details-infos__time"], [1, "miam-recipe-details__tags"], ["class", "miam-recipe-details__tag", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "miam-recipe-details__tag", 3, "ngClass"], ["class", "miam-recipe-details__tag__icon", 3, "src", 4, "ngIf"], [1, "miam-recipe-details__tag__name"], [1, "miam-recipe-details__tag__icon", 3, "src"]], template: function RecipeDetailsInfosComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "div", 0);
                 i0.ɵɵelementStart(1, "div", 1);
@@ -16093,15 +16160,9 @@
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(17, RecipeDetailsInfosComponent_div_17_Template, 7, 4, "div", 9);
                 i0.ɵɵelementEnd();
-                i0.ɵɵelementStart(17, "div", 9);
-                i0.ɵɵelementStart(18, "div", 10);
-                i0.ɵɵtemplate(19, RecipeDetailsInfosComponent_div_19_Template, 7, 4, "div", 11);
-                i0.ɵɵtemplate(20, RecipeDetailsInfosComponent_div_20_Template, 7, 4, "div", 11);
-                i0.ɵɵtemplate(21, RecipeDetailsInfosComponent_div_21_Template, 7, 4, "div", 11);
-                i0.ɵɵelementEnd();
-                i0.ɵɵtemplate(22, RecipeDetailsInfosComponent_div_22_Template, 2, 1, "div", 12);
-                i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(18, RecipeDetailsInfosComponent_div_18_Template, 6, 4, "div", 10);
                 i0.ɵɵelementEnd();
             }
             if (rf & 2) {
@@ -16112,19 +16173,15 @@
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngSwitchCase", 3);
                 i0.ɵɵadvance(3);
-                i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 12, ctx.recipe == null ? null : ctx.recipe.difficultyLabel));
+                i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 10, ctx.recipe == null ? null : ctx.recipe.difficultyLabel));
                 i0.ɵɵadvance(3);
                 i0.ɵɵproperty("width", 24)("height", 24)("iconName", ctx.icon.Time);
                 i0.ɵɵadvance(5);
                 i0.ɵɵtextInterpolate(ctx.recipe == null ? null : ctx.recipe.totalTime);
-                i0.ɵɵadvance(3);
-                i0.ɵɵproperty("ngIf", (ctx.recipe == null ? null : ctx.recipe.preparationTime) !== "-");
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", (ctx.recipe == null ? null : ctx.recipe.cookingTime) !== "-");
+                i0.ɵɵproperty("ngIf", ctx.reduced && (ctx.recipe == null ? null : ctx.recipe.cookingTime) !== "-");
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", (ctx.recipe == null ? null : ctx.recipe.restingTime) !== "-");
-                i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", ctx.displayTags);
+                i0.ɵɵproperty("ngIf", !ctx.reduced);
             }
         }, directives: [i3.NgSwitch, i3.NgSwitchCase, i3.NgSwitchDefault, IconComponent, i3.NgIf, i3.NgForOf, i3.NgClass], pipes: [i3.TitleCasePipe], styles: [".miam-recipe-details-infos{align-items:center;background-color:var(--m-color-white);display:flex;flex-direction:column;justify-content:center;padding:40px 16px}@media (min-width:1023px) and (max-height:804px){.miam-recipe-details-infos{padding:17px 24px}}.miam-recipe-details-infos .miam-recipe-details-infos__time{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:120px;padding:0 8px}.miam-recipe-details-infos .miam-recipe-details-infos__time .miam-recipe-details-infos__time__text span{font-size:16px}.miam-recipe-details-infos .miam-recipe-details-infos__time .miam-recipe-details-infos__time__text span:last-child{font-weight:700}.miam-recipe-details-infos .miam-recipe-details-infos__time ng-miam-icon{margin-bottom:8px}.miam-recipe-details-infos .miam-recipe-details-infos__main{align-items:center;display:flex;flex-direction:row;justify-content:center}.miam-recipe-details-infos .miam-recipe-details-infos__main .miam-recipe-details-infos__difficulty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:120px;padding:0 8px}.miam-recipe-details-infos .miam-recipe-details-infos__main .miam-recipe-details-infos__difficulty ng-miam-icon{margin-bottom:8px}.miam-recipe-details-infos .miam-recipe-details-infos__main .miam-recipe-details-infos__time__total .miam-recipe-details-infos__time__text span:first-child{display:none}.miam-recipe-details-infos .miam-recipe-details-infos__main .miam-recipe-details-infos__time__total .miam-recipe-details-infos__time__text span:last-child{font-weight:400}.miam-recipe-details-infos .miam-recipe-details-infos__additional{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:24px;max-height:150px;overflow:hidden;transition:var(--m-default-transition);width:100%}@media print{.miam-recipe-details-infos .miam-recipe-details-infos__additional{margin-top:24px;max-height:150px;opacity:1}}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details-infos__times{align-items:center;display:flex;justify-content:center;width:100%}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details-infos__times .miam-recipe-details-infos__time{flex:1;max-width:172px}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details-infos__times .miam-recipe-details-infos__time ng-miam-icon{display:none}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;width:100%}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag{background-color:var(--m-color-grey05);border-radius:4px;display:flex;margin:4px;padding:8px}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag .miam-recipe-details__tag__icon{height:16px;width:16px}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag .miam-recipe-details__tag__name{font-size:13px;line-height:16px}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag.meal_type{background-color:var(--m-color-tag-meal-type)}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag.ingredient_category{background-color:var(--m-color-tag-ingredient-category)}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag.equipment{background-color:var(--m-color-tag-equipment)}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag.diet{background-color:var(--m-color-tag-diet)}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
@@ -16143,13 +16200,15 @@
                     type: i0.Input
                 }], displayTagsIcons: [{
                     type: i0.Input
+                }], reduced: [{
+                    type: i0.Input
                 }] });
     })();
 
-    function RecipeDetailsIngredientsComponent_div_9_div_1_Template(rf, ctx) {
+    function RecipeDetailsIngredientsComponent_div_12_div_1_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div");
-            i0.ɵɵelement(1, "img", 10);
+            i0.ɵɵelement(1, "img", 11);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -16160,15 +16219,15 @@
         }
     }
     var _c0$r = function (a0) { return { "checked": a0 }; };
-    function RecipeDetailsIngredientsComponent_div_9_Template(rf, ctx) {
+    function RecipeDetailsIngredientsComponent_div_12_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 7);
-            i0.ɵɵtemplate(1, RecipeDetailsIngredientsComponent_div_9_div_1_Template, 2, 1, "div", 8);
+            i0.ɵɵelementStart(0, "div", 8);
+            i0.ɵɵtemplate(1, RecipeDetailsIngredientsComponent_div_12_div_1_Template, 2, 1, "div", 9);
             i0.ɵɵelementStart(2, "div");
             i0.ɵɵtext(3);
             i0.ɵɵpipe(4, "capitalizeFirstLetter");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "div", 9);
+            i0.ɵɵelementStart(5, "div", 10);
             i0.ɵɵtext(6);
             i0.ɵɵpipe(7, "readableFloatNumber");
             i0.ɵɵelementEnd();
@@ -16206,30 +16265,37 @@
         return RecipeDetailsIngredientsComponent;
     }());
     RecipeDetailsIngredientsComponent.ɵfac = function RecipeDetailsIngredientsComponent_Factory(t) { return new (t || RecipeDetailsIngredientsComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(ContextService)); };
-    RecipeDetailsIngredientsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeDetailsIngredientsComponent, selectors: [["ng-miam-recipe-details-ingredients"]], inputs: { recipe: "recipe", ingredientsPictures: "ingredientsPictures" }, outputs: { recipeChanged: "recipeChanged" }, decls: 10, vars: 5, consts: [[1, "miam-recipe-details-ingredients"], [1, "miam-recipe-details-ingredients__header"], [1, "miam-recipe-details-ingredients__counter"], [3, "counter", "counterChange"], [1, "miam-recipe-details-ingredients__counter__print"], [1, "miam-recipe-details-ingredients__list"], ["class", "miam-recipe-details-ingredients__row", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "miam-recipe-details-ingredients__row", 3, "ngClass"], [4, "ngIf"], [1, "miam-recipe-details-ingredients__row__qty"], [1, "miam-recipe-details-ingredients__row__picture", 3, "src"]], template: function RecipeDetailsIngredientsComponent_Template(rf, ctx) {
+    RecipeDetailsIngredientsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeDetailsIngredientsComponent, selectors: [["ng-miam-recipe-details-ingredients"]], inputs: { recipe: "recipe", ingredientsPictures: "ingredientsPictures" }, outputs: { recipeChanged: "recipeChanged" }, decls: 13, vars: 5, consts: [[1, "miam-recipe-details-ingredients"], [1, "miam-recipe-details-ingredients__header"], [1, "miam-recipe-details-ingredients__header__title"], [1, "miam-recipe-details-ingredients__counter"], [3, "counter", "counterChange"], [1, "miam-recipe-details-ingredients__counter__print"], [1, "miam-recipe-details-ingredients__list"], ["class", "miam-recipe-details-ingredients__row", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "miam-recipe-details-ingredients__row", 3, "ngClass"], [4, "ngIf"], [1, "miam-recipe-details-ingredients__row__qty"], [1, "miam-recipe-details-ingredients__row__picture", 3, "src"]], template: function RecipeDetailsIngredientsComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "div", 0);
                 i0.ɵɵelementStart(1, "div", 1);
-                i0.ɵɵelementStart(2, "span");
-                i0.ɵɵtext(3);
+                i0.ɵɵelementStart(2, "span", 2);
+                i0.ɵɵelementStart(3, "span");
+                i0.ɵɵtext(4);
                 i0.ɵɵelementEnd();
-                i0.ɵɵelementStart(4, "div", 2);
-                i0.ɵɵelementStart(5, "ng-miam-counter-input", 3);
-                i0.ɵɵlistener("counterChange", function RecipeDetailsIngredientsComponent_Template_ng_miam_counter_input_counterChange_5_listener($event) { return ctx.updateGuests($event); });
+                i0.ɵɵelementStart(5, "span");
+                i0.ɵɵtext(6);
                 i0.ɵɵelementEnd();
-                i0.ɵɵelementStart(6, "span", 4);
-                i0.ɵɵtext(7);
                 i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(7, "div", 3);
+                i0.ɵɵelementStart(8, "ng-miam-counter-input", 4);
+                i0.ɵɵlistener("counterChange", function RecipeDetailsIngredientsComponent_Template_ng_miam_counter_input_counterChange_8_listener($event) { return ctx.updateGuests($event); });
                 i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(9, "span", 5);
+                i0.ɵɵtext(10);
                 i0.ɵɵelementEnd();
-                i0.ɵɵelementStart(8, "div", 5);
-                i0.ɵɵtemplate(9, RecipeDetailsIngredientsComponent_div_9_Template, 8, 11, "div", 6);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(11, "div", 6);
+                i0.ɵɵtemplate(12, RecipeDetailsIngredientsComponent_div_12_Template, 8, 11, "div", 7);
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0.ɵɵadvance(3);
-                i0.ɵɵtextInterpolate2(" ", ctx.recipe == null ? null : ctx.recipe.modifiedIngredients.length, " ingr\u00E9dient", (ctx.recipe == null ? null : ctx.recipe.modifiedIngredients.length) > 1 ? "s" : "", " ");
+                i0.ɵɵadvance(4);
+                i0.ɵɵtextInterpolate1(" ", ctx.recipe == null ? null : ctx.recipe.modifiedIngredients.length, " ");
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate1(" ingr\u00E9dient", (ctx.recipe == null ? null : ctx.recipe.modifiedIngredients.length) > 1 ? "s" : "", " ");
                 i0.ɵɵadvance(2);
                 i0.ɵɵproperty("counter", (ctx.recipe == null ? null : ctx.recipe.modifiedGuests) || ctx.recipe.guests);
                 i0.ɵɵadvance(2);
@@ -16237,7 +16303,7 @@
                 i0.ɵɵadvance(2);
                 i0.ɵɵproperty("ngForOf", ctx.recipe == null ? null : ctx.recipe.modifiedIngredients);
             }
-        }, directives: [CounterInputComponent, i3.NgForOf, i3.NgClass, i3.NgIf], pipes: [CapitalizeFirstLetterPipe, ReadableFloatNumberPipe], styles: [".miam-recipe-details-ingredients{display:flex;flex-direction:column}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header{border-bottom:1px solid var(--m-color-grey07);display:flex;flex-direction:row;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header span{color:var(--m-color-primary);font-size:21px;font-weight:700;line-height:24px}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header .miam-recipe-details-ingredients__counter{align-items:center;display:flex}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header .miam-recipe-details-ingredients__counter ng-miam-counter-input .miam-counter-input__icon{margin-right:16px}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header .miam-recipe-details-ingredients__counter .miam-recipe-details-ingredients__counter__print{display:none}@media print{.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header .miam-recipe-details-ingredients__counter ng-miam-counter-input{display:none}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header .miam-recipe-details-ingredients__counter .miam-recipe-details-ingredients__counter__print{display:block}}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__list{background-color:var(--m-color-primary-light);border-radius:8px;display:flex;flex-direction:column;padding:4px 16px}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__row{color:var(--m-color-black);display:flex;font-size:16px;justify-content:space-between;line-height:20px;padding:12px 0}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__row .miam-recipe-details-ingredients__row__qty{font-weight:700}"], encapsulation: 2, changeDetection: 0 });
+        }, directives: [CounterInputComponent, i3.NgForOf, i3.NgClass, i3.NgIf], pipes: [CapitalizeFirstLetterPipe, ReadableFloatNumberPipe], styles: [".miam-recipe-details-ingredients{display:flex;flex-direction:column}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header{border-bottom:1px solid var(--m-color-grey07);display:flex;flex-direction:row;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header .miam-recipe-details-ingredients__header__title{color:var(--m-color-primary);font-size:21px;font-weight:700;line-height:24px}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header .miam-recipe-details-ingredients__counter{align-items:center;display:flex}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header .miam-recipe-details-ingredients__counter ng-miam-counter-input .miam-counter-input__icon{margin-right:16px}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header .miam-recipe-details-ingredients__counter .miam-recipe-details-ingredients__counter__print{display:none}@media print{.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header .miam-recipe-details-ingredients__counter ng-miam-counter-input{display:none}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__header .miam-recipe-details-ingredients__counter .miam-recipe-details-ingredients__counter__print{display:block}}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__list{background-color:var(--m-color-primary-light);border-radius:8px;display:flex;flex-direction:column;padding:4px 16px}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__row{color:var(--m-color-black);display:flex;font-size:16px;justify-content:space-between;line-height:20px;padding:12px 0}.miam-recipe-details-ingredients .miam-recipe-details-ingredients__row .miam-recipe-details-ingredients__row__qty{font-weight:700}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(RecipeDetailsIngredientsComponent, [{
                 type: i0.Component,
@@ -16368,17 +16434,17 @@
     var _c0$t = ["topContainerImg"];
     function RecipeDetailsComponent_div_0_img_4_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "img", 34);
+            i0.ɵɵelement(0, "img", 37);
         }
     }
     function RecipeDetailsComponent_div_0_ng_template_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "img", 35);
+            i0.ɵɵelement(0, "img", 38);
         }
     }
-    function RecipeDetailsComponent_div_0_span_7_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_span_8_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "span", 36);
+            i0.ɵɵelementStart(0, "span");
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
@@ -16388,11 +16454,11 @@
             i0.ɵɵtextInterpolate1(" ", ctx_r7.recipe == null ? null : ctx_r7.recipe.attributes["title"], " ");
         }
     }
-    function RecipeDetailsComponent_div_0_ng_miam_addon_link_14_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_miam_addon_link_15_Template(rf, ctx) {
         if (rf & 1) {
-            var _r20_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "ng-miam-addon-link", 37);
-            i0.ɵɵlistener("showAddon", function RecipeDetailsComponent_div_0_ng_miam_addon_link_14_Template_ng_miam_addon_link_showAddon_0_listener() { i0.ɵɵrestoreView(_r20_1); var ctx_r19 = i0.ɵɵnextContext(2); return ctx_r19.toggleAddon(); });
+            var _r22_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "ng-miam-addon-link", 39);
+            i0.ɵɵlistener("showAddon", function RecipeDetailsComponent_div_0_ng_miam_addon_link_15_Template_ng_miam_addon_link_showAddon_0_listener() { i0.ɵɵrestoreView(_r22_1); var ctx_r21 = i0.ɵɵnextContext(2); return ctx_r21.toggleAddon(); });
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -16401,193 +16467,217 @@
         }
     }
     var _c1$d = function (a0, a1) { return { "sponsor": a0, "tags": a1 }; };
-    function RecipeDetailsComponent_div_0_img_17_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_img_18_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "img", 38);
+            i0.ɵɵelement(0, "img", 40);
         }
         if (rf & 2) {
             var ctx_r10 = i0.ɵɵnextContext(2);
             i0.ɵɵproperty("src", ctx_r10.recipe == null ? null : ctx_r10.recipe.attributes["media-url"], i0.ɵɵsanitizeUrl)("ngClass", i0.ɵɵpureFunction2(2, _c1$d, (ctx_r10.recipe == null ? null : ctx_r10.recipe.sponsors == null ? null : ctx_r10.recipe.sponsors.length) > 0, ctx_r10.displayTags && ctx_r10.recipe.relationships.tags.data.length > 0));
         }
     }
-    function RecipeDetailsComponent_div_0_youtube_player_18_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_youtube_player_19_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "youtube-player", 39);
+            i0.ɵɵelement(0, "youtube-player", 41);
         }
         if (rf & 2) {
             var ctx_r11 = i0.ɵɵnextContext(2);
             i0.ɵɵproperty("videoId", ctx_r11.recipe.videoId)("width", ctx_r11.playerWidth)("height", ctx_r11.playerHeight);
         }
     }
-    function RecipeDetailsComponent_div_0_ng_miam_like_button_21_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_miam_like_button_22_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-like-button", 40);
+            i0.ɵɵelement(0, "ng-miam-like-button", 42);
         }
         if (rf & 2) {
             var ctx_r12 = i0.ɵɵnextContext(2);
             i0.ɵɵproperty("recipe", ctx_r12.recipe)("width", 24)("height", 24);
         }
     }
-    function RecipeDetailsComponent_div_0_ng_miam_recipe_details_infos_26_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_miam_recipe_details_infos_27_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-recipe-details-infos", 41);
+            i0.ɵɵelement(0, "ng-miam-recipe-details-infos", 43);
         }
         if (rf & 2) {
             var ctx_r13 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("recipe", ctx_r13.recipe)("displayTags", ctx_r13.displayTags)("displayTagsIcons", ctx_r13.displayTagsIcons);
+            i0.ɵɵproperty("recipe", ctx_r13.recipe)("displayTags", ctx_r13.displayTags)("displayTagsIcons", ctx_r13.displayTagsIcons)("reduced", ctx_r13.stepsOnLeftSide);
         }
     }
-    function RecipeDetailsComponent_div_0_div_29_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_miam_recipe_details_steps_28_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 42);
-            i0.ɵɵtext(1);
-            i0.ɵɵelementEnd();
+            i0.ɵɵelement(0, "ng-miam-recipe-details-steps", 44);
         }
         if (rf & 2) {
             var ctx_r14 = i0.ɵɵnextContext(2);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", ctx_r14.recipe == null ? null : ctx_r14.recipe.attributes["title"], " ");
+            i0.ɵɵproperty("recipe", ctx_r14.recipe);
         }
     }
-    function RecipeDetailsComponent_div_0_div_30_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_miam_recipe_pricing_31_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 43);
-            i0.ɵɵtext(1);
-            i0.ɵɵelementEnd();
+            i0.ɵɵelement(0, "ng-miam-recipe-pricing", 45);
         }
         if (rf & 2) {
             var ctx_r15 = i0.ɵɵnextContext(2);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", ctx_r15.recipe == null ? null : ctx_r15.recipe.attributes.description, " ");
-        }
-    }
-    function RecipeDetailsComponent_div_0_ng_miam_recipe_details_infos_31_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-recipe-details-infos", 41);
-        }
-        if (rf & 2) {
-            var ctx_r16 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("recipe", ctx_r16.recipe)("displayTags", ctx_r16.displayTags)("displayTagsIcons", ctx_r16.displayTagsIcons);
-        }
-    }
-    function RecipeDetailsComponent_div_0_ng_miam_recipe_pricing_36_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-recipe-pricing", 44);
-        }
-        if (rf & 2) {
-            var ctx_r17 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("recipe", ctx_r17.recipe)("serves", ctx_r17.recipe == null ? null : ctx_r17.recipe.modifiedGuests);
+            i0.ɵɵproperty("recipe", ctx_r15.recipe)("serves", ctx_r15.recipe == null ? null : ctx_r15.recipe.modifiedGuests)("guestsText", ctx_r15.pricingGuestsText);
         }
     }
-    function RecipeDetailsComponent_div_0_div_37_div_2_ng_miam_icon_4_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_div_32_div_2_ng_miam_icon_4_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-icon", 50);
+            i0.ɵɵelement(0, "ng-miam-icon", 51);
         }
         if (rf & 2) {
-            var ctx_r24 = i0.ɵɵnextContext(4);
-            i0.ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r24.icon.Cart);
+            var ctx_r26 = i0.ɵɵnextContext(4);
+            i0.ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r26.icon.Cart);
         }
     }
-    function RecipeDetailsComponent_div_0_div_37_div_2_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_div_32_div_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 48);
+            i0.ɵɵelementStart(0, "div", 49);
             i0.ɵɵelementStart(1, "span");
             i0.ɵɵtext(2);
             i0.ɵɵpipe(3, "async");
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(4, RecipeDetailsComponent_div_0_div_37_div_2_ng_miam_icon_4_Template, 1, 3, "ng-miam-icon", 49);
+            i0.ɵɵtemplate(4, RecipeDetailsComponent_div_0_div_32_div_2_ng_miam_icon_4_Template, 1, 3, "ng-miam-icon", 50);
             i0.ɵɵpipe(5, "async");
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r21 = i0.ɵɵnextContext(3);
+            var ctx_r23 = i0.ɵɵnextContext(3);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, ctx_r21.groceriesListsService.recipeIsInList(ctx_r21.recipe == null ? null : ctx_r21.recipe.id)) ? "Voir les produits" : "Ajouter les ingr\u00E9dients", " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, ctx_r23.groceriesListsService.recipeIsInList(ctx_r23.recipe == null ? null : ctx_r23.recipe.id)) ? "Voir les produits" : "Ajouter les ingr\u00E9dients", " ");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !i0.ɵɵpipeBind1(5, 4, ctx_r21.groceriesListsService.recipeIsInList(ctx_r21.recipe == null ? null : ctx_r21.recipe.id)));
+            i0.ɵɵproperty("ngIf", !i0.ɵɵpipeBind1(5, 4, ctx_r23.groceriesListsService.recipeIsInList(ctx_r23.recipe == null ? null : ctx_r23.recipe.id)));
         }
     }
-    function RecipeDetailsComponent_div_0_div_37_ng_template_3_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_div_32_ng_template_3_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "ng-miam-loader");
         }
     }
     var _c2$4 = function (a0, a1) { return { "in-basket": a0, "loading": a1 }; };
-    function RecipeDetailsComponent_div_0_div_37_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_div_32_Template(rf, ctx) {
         if (rf & 1) {
-            var _r26_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 45);
-            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_37_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r26_1); var ctx_r25 = i0.ɵɵnextContext(2); return ctx_r25.clickPrimary(); });
+            var _r28_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 46);
+            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_32_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r28_1); var ctx_r27 = i0.ɵɵnextContext(2); return ctx_r27.clickPrimary(); });
             i0.ɵɵpipe(1, "async");
-            i0.ɵɵtemplate(2, RecipeDetailsComponent_div_0_div_37_div_2_Template, 6, 6, "div", 46);
-            i0.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_37_ng_template_3_Template, 1, 0, "ng-template", null, 47, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(2, RecipeDetailsComponent_div_0_div_32_div_2_Template, 6, 6, "div", 47);
+            i0.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_32_ng_template_3_Template, 1, 0, "ng-template", null, 48, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var _r22 = i0.ɵɵreference(4);
-            var ctx_r18 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(5, _c2$4, i0.ɵɵpipeBind1(1, 3, ctx_r18.groceriesListsService.recipeIsInList(ctx_r18.recipe == null ? null : ctx_r18.recipe.id)), ctx_r18.addButtonLoading));
+            var _r24 = i0.ɵɵreference(4);
+            var ctx_r16 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(5, _c2$4, i0.ɵɵpipeBind1(1, 3, ctx_r16.groceriesListsService.recipeIsInList(ctx_r16.recipe == null ? null : ctx_r16.recipe.id)), ctx_r16.addButtonLoading));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !ctx_r18.addButtonLoading)("ngIfElse", _r22);
+            i0.ɵɵproperty("ngIf", !ctx_r16.addButtonLoading)("ngIfElse", _r24);
+        }
+    }
+    function RecipeDetailsComponent_div_0_div_35_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 52);
+            i0.ɵɵtext(1);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r17 = i0.ɵɵnextContext(2);
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate1(" ", ctx_r17.recipe == null ? null : ctx_r17.recipe.attributes["title"], " ");
+        }
+    }
+    function RecipeDetailsComponent_div_0_div_36_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 53);
+            i0.ɵɵtext(1);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r18 = i0.ɵɵnextContext(2);
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate1(" ", ctx_r18.recipe == null ? null : ctx_r18.recipe.attributes.description, " ");
+        }
+    }
+    function RecipeDetailsComponent_div_0_ng_miam_recipe_details_infos_37_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "ng-miam-recipe-details-infos", 43);
+        }
+        if (rf & 2) {
+            var ctx_r19 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("recipe", ctx_r19.recipe)("displayTags", ctx_r19.displayTags)("displayTagsIcons", ctx_r19.displayTagsIcons)("reduced", ctx_r19.stepsOnLeftSide);
+        }
+    }
+    function RecipeDetailsComponent_div_0_ng_miam_recipe_details_steps_39_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "ng-miam-recipe-details-steps", 44);
+        }
+        if (rf & 2) {
+            var ctx_r20 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("recipe", ctx_r20.recipe);
         }
     }
     function RecipeDetailsComponent_div_0_Template(rf, ctx) {
         if (rf & 1) {
-            var _r28_1 = i0.ɵɵgetCurrentView();
+            var _r30_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 2, 3);
             i0.ɵɵelementStart(2, "div", 4);
             i0.ɵɵelementStart(3, "div", 5);
             i0.ɵɵtemplate(4, RecipeDetailsComponent_div_0_img_4_Template, 1, 0, "img", 6);
             i0.ɵɵtemplate(5, RecipeDetailsComponent_div_0_ng_template_5_Template, 1, 0, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(7, RecipeDetailsComponent_div_0_span_7_Template, 2, 1, "span", 8);
-            i0.ɵɵelementStart(8, "a", 9);
-            i0.ɵɵtext(9, " Voir plus d'id\u00E9es repas ");
+            i0.ɵɵelementStart(7, "div", 8);
+            i0.ɵɵtemplate(8, RecipeDetailsComponent_div_0_span_8_Template, 2, 1, "span", 9);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "a", 10);
+            i0.ɵɵtext(10, " Voir plus d'id\u00E9es repas ");
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "div", 10);
             i0.ɵɵelementStart(11, "div", 11);
             i0.ɵɵelementStart(12, "div", 12);
             i0.ɵɵelementStart(13, "div", 13);
-            i0.ɵɵtemplate(14, RecipeDetailsComponent_div_0_ng_miam_addon_link_14_Template, 1, 1, "ng-miam-addon-link", 14);
+            i0.ɵɵelementStart(14, "div", 14);
+            i0.ɵɵtemplate(15, RecipeDetailsComponent_div_0_ng_miam_addon_link_15_Template, 1, 1, "ng-miam-addon-link", 15);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(15, "div", 15, 16);
-            i0.ɵɵtemplate(17, RecipeDetailsComponent_div_0_img_17_Template, 1, 5, "img", 17);
-            i0.ɵɵtemplate(18, RecipeDetailsComponent_div_0_youtube_player_18_Template, 1, 3, "youtube-player", 18);
+            i0.ɵɵelementStart(16, "div", 16, 17);
+            i0.ɵɵtemplate(18, RecipeDetailsComponent_div_0_img_18_Template, 1, 5, "img", 18);
+            i0.ɵɵtemplate(19, RecipeDetailsComponent_div_0_youtube_player_19_Template, 1, 3, "youtube-player", 19);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(19, "div", 19);
             i0.ɵɵelementStart(20, "div", 20);
-            i0.ɵɵtemplate(21, RecipeDetailsComponent_div_0_ng_miam_like_button_21_Template, 1, 3, "ng-miam-like-button", 21);
-            i0.ɵɵpipe(22, "async");
-            i0.ɵɵelementStart(23, "ng-miam-icon", 22);
-            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_Template_ng_miam_icon_click_23_listener() { i0.ɵɵrestoreView(_r28_1); var ctx_r27 = i0.ɵɵnextContext(); return ctx_r27.print(); });
+            i0.ɵɵelementStart(21, "div", 21);
+            i0.ɵɵtemplate(22, RecipeDetailsComponent_div_0_ng_miam_like_button_22_Template, 1, 3, "ng-miam-like-button", 22);
+            i0.ɵɵpipe(23, "async");
+            i0.ɵɵelementStart(24, "ng-miam-icon", 23);
+            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_Template_ng_miam_icon_click_24_listener() { i0.ɵɵrestoreView(_r30_1); var ctx_r29 = i0.ɵɵnextContext(); return ctx_r29.print(); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(24, "div", 20);
-            i0.ɵɵelementStart(25, "ng-miam-icon", 23);
-            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_Template_ng_miam_icon_click_25_listener() { i0.ɵɵrestoreView(_r28_1); var ctx_r29 = i0.ɵɵnextContext(); return ctx_r29.toggleHelper(); });
+            i0.ɵɵelementStart(25, "div", 21);
+            i0.ɵɵelementStart(26, "ng-miam-icon", 24);
+            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_Template_ng_miam_icon_click_26_listener() { i0.ɵɵrestoreView(_r30_1); var ctx_r31 = i0.ɵɵnextContext(); return ctx_r31.toggleHelper(); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(26, RecipeDetailsComponent_div_0_ng_miam_recipe_details_infos_26_Template, 1, 3, "ng-miam-recipe-details-infos", 24);
+            i0.ɵɵtemplate(27, RecipeDetailsComponent_div_0_ng_miam_recipe_details_infos_27_Template, 1, 4, "ng-miam-recipe-details-infos", 25);
+            i0.ɵɵtemplate(28, RecipeDetailsComponent_div_0_ng_miam_recipe_details_steps_28_Template, 1, 1, "ng-miam-recipe-details-steps", 26);
+            i0.ɵɵelementStart(29, "div", 27);
+            i0.ɵɵelementStart(30, "div", 28);
+            i0.ɵɵtemplate(31, RecipeDetailsComponent_div_0_ng_miam_recipe_pricing_31_Template, 1, 3, "ng-miam-recipe-pricing", 29);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(32, RecipeDetailsComponent_div_0_div_32_Template, 5, 8, "div", 30);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(27, "div", 25);
-            i0.ɵɵelementStart(28, "div");
-            i0.ɵɵtemplate(29, RecipeDetailsComponent_div_0_div_29_Template, 2, 1, "div", 26);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(30, RecipeDetailsComponent_div_0_div_30_Template, 2, 1, "div", 27);
-            i0.ɵɵtemplate(31, RecipeDetailsComponent_div_0_ng_miam_recipe_details_infos_31_Template, 1, 3, "ng-miam-recipe-details-infos", 24);
-            i0.ɵɵelementStart(32, "ng-miam-recipe-details-ingredients", 28);
-            i0.ɵɵlistener("recipeChanged", function RecipeDetailsComponent_div_0_Template_ng_miam_recipe_details_ingredients_recipeChanged_32_listener() { i0.ɵɵrestoreView(_r28_1); var ctx_r30 = i0.ɵɵnextContext(); return ctx_r30.recipeChanged.emit(); });
+            i0.ɵɵelementStart(33, "div", 31);
+            i0.ɵɵelementStart(34, "div");
+            i0.ɵɵtemplate(35, RecipeDetailsComponent_div_0_div_35_Template, 2, 1, "div", 32);
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(33, "ng-miam-recipe-details-steps", 29);
+            i0.ɵɵtemplate(36, RecipeDetailsComponent_div_0_div_36_Template, 2, 1, "div", 33);
+            i0.ɵɵtemplate(37, RecipeDetailsComponent_div_0_ng_miam_recipe_details_infos_37_Template, 1, 4, "ng-miam-recipe-details-infos", 25);
+            i0.ɵɵelementStart(38, "ng-miam-recipe-details-ingredients", 34);
+            i0.ɵɵlistener("recipeChanged", function RecipeDetailsComponent_div_0_Template_ng_miam_recipe_details_ingredients_recipeChanged_38_listener() { i0.ɵɵrestoreView(_r30_1); var ctx_r32 = i0.ɵɵnextContext(); return ctx_r32.recipeUpdated(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(34, "div", 30);
-            i0.ɵɵelementStart(35, "div", 31);
-            i0.ɵɵtemplate(36, RecipeDetailsComponent_div_0_ng_miam_recipe_pricing_36_Template, 1, 2, "ng-miam-recipe-pricing", 32);
+            i0.ɵɵtemplate(39, RecipeDetailsComponent_div_0_ng_miam_recipe_details_steps_39_Template, 1, 1, "ng-miam-recipe-details-steps", 26);
+            i0.ɵɵelementStart(40, "a", 35);
+            i0.ɵɵelement(41, "img", 36);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(37, RecipeDetailsComponent_div_0_div_37_Template, 5, 8, "div", 33);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
@@ -16597,7 +16687,7 @@
             var ctx_r0 = i0.ɵɵnextContext();
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngIf", !ctx_r0.isMobile)("ngIfElse", _r5);
-            i0.ɵɵadvance(3);
+            i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngIf", !ctx_r0.isMobile || ctx_r0.titleInHeader);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("href", ctx_r0.contextService.miam.router.catalog, i0.ɵɵsanitizeUrl);
@@ -16608,13 +16698,19 @@
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r0.showVideo && ctx_r0.playerWidth);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(22, 23, ctx_r0.userService.isLogged$));
+            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(23, 26, ctx_r0.userService.isLogged$));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("width", 24)("height", 24)("iconName", ctx_r0.icon.Print);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("width", 40)("height", 40)("iconName", ctx_r0.icon.Help);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", !ctx_r0.isMobile);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", !ctx_r0.isMobile && ctx_r0.stepsOnLeftSide);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", ctx_r0.recipe && ctx_r0.displayPricing);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx_r0.previewAllowed);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx_r0.isMobile);
             i0.ɵɵadvance(1);
@@ -16624,18 +16720,18 @@
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("recipe", ctx_r0.recipe)("ingredientsPictures", ctx_r0.ingredientsPictures);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("recipe", ctx_r0.recipe);
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngIf", ctx_r0.recipe && ctx_r0.displayPricing);
+            i0.ɵɵproperty("ngIf", !(!ctx_r0.isMobile && ctx_r0.stepsOnLeftSide));
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx_r0.previewAllowed);
+            i0.ɵɵproperty("href", ctx_r0.contextService.miam.router.catalog, i0.ɵɵsanitizeUrl);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("src", ctx_r0.moreRecipesImageURL, i0.ɵɵsanitizeUrl);
         }
     }
     function RecipeDetailsComponent_ng_template_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r32_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "ng-miam-recipe-addon", 51);
-            i0.ɵɵlistener("hideAddon", function RecipeDetailsComponent_ng_template_1_Template_ng_miam_recipe_addon_hideAddon_0_listener() { i0.ɵɵrestoreView(_r32_1); var ctx_r31 = i0.ɵɵnextContext(); return ctx_r31.toggleAddon(); });
+            var _r34_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "ng-miam-recipe-addon", 54);
+            i0.ɵɵlistener("hideAddon", function RecipeDetailsComponent_ng_template_1_Template_ng_miam_recipe_addon_hideAddon_0_listener() { i0.ɵɵrestoreView(_r34_1); var ctx_r33 = i0.ɵɵnextContext(); return ctx_r33.toggleAddon(); });
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -16658,6 +16754,8 @@
             this.displayTagsIcons = false;
             this.displayPricing = true;
             this.displayAddedOnPicture = true;
+            this.stepsOnLeftSide = false; // If true, display the detail in 4 quarters instead of 2 halves
+            this.pricingGuestsText = 'par personne';
             this.recipeAdded = new i0.EventEmitter();
             this.recipeChanged = new i0.EventEmitter();
             this.recipeError = new i0.EventEmitter();
@@ -16780,6 +16878,10 @@
             this.addButtonLoading = value;
             this.cdr.detectChanges();
         };
+        RecipeDetailsComponent.prototype.recipeUpdated = function () {
+            this.recipeChanged.emit();
+            this.cdr.detectChanges();
+        };
         return RecipeDetailsComponent;
     }());
     RecipeDetailsComponent.ɵfac = function RecipeDetailsComponent_Factory(t) { return new (t || RecipeDetailsComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(GroceriesListsService), i0.ɵɵdirectiveInject(UserService), i0.ɵɵdirectiveInject(PointOfSalesService), i0.ɵɵdirectiveInject(RecipeEventsService), i0.ɵɵdirectiveInject(i1$2.MediaMatcher), i0.ɵɵdirectiveInject(ContextService)); };
@@ -16791,16 +16893,16 @@
                 var _t;
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.topContainerImg = _t.first);
             }
-        }, inputs: { recipe: "recipe", previewAllowed: "previewAllowed", ingredientsPictures: "ingredientsPictures", forceDisplayTags: "forceDisplayTags", displayTagsIcons: "displayTagsIcons", displayPricing: "displayPricing", displayAddedOnPicture: "displayAddedOnPicture" }, outputs: { recipeAdded: "recipeAdded", recipeChanged: "recipeChanged", recipeError: "recipeError" }, features: [i0.ɵɵNgOnChangesFeature], decls: 3, vars: 2, consts: [["class", "miam-recipe-details", 4, "ngIf", "ngIfElse"], ["addon", ""], [1, "miam-recipe-details"], ["mainContainer", ""], [1, "miam-recipe-details__header"], [1, "miam-recipe-details__bookmark"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-bookmark.svg", 4, "ngIf", "ngIfElse"], ["stamp", ""], ["class", "miam-recipe-details__title", 4, "ngIf"], [1, "miam-recipe-details__header__link", 3, "href"], [1, "miam-recipe-details__container"], [1, "miam-recipe-details__summary"], [1, "miam-recipe-details__summary__container"], [1, "miam-recipe-details__sponsor"], [3, "recipe", "showAddon", 4, "ngIf"], [1, "miam-recipe-details__picture"], ["topContainerImg", ""], [3, "src", "ngClass", 4, "ngIf"], [3, "videoId", "width", "height", 4, "ngIf"], [1, "miam-recipe-details__actionbar"], [1, "miam-recipe-details__actionbar__group"], ["class", "miam-recipe-details__actions__icon like", 3, "recipe", "width", "height", 4, "ngIf"], ["primaryColor", "var(--m-color-primary)", 1, "miam-recipe-details__actions__icon", "print", 3, "width", "height", "iconName", "click"], ["primaryColor", "var(--m-color-grey02)", "secondaryColor", "var(--m-color-grey07)", 1, "miam-recipe-details__actions__icon", "help", 3, "width", "height", "iconName", "click"], [3, "recipe", "displayTags", "displayTagsIcons", 4, "ngIf"], ["id", "miam-recipe-details__content", 1, "miam-recipe-details__content"], ["class", "miam-recipe-details__title", "id", "miam-recipe-details__title", 4, "ngIf"], ["class", "miam-recipe-details__content__description", 4, "ngIf"], [3, "recipe", "ingredientsPictures", "recipeChanged"], [3, "recipe"], [1, "miam-recipe-details__action__container"], [1, "miam-recipe-details__price"], ["guestsText", "par personne", 3, "recipe", "serves", 4, "ngIf"], ["class", "miam-recipe-details__addbasket", 3, "ngClass", "click", 4, "ngIf"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-bookmark.svg"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-stamp.svg"], [1, "miam-recipe-details__title"], [3, "recipe", "showAddon"], [3, "src", "ngClass"], [3, "videoId", "width", "height"], [1, "miam-recipe-details__actions__icon", "like", 3, "recipe", "width", "height"], [3, "recipe", "displayTags", "displayTagsIcons"], ["id", "miam-recipe-details__title", 1, "miam-recipe-details__title"], [1, "miam-recipe-details__content__description"], ["guestsText", "par personne", 3, "recipe", "serves"], [1, "miam-recipe-details__addbasket", 3, "ngClass", "click"], ["class", "miam-recipe-details__addbasket__cta", 4, "ngIf", "ngIfElse"], ["addLoader", ""], [1, "miam-recipe-details__addbasket__cta"], ["primaryColor", "#fff", 3, "width", "height", "iconName", 4, "ngIf"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [3, "recipe", "hideAddon"]], template: function RecipeDetailsComponent_Template(rf, ctx) {
+        }, inputs: { recipe: "recipe", previewAllowed: "previewAllowed", ingredientsPictures: "ingredientsPictures", forceDisplayTags: "forceDisplayTags", displayTagsIcons: "displayTagsIcons", displayPricing: "displayPricing", displayAddedOnPicture: "displayAddedOnPicture", stepsOnLeftSide: "stepsOnLeftSide", moreRecipesImageURL: "moreRecipesImageURL", pricingGuestsText: "pricingGuestsText" }, outputs: { recipeAdded: "recipeAdded", recipeChanged: "recipeChanged", recipeError: "recipeError" }, features: [i0.ɵɵNgOnChangesFeature], decls: 3, vars: 2, consts: [["class", "miam-recipe-details", 4, "ngIf", "ngIfElse"], ["addon", ""], [1, "miam-recipe-details"], ["mainContainer", ""], [1, "miam-recipe-details__header"], [1, "miam-recipe-details__bookmark"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-bookmark.svg", 4, "ngIf", "ngIfElse"], ["stamp", ""], [1, "miam-recipe-details__title"], [4, "ngIf"], [1, "miam-recipe-details__header__link", 3, "href"], [1, "miam-recipe-details__container"], [1, "miam-recipe-details__summary"], [1, "miam-recipe-details__summary__container"], [1, "miam-recipe-details__sponsor"], [3, "recipe", "showAddon", 4, "ngIf"], [1, "miam-recipe-details__picture"], ["topContainerImg", ""], [3, "src", "ngClass", 4, "ngIf"], [3, "videoId", "width", "height", 4, "ngIf"], [1, "miam-recipe-details__actionbar"], [1, "miam-recipe-details__actionbar__group"], ["class", "miam-recipe-details__actions__icon like", 3, "recipe", "width", "height", 4, "ngIf"], ["primaryColor", "var(--m-color-primary)", 1, "miam-recipe-details__actions__icon", "print", 3, "width", "height", "iconName", "click"], ["primaryColor", "var(--m-color-grey02)", "secondaryColor", "var(--m-color-grey07)", 1, "miam-recipe-details__actions__icon", "help", 3, "width", "height", "iconName", "click"], [3, "recipe", "displayTags", "displayTagsIcons", "reduced", 4, "ngIf"], [3, "recipe", 4, "ngIf"], [1, "miam-recipe-details__action__container"], [1, "miam-recipe-details__price"], [3, "recipe", "serves", "guestsText", 4, "ngIf"], ["class", "miam-recipe-details__addbasket", 3, "ngClass", "click", 4, "ngIf"], ["id", "miam-recipe-details__content", 1, "miam-recipe-details__content"], ["class", "miam-recipe-details__title", "id", "miam-recipe-details__title", 4, "ngIf"], ["class", "miam-recipe-details__content__description", 4, "ngIf"], [3, "recipe", "ingredientsPictures", "recipeChanged"], [1, "miam-recipe-details__content__image", 3, "href"], [3, "src"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-bookmark.svg"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-stamp.svg"], [3, "recipe", "showAddon"], [3, "src", "ngClass"], [3, "videoId", "width", "height"], [1, "miam-recipe-details__actions__icon", "like", 3, "recipe", "width", "height"], [3, "recipe", "displayTags", "displayTagsIcons", "reduced"], [3, "recipe"], [3, "recipe", "serves", "guestsText"], [1, "miam-recipe-details__addbasket", 3, "ngClass", "click"], ["class", "miam-recipe-details__addbasket__cta", 4, "ngIf", "ngIfElse"], ["addLoader", ""], [1, "miam-recipe-details__addbasket__cta"], ["primaryColor", "#fff", 3, "width", "height", "iconName", 4, "ngIf"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], ["id", "miam-recipe-details__title", 1, "miam-recipe-details__title"], [1, "miam-recipe-details__content__description"], [3, "recipe", "hideAddon"]], template: function RecipeDetailsComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, RecipeDetailsComponent_div_0_Template, 38, 25, "div", 0);
+                i0.ɵɵtemplate(0, RecipeDetailsComponent_div_0_Template, 42, 28, "div", 0);
                 i0.ɵɵtemplate(1, RecipeDetailsComponent_ng_template_1_Template, 1, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
                 var _r1 = i0.ɵɵreference(2);
                 i0.ɵɵproperty("ngIf", ctx.showDetail)("ngIfElse", _r1);
             }
-        }, directives: [i3.NgIf, IconComponent, RecipeDetailsIngredientsComponent, RecipeDetailsStepsComponent, AddonLinkComponent, i3.NgClass, i8.YouTubePlayer, LikeButtonComponent, RecipeDetailsInfosComponent, RecipePricingComponent, LoaderComponent, RecipeAddonComponent], pipes: [i3.AsyncPipe], styles: [".miam-recipe-details{display:flex;flex-direction:column;height:100vh;width:100%}.miam-recipe-details .miam-recipe-details__title{font-size:32px;font-weight:700;line-height:40px;margin-left:112px;max-width:calc(100% - 352px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miam-recipe-details .miam-recipe-details__header{align-items:center;background-color:var(--m-color-white);box-shadow:0 1px 0 #e9e9e9;display:flex;flex-direction:row;height:80px;justify-content:space-between;position:relative;width:100%}.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__bookmark{height:126px;left:20px;position:absolute;top:0;width:72px;z-index:1}@media (min-width:1023px){.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__bookmark img{height:100%}}.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__header__link{cursor:pointer;font-size:14px;line-height:20px;margin-right:64px}.miam-recipe-details .miam-recipe-details__container{display:flex;flex-direction:row;height:calc(100% - 80px);width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary{border-right:1px solid #e9e9e9;display:flex;margin-bottom:80px;width:60%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container{display:flex;flex-direction:column;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture{height:auto;max-height:48vh;position:relative;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}@media (min-width:1023px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img{max-height:calc(100vh - 396px)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img.sponsor{max-height:calc(100vh - 504px)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img.tags{max-height:calc(100vh - 476px)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img.sponsor.tags{max-height:calc(100vh - 584px)}}@media (min-width:1023px) and (max-height:816px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img.sponsor.tags{max-height:232px}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar{background-color:var(--m-color-white);display:flex;filter:drop-shadow(0 8px 28px rgba(0,0,0,.07));flex-direction:row;justify-content:space-between}@media print{.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar{display:none}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar .miam-recipe-details__actionbar__group{display:flex;flex-direction:row}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar .miam-recipe-details__actionbar__group .miam-recipe-details__actions__icon{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;height:40px;justify-content:center;margin:8px 16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content{background-color:var(--m-color-white);display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:24px 24px 0;width:40%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__content__description{color:var(--m-color-grey-text-dark);display:flex;flex-direction:column;font-size:16px;line-height:20px;margin-bottom:40px;text-align:left;word-break:break-word}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content ng-miam-recipe-details-ingredients{margin-bottom:40px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__action__container{background-color:var(--m-color-white);bottom:0;box-shadow:0 -1px 0 #e9e9e9,0 1px 0 #e9e9e9;display:flex;flex-direction:row;height:80px;left:0;position:absolute;right:40%}@media print{.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__action__container{display:none}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__action__container .miam-recipe-details__price{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:34%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper{color:var(--m-color-primary);flex-direction:row}@media (max-width:1022px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper{display:flex;flex-direction:column}}@media print{.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper{display:none}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{font-size:20px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{font-size:14px;margin-left:12px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__action__container .miam-recipe-details__addbasket{align-items:center;background-color:var(--m-color-secondary);color:var(--m-color-white);cursor:pointer;display:flex;font-size:19px;font-weight:700;justify-content:center;width:66%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__action__container .miam-recipe-details__addbasket .miam-recipe-details__addbasket__cta{display:flex;flex-direction:row}@media print{.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__action__container .miam-recipe-details__addbasket{display:none}}@media (min-width:1022px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__action__container .miam-recipe-details__addbasket:hover{background-color:var(--m-color-secondary-dark)}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__action__container .miam-recipe-details__addbasket ng-miam-icon{margin-left:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__action__container .miam-recipe-details__addbasket .loader{border:var(--m-loader-thickness) solid transparent;border-top:var(--m-loader-thickness) solid var(--m-color-white);height:24px;width:24px}@media print{.miam-recipe-details{height:unset!important}}@media (max-width:1023px){.miam-recipe-details .miam-recipe-details__header{height:48px}.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__bookmark{left:16px;top:4px}.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__title{font-size:16px;font-weight:900;line-height:20px;margin-left:64px;max-width:calc(100% - 200px)}}@media print and (max-width:1023px){.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__title{margin-left:112px}}@media (max-width:1023px){.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__header__link{display:none}.miam-recipe-details .miam-recipe-details__container{flex-direction:column;overflow-y:auto}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary{height:100%;margin-bottom:8px;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar{filter:unset}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content{height:100%;overflow-y:unset;padding:0 24px;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:24px;line-height:28px;margin:0;max-width:unset;overflow:hidden;text-overflow:ellipsis;white-space:unset;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__content__description{margin:16px 0 0}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__action__container{right:0}}"], encapsulation: 2, changeDetection: 0 });
+        }, directives: [i3.NgIf, IconComponent, RecipeDetailsIngredientsComponent, AddonLinkComponent, i3.NgClass, i7.YouTubePlayer, LikeButtonComponent, RecipeDetailsInfosComponent, RecipeDetailsStepsComponent, RecipePricingComponent, LoaderComponent, RecipeAddonComponent], pipes: [i3.AsyncPipe], styles: [".miam-recipe-details{display:flex;flex-direction:column;height:100vh;width:100%}.miam-recipe-details .miam-recipe-details__title{font-size:32px;font-weight:700;line-height:40px;margin-left:112px;max-width:calc(100% - 352px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miam-recipe-details .miam-recipe-details__header{align-items:center;background-color:var(--m-color-white);box-shadow:0 1px 0 #e9e9e9;display:flex;flex-direction:row;height:80px;justify-content:space-between;position:relative;width:100%}.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__bookmark{height:126px;left:20px;position:absolute;top:0;width:72px;z-index:1}@media (min-width:1023px){.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__bookmark img{height:100%}}.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__header__link{cursor:pointer;font-size:14px;line-height:20px;margin-right:64px}.miam-recipe-details .miam-recipe-details__container{display:flex;flex-direction:row;height:calc(100% - 80px);width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary{border-right:1px solid #e9e9e9;display:flex;margin-bottom:80px;width:60%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container{display:flex;flex-direction:column;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture{height:auto;max-height:48vh;position:relative;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}@media (min-width:1023px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img{max-height:calc(100vh - 396px)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img.sponsor{max-height:calc(100vh - 504px)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img.tags{max-height:calc(100vh - 476px)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img.sponsor.tags{max-height:calc(100vh - 584px)}}@media (min-width:1023px) and (max-height:816px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img.sponsor.tags{max-height:232px}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar{background-color:var(--m-color-white);display:flex;filter:drop-shadow(0 8px 28px rgba(0,0,0,.07));flex-direction:row;justify-content:space-between}@media print{.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar{display:none}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar .miam-recipe-details__actionbar__group{display:flex;flex-direction:row}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar .miam-recipe-details__actionbar__group .miam-recipe-details__actions__icon{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;height:40px;justify-content:center;margin:8px 16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container{background-color:var(--m-color-white);bottom:0;box-shadow:0 -1px 0 #e9e9e9,0 1px 0 #e9e9e9;display:flex;flex-direction:row;height:80px;left:0;position:absolute;right:40%}@media print{.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container{display:none}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:34%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper{color:var(--m-color-primary);flex-direction:row}@media (max-width:1022px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper{display:flex;flex-direction:column}}@media print{.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper{display:none}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{font-size:20px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{font-size:14px;margin-left:12px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket{align-items:center;background-color:var(--m-color-secondary);color:var(--m-color-white);cursor:pointer;display:flex;font-size:19px;font-weight:700;justify-content:center;width:66%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket .miam-recipe-details__addbasket__cta{display:flex;flex-direction:row}@media print{.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket{display:none}}@media (min-width:1022px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket:hover{background-color:var(--m-color-secondary-dark)}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket ng-miam-icon{margin-left:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket .loader{border:var(--m-loader-thickness) solid transparent;border-top:var(--m-loader-thickness) solid var(--m-color-white);height:24px;width:24px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content{background-color:var(--m-color-white);display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:24px 24px 0;width:40%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__content__description{color:var(--m-color-grey-text-dark);display:flex;flex-direction:column;font-size:16px;line-height:20px;margin-bottom:40px;text-align:left;word-break:break-word}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content ng-miam-recipe-details-ingredients{margin-bottom:40px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__content__image,.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__content__image img{width:100%}@media print{.miam-recipe-details{height:unset!important}}@media (max-width:1023px){.miam-recipe-details .miam-recipe-details__header{height:48px}.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__bookmark{left:16px;top:4px}.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__title{font-size:16px;font-weight:900;line-height:20px;margin-left:64px;max-width:calc(100% - 200px)}}@media print and (max-width:1023px){.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__title{margin-left:112px}}@media (max-width:1023px){.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__header__link{display:none}.miam-recipe-details .miam-recipe-details__container{flex-direction:column;overflow-y:auto}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary{height:100%;margin-bottom:8px;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar{filter:unset}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container{position:fixed;right:0;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content{height:100%;overflow-y:unset;padding:0 24px;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:24px;line-height:28px;margin:0;max-width:unset;overflow:hidden;text-overflow:ellipsis;white-space:unset;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__content__description{margin:16px 0 0}}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(RecipeDetailsComponent, [{
                 type: i0.Component,
@@ -16825,6 +16927,12 @@
                     type: i0.Input
                 }], displayAddedOnPicture: [{
                     type: i0.Input
+                }], stepsOnLeftSide: [{
+                    type: i0.Input
+                }], moreRecipesImageURL: [{
+                    type: i0.Input
+                }], pricingGuestsText: [{
+                    type: i0.Input
                 }], recipeAdded: [{
                     type: i0.Output
                 }], recipeChanged: [{
@@ -16866,7 +16974,7 @@
                 UtilsModule,
                 ComponentsModule,
                 LoaderModule,
-                i8.YouTubePlayerModule
+                i7.YouTubePlayerModule
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(RecipeDetailsModule, { declarations: [RecipeDetailsIngredientsComponent,
@@ -16878,7 +16986,7 @@
                 UtilsModule,
                 ComponentsModule,
                 LoaderModule,
-                i8.YouTubePlayerModule], exports: [RecipeDetailsIngredientsComponent,
+                i7.YouTubePlayerModule], exports: [RecipeDetailsIngredientsComponent,
                 RecipeDetailsComponent,
                 RecipeAddonComponent,
                 RecipeDetailsStepsComponent,
@@ -16894,7 +17002,7 @@
                             UtilsModule,
                             ComponentsModule,
                             LoaderModule,
-                            i8.YouTubePlayerModule
+                            i7.YouTubePlayerModule
                         ],
                         declarations: [
                             RecipeDetailsIngredientsComponent,
@@ -18796,7 +18904,7 @@
         }
         if (rf & 2) {
             var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("recipe", ctx_r0.recipe)("previewAllowed", ctx_r0.previewAllowed);
+            i0.ɵɵproperty("recipe", ctx_r0.recipe)("previewAllowed", ctx_r0.previewAllowed)("stepsOnLeftSide", ctx_r0.detailsStepsOnLeftSide)("moreRecipesImageURL", ctx_r0.detailsMoreRecipesImageURL)("pricingGuestsText", ctx_r0.detailsPricingGuestsText);
         }
     }
     function RecipeModalComponent_div_2_div_1_Template(rf, ctx) {
@@ -18840,14 +18948,14 @@
             this.removeIsLoading = false;
             this.basketChangedSinceOpened = false; // true if show = true and basket is different since last time show was false
             this.recipeWasAdded = false;
-            this.openWithoutRecipe = false;
+            this.detailsStepsOnLeftSide = false;
+            this.detailsPricingGuestsText = 'par personne';
             this.hasChangesOnClose = new i0.EventEmitter(false);
         }
         RecipeModalComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.recipesService.displayedRecipe$.subscribe(function (result) {
                 var _a;
-                _this.openWithoutRecipe = result === null || result === void 0 ? void 0 : result.force;
                 if (!(result === null || result === void 0 ? void 0 : result.recipe)) {
                     if (result === null || result === void 0 ? void 0 : result.force) {
                         _this.previewMode = result.previewMode;
@@ -18895,9 +19003,6 @@
             this.previewMode = !this.previewMode;
             this.cdr.detectChanges();
         };
-        RecipeModalComponent.prototype.getTitle = function () {
-            return this.previewMode ? "" + (this.openWithoutRecipe ? 'Repas ajoutés : ' : '1 repas ajouté à votre panier') : '';
-        };
         RecipeModalComponent.prototype.removeRecipe = function () {
             var _this = this;
             if (this.canCloseModal) {
@@ -18933,16 +19038,16 @@
         return RecipeModalComponent;
     }());
     RecipeModalComponent.ɵfac = function RecipeModalComponent_Factory(t) { return new (t || RecipeModalComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(PrintService), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(GroceriesListsService), i0.ɵɵdirectiveInject(BasketsService)); };
-    RecipeModalComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeModalComponent, selectors: [["ng-miam-recipe-modal"]], outputs: { hasChangesOnClose: "hasChangesOnClose" }, decls: 3, vars: 11, consts: [[3, "isAngularComponent", "noHeaderMode", "expanded", "title", "confirmButtonText", "cancelButtonDisabled", "confirmButtonDisabled", "cancelButtonIsLoading", "expandedChange", "close", "cancel", "confirm"], [3, "recipe", "previewAllowed", "recipeAdded", "recipeChanged", "recipeError", 4, "ngIf"], ["class", "miam-wrapper-preview", 4, "ngIf"], [3, "recipe", "previewAllowed", "recipeAdded", "recipeChanged", "recipeError"], ["details", ""], [1, "miam-wrapper-preview"], [3, "recipeId", "displayItemsUnitaryPrice", "guestCountChanged", "loading"]], template: function RecipeModalComponent_Template(rf, ctx) {
+    RecipeModalComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeModalComponent, selectors: [["ng-miam-recipe-modal"]], inputs: { detailsStepsOnLeftSide: "detailsStepsOnLeftSide", detailsMoreRecipesImageURL: "detailsMoreRecipesImageURL", detailsPricingGuestsText: "detailsPricingGuestsText" }, outputs: { hasChangesOnClose: "hasChangesOnClose" }, decls: 3, vars: 11, consts: [[3, "isAngularComponent", "noHeaderMode", "expanded", "title", "confirmButtonText", "cancelButtonDisabled", "confirmButtonDisabled", "cancelButtonIsLoading", "expandedChange", "close", "cancel", "confirm"], [3, "recipe", "previewAllowed", "stepsOnLeftSide", "moreRecipesImageURL", "pricingGuestsText", "recipeAdded", "recipeChanged", "recipeError", 4, "ngIf"], ["class", "miam-wrapper-preview", 4, "ngIf"], [3, "recipe", "previewAllowed", "stepsOnLeftSide", "moreRecipesImageURL", "pricingGuestsText", "recipeAdded", "recipeChanged", "recipeError"], ["details", ""], [1, "miam-wrapper-preview"], [3, "recipeId", "displayItemsUnitaryPrice", "guestCountChanged", "loading"]], template: function RecipeModalComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "ng-miam-modal", 0);
                 i0.ɵɵlistener("expandedChange", function RecipeModalComponent_Template_ng_miam_modal_expandedChange_0_listener($event) { return ctx.show = $event; })("close", function RecipeModalComponent_Template_ng_miam_modal_close_0_listener() { return ctx.hide(); })("cancel", function RecipeModalComponent_Template_ng_miam_modal_cancel_0_listener() { return ctx.removeRecipe(); })("confirm", function RecipeModalComponent_Template_ng_miam_modal_confirm_0_listener() { return ctx.hide(); });
-                i0.ɵɵtemplate(1, RecipeModalComponent_ng_miam_recipe_details_1_Template, 2, 2, "ng-miam-recipe-details", 1);
+                i0.ɵɵtemplate(1, RecipeModalComponent_ng_miam_recipe_details_1_Template, 2, 5, "ng-miam-recipe-details", 1);
                 i0.ɵɵtemplate(2, RecipeModalComponent_div_2_Template, 2, 1, "div", 2);
                 i0.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0.ɵɵproperty("isAngularComponent", true)("noHeaderMode", true)("expanded", ctx.show)("noHeaderMode", !ctx.previewMode)("title", ctx.getTitle())("confirmButtonText", ctx.previewMode ? "Ok, continuer mes courses" : "")("cancelButtonDisabled", !ctx.canCloseModal)("confirmButtonDisabled", !ctx.canCloseModal)("cancelButtonIsLoading", ctx.removeIsLoading);
+                i0.ɵɵproperty("isAngularComponent", true)("noHeaderMode", true)("expanded", ctx.show)("noHeaderMode", !ctx.previewMode)("title", ctx.previewMode ? "Repas ajout\u00E9s : " : "")("confirmButtonText", ctx.previewMode ? "Ok, continuer mes courses" : "")("cancelButtonDisabled", !ctx.canCloseModal)("confirmButtonDisabled", !ctx.canCloseModal)("cancelButtonIsLoading", ctx.removeIsLoading);
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngIf", ctx.recipe && !ctx.previewMode);
                 i0.ɵɵadvance(1);
@@ -18959,7 +19064,13 @@
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         encapsulation: i0.ViewEncapsulation.None
                     }]
-            }], function () { return [{ type: i0.ChangeDetectorRef }, { type: RecipesService }, { type: PrintService }, { type: i0.ElementRef }, { type: GroceriesListsService }, { type: BasketsService }]; }, { hasChangesOnClose: [{
+            }], function () { return [{ type: i0.ChangeDetectorRef }, { type: RecipesService }, { type: PrintService }, { type: i0.ElementRef }, { type: GroceriesListsService }, { type: BasketsService }]; }, { detailsStepsOnLeftSide: [{
+                    type: i0.Input
+                }], detailsMoreRecipesImageURL: [{
+                    type: i0.Input
+                }], detailsPricingGuestsText: [{
+                    type: i0.Input
+                }], hasChangesOnClose: [{
                     type: i0.Output
                 }] });
     })();
@@ -19203,7 +19314,7 @@
                     useFactory: dateFns.adapterFactory,
                 }),
                 UtilsModule,
-                i8.YouTubePlayerModule
+                i7.YouTubePlayerModule
             ]), LoaderModule,
             BasketPreviewModule,
             ListScanModule,
@@ -19240,7 +19351,7 @@
                 i15.FormsModule,
                 i15.ReactiveFormsModule,
                 ComponentsModule, i1$4.CalendarModule, UtilsModule,
-                i8.YouTubePlayerModule], exports: [LoaderModule,
+                i7.YouTubePlayerModule], exports: [LoaderModule,
                 BasketPreviewModule,
                 ListScanModule,
                 RecipeDetailsModule,
@@ -19282,14 +19393,14 @@
                                 useFactory: dateFns.adapterFactory,
                             }),
                             UtilsModule,
-                            i8.YouTubePlayerModule
+                            i7.YouTubePlayerModule
                         ]),
                         declarations: WEB_COMPONENTS,
                         exports: WEBC_MODULES.concat(WEB_COMPONENTS)
                     }]
             }], null, null);
     })();
-    i0.ɵɵsetComponentScope(RecipeCatalogComponent, [LoaderComponent, BasketPreviewBlockComponent, BasketPreviewLineComponent, BasketPreviewDisabledComponent, ReplaceItemComponent, ListScanComponent, RecipeDetailsIngredientsComponent, RecipeDetailsComponent, RecipeAddonComponent, RecipeDetailsStepsComponent, RecipeDetailsInfosComponent, ModalComponent, i3.NgClass, i3.NgComponentOutlet, i3.NgForOf, i3.NgIf, i3.NgTemplateOutlet, i3.NgStyle, i3.NgSwitch, i3.NgSwitchCase, i3.NgSwitchDefault, i3.NgPlural, i3.NgPluralCase, i15.ɵangular_packages_forms_forms_y, i15.NgSelectOption, i15.ɵangular_packages_forms_forms_x, i15.DefaultValueAccessor, i15.NumberValueAccessor, i15.RangeValueAccessor, i15.CheckboxControlValueAccessor, i15.SelectControlValueAccessor, i15.SelectMultipleControlValueAccessor, i15.RadioControlValueAccessor, i15.NgControlStatus, i15.NgControlStatusGroup, i15.RequiredValidator, i15.MinLengthValidator, i15.MaxLengthValidator, i15.PatternValidator, i15.CheckboxRequiredValidator, i15.EmailValidator, i15.NgModel, i15.NgModelGroup, i15.NgForm, i15.FormControlDirective, i15.FormGroupDirective, i15.FormControlName, i15.FormGroupName, i15.FormArrayName, IconComponent, CORSOverlayComponent, ListInputComponent, SkeletonComponent, SliderComponent, TimePickerComponent, CounterInputComponent, LikeButtonComponent, TabsComponent, TabBodyComponent, TabItemComponent, TabLabelComponent, DeleteConfirmButtonComponent, RecipePricingComponent, AddonLinkComponent, RecipeFiltersComponent, SelectInputComponent, TextInputComponent, ActionsPopinComponent, CardCreateRecipeComponent, RecipeTypeChooserComponent, ExplaineBannerComponent, i1$4.ɵb, i1$4.ɵc, i1$4.ɵd, i1$4.ɵe, i1$4.ɵf, i1$4.ɵg, i1$4.ɵh, i1$4.ɵl, i1$4.ɵm, i38.ɵb, i38.ɵa, i38.ɵd, i1$4.CalendarMonthViewComponent, i1$4.ɵn, i1$4.ɵa, i1$4.ɵo, i39.ResizableDirective, i39.ResizeHandleDirective, i1$4.CalendarWeekViewComponent, i1$4.ɵp, i1$4.ɵq, i1$4.ɵr, i1$4.ɵs, i1$4.CalendarDayViewComponent, AutowidthInputDirective, i8.YouTubePlayer, SuggestionCardComponent,
+    i0.ɵɵsetComponentScope(RecipeCatalogComponent, [LoaderComponent, BasketPreviewBlockComponent, BasketPreviewLineComponent, BasketPreviewDisabledComponent, ReplaceItemComponent, ListScanComponent, RecipeDetailsIngredientsComponent, RecipeDetailsComponent, RecipeAddonComponent, RecipeDetailsStepsComponent, RecipeDetailsInfosComponent, ModalComponent, i3.NgClass, i3.NgComponentOutlet, i3.NgForOf, i3.NgIf, i3.NgTemplateOutlet, i3.NgStyle, i3.NgSwitch, i3.NgSwitchCase, i3.NgSwitchDefault, i3.NgPlural, i3.NgPluralCase, i15.ɵangular_packages_forms_forms_y, i15.NgSelectOption, i15.ɵangular_packages_forms_forms_x, i15.DefaultValueAccessor, i15.NumberValueAccessor, i15.RangeValueAccessor, i15.CheckboxControlValueAccessor, i15.SelectControlValueAccessor, i15.SelectMultipleControlValueAccessor, i15.RadioControlValueAccessor, i15.NgControlStatus, i15.NgControlStatusGroup, i15.RequiredValidator, i15.MinLengthValidator, i15.MaxLengthValidator, i15.PatternValidator, i15.CheckboxRequiredValidator, i15.EmailValidator, i15.NgModel, i15.NgModelGroup, i15.NgForm, i15.FormControlDirective, i15.FormGroupDirective, i15.FormControlName, i15.FormGroupName, i15.FormArrayName, IconComponent, CORSOverlayComponent, ListInputComponent, SkeletonComponent, SliderComponent, TimePickerComponent, CounterInputComponent, LikeButtonComponent, TabsComponent, TabBodyComponent, TabItemComponent, TabLabelComponent, DeleteConfirmButtonComponent, RecipePricingComponent, AddonLinkComponent, RecipeFiltersComponent, SelectInputComponent, TextInputComponent, ActionsPopinComponent, CardCreateRecipeComponent, RecipeTypeChooserComponent, ExplaineBannerComponent, i1$4.ɵb, i1$4.ɵc, i1$4.ɵd, i1$4.ɵe, i1$4.ɵf, i1$4.ɵg, i1$4.ɵh, i1$4.ɵl, i1$4.ɵm, i38.ɵb, i38.ɵa, i38.ɵd, i1$4.CalendarMonthViewComponent, i1$4.ɵn, i1$4.ɵa, i1$4.ɵo, i39.ResizableDirective, i39.ResizeHandleDirective, i1$4.CalendarWeekViewComponent, i1$4.ɵp, i1$4.ɵq, i1$4.ɵr, i1$4.ɵs, i1$4.CalendarDayViewComponent, AutowidthInputDirective, i7.YouTubePlayer, SuggestionCardComponent,
         DrawerComponent,
         OrderButtonComponent,
         PosSelectionComponent,