ng-miam 6.5.0 → 6.5.1

package/bundles/ng-miam.umd.js

@@ -1514,6 +1514,111 @@
             }], function () { return []; }, null);
     })();
 
+    var Ingredient = /** @class */ (function (_super) {
+        __extends(Ingredient, _super);
+        function Ingredient() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.attributes = {
+                name: '',
+                quantity: '',
+                unit: '',
+                importance: '',
+                active: true,
+                'forced-eans': [],
+                'picture-url': '',
+                position: -1
+            };
+            _this.relationships = {
+                recipe: new i1.DocumentResource(),
+                'quantity-unit': new i1.DocumentResource()
+            };
+            return _this;
+        }
+        Object.defineProperty(Ingredient.prototype, "quantity", {
+            get: function () {
+                if (this.attributes.quantity) {
+                    //  /!\ toLocalString can transphorm an dot into a coma
+                    return parseFloat(this.attributes.quantity).toString();
+                }
+                else {
+                    return '1';
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(Ingredient.prototype, "picture", {
+            get: function () {
+                return this.attributes['picture-url'];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return Ingredient;
+    }(i1.Resource));
+
+    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': '',
+                'media-url': '',
+                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 () {
+                // tslint:disable-next-line: no-string-literal
+                return this.attributes.settings.subtitle;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return Package;
+    }(i1.Resource));
+
+    var QuantityUnit = /** @class */ (function (_super) {
+        __extends(QuantityUnit, _super);
+        function QuantityUnit() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.attributes = {
+                name: '',
+                plural: ''
+            };
+            return _this;
+        }
+        return QuantityUnit;
+    }(i1.Resource));
+
     var Recipe = /** @class */ (function (_super) {
         __extends(Recipe, _super);
         function Recipe() {
@@ -1802,14 +1907,6 @@
         return Recipe;
     }(i1.Resource));
 
-    var RecipePricing = /** @class */ (function () {
-        function RecipePricing(attrs) {
-            if (attrs === void 0) { attrs = {}; }
-            Object.assign(this, attrs);
-        }
-        return RecipePricing;
-    }());
-
     var RecipeProvider = /** @class */ (function (_super) {
         __extends(RecipeProvider, _super);
         function RecipeProvider() {
@@ -1826,39 +1923,6 @@
         return RecipeProvider;
     }(i1.Resource));
 
-    var RecipeProviderService = /** @class */ (function (_super) {
-        __extends(RecipeProviderService, _super);
-        function RecipeProviderService() {
-            var _this = _super.call(this) || this;
-            _this.resource = RecipeProvider;
-            _this.type = 'recipe-providers';
-            _this.register();
-            return _this;
-        }
-        RecipeProviderService.prototype.init = function (id) {
-            this.register();
-            return this.loadCachedProvider(id).toPromise();
-        };
-        RecipeProviderService.prototype.getCached = function () {
-            return this.provider;
-        };
-        RecipeProviderService.prototype.loadCachedProvider = function (id) {
-            var _this = this;
-            return rxjs.of(id).pipe(operators.switchMap(function () { return _this.get(id); }), operators.tap(function (status) { return _this.provider = status; }));
-        };
-        return RecipeProviderService;
-    }(i1.Service));
-    RecipeProviderService.ɵfac = function RecipeProviderService_Factory(t) { return new (t || RecipeProviderService)(); };
-    RecipeProviderService.ɵprov = i0.ɵɵdefineInjectable({ token: RecipeProviderService, factory: RecipeProviderService.ɵfac, providedIn: 'root' });
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(RecipeProviderService, [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }], function () { return []; }, null);
-    })();
-
     var RecipeStatus = /** @class */ (function (_super) {
         __extends(RecipeStatus, _super);
         function RecipeStatus() {
@@ -1939,111 +2003,65 @@
         return RecipeStatus;
     }(i1.Resource));
 
-    var RecipeStatusService = /** @class */ (function (_super) {
-        __extends(RecipeStatusService, _super);
-        function RecipeStatusService() {
-            var _this = _super.call(this) || this;
-            _this.resource = RecipeStatus;
-            _this.type = 'recipe-statuses';
-            _this.validated$ = new rxjs.BehaviorSubject(null);
-            _this.draft$ = new rxjs.BehaviorSubject(null);
-            _this.deleted$ = new rxjs.BehaviorSubject(null);
-            _this.inactive$ = new rxjs.BehaviorSubject(null);
-            _this.register();
+    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;
         }
-        Object.defineProperty(RecipeStatusService.prototype, "validated", {
-            get: function () {
-                return this.validated$.asObservable().pipe(operators.skipWhile(function (res) { return res == null; }));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(RecipeStatusService.prototype, "draft", {
-            get: function () {
-                return this.draft$.asObservable().pipe(operators.skipWhile(function (res) { return res == null; }));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(RecipeStatusService.prototype, "deleted", {
-            get: function () {
-                return this.deleted$.asObservable().pipe(operators.skipWhile(function (res) { return res == null; }));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(RecipeStatusService.prototype, "inactive", {
-            get: function () {
-                return this.inactive$.asObservable().pipe(operators.skipWhile(function (res) { return res == null; }));
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(RecipeStatusService.prototype, "validatedValue", {
-            /** Only if you are sure value has been loaded */
-            get: function () {
-                return this.validated$.getValue();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(RecipeStatusService.prototype, "draftValue", {
-            /** Only if you are sure value has been loaded */
+        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': ''
+            };
+            return _this;
+        }
+        Object.defineProperty(Tag.prototype, "tagType", {
             get: function () {
-                return this.draft$.getValue();
+                return this.attributes['tag-type-id'];
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(RecipeStatusService.prototype, "deletedValue", {
-            /** Only if you are sure value has been loaded */
+        Object.defineProperty(Tag.prototype, "name", {
             get: function () {
-                return this.deleted$.getValue();
+                return this.attributes.name;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(RecipeStatusService.prototype, "inactiveValue", {
-            /** Only if you are sure value has been loaded */
+        return Tag;
+    }(i1.Resource));
+
+    var RecipeType = /** @class */ (function (_super) {
+        __extends(RecipeType, _super);
+        function RecipeType() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.attributes = {
+                name: ''
+            };
+            return _this;
+        }
+        Object.defineProperty(RecipeType.prototype, "name", {
             get: function () {
-                return this.inactive$.getValue();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        RecipeStatusService.prototype.fetchStatuses = function () {
-            var _this = this;
-            this.get('validated').pipe(operators.skipWhile(function (result) { return result.is_loading; })).subscribe(function (validated) { return _this.validated$.next(validated); });
-            this.get('draft').pipe(operators.skipWhile(function (result) { return result.is_loading; })).subscribe(function (draft) { return _this.draft$.next(draft); });
-            this.get('deleted').pipe(operators.skipWhile(function (result) { return result.is_loading; })).subscribe(function (deleted) { return _this.deleted$.next(deleted); });
-            this.get('inactive').pipe(operators.skipWhile(function (result) { return result.is_loading; })).subscribe(function (inactive) { return _this.inactive$.next(inactive); });
-        };
-        return RecipeStatusService;
-    }(i1.Service));
-    RecipeStatusService.ɵfac = function RecipeStatusService_Factory(t) { return new (t || RecipeStatusService)(); };
-    RecipeStatusService.ɵprov = i0.ɵɵdefineInjectable({ token: RecipeStatusService, factory: RecipeStatusService.ɵfac, providedIn: 'root' });
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(RecipeStatusService, [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }], function () { return []; }, null);
-    })();
-
-    var RecipeType = /** @class */ (function (_super) {
-        __extends(RecipeType, _super);
-        function RecipeType() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.attributes = {
-                name: ''
-            };
-            return _this;
-        }
-        Object.defineProperty(RecipeType.prototype, "name", {
-            get: function () {
-                return this.attributes.name;
+                return this.attributes.name;
             },
             enumerable: false,
             configurable: true
@@ -2051,192 +2069,6 @@
         return RecipeType;
     }(i1.Resource));
 
-    var RecipeTypeService = /** @class */ (function (_super) {
-        __extends(RecipeTypeService, _super);
-        function RecipeTypeService() {
-            var _this = _super.call(this) || this;
-            _this.resource = RecipeType;
-            _this.type = 'recipe-types';
-            _this.register();
-            _this.types = new rxjs.BehaviorSubject(null);
-            return _this;
-        }
-        RecipeTypeService.prototype.fetchTypes = function () {
-            var _this = this;
-            this.all().pipe(operators.tap(function (types) { return _this.types.next(types.data); })).toPromise();
-        };
-        RecipeTypeService.prototype.getTypes = function () {
-            return this.types.asObservable();
-        };
-        RecipeTypeService.prototype.getTypeByName = function (name) {
-            name = name.toLowerCase().trim();
-            return this.types.value.filter(function (t) { return t.attributes.name.toLowerCase().trim() === name; })[0];
-        };
-        return RecipeTypeService;
-    }(i1.Service));
-    RecipeTypeService.ɵfac = function RecipeTypeService_Factory(t) { return new (t || RecipeTypeService)(); };
-    RecipeTypeService.ɵprov = i0.ɵɵdefineInjectable({ token: RecipeTypeService, factory: RecipeTypeService.ɵfac, providedIn: 'root' });
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(RecipeTypeService, [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }], function () { return []; }, null);
-    })();
-
-    var Ingredient = /** @class */ (function (_super) {
-        __extends(Ingredient, _super);
-        function Ingredient() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.attributes = {
-                name: '',
-                quantity: '',
-                unit: '',
-                importance: '',
-                active: true,
-                'forced-eans': [],
-                'picture-url': '',
-                position: -1
-            };
-            _this.relationships = {
-                recipe: new i1.DocumentResource(),
-                'quantity-unit': new i1.DocumentResource()
-            };
-            return _this;
-        }
-        Object.defineProperty(Ingredient.prototype, "quantity", {
-            get: function () {
-                if (this.attributes.quantity) {
-                    //  /!\ toLocalString can transphorm an dot into a coma
-                    return parseFloat(this.attributes.quantity).toString();
-                }
-                else {
-                    return '1';
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(Ingredient.prototype, "picture", {
-            get: function () {
-                return this.attributes['picture-url'];
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return Ingredient;
-    }(i1.Resource));
-
-    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': '',
-                'media-url': '',
-                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 () {
-                // tslint:disable-next-line: no-string-literal
-                return this.attributes.settings.subtitle;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return Package;
-    }(i1.Resource));
-
-    var QuantityUnit = /** @class */ (function (_super) {
-        __extends(QuantityUnit, _super);
-        function QuantityUnit() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.attributes = {
-                name: '',
-                plural: ''
-            };
-            return _this;
-        }
-        return QuantityUnit;
-    }(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': ''
-            };
-            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 = {}; }
@@ -2551,48 +2383,216 @@
         }
         Object.defineProperty(SponsorBlockType.prototype, "name", {
             get: function () {
-                return this.attributes.name;
+                return this.attributes.name;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SponsorBlockType.prototype, "iconUrl", {
+            get: function () {
+                return this.attributes['icon-url'];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SponsorBlockType.prototype, "description", {
+            get: function () {
+                return this.attributes.description;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SponsorBlockType.prototype, "defaultHeight", {
+            get: function () {
+                return this.attributes['default-height'];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SponsorBlockType.prototype, "defaultWidth", {
+            get: function () {
+                return this.attributes['default-width'];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SponsorBlockType.prototype, "mandatoryFields", {
+            get: function () {
+                return this.attributes['mandatory-fields'];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return SponsorBlockType;
+    }(i1.Resource));
+
+    var RecipePricing = /** @class */ (function () {
+        function RecipePricing(attrs) {
+            if (attrs === void 0) { attrs = {}; }
+            Object.assign(this, attrs);
+        }
+        return RecipePricing;
+    }());
+
+    var RecipeProviderService = /** @class */ (function (_super) {
+        __extends(RecipeProviderService, _super);
+        function RecipeProviderService() {
+            var _this = _super.call(this) || this;
+            _this.resource = RecipeProvider;
+            _this.type = 'recipe-providers';
+            _this.register();
+            return _this;
+        }
+        RecipeProviderService.prototype.init = function (id) {
+            this.register();
+            return this.loadCachedProvider(id).toPromise();
+        };
+        RecipeProviderService.prototype.getCached = function () {
+            return this.provider;
+        };
+        RecipeProviderService.prototype.loadCachedProvider = function (id) {
+            var _this = this;
+            return rxjs.of(id).pipe(operators.switchMap(function () { return _this.get(id); }), operators.tap(function (status) { return _this.provider = status; }));
+        };
+        return RecipeProviderService;
+    }(i1.Service));
+    RecipeProviderService.ɵfac = function RecipeProviderService_Factory(t) { return new (t || RecipeProviderService)(); };
+    RecipeProviderService.ɵprov = i0.ɵɵdefineInjectable({ token: RecipeProviderService, factory: RecipeProviderService.ɵfac, providedIn: 'root' });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(RecipeProviderService, [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], function () { return []; }, null);
+    })();
+
+    var RecipeStatusService = /** @class */ (function (_super) {
+        __extends(RecipeStatusService, _super);
+        function RecipeStatusService() {
+            var _this = _super.call(this) || this;
+            _this.resource = RecipeStatus;
+            _this.type = 'recipe-statuses';
+            _this.validated$ = new rxjs.BehaviorSubject(null);
+            _this.draft$ = new rxjs.BehaviorSubject(null);
+            _this.deleted$ = new rxjs.BehaviorSubject(null);
+            _this.inactive$ = new rxjs.BehaviorSubject(null);
+            _this.register();
+            return _this;
+        }
+        Object.defineProperty(RecipeStatusService.prototype, "validated", {
+            get: function () {
+                return this.validated$.asObservable().pipe(operators.skipWhile(function (res) { return res == null; }));
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(RecipeStatusService.prototype, "draft", {
+            get: function () {
+                return this.draft$.asObservable().pipe(operators.skipWhile(function (res) { return res == null; }));
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(SponsorBlockType.prototype, "iconUrl", {
+        Object.defineProperty(RecipeStatusService.prototype, "deleted", {
             get: function () {
-                return this.attributes['icon-url'];
+                return this.deleted$.asObservable().pipe(operators.skipWhile(function (res) { return res == null; }));
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(SponsorBlockType.prototype, "description", {
+        Object.defineProperty(RecipeStatusService.prototype, "inactive", {
             get: function () {
-                return this.attributes.description;
+                return this.inactive$.asObservable().pipe(operators.skipWhile(function (res) { return res == null; }));
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(SponsorBlockType.prototype, "defaultHeight", {
+        Object.defineProperty(RecipeStatusService.prototype, "validatedValue", {
+            /** Only if you are sure value has been loaded */
             get: function () {
-                return this.attributes['default-height'];
+                return this.validated$.getValue();
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(SponsorBlockType.prototype, "defaultWidth", {
+        Object.defineProperty(RecipeStatusService.prototype, "draftValue", {
+            /** Only if you are sure value has been loaded */
             get: function () {
-                return this.attributes['default-width'];
+                return this.draft$.getValue();
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(SponsorBlockType.prototype, "mandatoryFields", {
+        Object.defineProperty(RecipeStatusService.prototype, "deletedValue", {
+            /** Only if you are sure value has been loaded */
             get: function () {
-                return this.attributes['mandatory-fields'];
+                return this.deleted$.getValue();
             },
             enumerable: false,
             configurable: true
         });
-        return SponsorBlockType;
-    }(i1.Resource));
+        Object.defineProperty(RecipeStatusService.prototype, "inactiveValue", {
+            /** Only if you are sure value has been loaded */
+            get: function () {
+                return this.inactive$.getValue();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        RecipeStatusService.prototype.fetchStatuses = function () {
+            var _this = this;
+            this.get('validated').pipe(operators.skipWhile(function (result) { return result.is_loading; })).subscribe(function (validated) { return _this.validated$.next(validated); });
+            this.get('draft').pipe(operators.skipWhile(function (result) { return result.is_loading; })).subscribe(function (draft) { return _this.draft$.next(draft); });
+            this.get('deleted').pipe(operators.skipWhile(function (result) { return result.is_loading; })).subscribe(function (deleted) { return _this.deleted$.next(deleted); });
+            this.get('inactive').pipe(operators.skipWhile(function (result) { return result.is_loading; })).subscribe(function (inactive) { return _this.inactive$.next(inactive); });
+        };
+        return RecipeStatusService;
+    }(i1.Service));
+    RecipeStatusService.ɵfac = function RecipeStatusService_Factory(t) { return new (t || RecipeStatusService)(); };
+    RecipeStatusService.ɵprov = i0.ɵɵdefineInjectable({ token: RecipeStatusService, factory: RecipeStatusService.ɵfac, providedIn: 'root' });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(RecipeStatusService, [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], function () { return []; }, null);
+    })();
+
+    var RecipeTypeService = /** @class */ (function (_super) {
+        __extends(RecipeTypeService, _super);
+        function RecipeTypeService() {
+            var _this = _super.call(this) || this;
+            _this.resource = RecipeType;
+            _this.type = 'recipe-types';
+            _this.register();
+            _this.types = new rxjs.BehaviorSubject(null);
+            return _this;
+        }
+        RecipeTypeService.prototype.fetchTypes = function () {
+            var _this = this;
+            this.all().pipe(operators.tap(function (types) { return _this.types.next(types.data); })).toPromise();
+        };
+        RecipeTypeService.prototype.getTypes = function () {
+            return this.types.asObservable();
+        };
+        RecipeTypeService.prototype.getTypeByName = function (name) {
+            name = name.toLowerCase().trim();
+            return this.types.value.filter(function (t) { return t.attributes.name.toLowerCase().trim() === name; })[0];
+        };
+        return RecipeTypeService;
+    }(i1.Service));
+    RecipeTypeService.ɵfac = function RecipeTypeService_Factory(t) { return new (t || RecipeTypeService)(); };
+    RecipeTypeService.ɵprov = i0.ɵɵdefineInjectable({ token: RecipeTypeService, factory: RecipeTypeService.ɵfac, providedIn: 'root' });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(RecipeTypeService, [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], function () { return []; }, null);
+    })();
 
     var MessageType;
     (function (MessageType) {
@@ -3360,6 +3360,19 @@
                 })); }));
             }));
         };
+        /**
+         * Adds mandatory data (guest, pos id) completion to the given filters.
+         */
+        RecipesService.prototype.addMandatoryCompletionToFilter = function (filters) {
+            return this.posService.pos$.pipe(operators.take(1), operators.map(function (pos) {
+                var _a;
+                if (pos === null || pos === void 0 ? void 0 : pos.id) {
+                    // number of guests and point of sale id are mandatory in order to use primary_completion_perc filter
+                    filters.additionalFilters = Object.assign(Object.assign({}, filters.additionalFilters), { filters: Object.assign(Object.assign({ guests: '4', point_of_sale_id: pos.id }, (_a = filters.additionalFilters) === null || _a === void 0 ? void 0 : _a.filters), { primary_completion_perc: '100,100' }) });
+                }
+                return filters;
+            }));
+        };
         // Returns list of filtered recipes.
         // Filters and page parameters are mandatory.
         // Number of guests and randomization are optional parameters
@@ -4330,8 +4343,8 @@
             var _this = this;
             this.basketsService.basketEntries().pipe(operators.take(1)).subscribe(function (entries) {
                 _this.pushBasketEntriesToBasket(itemsToAdd.map(function (i) {
-                    var entry = entries.find(function (e) { return e.selectedItem.attributes['ext-id'] === i.id; }) ?
-                        entries.find(function (e) { return e.selectedItem.attributes['ext-id'] === i.id; }) :
+                    var entry = entries.find(function (e) { var _a; return ((_a = e.selectedItem) === null || _a === void 0 ? void 0 : _a.attributes['ext-id']) === i.id; }) ?
+                        entries.find(function (e) { var _a; return ((_a = e.selectedItem) === null || _a === void 0 ? void 0 : _a.attributes['ext-id']) === i.id; }) :
                         undefined;
                     if (entry) {
                         var bei = entry.attributes['basket-entries-items'].find(function (b) { return String(b.item_id) === entry.selectedItem.id; }) ||
@@ -12115,7 +12128,7 @@
             request = request.clone({
                 setHeaders: {
                     'miam-origin': context.origin.value,
-                    'miam-front-version': '6.5.0',
+                    'miam-front-version': '6.5.1',
                     'miam-front-type': 'web',
                     'miam-api-version': '4.7.0'
                 }
@@ -16412,7 +16425,7 @@
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngIf", ctx_r0.recipe && ctx_r0.displayPricing);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("recipe", ctx_r0.recipe)("cardType", ctx_r0.cardType)("previewAllowed", ctx_r0.previewAllowed)("displayGuests", ctx_r0.displayGuests)("helpButtonAllowed", ctx_r0.helpButtonAllowed);
+            i0.ɵɵproperty("recipe", ctx_r0.recipe)("cardType", ctx_r0.cardType)("previewAllowed", ctx_r0.previewAllowed)("displayGuests", ctx_r0.displayGuests)("helpButtonAllowed", ctx_r0.helpButtonAllowed)("originTrace", ctx_r0.eventTrace());
         }
     }
     function RecipeCardComponent_ng_template_1_Template(rf, ctx) {
@@ -16555,10 +16568,10 @@
             else {
                 i18n_6 = $localize(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject([":\u241F96cca7cb17582a9b01053a242ca907b721fad7fe\u241F3684169623116339825:Chef d\u00E9butant"], [":\u241F96cca7cb17582a9b01053a242ca907b721fad7fe\u241F3684169623116339825:Chef d\u00E9butant"])));
             }
-            return [["class", "miam-recipe-card", 4, "ngIf"], ["cors", ""], [1, "miam-recipe-card"], [1, "miam-recipe-card__bookmark"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-card/Bookmark.svg", "alt", "Id\u00E9es repas"], ["class", "miam-recipe-card__picture", 3, "click", 4, "ngIf", "ngIfElse"], ["pictSkeleton", ""], [1, "miam-recipe-card__attributes"], [4, "ngIf", "ngIfElse"], ["textSkeleton", ""], [1, "miam-recipe-card__attributes__infos"], ["class", "miam-recipe-card__attributes__info  recipe__total__time", 4, "ngIf", "ngIfElse"], ["class", "miam-recipe-card__attributes__info recipe__difficulty", 3, "ngClass", 4, "ngIf", "ngIfElse"], ["skeletonInfo", ""], [1, "miam-recipe-card__attributes__control"], [1, "miam-recipe-card__control__left__col"], [1, "miam-recipe-card__left__col__custom"], [1, "miam-recipe-card__help", 3, "click"], ["primaryColor", "var(--m-color-grey02)", "secondaryColor", "var(--m-color-grey07)", 3, "width", "height", "iconName"], ["class", "miam-recipe-card__ingredients__pictures", 4, "ngIf"], ["class", "miam-recipe-card__left__col__counter", 4, "ngIf", "ngIfElse"], ["skeletoncounter", ""], [1, "miam-recipe-card__control__right__col"], ["class", "miam-recipe-card__right__col__price", 4, "ngIf"], [3, "recipe", "cardType", "previewAllowed", "displayGuests", "helpButtonAllowed", "displayed", "clicked"], [1, "miam-recipe-card__picture", 3, "click"], ["loading", "lazy", 3, "src"], ["class", "miam-recipe-card__picture__video", 4, "ngIf"], [1, "miam-recipe-card__picture__actions"], ["class", "miam-recipe-card__actions__icon", 3, "recipe", "originTrace", 4, "ngIf"], ["class", "miam-recipe-card__picture__sponsor", 4, "ngIf"], ["class", "miam-recipe-card__picture__filigrane", 4, "ngIf"], [1, "miam-recipe-card__picture__video"], ["primaryColor", "black", 3, "iconName", "width", "height"], [1, "miam-recipe-card__actions__icon", 3, "recipe", "originTrace"], [1, "miam-recipe-card__picture__sponsor"], [3, "src"], [1, "miam-recipe-card__picture__filigrane"], [3, "type"], [1, "miam-recipe-card__attributes__title", 3, "click"], [1, "miam-recipe-card__attributes__info", "recipe__total__time"], [3, "width", "height", "iconName"], [1, "miam-recipe-card__info__label"], [1, "miam-recipe-card__attributes__info", "recipe__difficulty", 3, "ngClass"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], ["primaryColor", "var(--m-color-black)", 3, "width", "height", "iconName"], ["class", "miam-recipe-card__info__label easy", 4, "ngIf", "ngIfElse"], ["difficultyEasyDefault", ""], [1, "miam-recipe-card__info__label", "easy"], i18n_0, ["class", "miam-recipe-card__info__label medium", 4, "ngIf", "ngIfElse"], ["difficultyMediumDefault", ""], [1, "miam-recipe-card__info__label", "medium"], i18n_2, ["class", "miam-recipe-card__info__label hard", 4, "ngIf", "ngIfElse"], ["difficultyHardDefault", ""], [1, "miam-recipe-card__info__label", "hard"], i18n_4, ["difficultyDefault", ""], i18n_6, [1, "miam-recipe-card__ingredients__pictures"], [1, "miam-recipe-card__ingredients__picture"], ["class", "miam-recipe-card__ingredients__more", 4, "ngIf"], [1, "miam-recipe-card__ingredients__more"], [1, "miam-recipe-card__left__col__counter"], [3, "counter", "counterChange"], [1, "miam-recipe-card__right__col__price"], [3, "recipe", "serves"]];
+            return [["class", "miam-recipe-card", 4, "ngIf"], ["cors", ""], [1, "miam-recipe-card"], [1, "miam-recipe-card__bookmark"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-card/Bookmark.svg", "alt", "Id\u00E9es repas"], ["class", "miam-recipe-card__picture", 3, "click", 4, "ngIf", "ngIfElse"], ["pictSkeleton", ""], [1, "miam-recipe-card__attributes"], [4, "ngIf", "ngIfElse"], ["textSkeleton", ""], [1, "miam-recipe-card__attributes__infos"], ["class", "miam-recipe-card__attributes__info  recipe__total__time", 4, "ngIf", "ngIfElse"], ["class", "miam-recipe-card__attributes__info recipe__difficulty", 3, "ngClass", 4, "ngIf", "ngIfElse"], ["skeletonInfo", ""], [1, "miam-recipe-card__attributes__control"], [1, "miam-recipe-card__control__left__col"], [1, "miam-recipe-card__left__col__custom"], [1, "miam-recipe-card__help", 3, "click"], ["primaryColor", "var(--m-color-grey02)", "secondaryColor", "var(--m-color-grey07)", 3, "width", "height", "iconName"], ["class", "miam-recipe-card__ingredients__pictures", 4, "ngIf"], ["class", "miam-recipe-card__left__col__counter", 4, "ngIf", "ngIfElse"], ["skeletoncounter", ""], [1, "miam-recipe-card__control__right__col"], ["class", "miam-recipe-card__right__col__price", 4, "ngIf"], [3, "recipe", "cardType", "previewAllowed", "displayGuests", "helpButtonAllowed", "originTrace", "displayed", "clicked"], [1, "miam-recipe-card__picture", 3, "click"], ["loading", "lazy", 3, "src"], ["class", "miam-recipe-card__picture__video", 4, "ngIf"], [1, "miam-recipe-card__picture__actions"], ["class", "miam-recipe-card__actions__icon", 3, "recipe", "originTrace", 4, "ngIf"], ["class", "miam-recipe-card__picture__sponsor", 4, "ngIf"], ["class", "miam-recipe-card__picture__filigrane", 4, "ngIf"], [1, "miam-recipe-card__picture__video"], ["primaryColor", "black", 3, "iconName", "width", "height"], [1, "miam-recipe-card__actions__icon", 3, "recipe", "originTrace"], [1, "miam-recipe-card__picture__sponsor"], [3, "src"], [1, "miam-recipe-card__picture__filigrane"], [3, "type"], [1, "miam-recipe-card__attributes__title", 3, "click"], [1, "miam-recipe-card__attributes__info", "recipe__total__time"], [3, "width", "height", "iconName"], [1, "miam-recipe-card__info__label"], [1, "miam-recipe-card__attributes__info", "recipe__difficulty", 3, "ngClass"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], ["primaryColor", "var(--m-color-black)", 3, "width", "height", "iconName"], ["class", "miam-recipe-card__info__label easy", 4, "ngIf", "ngIfElse"], ["difficultyEasyDefault", ""], [1, "miam-recipe-card__info__label", "easy"], i18n_0, ["class", "miam-recipe-card__info__label medium", 4, "ngIf", "ngIfElse"], ["difficultyMediumDefault", ""], [1, "miam-recipe-card__info__label", "medium"], i18n_2, ["class", "miam-recipe-card__info__label hard", 4, "ngIf", "ngIfElse"], ["difficultyHardDefault", ""], [1, "miam-recipe-card__info__label", "hard"], i18n_4, ["difficultyDefault", ""], i18n_6, [1, "miam-recipe-card__ingredients__pictures"], [1, "miam-recipe-card__ingredients__picture"], ["class", "miam-recipe-card__ingredients__more", 4, "ngIf"], [1, "miam-recipe-card__ingredients__more"], [1, "miam-recipe-card__left__col__counter"], [3, "counter", "counterChange"], [1, "miam-recipe-card__right__col__price"], [3, "recipe", "serves"]];
         }, template: function RecipeCardComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, RecipeCardComponent_div_0_Template, 27, 20, "div", 0);
+                i0.ɵɵtemplate(0, RecipeCardComponent_div_0_Template, 27, 21, "div", 0);
                 i0.ɵɵtemplate(1, RecipeCardComponent_ng_template_1_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
@@ -16801,7 +16814,7 @@
         }
         if (rf & 2) {
             var ctx_r4 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("recipe", ctx_r4.recipe)("cardType", ctx_r4.cardType)("previewAllowed", ctx_r4.previewAllowed)("helpButtonAllowed", ctx_r4.helpButtonAllowed)("displayGuests", ctx_r4.displayGuests);
+            i0.ɵɵproperty("recipe", ctx_r4.recipe)("cardType", ctx_r4.cardType)("previewAllowed", ctx_r4.previewAllowed)("helpButtonAllowed", ctx_r4.helpButtonAllowed)("displayGuests", ctx_r4.displayGuests)("originTrace", ctx_r4.eventTrace());
         }
     }
     function CatalogRecipeCardComponent_div_11_Template(rf, ctx) {
@@ -17254,7 +17267,7 @@
             else {
                 i18n_14 = $localize(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject([":\u241F96cca7cb17582a9b01053a242ca907b721fad7fe\u241F3684169623116339825:Chef d\u00E9butant"], [":\u241F96cca7cb17582a9b01053a242ca907b721fad7fe\u241F3684169623116339825:Chef d\u00E9butant"])));
             }
-            return [[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__ingredients__pictures", 4, "ngIf"], [3, "recipe", "cardType", "previewAllowed", "helpButtonAllowed", "displayGuests", "displayed", "clicked", 4, "ngIf"], ["class", "miam-catalog-recipe-card__actions", 4, "ngIf"], ["class", "m-button-primary reverse", 3, "click", 4, "ngIf"], [1, "miam-catalog-card__attributes__infos"], [1, "miam-catalog-card__attributes__infos", "recipe__time-and-difficulty"], ["class", "miam-catalog-card__attributes__info  recipe__total__time", 4, "ngIf", "ngIfElse"], ["class", "miam-catalog-card__attributes__info recipe__difficulty", 3, "ngClass", 4, "ngIf"], ["class", "miam-catalog-card__attributes__info recipe__price", 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-card__picture__sponsor", 4, "ngIf"], ["class", "miam-catalog-card__picture__filigrane", 4, "ngIf"], ["class", "miam-catalog-recipe-card__picture__video", 4, "ngIf"], [4, "ngIf"], [4, "ngIf", "ngIfElse"], ["textSkeleton", ""], [1, "miam-catalog-recipe-card__picture__actions"], ["class", "miam-catalog-recipe-card__actions__icon m-button-primary reverse", 3, "click", 4, "ngIf", "ngIfElse"], ["like", ""], [1, "miam-catalog-card__picture__sponsor"], [3, "src"], [1, "miam-catalog-card__picture__filigrane"], [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"], i18n_2, [1, "miam-catalog-recipe-card__attributes__title", 3, "click"], [3, "type"], [1, "miam-catalog-recipe-card__actions__icon", "m-button-primary", "reverse", 3, "click"], ["miamMoreActions", ""], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], ["width", "17", "height", "17", "class", "miam-catalog-recipe-card__actions__icon", 3, "recipe", "originTrace", 4, "ngIf"], ["width", "17", "height", "17", 1, "miam-catalog-recipe-card__actions__icon", 3, "recipe", "originTrace"], [1, "miam-catalog-recipe-card__ingredients__pictures"], [1, "miam-catalog-recipe-card__ingredients__picture"], ["class", "miam-catalog-recipe-card__ingredients__more", 4, "ngIf"], [1, "miam-catalog-recipe-card__ingredients__more"], [3, "recipe", "cardType", "previewAllowed", "helpButtonAllowed", "displayGuests", "displayed", "clicked"], ["cardCta", ""], [1, "miam-catalog-recipe-card__actions"], [1, "miam-catalog-recipe-card__actions__link", "replace", 3, "click"], i18n_4, [1, "miam-catalog-recipe-card__actions__link", "delete", 3, "click"], [1, "m-button-primary", "reverse", 3, "click"], i18n_6, [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"], ["class", "miam-catalog-card__info__label easy", 4, "ngIf", "ngIfElse"], ["difficultyEasyDefault", ""], [1, "miam-catalog-card__info__label", "easy"], i18n_8, ["class", "miam-catalog-card__info__label medium", 4, "ngIf", "ngIfElse"], ["difficultyMediumDefault", ""], [1, "miam-catalog-card__info__label", "medium"], i18n_10, ["class", "miam-catalog-card__info__label hard", 4, "ngIf", "ngIfElse"], ["difficultyHardDefault", ""], [1, "miam-catalog-card__info__label", "hard"], i18n_12, ["difficultyDefault", ""], i18n_14, [1, "miam-catalog-card__attributes__info", "recipe__price"], [3, "recipe", "serves", 4, "ngIf"], [3, "recipe", "serves"], [3, "close", "actionTriggered"]];
+            return [[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__ingredients__pictures", 4, "ngIf"], [3, "recipe", "cardType", "previewAllowed", "helpButtonAllowed", "displayGuests", "originTrace", "displayed", "clicked", 4, "ngIf"], ["class", "miam-catalog-recipe-card__actions", 4, "ngIf"], ["class", "m-button-primary reverse", 3, "click", 4, "ngIf"], [1, "miam-catalog-card__attributes__infos"], [1, "miam-catalog-card__attributes__infos", "recipe__time-and-difficulty"], ["class", "miam-catalog-card__attributes__info  recipe__total__time", 4, "ngIf", "ngIfElse"], ["class", "miam-catalog-card__attributes__info recipe__difficulty", 3, "ngClass", 4, "ngIf"], ["class", "miam-catalog-card__attributes__info recipe__price", 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-card__picture__sponsor", 4, "ngIf"], ["class", "miam-catalog-card__picture__filigrane", 4, "ngIf"], ["class", "miam-catalog-recipe-card__picture__video", 4, "ngIf"], [4, "ngIf"], [4, "ngIf", "ngIfElse"], ["textSkeleton", ""], [1, "miam-catalog-recipe-card__picture__actions"], ["class", "miam-catalog-recipe-card__actions__icon m-button-primary reverse", 3, "click", 4, "ngIf", "ngIfElse"], ["like", ""], [1, "miam-catalog-card__picture__sponsor"], [3, "src"], [1, "miam-catalog-card__picture__filigrane"], [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"], i18n_2, [1, "miam-catalog-recipe-card__attributes__title", 3, "click"], [3, "type"], [1, "miam-catalog-recipe-card__actions__icon", "m-button-primary", "reverse", 3, "click"], ["miamMoreActions", ""], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], ["width", "17", "height", "17", "class", "miam-catalog-recipe-card__actions__icon", 3, "recipe", "originTrace", 4, "ngIf"], ["width", "17", "height", "17", 1, "miam-catalog-recipe-card__actions__icon", 3, "recipe", "originTrace"], [1, "miam-catalog-recipe-card__ingredients__pictures"], [1, "miam-catalog-recipe-card__ingredients__picture"], ["class", "miam-catalog-recipe-card__ingredients__more", 4, "ngIf"], [1, "miam-catalog-recipe-card__ingredients__more"], [3, "recipe", "cardType", "previewAllowed", "helpButtonAllowed", "displayGuests", "originTrace", "displayed", "clicked"], ["cardCta", ""], [1, "miam-catalog-recipe-card__actions"], [1, "miam-catalog-recipe-card__actions__link", "replace", 3, "click"], i18n_4, [1, "miam-catalog-recipe-card__actions__link", "delete", 3, "click"], [1, "m-button-primary", "reverse", 3, "click"], i18n_6, [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"], ["class", "miam-catalog-card__info__label easy", 4, "ngIf", "ngIfElse"], ["difficultyEasyDefault", ""], [1, "miam-catalog-card__info__label", "easy"], i18n_8, ["class", "miam-catalog-card__info__label medium", 4, "ngIf", "ngIfElse"], ["difficultyMediumDefault", ""], [1, "miam-catalog-card__info__label", "medium"], i18n_10, ["class", "miam-catalog-card__info__label hard", 4, "ngIf", "ngIfElse"], ["difficultyHardDefault", ""], [1, "miam-catalog-card__info__label", "hard"], i18n_12, ["difficultyDefault", ""], i18n_14, [1, "miam-catalog-card__attributes__info", "recipe__price"], [3, "recipe", "serves", 4, "ngIf"], [3, "recipe", "serves"], [3, "close", "actionTriggered"]];
         }, template: function CatalogRecipeCardComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "div", 0);
@@ -17268,7 +17281,7 @@
                 i0.ɵɵelementStart(7, "div", 4);
                 i0.ɵɵelementStart(8, "div", 5);
                 i0.ɵɵtemplate(9, CatalogRecipeCardComponent_div_9_Template, 6, 3, "div", 6);
-                i0.ɵɵtemplate(10, CatalogRecipeCardComponent_ng_miam_recipe_card_cta_10_Template, 2, 5, "ng-miam-recipe-card-cta", 7);
+                i0.ɵɵtemplate(10, CatalogRecipeCardComponent_ng_miam_recipe_card_cta_10_Template, 2, 6, "ng-miam-recipe-card-cta", 7);
                 i0.ɵɵtemplate(11, CatalogRecipeCardComponent_div_11_Template, 6, 1, "div", 8);
                 i0.ɵɵtemplate(12, CatalogRecipeCardComponent_button_12_Template, 3, 0, "button", 9);
                 i0.ɵɵelementEnd();
@@ -17901,12 +17914,231 @@
                 try {
                     if (filter_1_1 && !filter_1_1.done && (_d = filter_1.return)) _d.call(filter_1);
                 }
-                finally { if (e_1) throw e_1.error; }
-            }
-            return true;
-        };
-        return RecipeFilters;
+                finally { if (e_1) throw e_1.error; }
+            }
+            return true;
+        };
+        return RecipeFilters;
+    }());
+
+    var _a;
+    var _c0$o = ["recipeCard"];
+    function SuggestionCardComponent_ng_miam_recipe_card_0_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r3_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "ng-miam-recipe-card", 1, 2);
+            i0.ɵɵlistener("guestsChanged", function SuggestionCardComponent_ng_miam_recipe_card_0_Template_ng_miam_recipe_card_guestsChanged_0_listener() { i0.ɵɵrestoreView(_r3_1); var ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.guestsChanged(); });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("recipe", ctx_r0.recipe)("headerText", ctx_r0.headerText)("displayPricing", ctx_r0.displayPricing)("displayAddedOnPicture", ctx_r0.displayAddedOnPicture)("originTrace", ctx_r0.eventTrace());
+        }
+    }
+    var recipeIncludes$1 = ['recipe-provider', 'sponsors'];
+    var recipeSparseFields$1 = (_a = {
+            recipes: __spread(['title', 'number-of-guests', 'media-url', 'video-id', 'filigrane-logo-url', 'difficulty', 'preparation-time', 'cooking-time',
+                'resting-time'], recipeIncludes$1),
+            sponsors: ['logo-url']
+        },
+        _a['recipe-provider'] = ['name'],
+        _a);
+    /**
+     * This is an angular component design to be a web component
+     * that's why we use onPushStrategie with the changeDetetectorRef
+     * to avoid common issue
+     * guide -> https://netbasal.com/a-comprehensive-guide-to-angular-onpush-change-detection-strategy-5bac493074a4
+     * and alsow we use ShadowDom to protect style of our component
+     * and alsow style of the parent aplication that will use it
+     * doc -> https://angular.io/api/core/ViewEncapsulation
+     */
+    var SuggestionCardComponent = /** @class */ (function (_super) {
+        __extends(SuggestionCardComponent, _super);
+        function SuggestionCardComponent(cdr, recipeService, groceriesListsService, contextService, analyticsService, recipeEventsService, element) {
+            var _this = _super.call(this, cdr, recipeService, recipeEventsService, groceriesListsService, contextService, analyticsService, element) || this;
+            _this.cdr = cdr;
+            _this.recipeService = recipeService;
+            _this.groceriesListsService = groceriesListsService;
+            _this.contextService = contextService;
+            _this.analyticsService = analyticsService;
+            _this.recipeEventsService = recipeEventsService;
+            _this.element = element;
+            _this.isEmpty = false;
+            _this.eventsGroupId = uuid.v4();
+            // as the template creates a recipe card, the recipe card send the events
+            _this.sendShowEventOnScroll = false;
+            return _this;
+        }
+        SuggestionCardComponent.prototype.ngOnChanges = function (simpleChanges) {
+            if ((simpleChanges.productIds && !this.randomModeEnable) || !this.recipe) {
+                this.loadRecipe();
+            }
+        };
+        // Only send show event if the recipe has changed while the card was in viewport
+        SuggestionCardComponent.prototype.sendShowEvent = function () {
+            return false;
+        };
+        // If recipe already in basket, update the number of guests so that the pricing gets updated as well
+        // (display = false so that the recipe details don't show up)
+        SuggestionCardComponent.prototype.guestsChanged = function () {
+            var _this = this;
+            this.subscriptions.push(this.groceriesListsService.recipeIsInList(this.recipe.id).pipe(operators.switchMap(function (recipeIsInList) {
+                if (recipeIsInList) {
+                    return _this.groceriesListsService.appendRecipeToList(_this.recipe.id, _this.recipe.modifiedGuests, _this.eventTrace())
+                        .pipe(operators.take(1));
+                }
+            })).subscribe(function () { return _this.cdr.detectChanges(); }));
+        };
+        SuggestionCardComponent.prototype.loadRecipe = function () {
+            var _this = this;
+            this.subscriptions.push(this.fetchRecipes().pipe(operators.skipWhile(function (results) { return !results; }), operators.catchError(function (err) {
+                _this.hide.emit();
+                return rxjs.of(err);
+            })).subscribe(function (results) { return _this.processResults(results); }));
+        };
+        SuggestionCardComponent.prototype.fetchRecipes = function () {
+            if (this.contextService.displayIngredientPicturesOnRecipeCards && !recipeIncludes$1.includes('ingredients')) {
+                recipeIncludes$1.push('ingredients');
+                recipeSparseFields$1.recipes.push('ingredients');
+                recipeSparseFields$1['ingredients'] = ['name', 'quantity', 'unit', 'active', 'forced-eans', 'picture-url', 'position'];
+            }
+            if (this.randomModeEnable) {
+                return this.recipeService.getRandom(recipeIncludes$1, recipeSparseFields$1);
+            }
+            else {
+                return this.recipeService.getSuggestion(this.productIds, this.eventsGroupId, recipeIncludes$1, recipeSparseFields$1);
+            }
+        };
+        // If the recipe is in basket, will show number of guests as defined in the basket
+        // Otherwise, will show default number of guests for the recipe
+        SuggestionCardComponent.prototype.processResults = function (recipes) {
+            var _this = this;
+            this.isEmpty = (!recipes || recipes.length === 0);
+            if (!this.isEmpty) {
+                // get the first recipe and shallow copy it to permit to send event and do not disturb any other component
+                // if ressource is cached without copy another load will get the attributes
+                this.recipe = recipes[0].shallowCopyWithEvents(this.recipeEventsService.ORIGIN_SUGGESTION, this.eventsGroupId);
+                // Update guests from list only if recipe is in list
+                this.subscriptions.push(this.groceriesListsService.recipeIsInList(this.recipe.id).subscribe(function (isInList) {
+                    if (isInList) {
+                        _this.recipe.modifiedGuests = _this.groceriesListsService.guestsForRecipe(_this.recipe) || +_this.recipe.guests;
+                        _this.recipeCard.cdr.markForCheck();
+                    }
+                }));
+                this.recipeCard.cdr.markForCheck();
+            }
+            else {
+                this.hide.emit();
+            }
+            this.cdr.detectChanges();
+        };
+        return SuggestionCardComponent;
+    }(AbstractRecipeCardComponent));
+    SuggestionCardComponent.ɵfac = function SuggestionCardComponent_Factory(t) { return new (t || SuggestionCardComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(GroceriesListsService), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(AnalyticsService), i0.ɵɵdirectiveInject(RecipeEventsService), i0.ɵɵdirectiveInject(i0.ElementRef)); };
+    SuggestionCardComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SuggestionCardComponent, selectors: [["ng-miam-suggestion-card"]], viewQuery: function SuggestionCardComponent_Query(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵviewQuery(_c0$o, true);
+            }
+            if (rf & 2) {
+                var _t;
+                i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.recipeCard = _t.first);
+            }
+        }, inputs: { randomModeEnable: "randomModeEnable", productIds: "productIds" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[3, "recipe", "headerText", "displayPricing", "displayAddedOnPicture", "originTrace", "guestsChanged", 4, "ngIf"], [3, "recipe", "headerText", "displayPricing", "displayAddedOnPicture", "originTrace", "guestsChanged"], ["recipeCard", ""]], template: function SuggestionCardComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵtemplate(0, SuggestionCardComponent_ng_miam_recipe_card_0_Template, 2, 5, "ng-miam-recipe-card", 0);
+            }
+            if (rf & 2) {
+                i0.ɵɵproperty("ngIf", !ctx.isEmpty);
+            }
+        }, directives: [i2.NgIf, RecipeCardComponent], styles: [""], encapsulation: 2, changeDetection: 0 });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(SuggestionCardComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ng-miam-suggestion-card',
+                        templateUrl: './suggestion-card.component.html',
+                        styleUrls: ['./suggestion-card.component.scss'],
+                        encapsulation: i0.ViewEncapsulation.None,
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], function () { return [{ type: i0.ChangeDetectorRef }, { type: RecipesService }, { type: GroceriesListsService }, { type: ContextService }, { type: AnalyticsService }, { type: RecipeEventsService }, { type: i0.ElementRef }]; }, { randomModeEnable: [{
+                    type: i0.Input
+                }], productIds: [{
+                    type: i0.Input
+                }], recipeCard: [{
+                    type: i0.ViewChild,
+                    args: ['recipeCard']
+                }] });
+    })();
+
+    var RecipeCardsModule = /** @class */ (function () {
+        // Create custom elements so the WebComponents can be interpreted by the browser regardless of the js framework used
+        function RecipeCardsModule(injector) {
+            var webComponents = {
+                'add-recipe-card': AddRecipeCardComponent,
+                'catalog-recipe-card': CatalogRecipeCardComponent,
+                'recipe-card': RecipeCardComponent,
+                'suggestion-card': SuggestionCardComponent,
+                'recipe-card-cta': RecipeCardCtaComponent,
+            };
+            Object.keys(webComponents).map(function (compName) {
+                var name = "webc-miam-" + compName;
+                // Avoid duplicate error
+                if (!customElements.get(name)) {
+                    var comp = webComponents[compName];
+                    var ngElement = elements.createCustomElement(comp, { injector: injector });
+                    customElements.define(name, ngElement);
+                }
+            });
+        }
+        return RecipeCardsModule;
     }());
+    RecipeCardsModule.ɵmod = i0.ɵɵdefineNgModule({ type: RecipeCardsModule });
+    RecipeCardsModule.ɵinj = i0.ɵɵdefineInjector({ factory: function RecipeCardsModule_Factory(t) { return new (t || RecipeCardsModule)(i0.ɵɵinject(i0.Injector)); }, imports: [[
+                i2.CommonModule,
+                i3.FormsModule,
+                UtilsModule,
+                ComponentsModule
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(RecipeCardsModule, { declarations: [AddRecipeCardComponent,
+                CatalogRecipeCardComponent,
+                RecipeCardComponent,
+                SuggestionCardComponent,
+                RecipeCardCtaComponent], imports: [i2.CommonModule,
+                i3.FormsModule,
+                UtilsModule,
+                ComponentsModule], exports: [AddRecipeCardComponent,
+                CatalogRecipeCardComponent,
+                RecipeCardComponent,
+                SuggestionCardComponent] });
+    })();
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(RecipeCardsModule, [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i2.CommonModule,
+                            i3.FormsModule,
+                            UtilsModule,
+                            ComponentsModule
+                        ],
+                        declarations: [
+                            AddRecipeCardComponent,
+                            CatalogRecipeCardComponent,
+                            RecipeCardComponent,
+                            SuggestionCardComponent,
+                            RecipeCardCtaComponent
+                        ],
+                        exports: [
+                            AddRecipeCardComponent,
+                            CatalogRecipeCardComponent,
+                            RecipeCardComponent,
+                            SuggestionCardComponent
+                        ]
+                    }]
+            }], function () { return [{ type: i0.Injector }]; }, null);
+    })();
 
     function CatalogArticleCardComponent_img_4_Template(rf, ctx) {
         if (rf & 1) {
@@ -18126,10 +18358,10 @@
             i0.ɵɵelementEnd();
         }
     }
-    var recipeIncludes$1 = ['recipe-provider', 'sponsors'];
-    var recipeSparseFields$1 = (_c = {
+    var recipeIncludes$2 = ['recipe-provider', 'sponsors'];
+    var recipeSparseFields$2 = (_c = {
             recipes: __spread(['title', 'number-of-guests', 'media-url', 'video-id', 'filigrane-logo-url', 'difficulty', 'preparation-time', 'cooking-time',
-                'resting-time'], recipeIncludes$1),
+                'resting-time'], recipeIncludes$2),
             sponsors: ['logo-url']
         },
         _c['recipe-provider'] = ['name'],
@@ -18187,8 +18419,10 @@
             this.initLoadOnScroll();
         };
         CatalogListComponent.prototype.ngOnChanges = function (changes) {
-            // Prevents reload loop in angular
-            if (!(Object.keys(changes).length === 1 && Object.keys(changes)[0] === 'originTrace')) {
+            var changesKeys = Object.keys(changes);
+            // Prevents reload loop in angular, because originTrace and excludedRecipesIds are passed as methods so they keep refreshing the DOM
+            if (!(changesKeys.includes('originTrace') &&
+                (changesKeys.length === 1 || (changesKeys.length === 2 && changesKeys.includes('excludedRecipesIds'))))) {
                 this.filtersToDisplay = this.buildFiltersArray();
                 this.reloadPage();
                 if (this.filters.search) {
@@ -18240,15 +18474,17 @@
             if (this.noMoreRecipes) {
                 return rxjs.of([]);
             }
-            // keep a copy of the filters when request is sent, so we can check they are still the same when it is received
-            // Because if it's not the case we have to ignore the results
-            var requestFilters = this.filters.copy();
-            if (this.context.displayIngredientPicturesOnRecipeCards && !recipeIncludes$1.includes('ingredients')) {
-                recipeIncludes$1.push('ingredients');
-                recipeSparseFields$1.recipes.push('ingredients');
-                Object.assign(recipeSparseFields$1, { ingredients: ['name', 'quantity', 'unit', 'active', 'forced-eans', 'picture-url', 'position'] });
-            }
-            return this.recipesService.filter(requestFilters, { size: 20, number: page }, recipeIncludes$1, recipeSparseFields$1, this.modifiedGuests, this.randomMode, this.sort).pipe(operators.switchMap(function (result) { return _this.processResults(result, requestFilters, page); }));
+            return this.recipesService.addMandatoryCompletionToFilter(this.filters).pipe(operators.switchMap(function () {
+                // keep a copy of the filters when request is sent, so we can check they are still the same when it is received
+                // Because if it's not the case we have to ignore the results
+                var requestFilters = _this.filters.copy();
+                if (_this.context.displayIngredientPicturesOnRecipeCards && !recipeIncludes$2.includes('ingredients')) {
+                    recipeIncludes$2.push('ingredients');
+                    recipeSparseFields$2.recipes.push('ingredients');
+                    Object.assign(recipeSparseFields$2, { ingredients: ['name', 'quantity', 'unit', 'active', 'forced-eans', 'picture-url', 'position'] });
+                }
+                return _this.recipesService.filter(requestFilters, { size: 20, number: page }, recipeIncludes$2, recipeSparseFields$2, _this.modifiedGuests, _this.randomMode, _this.sort).pipe(operators.switchMap(function (result) { return _this.processResults(result, requestFilters, page); }));
+            }));
         };
         CatalogListComponent.prototype.processResults = function (results, requestFilters, page) {
             var _this = this;
@@ -18807,7 +19043,7 @@
     var templateObject_1$t, templateObject_2$n, templateObject_3$g, templateObject_4$c;
 
     var _b$1;
-    var _c0$o = ["miamMealsPlannerTopAnchor"];
+    var _c0$p = ["miamMealsPlannerTopAnchor"];
     function MealsPlannerComponent_div_2_ng_miam_icon_13_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "ng-miam-icon", 8);
@@ -18956,10 +19192,10 @@
             i0.ɵɵproperty("ngIf", ctx_r1.form);
         }
     }
-    var recipeIncludes$2 = ['recipe-provider', 'sponsors'];
-    var recipeSparseFields$2 = (_b$1 = {
+    var recipeIncludes$3 = ['recipe-provider', 'sponsors'];
+    var recipeSparseFields$3 = (_b$1 = {
             recipes: __spread(['title', 'number-of-guests', 'media-url', 'video-id', 'filigrane-logo-url', 'difficulty', 'preparation-time', 'cooking-time',
-                'resting-time'], recipeIncludes$2),
+                'resting-time'], recipeIncludes$3),
             sponsors: ['logo-url']
         },
         _b$1['recipe-provider'] = ['name'],
@@ -19019,12 +19255,12 @@
             var _this = this;
             this.loading = true;
             this.cdr.detectChanges();
-            if (this.contextService.displayIngredientPicturesOnRecipeCards && !recipeIncludes$2.includes('ingredients')) {
-                recipeIncludes$2.push('ingredients');
-                recipeSparseFields$2.recipes.push('ingredients');
-                recipeSparseFields$2['ingredients'] = ['name', 'quantity', 'unit', 'active', 'forced-eans', 'picture-url', 'position'];
+            if (this.contextService.displayIngredientPicturesOnRecipeCards && !recipeIncludes$3.includes('ingredients')) {
+                recipeIncludes$3.push('ingredients');
+                recipeSparseFields$3.recipes.push('ingredients');
+                recipeSparseFields$3['ingredients'] = ['name', 'quantity', 'unit', 'active', 'forced-eans', 'picture-url', 'position'];
             }
-            this.recipesService.plan(inputs.budget, inputs.guestsCount, inputs.recipesCount, recipeIncludes$2, recipeSparseFields$2, false).pipe(operators.switchMap(function (recipes) {
+            this.recipesService.plan(inputs.budget, inputs.guestsCount, inputs.recipesCount, recipeIncludes$3, recipeSparseFields$3, false).pipe(operators.switchMap(function (recipes) {
                 _this.budgettedRecipes = []; // Refresh the result view
                 _this.cdr.detectChanges();
                 _this.budgettedRecipes = recipes.map(function (r) {
@@ -19173,326 +19409,107 @@
             return newCount;
         };
         MealsPlannerComponent.prototype.scrollToTop = function () {
-            if (this.topAnchor) {
-                this.topAnchor.nativeElement.scrollIntoView();
-            }
-        };
-        Object.defineProperty(MealsPlannerComponent.prototype, "remainingBudget", {
-            get: function () {
-                var _a;
-                var recipeToChangeId = (_a = this.budgettedRecipes[this.recipeToChangeIndex]) === null || _a === void 0 ? void 0 : _a.id;
-                var remainingBudget = this.maxBudget - this.usedBudget;
-                if (recipeToChangeId) {
-                    remainingBudget += this.budgettedRecipesPrices[recipeToChangeId];
-                }
-                if (remainingBudget > 0) {
-                    return remainingBudget;
-                }
-                return 0;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(MealsPlannerComponent.prototype, "remainingRecipesNumber", {
-            get: function () {
-                var _this = this;
-                return this.budgettedRecipes.reduce(function (acc, recipe, i) {
-                    // Don't count null recipes and currently replacing recipe
-                    return recipe && i !== _this.recipeToChangeIndex ? acc : acc + 1;
-                }, 0);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(MealsPlannerComponent.prototype, "excludedRecipesIds", {
-            get: function () {
-                return this.budgettedRecipes.filter(function (recipe) { return recipe; }).map(function (recipe) { return recipe.id; });
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return MealsPlannerComponent;
-    }(EventTracerComponent));
-    MealsPlannerComponent.ɵfac = function MealsPlannerComponent_Factory(t) { return new (t || MealsPlannerComponent)(i0.ɵɵdirectiveInject(i3.FormBuilder), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(AnalyticsService), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(GroceriesListsService), i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(BasketsService), i0.ɵɵdirectiveInject(PointOfSalesService)); };
-    MealsPlannerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MealsPlannerComponent, selectors: [["ng-miam-meals-planner"]], viewQuery: function MealsPlannerComponent_Query(rf, ctx) {
-            if (rf & 1) {
-                i0.ɵɵviewQuery(_c0$o, true);
-            }
-            if (rf & 2) {
-                var _t;
-                i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.topAnchor = _t.first);
-            }
-        }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 3, vars: 1, consts: function () {
-            var i18n_1;
-            if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-                var MSG_EXTERNAL_8408582562313036652$$LIB__WEB_COMPONENTS_MEALS_PLANNER_MEALS_PLANNER_COMPONENT_TS__2 = goog.getMsg("Id\u00E9es repas");
-                i18n_1 = MSG_EXTERNAL_8408582562313036652$$LIB__WEB_COMPONENTS_MEALS_PLANNER_MEALS_PLANNER_COMPONENT_TS__2;
-            }
-            else {
-                i18n_1 = $localize(templateObject_1$u || (templateObject_1$u = __makeTemplateObject([":\u241F3f30012e0912f74e7f63e47637dea7a01f9521fa\u241F8408582562313036652:Id\u00E9es repas"], [":\u241F3f30012e0912f74e7f63e47637dea7a01f9521fa\u241F8408582562313036652:Id\u00E9es repas"])));
-            }
-            var i18n_3;
-            if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-                var MSG_EXTERNAL_406825433402702343$$LIB__WEB_COMPONENTS_MEALS_PLANNER_MEALS_PLANNER_COMPONENT_TS__4 = goog.getMsg("Planifier mes repas");
-                i18n_3 = MSG_EXTERNAL_406825433402702343$$LIB__WEB_COMPONENTS_MEALS_PLANNER_MEALS_PLANNER_COMPONENT_TS__4;
-            }
-            else {
-                i18n_3 = $localize(templateObject_2$o || (templateObject_2$o = __makeTemplateObject([":\u241F1699ac3b921e6d286c72605705ac342f122b2652\u241F406825433402702343:Planifier mes repas"], [":\u241F1699ac3b921e6d286c72605705ac342f122b2652\u241F406825433402702343:Planifier mes repas"])));
-            }
-            var i18n_5;
-            if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-                var MSG_EXTERNAL_1931799427977453728$$LIB__WEB_COMPONENTS_MEALS_PLANNER_MEALS_PLANNER_COMPONENT_TS___6 = goog.getMsg("Ajouter une id\u00E9e repas");
-                i18n_5 = MSG_EXTERNAL_1931799427977453728$$LIB__WEB_COMPONENTS_MEALS_PLANNER_MEALS_PLANNER_COMPONENT_TS___6;
-            }
-            else {
-                i18n_5 = $localize(templateObject_3$h || (templateObject_3$h = __makeTemplateObject([":\u241F3b0b12b85604af610c07cfbd5d4f74662b9a881a\u241F1931799427977453728:Ajouter une id\u00E9e repas"], [":\u241F3b0b12b85604af610c07cfbd5d4f74662b9a881a\u241F1931799427977453728:Ajouter une id\u00E9e repas"])));
-            }
-            return [[1, "miam-meals-planner-anchor"], ["miamMealsPlannerTopAnchor", ""], ["class", "miam-meals-planner", 4, "ngIf"], [1, "miam-meals-planner"], [1, "miam-meals-planner__header"], [1, "miam-meals-planner__header__breadcrumb", 3, "ngClass"], ["href", "/"], ["width", "18", "height", "18", "primaryColor", "#1F3543", 3, "iconName"], ["width", "24", "height", "24", 1, "chevron-right", 3, "iconName"], [1, "inactive", 3, "href"], i18n_1, ["href", "javascript:void(0)", 1, "active"], i18n_3, ["class", "chevron-right", "width", "24", "height", "24", 3, "iconName", 4, "ngIf"], ["href", "javascript:void(0)", "class", "subCategory", 4, "ngIf"], ["class", "miam-meals-planner__content", 4, "ngIf"], ["href", "javascript:void(0)", 1, "subCategory"], i18n_5, [1, "miam-meals-planner__content"], [3, "originTrace", "reduced", "form", "loading", "ngClass", "submitted", 4, "ngIf"], [3, "originTrace", "recipes", "usedBudget", "maxBudget", "loading", "recipeRemoval", "confirmed", "openCatalog", 4, "ngIf"], [3, "recipesIds", "usedBudget", "maxBudget", "ingredientsRegrouped", "originTrace", "ngClass", "closed", 4, "ngIf"], [3, "modifiedGuests", "originTrace", "remainingBudget", "remainingRecipesNumber", "excludedRecipesIds", "editRecipe", "canceled", 4, "ngIf"], [3, "recipesIds", "originTrace", "budget", 4, "ngIf"], [3, "originTrace", "reduced", "form", "loading", "ngClass", "submitted"], [3, "originTrace", "recipes", "usedBudget", "maxBudget", "loading", "recipeRemoval", "confirmed", "openCatalog"], [3, "recipesIds", "usedBudget", "maxBudget", "ingredientsRegrouped", "originTrace", "ngClass", "closed"], [3, "modifiedGuests", "originTrace", "remainingBudget", "remainingRecipesNumber", "excludedRecipesIds", "editRecipe", "canceled"], [3, "recipesIds", "originTrace", "budget"]];
-        }, template: function MealsPlannerComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0.ɵɵelement(0, "div", 0, 1);
-                i0.ɵɵtemplate(2, MealsPlannerComponent_div_2_Template, 16, 10, "div", 2);
-            }
-            if (rf & 2) {
-                i0.ɵɵadvance(2);
-                i0.ɵɵproperty("ngIf", ctx.featureIsAuthorized);
-            }
-        }, directives: [i2.NgIf, i2.NgClass, IconComponent, MealsPlannerFormComponent, MealsPlannerResultComponent, MealsPlannerBasketPreviewComponent, MealsPlannerCatalogComponent, MealsPlannerBasketConfirmationComponent], styles: [".miam-meals-planner{border-bottom:1px solid #d9dde1;display:flex;flex-direction:column;height:100%;width:100%}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb{align-items:center;background:#fff;border-bottom:1px solid #d9dde1;display:flex;padding:24px}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb.hidden{display:none}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a{font-size:14px;font-weight:500;line-height:150%;margin:0 4px}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a.inactive{color:#1f3543}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a.active{color:var(--m-color-primary);font-weight:900}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb .chevron-right{transform:rotate(-90deg)}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb .chevron-right .icon-container svg path:last-child{fill:#1f3543}.miam-meals-planner .miam-meals-planner__content{display:flex;height:100%;width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form.reduced{border-right:1px solid #d9dde1;max-width:300px}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-preview,.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-result{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-preview.reduced{width:0}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-catalog{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-confirmation{padding:0 80px;width:100%}@media (max-width:1023px){.miam-meals-planner .miam-meals-planner__header{display:none}.miam-meals-planner .miam-meals-planner__content{flex-direction:column}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form.reduced{border-right:unset;max-width:unset}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-confirmation{padding:0 15px}}.miam-meals-planner .miam-meals-planner__catalog{padding:16px}"], encapsulation: 2, changeDetection: 0 });
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(MealsPlannerComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ng-miam-meals-planner',
-                        templateUrl: './meals-planner.component.html',
-                        styleUrls: ['./meals-planner.component.scss'],
-                        encapsulation: i0.ViewEncapsulation.None,
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], function () { return [{ type: i3.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: AnalyticsService }, { type: ContextService }, { type: GroceriesListsService }, { type: RecipesService }, { type: BasketsService }, { type: PointOfSalesService }]; }, { topAnchor: [{
-                    type: i0.ViewChild,
-                    args: ['miamMealsPlannerTopAnchor']
-                }] });
-    })();
-    var templateObject_1$u, templateObject_2$o, templateObject_3$h;
-
-    var _a;
-    var _c0$p = ["recipeCard"];
-    function SuggestionCardComponent_ng_miam_recipe_card_0_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r3_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "ng-miam-recipe-card", 1, 2);
-            i0.ɵɵlistener("guestsChanged", function SuggestionCardComponent_ng_miam_recipe_card_0_Template_ng_miam_recipe_card_guestsChanged_0_listener() { i0.ɵɵrestoreView(_r3_1); var ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.guestsChanged(); });
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("recipe", ctx_r0.recipe)("headerText", ctx_r0.headerText)("displayPricing", ctx_r0.displayPricing)("displayAddedOnPicture", ctx_r0.displayAddedOnPicture)("originTrace", ctx_r0.eventTrace());
-        }
-    }
-    var recipeIncludes$3 = ['recipe-provider', 'sponsors'];
-    var recipeSparseFields$3 = (_a = {
-            recipes: __spread(['title', 'number-of-guests', 'media-url', 'video-id', 'filigrane-logo-url', 'difficulty', 'preparation-time', 'cooking-time',
-                'resting-time'], recipeIncludes$3),
-            sponsors: ['logo-url']
-        },
-        _a['recipe-provider'] = ['name'],
-        _a);
-    /**
-     * This is an angular component design to be a web component
-     * that's why we use onPushStrategie with the changeDetetectorRef
-     * to avoid common issue
-     * guide -> https://netbasal.com/a-comprehensive-guide-to-angular-onpush-change-detection-strategy-5bac493074a4
-     * and alsow we use ShadowDom to protect style of our component
-     * and alsow style of the parent aplication that will use it
-     * doc -> https://angular.io/api/core/ViewEncapsulation
-     */
-    var SuggestionCardComponent = /** @class */ (function (_super) {
-        __extends(SuggestionCardComponent, _super);
-        function SuggestionCardComponent(cdr, recipeService, groceriesListsService, contextService, analyticsService, recipeEventsService, element) {
-            var _this = _super.call(this, cdr, recipeService, recipeEventsService, groceriesListsService, contextService, analyticsService, element) || this;
-            _this.cdr = cdr;
-            _this.recipeService = recipeService;
-            _this.groceriesListsService = groceriesListsService;
-            _this.contextService = contextService;
-            _this.analyticsService = analyticsService;
-            _this.recipeEventsService = recipeEventsService;
-            _this.element = element;
-            _this.isEmpty = false;
-            _this.eventsGroupId = uuid.v4();
-            // as the template creates a recipe card, the recipe card send the events
-            _this.sendShowEventOnScroll = false;
-            return _this;
-        }
-        SuggestionCardComponent.prototype.ngOnChanges = function (simpleChanges) {
-            if ((simpleChanges.productIds && !this.randomModeEnable) || !this.recipe) {
-                this.loadRecipe();
-            }
-        };
-        // Only send show event if the recipe has changed while the card was in viewport
-        SuggestionCardComponent.prototype.sendShowEvent = function () {
-            return false;
-        };
-        // If recipe already in basket, update the number of guests so that the pricing gets updated as well
-        // (display = false so that the recipe details don't show up)
-        SuggestionCardComponent.prototype.guestsChanged = function () {
-            var _this = this;
-            this.subscriptions.push(this.groceriesListsService.recipeIsInList(this.recipe.id).pipe(operators.switchMap(function (recipeIsInList) {
-                if (recipeIsInList) {
-                    return _this.groceriesListsService.appendRecipeToList(_this.recipe.id, _this.recipe.modifiedGuests, _this.eventTrace())
-                        .pipe(operators.take(1));
-                }
-            })).subscribe(function () { return _this.cdr.detectChanges(); }));
-        };
-        SuggestionCardComponent.prototype.loadRecipe = function () {
-            var _this = this;
-            this.subscriptions.push(this.fetchRecipes().pipe(operators.skipWhile(function (results) { return !results; }), operators.catchError(function (err) {
-                _this.hide.emit();
-                return rxjs.of(err);
-            })).subscribe(function (results) { return _this.processResults(results); }));
+            if (this.topAnchor) {
+                this.topAnchor.nativeElement.scrollIntoView();
+            }
         };
-        SuggestionCardComponent.prototype.fetchRecipes = function () {
-            if (this.contextService.displayIngredientPicturesOnRecipeCards && !recipeIncludes$3.includes('ingredients')) {
-                recipeIncludes$3.push('ingredients');
-                recipeSparseFields$3.recipes.push('ingredients');
-                recipeSparseFields$3['ingredients'] = ['name', 'quantity', 'unit', 'active', 'forced-eans', 'picture-url', 'position'];
+        Object.defineProperty(MealsPlannerComponent.prototype, "remainingBudget", {
+            get: function () {
+                var _a;
+                var recipeToChangeId = (_a = this.budgettedRecipes[this.recipeToChangeIndex]) === null || _a === void 0 ? void 0 : _a.id;
+                var remainingBudget = this.maxBudget - this.usedBudget;
+                if (recipeToChangeId) {
+                    remainingBudget += this.budgettedRecipesPrices[recipeToChangeId];
+                }
+                if (remainingBudget > 0) {
+                    return remainingBudget;
+                }
+                return 0;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(MealsPlannerComponent.prototype, "remainingRecipesNumber", {
+            get: function () {
+                var _this = this;
+                return this.budgettedRecipes.reduce(function (acc, recipe, i) {
+                    // Don't count null recipes and currently replacing recipe
+                    return recipe && i !== _this.recipeToChangeIndex ? acc : acc + 1;
+                }, 0);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(MealsPlannerComponent.prototype, "excludedRecipesIds", {
+            get: function () {
+                return this.budgettedRecipes.filter(function (recipe) { return recipe; }).map(function (recipe) { return recipe.id; });
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return MealsPlannerComponent;
+    }(EventTracerComponent));
+    MealsPlannerComponent.ɵfac = function MealsPlannerComponent_Factory(t) { return new (t || MealsPlannerComponent)(i0.ɵɵdirectiveInject(i3.FormBuilder), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(AnalyticsService), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(GroceriesListsService), i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(BasketsService), i0.ɵɵdirectiveInject(PointOfSalesService)); };
+    MealsPlannerComponent.ɵcmp = i0.ɵɵdefineComponent({ type: MealsPlannerComponent, selectors: [["ng-miam-meals-planner"]], viewQuery: function MealsPlannerComponent_Query(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵviewQuery(_c0$p, true);
             }
-            if (this.randomModeEnable) {
-                return this.recipeService.getRandom(recipeIncludes$3, recipeSparseFields$3);
+            if (rf & 2) {
+                var _t;
+                i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.topAnchor = _t.first);
+            }
+        }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 3, vars: 1, consts: function () {
+            var i18n_1;
+            if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
+                var MSG_EXTERNAL_8408582562313036652$$LIB__WEB_COMPONENTS_MEALS_PLANNER_MEALS_PLANNER_COMPONENT_TS__2 = goog.getMsg("Id\u00E9es repas");
+                i18n_1 = MSG_EXTERNAL_8408582562313036652$$LIB__WEB_COMPONENTS_MEALS_PLANNER_MEALS_PLANNER_COMPONENT_TS__2;
             }
             else {
-                return this.recipeService.getSuggestion(this.productIds, this.eventsGroupId, recipeIncludes$3, recipeSparseFields$3);
+                i18n_1 = $localize(templateObject_1$u || (templateObject_1$u = __makeTemplateObject([":\u241F3f30012e0912f74e7f63e47637dea7a01f9521fa\u241F8408582562313036652:Id\u00E9es repas"], [":\u241F3f30012e0912f74e7f63e47637dea7a01f9521fa\u241F8408582562313036652:Id\u00E9es repas"])));
             }
-        };
-        // If the recipe is in basket, will show number of guests as defined in the basket
-        // Otherwise, will show default number of guests for the recipe
-        SuggestionCardComponent.prototype.processResults = function (recipes) {
-            var _this = this;
-            this.isEmpty = (!recipes || recipes.length === 0);
-            if (!this.isEmpty) {
-                // get the first recipe and shallow copy it to permit to send event and do not disturb any other component
-                // if ressource is cached without copy another load will get the attributes
-                this.recipe = recipes[0].shallowCopyWithEvents(this.recipeEventsService.ORIGIN_SUGGESTION, this.eventsGroupId);
-                // Update guests from list only if recipe is in list
-                this.subscriptions.push(this.groceriesListsService.recipeIsInList(this.recipe.id).subscribe(function (isInList) {
-                    if (isInList) {
-                        _this.recipe.modifiedGuests = _this.groceriesListsService.guestsForRecipe(_this.recipe) || +_this.recipe.guests;
-                        _this.recipeCard.cdr.markForCheck();
-                    }
-                }));
-                this.recipeCard.cdr.markForCheck();
+            var i18n_3;
+            if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
+                var MSG_EXTERNAL_406825433402702343$$LIB__WEB_COMPONENTS_MEALS_PLANNER_MEALS_PLANNER_COMPONENT_TS__4 = goog.getMsg("Planifier mes repas");
+                i18n_3 = MSG_EXTERNAL_406825433402702343$$LIB__WEB_COMPONENTS_MEALS_PLANNER_MEALS_PLANNER_COMPONENT_TS__4;
             }
             else {
-                this.hide.emit();
+                i18n_3 = $localize(templateObject_2$o || (templateObject_2$o = __makeTemplateObject([":\u241F1699ac3b921e6d286c72605705ac342f122b2652\u241F406825433402702343:Planifier mes repas"], [":\u241F1699ac3b921e6d286c72605705ac342f122b2652\u241F406825433402702343:Planifier mes repas"])));
             }
-            this.cdr.detectChanges();
-        };
-        return SuggestionCardComponent;
-    }(AbstractRecipeCardComponent));
-    SuggestionCardComponent.ɵfac = function SuggestionCardComponent_Factory(t) { return new (t || SuggestionCardComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(GroceriesListsService), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(AnalyticsService), i0.ɵɵdirectiveInject(RecipeEventsService), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    SuggestionCardComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SuggestionCardComponent, selectors: [["ng-miam-suggestion-card"]], viewQuery: function SuggestionCardComponent_Query(rf, ctx) {
-            if (rf & 1) {
-                i0.ɵɵviewQuery(_c0$p, true);
+            var i18n_5;
+            if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
+                var MSG_EXTERNAL_1931799427977453728$$LIB__WEB_COMPONENTS_MEALS_PLANNER_MEALS_PLANNER_COMPONENT_TS___6 = goog.getMsg("Ajouter une id\u00E9e repas");
+                i18n_5 = MSG_EXTERNAL_1931799427977453728$$LIB__WEB_COMPONENTS_MEALS_PLANNER_MEALS_PLANNER_COMPONENT_TS___6;
             }
-            if (rf & 2) {
-                var _t;
-                i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.recipeCard = _t.first);
+            else {
+                i18n_5 = $localize(templateObject_3$h || (templateObject_3$h = __makeTemplateObject([":\u241F3b0b12b85604af610c07cfbd5d4f74662b9a881a\u241F1931799427977453728:Ajouter une id\u00E9e repas"], [":\u241F3b0b12b85604af610c07cfbd5d4f74662b9a881a\u241F1931799427977453728:Ajouter une id\u00E9e repas"])));
             }
-        }, inputs: { randomModeEnable: "randomModeEnable", productIds: "productIds" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[3, "recipe", "headerText", "displayPricing", "displayAddedOnPicture", "originTrace", "guestsChanged", 4, "ngIf"], [3, "recipe", "headerText", "displayPricing", "displayAddedOnPicture", "originTrace", "guestsChanged"], ["recipeCard", ""]], template: function SuggestionCardComponent_Template(rf, ctx) {
+            return [[1, "miam-meals-planner-anchor"], ["miamMealsPlannerTopAnchor", ""], ["class", "miam-meals-planner", 4, "ngIf"], [1, "miam-meals-planner"], [1, "miam-meals-planner__header"], [1, "miam-meals-planner__header__breadcrumb", 3, "ngClass"], ["href", "/"], ["width", "18", "height", "18", "primaryColor", "#1F3543", 3, "iconName"], ["width", "24", "height", "24", 1, "chevron-right", 3, "iconName"], [1, "inactive", 3, "href"], i18n_1, ["href", "javascript:void(0)", 1, "active"], i18n_3, ["class", "chevron-right", "width", "24", "height", "24", 3, "iconName", 4, "ngIf"], ["href", "javascript:void(0)", "class", "subCategory", 4, "ngIf"], ["class", "miam-meals-planner__content", 4, "ngIf"], ["href", "javascript:void(0)", 1, "subCategory"], i18n_5, [1, "miam-meals-planner__content"], [3, "originTrace", "reduced", "form", "loading", "ngClass", "submitted", 4, "ngIf"], [3, "originTrace", "recipes", "usedBudget", "maxBudget", "loading", "recipeRemoval", "confirmed", "openCatalog", 4, "ngIf"], [3, "recipesIds", "usedBudget", "maxBudget", "ingredientsRegrouped", "originTrace", "ngClass", "closed", 4, "ngIf"], [3, "modifiedGuests", "originTrace", "remainingBudget", "remainingRecipesNumber", "excludedRecipesIds", "editRecipe", "canceled", 4, "ngIf"], [3, "recipesIds", "originTrace", "budget", 4, "ngIf"], [3, "originTrace", "reduced", "form", "loading", "ngClass", "submitted"], [3, "originTrace", "recipes", "usedBudget", "maxBudget", "loading", "recipeRemoval", "confirmed", "openCatalog"], [3, "recipesIds", "usedBudget", "maxBudget", "ingredientsRegrouped", "originTrace", "ngClass", "closed"], [3, "modifiedGuests", "originTrace", "remainingBudget", "remainingRecipesNumber", "excludedRecipesIds", "editRecipe", "canceled"], [3, "recipesIds", "originTrace", "budget"]];
+        }, template: function MealsPlannerComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, SuggestionCardComponent_ng_miam_recipe_card_0_Template, 2, 5, "ng-miam-recipe-card", 0);
+                i0.ɵɵelement(0, "div", 0, 1);
+                i0.ɵɵtemplate(2, MealsPlannerComponent_div_2_Template, 16, 10, "div", 2);
             }
             if (rf & 2) {
-                i0.ɵɵproperty("ngIf", !ctx.isEmpty);
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("ngIf", ctx.featureIsAuthorized);
             }
-        }, directives: [i2.NgIf, RecipeCardComponent], styles: [""], encapsulation: 2, changeDetection: 0 });
+        }, directives: [i2.NgIf, i2.NgClass, IconComponent, MealsPlannerFormComponent, MealsPlannerResultComponent, MealsPlannerBasketPreviewComponent, MealsPlannerCatalogComponent, MealsPlannerBasketConfirmationComponent], styles: [".miam-meals-planner{border-bottom:1px solid #d9dde1;display:flex;flex-direction:column;height:100%;width:100%}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb{align-items:center;background:#fff;border-bottom:1px solid #d9dde1;display:flex;padding:24px}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb.hidden{display:none}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a{font-size:14px;font-weight:500;line-height:150%;margin:0 4px}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a.inactive{color:#1f3543}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb a.active{color:var(--m-color-primary);font-weight:900}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb .chevron-right{transform:rotate(-90deg)}.miam-meals-planner .miam-meals-planner__header .miam-meals-planner__header__breadcrumb .chevron-right .icon-container svg path:last-child{fill:#1f3543}.miam-meals-planner .miam-meals-planner__content{display:flex;height:100%;width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form.reduced{border-right:1px solid #d9dde1;max-width:300px}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-preview,.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-result{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-preview.reduced{width:0}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-catalog{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-confirmation{padding:0 80px;width:100%}@media (max-width:1023px){.miam-meals-planner .miam-meals-planner__header{display:none}.miam-meals-planner .miam-meals-planner__content{flex-direction:column}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form{width:100%}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-form.reduced{border-right:unset;max-width:unset}.miam-meals-planner .miam-meals-planner__content ng-miam-meals-planner-basket-confirmation{padding:0 15px}}.miam-meals-planner .miam-meals-planner__catalog{padding:16px}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(SuggestionCardComponent, [{
+        i0.ɵsetClassMetadata(MealsPlannerComponent, [{
                 type: i0.Component,
                 args: [{
-                        selector: 'ng-miam-suggestion-card',
-                        templateUrl: './suggestion-card.component.html',
-                        styleUrls: ['./suggestion-card.component.scss'],
+                        selector: 'ng-miam-meals-planner',
+                        templateUrl: './meals-planner.component.html',
+                        styleUrls: ['./meals-planner.component.scss'],
                         encapsulation: i0.ViewEncapsulation.None,
                         changeDetection: i0.ChangeDetectionStrategy.OnPush
                     }]
-            }], function () { return [{ type: i0.ChangeDetectorRef }, { type: RecipesService }, { type: GroceriesListsService }, { type: ContextService }, { type: AnalyticsService }, { type: RecipeEventsService }, { type: i0.ElementRef }]; }, { randomModeEnable: [{
-                    type: i0.Input
-                }], productIds: [{
-                    type: i0.Input
-                }], recipeCard: [{
+            }], function () { return [{ type: i3.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: AnalyticsService }, { type: ContextService }, { type: GroceriesListsService }, { type: RecipesService }, { type: BasketsService }, { type: PointOfSalesService }]; }, { topAnchor: [{
                     type: i0.ViewChild,
-                    args: ['recipeCard']
+                    args: ['miamMealsPlannerTopAnchor']
                 }] });
     })();
-
-    var RecipeCardsModule = /** @class */ (function () {
-        // Create custom elements so the WebComponents can be interpreted by the browser regardless of the js framework used
-        function RecipeCardsModule(injector) {
-            var webComponents = {
-                'add-recipe-card': AddRecipeCardComponent,
-                'catalog-recipe-card': CatalogRecipeCardComponent,
-                'recipe-card': RecipeCardComponent,
-                'suggestion-card': SuggestionCardComponent,
-                'recipe-card-cta': RecipeCardCtaComponent,
-            };
-            Object.keys(webComponents).map(function (compName) {
-                var name = "webc-miam-" + compName;
-                // Avoid duplicate error
-                if (!customElements.get(name)) {
-                    var comp = webComponents[compName];
-                    var ngElement = elements.createCustomElement(comp, { injector: injector });
-                    customElements.define(name, ngElement);
-                }
-            });
-        }
-        return RecipeCardsModule;
-    }());
-    RecipeCardsModule.ɵmod = i0.ɵɵdefineNgModule({ type: RecipeCardsModule });
-    RecipeCardsModule.ɵinj = i0.ɵɵdefineInjector({ factory: function RecipeCardsModule_Factory(t) { return new (t || RecipeCardsModule)(i0.ɵɵinject(i0.Injector)); }, imports: [[
-                i2.CommonModule,
-                i3.FormsModule,
-                UtilsModule,
-                ComponentsModule
-            ]] });
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(RecipeCardsModule, { declarations: [AddRecipeCardComponent,
-                CatalogRecipeCardComponent,
-                RecipeCardComponent,
-                SuggestionCardComponent,
-                RecipeCardCtaComponent], imports: [i2.CommonModule,
-                i3.FormsModule,
-                UtilsModule,
-                ComponentsModule], exports: [AddRecipeCardComponent,
-                CatalogRecipeCardComponent,
-                RecipeCardComponent,
-                SuggestionCardComponent] });
-    })();
-    /*@__PURE__*/ (function () {
-        i0.ɵsetClassMetadata(RecipeCardsModule, [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [
-                            i2.CommonModule,
-                            i3.FormsModule,
-                            UtilsModule,
-                            ComponentsModule
-                        ],
-                        declarations: [
-                            AddRecipeCardComponent,
-                            CatalogRecipeCardComponent,
-                            RecipeCardComponent,
-                            SuggestionCardComponent,
-                            RecipeCardCtaComponent
-                        ],
-                        exports: [
-                            AddRecipeCardComponent,
-                            CatalogRecipeCardComponent,
-                            RecipeCardComponent,
-                            SuggestionCardComponent
-                        ]
-                    }]
-            }], function () { return [{ type: i0.Injector }]; }, null);
-    })();
+    var templateObject_1$u, templateObject_2$o, templateObject_3$h;
 
     var _c$1;
     var _c0$q = ["categoryContent"];
@@ -19611,17 +19628,14 @@
         CatalogCategoryComponent.prototype.ngOnChanges = function () {
             var _this = this;
             this.subscriptions.push(rxjs.forkJoin([this.loadRecipes(), this.loadArticles()]).pipe(operators.finalize(function () {
-                if (_this.recipes.length === 0 && _this.articles.length === 0) {
-                    _this.hide = true;
-                }
-                else {
-                    _this.hide = false;
-                }
+                _this.hide = _this.recipes.length === 0 && _this.articles.length === 0;
                 _this.loading.emit(false);
                 _this.cdr.detectChanges();
             })).subscribe());
         };
-        CatalogCategoryComponent.prototype.currentPath = function () { return ''; };
+        CatalogCategoryComponent.prototype.currentPath = function () {
+            return '';
+        };
         CatalogCategoryComponent.prototype.props = function () {
             var _a, _b;
             return { category_id: (_b = (_a = this.filters) === null || _a === void 0 ? void 0 : _a.additionalFilters) === null || _b === void 0 ? void 0 : _b.filters.packages };
@@ -19637,7 +19651,9 @@
                 recipeSparseFields$4.recipes.push('ingredients');
                 recipeSparseFields$4['ingredients'] = ['name', 'quantity', 'unit', 'active', 'forced-eans', 'picture-url', 'position'];
             }
-            return this.recipesService.filter(this.filters, { number: 1, size: this.maxRecipeNumber }, recipeIncludes$4, recipeSparseFields$4, this.modifiedGuests, false, 'position').pipe(operators.tap(function (result) { return _this.recipes = result; }));
+            return this.recipesService.addMandatoryCompletionToFilter(this.filters).pipe(operators.switchMap(function () {
+                return _this.recipesService.filter(_this.filters, { number: 1, size: _this.maxRecipeNumber }, recipeIncludes$4, recipeSparseFields$4, _this.modifiedGuests, false, 'position');
+            }), operators.tap(function (result) { return _this.recipes = result; }));
         };
         CatalogCategoryComponent.prototype.loadArticles = function () {
             var _this = this;
@@ -22052,94 +22068,91 @@
             i0.ɵɵproperty("iconName", ctx_r4.icon.ChevronDown);
         }
     }
-    function RecipeCatalogComponent_div_2_div_5_span_3_Template(rf, ctx) {
+    function RecipeCatalogComponent_div_2_div_5_div_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "span");
-            i0.ɵɵi18n(1, 22);
+            i0.ɵɵelementStart(0, "div", 23);
+            i0.ɵɵelementStart(1, "span");
+            i0.ɵɵi18n(2, 24);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "span");
+            i0.ɵɵtext(4);
             i0.ɵɵelementEnd();
-        }
-    }
-    function RecipeCatalogComponent_div_2_div_5_span_4_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "span");
-            i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r11 = i0.ɵɵnextContext(3);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r11.filters.search);
+            var ctx_r10 = i0.ɵɵnextContext(3);
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(ctx_r10.filters.search);
         }
     }
-    function RecipeCatalogComponent_div_2_div_5_span_5_Template(rf, ctx) {
+    function RecipeCatalogComponent_div_2_div_5_span_4_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "span");
-            i0.ɵɵi18n(1, 23);
+            i0.ɵɵi18n(1, 25);
             i0.ɵɵelementEnd();
         }
     }
-    function RecipeCatalogComponent_div_2_div_5_span_6_Template(rf, ctx) {
+    function RecipeCatalogComponent_div_2_div_5_span_5_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "span");
-            i0.ɵɵi18n(1, 24);
+            i0.ɵɵi18n(1, 26);
             i0.ɵɵelementEnd();
         }
     }
-    function RecipeCatalogComponent_div_2_div_5_span_7_Template(rf, ctx) {
+    function RecipeCatalogComponent_div_2_div_5_span_6_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "span");
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r14 = i0.ɵɵnextContext(3);
+            var ctx_r13 = i0.ɵɵnextContext(3);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r14.filters.additionalFilters.title);
+            i0.ɵɵtextInterpolate(ctx_r13.filters.additionalFilters.title);
         }
     }
-    function RecipeCatalogComponent_div_2_div_5_span_8_Template(rf, ctx) {
+    function RecipeCatalogComponent_div_2_div_5_span_7_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "span");
-            i0.ɵɵi18n(1, 25);
+            i0.ɵɵi18n(1, 27);
             i0.ɵɵelementEnd();
         }
     }
-    function RecipeCatalogComponent_div_2_div_5_div_9_Template(rf, ctx) {
+    function RecipeCatalogComponent_div_2_div_5_div_8_Template(rf, ctx) {
         if (rf & 1) {
-            var _r18_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 26);
-            i0.ɵɵlistener("click", function RecipeCatalogComponent_div_2_div_5_div_9_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r18_1); var ctx_r17 = i0.ɵɵnextContext(3); return ctx_r17.manageRecipeAction({ action: "CREATE", recipe: null }); });
-            i0.ɵɵelement(1, "ng-miam-icon", 27);
+            var _r17_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 28);
+            i0.ɵɵlistener("click", function RecipeCatalogComponent_div_2_div_5_div_8_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r17_1); var ctx_r16 = i0.ɵɵnextContext(3); return ctx_r16.manageRecipeAction({ action: "CREATE", recipe: null }); });
+            i0.ɵɵelement(1, "ng-miam-icon", 29);
             i0.ɵɵelementStart(2, "span");
-            i0.ɵɵi18n(3, 28);
+            i0.ɵɵi18n(3, 30);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r16 = i0.ɵɵnextContext(3);
+            var ctx_r15 = i0.ɵɵnextContext(3);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("iconName", ctx_r16.icon.Plus);
+            i0.ɵɵproperty("iconName", ctx_r15.icon.Plus);
         }
     }
     function RecipeCatalogComponent_div_2_div_5_Template(rf, ctx) {
         if (rf & 1) {
-            var _r20_1 = i0.ɵɵgetCurrentView();
+            var _r19_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 16);
             i0.ɵɵelementStart(1, "div", 17);
             i0.ɵɵelementStart(2, "ng-miam-icon", 18);
-            i0.ɵɵlistener("click", function RecipeCatalogComponent_div_2_div_5_Template_ng_miam_icon_click_2_listener() { i0.ɵɵrestoreView(_r20_1); var ctx_r19 = i0.ɵɵnextContext(2); return ctx_r19.returnToHomePage(); });
+            i0.ɵɵlistener("click", function RecipeCatalogComponent_div_2_div_5_Template_ng_miam_icon_click_2_listener() { i0.ɵɵrestoreView(_r19_1); var ctx_r18 = i0.ɵɵnextContext(2); return ctx_r18.returnToHomePage(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(3, RecipeCatalogComponent_div_2_div_5_span_3_Template, 2, 0, "span", 19);
-            i0.ɵɵtemplate(4, RecipeCatalogComponent_div_2_div_5_span_4_Template, 2, 1, "span", 19);
-            i0.ɵɵtemplate(5, RecipeCatalogComponent_div_2_div_5_span_5_Template, 2, 0, "span", 19);
-            i0.ɵɵtemplate(6, RecipeCatalogComponent_div_2_div_5_span_6_Template, 2, 0, "span", 19);
-            i0.ɵɵtemplate(7, RecipeCatalogComponent_div_2_div_5_span_7_Template, 2, 1, "span", 19);
-            i0.ɵɵtemplate(8, RecipeCatalogComponent_div_2_div_5_span_8_Template, 2, 0, "span", 19);
+            i0.ɵɵtemplate(3, RecipeCatalogComponent_div_2_div_5_div_3_Template, 5, 1, "div", 19);
+            i0.ɵɵtemplate(4, RecipeCatalogComponent_div_2_div_5_span_4_Template, 2, 0, "span", 20);
+            i0.ɵɵtemplate(5, RecipeCatalogComponent_div_2_div_5_span_5_Template, 2, 0, "span", 20);
+            i0.ɵɵtemplate(6, RecipeCatalogComponent_div_2_div_5_span_6_Template, 2, 1, "span", 20);
+            i0.ɵɵtemplate(7, RecipeCatalogComponent_div_2_div_5_span_7_Template, 2, 0, "span", 20);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(9, RecipeCatalogComponent_div_2_div_5_div_9_Template, 4, 1, "div", 20);
-            i0.ɵɵpipe(10, "async");
-            i0.ɵɵelementStart(11, "ng-miam-catalog-list", 21);
-            i0.ɵɵlistener("filterRemoved", function RecipeCatalogComponent_div_2_div_5_Template_ng_miam_catalog_list_filterRemoved_11_listener($event) { i0.ɵɵrestoreView(_r20_1); var ctx_r21 = i0.ɵɵnextContext(2); return ctx_r21.removeFilter($event); })("recipeActionTriggered", function RecipeCatalogComponent_div_2_div_5_Template_ng_miam_catalog_list_recipeActionTriggered_11_listener($event) { i0.ɵɵrestoreView(_r20_1); var ctx_r22 = i0.ɵɵnextContext(2); return ctx_r22.manageRecipeAction($event); });
+            i0.ɵɵtemplate(8, RecipeCatalogComponent_div_2_div_5_div_8_Template, 4, 1, "div", 21);
+            i0.ɵɵpipe(9, "async");
+            i0.ɵɵelementStart(10, "ng-miam-catalog-list", 22);
+            i0.ɵɵlistener("filterRemoved", function RecipeCatalogComponent_div_2_div_5_Template_ng_miam_catalog_list_filterRemoved_10_listener($event) { i0.ɵɵrestoreView(_r19_1); var ctx_r20 = i0.ɵɵnextContext(2); return ctx_r20.removeFilter($event); })("recipeActionTriggered", function RecipeCatalogComponent_div_2_div_5_Template_ng_miam_catalog_list_recipeActionTriggered_10_listener($event) { i0.ɵɵrestoreView(_r19_1); var ctx_r21 = i0.ɵɵnextContext(2); return ctx_r21.manageRecipeAction($event); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
@@ -22150,8 +22163,6 @@
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r5.isSearchPage());
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx_r5.isSearchPage());
-            i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r5.isFavoritesPage());
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r5.isPersonalPage());
@@ -22160,25 +22171,25 @@
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r5.isDefaultPage());
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(10, 11, ctx_r5.canDisplayCreationButton()));
+            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(9, 10, ctx_r5.canDisplayCreationButton()));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("filters", ctx_r5.filters)("originTrace", ctx_r5.eventTrace())("displayPricing", ctx_r5.displayPricing);
         }
     }
     function RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r31_1 = i0.ɵɵgetCurrentView();
+            var _r30_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementContainerStart(0);
-            i0.ɵɵelementStart(1, "ng-miam-catalog-category", 34);
-            i0.ɵɵlistener("displayList", function RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_ng_container_1_Template_ng_miam_catalog_category_displayList_1_listener($event) { i0.ɵɵrestoreView(_r31_1); var ctx_r30 = i0.ɵɵnextContext(5); return ctx_r30.categoryTitleClicked($event); });
+            i0.ɵɵelementStart(1, "ng-miam-catalog-category", 36);
+            i0.ɵɵlistener("displayList", function RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_ng_container_1_Template_ng_miam_catalog_category_displayList_1_listener($event) { i0.ɵɵrestoreView(_r30_1); var ctx_r29 = i0.ɵɵnextContext(5); return ctx_r29.categoryTitleClicked($event); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var category_r25 = i0.ɵɵnextContext().$implicit;
-            var ctx_r27 = i0.ɵɵnextContext(4);
+            var category_r24 = i0.ɵɵnextContext().$implicit;
+            var ctx_r26 = i0.ɵɵnextContext(4);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("title", category_r25.title)("subtitle", category_r25.subtitle)("filters", category_r25.filters)("displayPricing", ctx_r27.displayPricing)("originTrace", ctx_r27.eventTrace());
+            i0.ɵɵproperty("title", category_r24.title)("subtitle", category_r24.subtitle)("filters", category_r24.filters)("displayPricing", ctx_r26.displayPricing)("originTrace", ctx_r26.eventTrace());
         }
     }
     function RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_ng_template_2_ng_miam_meals_planner_link_1_Template(rf, ctx) {
@@ -22188,58 +22199,58 @@
     }
     function RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_ng_template_2_Template(rf, ctx) {
         if (rf & 1) {
-            var _r35_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 35);
-            i0.ɵɵtemplate(1, RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_ng_template_2_ng_miam_meals_planner_link_1_Template, 1, 0, "ng-miam-meals-planner-link", 19);
+            var _r34_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 37);
+            i0.ɵɵtemplate(1, RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_ng_template_2_ng_miam_meals_planner_link_1_Template, 1, 0, "ng-miam-meals-planner-link", 20);
             i0.ɵɵpipe(2, "async");
-            i0.ɵɵelementStart(3, "ng-miam-catalog-category", 34);
-            i0.ɵɵlistener("displayList", function RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_ng_template_2_Template_ng_miam_catalog_category_displayList_3_listener($event) { i0.ɵɵrestoreView(_r35_1); var ctx_r34 = i0.ɵɵnextContext(5); return ctx_r34.categoryTitleClicked($event); });
+            i0.ɵɵelementStart(3, "ng-miam-catalog-category", 36);
+            i0.ɵɵlistener("displayList", function RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_ng_template_2_Template_ng_miam_catalog_category_displayList_3_listener($event) { i0.ɵɵrestoreView(_r34_1); var ctx_r33 = i0.ɵɵnextContext(5); return ctx_r33.categoryTitleClicked($event); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 36);
-            i0.ɵɵelement(5, "ng-miam-explain-banner", 37);
+            i0.ɵɵelementStart(4, "div", 38);
+            i0.ɵɵelement(5, "ng-miam-explain-banner", 39);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var category_r25 = i0.ɵɵnextContext().$implicit;
-            var ctx_r29 = i0.ɵɵnextContext(4);
+            var category_r24 = i0.ɵɵnextContext().$implicit;
+            var ctx_r28 = i0.ɵɵnextContext(4);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 7, ctx_r29.contextService.enableMealsPlanner$));
+            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 7, ctx_r28.contextService.enableMealsPlanner$));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("title", category_r25.title)("subtitle", category_r25.subtitle)("filters", category_r25.filters)("displayPricing", ctx_r29.displayPricing)("originTrace", ctx_r29.eventTrace());
+            i0.ɵɵproperty("title", category_r24.title)("subtitle", category_r24.subtitle)("filters", category_r24.filters)("displayPricing", ctx_r28.displayPricing)("originTrace", ctx_r28.eventTrace());
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("catalogSetting", ctx_r29.catalogSetting);
+            i0.ɵɵproperty("catalogSetting", ctx_r28.catalogSetting);
         }
     }
     function RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementContainerStart(0);
-            i0.ɵɵtemplate(1, RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_ng_container_1_Template, 2, 5, "ng-container", 32);
-            i0.ɵɵtemplate(2, RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_ng_template_2_Template, 6, 9, "ng-template", null, 33, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(1, RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_ng_container_1_Template, 2, 5, "ng-container", 34);
+            i0.ɵɵtemplate(2, RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_ng_template_2_Template, 6, 9, "ng-template", null, 35, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var i_r26 = ctx.index;
-            var _r28 = i0.ɵɵreference(3);
+            var i_r25 = ctx.index;
+            var _r27 = i0.ɵɵreference(3);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", i_r26 !== 0)("ngIfElse", _r28);
+            i0.ɵɵproperty("ngIf", i_r25 !== 0)("ngIfElse", _r27);
         }
     }
     function RecipeCatalogComponent_div_2_ng_template_7_div_0_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 30);
-            i0.ɵɵtemplate(1, RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_Template, 4, 2, "ng-container", 31);
+            i0.ɵɵelementStart(0, "div", 32);
+            i0.ɵɵtemplate(1, RecipeCatalogComponent_div_2_ng_template_7_div_0_ng_container_1_Template, 4, 2, "ng-container", 33);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r23 = i0.ɵɵnextContext(3);
+            var ctx_r22 = i0.ɵɵnextContext(3);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngForOf", ctx_r23.categories);
+            i0.ɵɵproperty("ngForOf", ctx_r22.categories);
         }
     }
     function RecipeCatalogComponent_div_2_ng_template_7_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵtemplate(0, RecipeCatalogComponent_div_2_ng_template_7_div_0_Template, 2, 1, "div", 29);
+            i0.ɵɵtemplate(0, RecipeCatalogComponent_div_2_ng_template_7_div_0_Template, 2, 1, "div", 31);
         }
         if (rf & 2) {
             var ctx_r7 = i0.ɵɵnextContext(2);
@@ -22248,18 +22259,18 @@
     }
     function RecipeCatalogComponent_div_2_Template(rf, ctx) {
         if (rf & 1) {
-            var _r38_1 = i0.ɵɵgetCurrentView();
+            var _r37_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 4);
             i0.ɵɵelementStart(1, "div", 5);
             i0.ɵɵelementStart(2, "ng-miam-catalog-header", 6);
-            i0.ɵɵlistener("returnButtonPressed", function RecipeCatalogComponent_div_2_Template_ng_miam_catalog_header_returnButtonPressed_2_listener() { i0.ɵɵrestoreView(_r38_1); var ctx_r37 = i0.ɵɵnextContext(); return ctx_r37.returnToHomePage(); })("filterButtonPressed", function RecipeCatalogComponent_div_2_Template_ng_miam_catalog_header_filterButtonPressed_2_listener() { i0.ɵɵrestoreView(_r38_1); var ctx_r39 = i0.ɵɵnextContext(); return ctx_r39.onFilterCollapsed(); })("searchStringChanged", function RecipeCatalogComponent_div_2_Template_ng_miam_catalog_header_searchStringChanged_2_listener($event) { i0.ɵɵrestoreView(_r38_1); var ctx_r40 = i0.ɵɵnextContext(); return ctx_r40.updateSearch($event); })("personalButtonPressed", function RecipeCatalogComponent_div_2_Template_ng_miam_catalog_header_personalButtonPressed_2_listener() { i0.ɵɵrestoreView(_r38_1); var ctx_r41 = i0.ɵɵnextContext(); return ctx_r41.setPersonalFilter(); })("favoritesButtonPressed", function RecipeCatalogComponent_div_2_Template_ng_miam_catalog_header_favoritesButtonPressed_2_listener() { i0.ɵɵrestoreView(_r38_1); var ctx_r42 = i0.ɵɵnextContext(); return ctx_r42.setFavoritesFilter(); });
+            i0.ɵɵlistener("returnButtonPressed", function RecipeCatalogComponent_div_2_Template_ng_miam_catalog_header_returnButtonPressed_2_listener() { i0.ɵɵrestoreView(_r37_1); var ctx_r36 = i0.ɵɵnextContext(); return ctx_r36.returnToHomePage(); })("filterButtonPressed", function RecipeCatalogComponent_div_2_Template_ng_miam_catalog_header_filterButtonPressed_2_listener() { i0.ɵɵrestoreView(_r37_1); var ctx_r38 = i0.ɵɵnextContext(); return ctx_r38.onFilterCollapsed(); })("searchStringChanged", function RecipeCatalogComponent_div_2_Template_ng_miam_catalog_header_searchStringChanged_2_listener($event) { i0.ɵɵrestoreView(_r37_1); var ctx_r39 = i0.ɵɵnextContext(); return ctx_r39.updateSearch($event); })("personalButtonPressed", function RecipeCatalogComponent_div_2_Template_ng_miam_catalog_header_personalButtonPressed_2_listener() { i0.ɵɵrestoreView(_r37_1); var ctx_r40 = i0.ɵɵnextContext(); return ctx_r40.setPersonalFilter(); })("favoritesButtonPressed", function RecipeCatalogComponent_div_2_Template_ng_miam_catalog_header_favoritesButtonPressed_2_listener() { i0.ɵɵrestoreView(_r37_1); var ctx_r41 = i0.ɵɵnextContext(); return ctx_r41.setFavoritesFilter(); });
             i0.ɵɵpipe(3, "async");
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(4, RecipeCatalogComponent_div_2_div_4_Template, 8, 3, "div", 7);
-            i0.ɵɵtemplate(5, RecipeCatalogComponent_div_2_div_5_Template, 12, 13, "div", 8);
+            i0.ɵɵtemplate(5, RecipeCatalogComponent_div_2_div_5_Template, 11, 12, "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(_r38_1); var ctx_r43 = i0.ɵɵnextContext(); return ctx_r43.updateFilters($event); })("filterCollapsed", function RecipeCatalogComponent_div_2_Template_ng_miam_recipe_filters_filterCollapsed_6_listener() { i0.ɵɵrestoreView(_r38_1); var ctx_r44 = i0.ɵɵnextContext(); return ctx_r44.onFilterCollapsed(); })("preferencesChanged", function RecipeCatalogComponent_div_2_Template_ng_miam_recipe_filters_preferencesChanged_6_listener() { i0.ɵɵrestoreView(_r38_1); var ctx_r45 = i0.ɵɵnextContext(); return ctx_r45.reloadPackages(); });
+            i0.ɵɵlistener("filterChanged", function RecipeCatalogComponent_div_2_Template_ng_miam_recipe_filters_filterChanged_6_listener($event) { i0.ɵɵrestoreView(_r37_1); var ctx_r42 = i0.ɵɵnextContext(); return ctx_r42.updateFilters($event); })("filterCollapsed", function RecipeCatalogComponent_div_2_Template_ng_miam_recipe_filters_filterCollapsed_6_listener() { i0.ɵɵrestoreView(_r37_1); var ctx_r43 = i0.ɵɵnextContext(); return ctx_r43.onFilterCollapsed(); })("preferencesChanged", function RecipeCatalogComponent_div_2_Template_ng_miam_recipe_filters_preferencesChanged_6_listener() { i0.ɵɵrestoreView(_r37_1); var ctx_r44 = i0.ɵɵnextContext(); return ctx_r44.reloadPackages(); });
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(7, RecipeCatalogComponent_div_2_ng_template_7_Template, 1, 1, "ng-template", null, 10, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵelementEnd();
@@ -22279,19 +22290,19 @@
     }
     function RecipeCatalogComponent_ng_template_3_ng_miam_recipe_stepper_0_Template(rf, ctx) {
         if (rf & 1) {
-            var _r48_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "ng-miam-recipe-stepper", 39);
-            i0.ɵɵlistener("recipeChange", function RecipeCatalogComponent_ng_template_3_ng_miam_recipe_stepper_0_Template_ng_miam_recipe_stepper_recipeChange_0_listener() { i0.ɵɵrestoreView(_r48_1); var ctx_r47 = i0.ɵɵnextContext(2); return ctx_r47.leaveCreatePage(); })("canceled", function RecipeCatalogComponent_ng_template_3_ng_miam_recipe_stepper_0_Template_ng_miam_recipe_stepper_canceled_0_listener() { i0.ɵɵrestoreView(_r48_1); var ctx_r49 = i0.ɵɵnextContext(2); return ctx_r49.leaveCreatePage(); });
+            var _r47_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "ng-miam-recipe-stepper", 41);
+            i0.ɵɵlistener("recipeChange", function RecipeCatalogComponent_ng_template_3_ng_miam_recipe_stepper_0_Template_ng_miam_recipe_stepper_recipeChange_0_listener() { i0.ɵɵrestoreView(_r47_1); var ctx_r46 = i0.ɵɵnextContext(2); return ctx_r46.leaveCreatePage(); })("canceled", function RecipeCatalogComponent_ng_template_3_ng_miam_recipe_stepper_0_Template_ng_miam_recipe_stepper_canceled_0_listener() { i0.ɵɵrestoreView(_r47_1); var ctx_r48 = i0.ɵɵnextContext(2); return ctx_r48.leaveCreatePage(); });
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r46 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("recipeToUpdate", ctx_r46.recipeToUpdate)("originTrace", ctx_r46.eventTrace());
+            var ctx_r45 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("recipeToUpdate", ctx_r45.recipeToUpdate)("originTrace", ctx_r45.eventTrace());
         }
     }
     function RecipeCatalogComponent_ng_template_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵtemplate(0, RecipeCatalogComponent_ng_template_3_ng_miam_recipe_stepper_0_Template, 1, 2, "ng-miam-recipe-stepper", 38);
+            i0.ɵɵtemplate(0, RecipeCatalogComponent_ng_template_3_ng_miam_recipe_stepper_0_Template, 1, 2, "ng-miam-recipe-stepper", 40);
         }
         if (rf & 2) {
             var ctx_r3 = i0.ɵɵnextContext();
@@ -22666,7 +22677,7 @@
             else {
                 i18n_11 = $localize(templateObject_6$c || (templateObject_6$c = __makeTemplateObject([":\u241F3b0b12b85604af610c07cfbd5d4f74662b9a881a\u241F1931799427977453728:Ajouter une id\u00E9e repas"], [":\u241F3b0b12b85604af610c07cfbd5d4f74662b9a881a\u241F1931799427977453728:Ajouter une id\u00E9e repas"])));
             }
-            return [[1, "miam-catalog-anchor"], ["miamCatalogTopAnchor", ""], ["class", "miam-recipe-catalog", 4, "ngIf", "ngIfElse"], ["creationPage", ""], [1, "miam-recipe-catalog"], [1, "miam-recipe-catalog__content"], [3, "home", "searchTerm", "additionalFiltersTitle", "homeLabel", "pictureUrl", "catalogSetting", "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", "originTrace", "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"], i18n_1, ["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"], [4, "ngIf"], ["class", "miam-recipe-catalog__list__create___button", 3, "click", 4, "ngIf"], [3, "filters", "originTrace", "displayPricing", "filterRemoved", "recipeActionTriggered"], i18n_3, i18n_5, i18n_7, i18n_9, [1, "miam-recipe-catalog__list__create___button", 3, "click"], ["width", "24", "height", "24", "primaryColor", "var(--m-color-primary)", 3, "iconName"], i18n_11, ["class", "miam-recipe-catalog__categories", 4, "ngIf"], [1, "miam-recipe-catalog__categories"], [4, "ngFor", "ngForOf"], [4, "ngIf", "ngIfElse"], ["firstCategory", ""], [3, "title", "subtitle", "filters", "displayPricing", "originTrace", "displayList"], [1, "miam-recipe-catalog__first-category"], [1, "miam-recipe-catalog__explain_banner"], [3, "catalogSetting"], [3, "recipeToUpdate", "originTrace", "recipeChange", "canceled", 4, "ngIf"], [3, "recipeToUpdate", "originTrace", "recipeChange", "canceled"]];
+            return [[1, "miam-catalog-anchor"], ["miamCatalogTopAnchor", ""], ["class", "miam-recipe-catalog", 4, "ngIf", "ngIfElse"], ["creationPage", ""], [1, "miam-recipe-catalog"], [1, "miam-recipe-catalog__content"], [3, "home", "searchTerm", "additionalFiltersTitle", "homeLabel", "pictureUrl", "catalogSetting", "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", "originTrace", "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"], i18n_1, ["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__content__title__search__text", 4, "ngIf"], [4, "ngIf"], ["class", "miam-recipe-catalog__list__create___button", 3, "click", 4, "ngIf"], [3, "filters", "originTrace", "displayPricing", "filterRemoved", "recipeActionTriggered"], [1, "miam-recipe-catalog__content__title__search__text"], i18n_3, i18n_5, i18n_7, i18n_9, [1, "miam-recipe-catalog__list__create___button", 3, "click"], ["width", "24", "height", "24", "primaryColor", "var(--m-color-primary)", 3, "iconName"], i18n_11, ["class", "miam-recipe-catalog__categories", 4, "ngIf"], [1, "miam-recipe-catalog__categories"], [4, "ngFor", "ngForOf"], [4, "ngIf", "ngIfElse"], ["firstCategory", ""], [3, "title", "subtitle", "filters", "displayPricing", "originTrace", "displayList"], [1, "miam-recipe-catalog__first-category"], [1, "miam-recipe-catalog__explain_banner"], [3, "catalogSetting"], [3, "recipeToUpdate", "originTrace", "recipeChange", "canceled", 4, "ngIf"], [3, "recipeToUpdate", "originTrace", "recipeChange", "canceled"]];
         }, template: function RecipeCatalogComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelement(0, "div", 0, 1);
@@ -22678,7 +22689,7 @@
                 i0.ɵɵadvance(2);
                 i0.ɵɵproperty("ngIf", !ctx.creatingRecipe && ctx.catalogSettingHasLoaded)("ngIfElse", _r2);
             }
-        }, directives: [i2.NgIf, CatalogHeaderComponent, RecipeFiltersComponent, IconComponent, CatalogListComponent, i2.NgForOf, CatalogCategoryComponent, ExplainBannerComponent, MealsPlannerLinkComponent, RecipeStepperComponent], pipes: [i2.AsyncPipe], styles: [".miam-recipe-catalog{display:flex;justify-content:space-between}.miam-recipe-catalog,.miam-recipe-catalog .miam-recipe-catalog__content{position:relative;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title{align-items:center;display:flex;font-size:24px;font-weight:700;line-height:34px;margin-bottom:24px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title ng-miam-icon{cursor:pointer;margin-right:20px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title ng-miam-icon .icon-container{transform:rotate(90deg)}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title span:last-child{margin-left:6px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories{display:flex;flex-direction:column;padding:48px 24px;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category{align-items:flex-end;display:flex;flex-direction:row;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-meals-planner-link{margin:0 22px 40px 0}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__explain_banner{margin-bottom:40px}@media (max-width:1023px){.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories{padding:48px 0 48px 24px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category{align-items:flex-start;flex-direction:column}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-catalog-category{width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-meals-planner-link{margin:0 24px 24px 0;width:calc(100% - 24px)}}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__list{padding:24px;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__list .miam-recipe-catalog__list__create___button{align-items:center;border:1px solid var(--miam-color-primary);border-radius:20px;color:var(--miam-color-primary);cursor:pointer;display:flex;margin-bottom:24px;padding:4px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button{align-items:center;background:var(--m-color-primary);border-radius:0 0 20px 20px;cursor:pointer;display:flex;height:50px;justify-content:space-around;left:unset;position:absolute;right:50px;width:200px}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button .miam-recipe-catalog__myMeal__button__text{color:var(--m-color-white);font-weight:700}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button .miam-recipe-catalog__myMeal__second__icon{transform:rotate(-90deg)}@media (max-width:1023px){.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button{border-radius:20px 20px 0 0;bottom:0;left:8px;position:fixed;right:8px;width:auto;z-index:2}}"], encapsulation: 2, changeDetection: 0 });
+        }, directives: [i2.NgIf, CatalogHeaderComponent, RecipeFiltersComponent, IconComponent, CatalogListComponent, i2.NgForOf, CatalogCategoryComponent, ExplainBannerComponent, MealsPlannerLinkComponent, RecipeStepperComponent], pipes: [i2.AsyncPipe], styles: [".miam-recipe-catalog{display:flex;justify-content:space-between}.miam-recipe-catalog,.miam-recipe-catalog .miam-recipe-catalog__content{position:relative;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title{align-items:center;display:flex;font-size:24px;font-weight:700;gap:6px;line-height:34px;margin-bottom:24px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title .miam-recipe-catalog__content__title__search__text{display:flex;flex-wrap:wrap;gap:6px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title ng-miam-icon{cursor:pointer;margin-right:14px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title ng-miam-icon .icon-container{transform:rotate(90deg)}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories{display:flex;flex-direction:column;padding:48px 24px;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category{align-items:flex-end;display:flex;flex-direction:row;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-meals-planner-link{margin:0 22px 40px 0}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__explain_banner{margin-bottom:40px}@media (max-width:1023px){.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories{padding:48px 0 48px 24px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category{align-items:flex-start;flex-direction:column}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-catalog-category{width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-meals-planner-link{margin:0 24px 24px 0;width:calc(100% - 24px)}}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__list{padding:24px;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__list .miam-recipe-catalog__list__create___button{align-items:center;border:1px solid var(--miam-color-primary);border-radius:20px;color:var(--miam-color-primary);cursor:pointer;display:flex;margin-bottom:24px;padding:4px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button{align-items:center;background:var(--m-color-primary);border-radius:0 0 20px 20px;cursor:pointer;display:flex;height:50px;justify-content:space-around;left:unset;position:absolute;right:50px;width:200px}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button .miam-recipe-catalog__myMeal__button__text{color:var(--m-color-white);font-weight:700}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button .miam-recipe-catalog__myMeal__second__icon{transform:rotate(-90deg)}@media (max-width:1023px){.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button{border-radius:20px 20px 0 0;bottom:0;left:8px;position:fixed;right:8px;width:auto;z-index:2}}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(RecipeCatalogComponent, [{
                 type: i0.Component,