ng-miam 6.4.10 → 6.4.12

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() {
@@ -1824,370 +1921,86 @@
             return _this;
         }
         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() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.attributes = {
-                name: '',
-                label: ''
-            };
-            return _this;
-        }
-        Object.defineProperty(RecipeStatus.prototype, "hidden", {
-            get: function () {
-                return this.name === 'DELETED';
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(RecipeStatus.prototype, "name", {
-            get: function () {
-                return this.attributes.name;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(RecipeStatus.prototype, "label", {
-            get: function () {
-                return this.attributes.label;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(RecipeStatus.prototype, "icon", {
-            get: function () {
-                switch (this.attributes.name) {
-                    case 'DRAFT': {
-                        return 'text_snippet';
-                    }
-                    case 'SUBMITTED': {
-                        return 'schedule';
-                    }
-                    case 'ACTIVE': {
-                        return 'done';
-                    }
-                    case 'INACTIVE': {
-                        return 'highlight_off';
-                    }
-                    default: {
-                        return 'highlight_off';
-                    }
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(RecipeStatus.prototype, "color", {
-            get: function () {
-                switch (this.attributes.name) {
-                    case 'DRAFT': {
-                        return null;
-                    }
-                    case 'SUBMITTED': {
-                        return 'accent';
-                    }
-                    case 'ACTIVE': {
-                        return 'primary';
-                    }
-                    case 'INACTIVE': {
-                        return null;
-                    }
-                    default: {
-                        return null;
-                    }
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        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();
-            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 */
-            get: function () {
-                return this.draft$.getValue();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(RecipeStatusService.prototype, "deletedValue", {
-            /** Only if you are sure value has been loaded */
-            get: function () {
-                return this.deleted$.getValue();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        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 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;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        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);
-    })();
+    }(i1.Resource));
 
-    var Ingredient = /** @class */ (function (_super) {
-        __extends(Ingredient, _super);
-        function Ingredient() {
+    var RecipeStatus = /** @class */ (function (_super) {
+        __extends(RecipeStatus, _super);
+        function RecipeStatus() {
             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()
+                label: ''
             };
             return _this;
         }
-        Object.defineProperty(Ingredient.prototype, "quantity", {
+        Object.defineProperty(RecipeStatus.prototype, "hidden", {
             get: function () {
-                if (this.attributes.quantity) {
-                    //  /!\ toLocalString can transphorm an dot into a coma
-                    return parseFloat(this.attributes.quantity).toString();
-                }
-                else {
-                    return '1';
-                }
+                return this.name === 'DELETED';
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Ingredient.prototype, "picture", {
+        Object.defineProperty(RecipeStatus.prototype, "name", {
             get: function () {
-                return this.attributes['picture-url'];
+                return this.attributes.name;
             },
             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", {
+        Object.defineProperty(RecipeStatus.prototype, "label", {
             get: function () {
-                return this.attributes.title;
+                return this.attributes.label;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Package.prototype, "status", {
+        Object.defineProperty(RecipeStatus.prototype, "icon", {
             get: function () {
-                return this.relationships && this.relationships.status && this.relationships.status.data;
+                switch (this.attributes.name) {
+                    case 'DRAFT': {
+                        return 'text_snippet';
+                    }
+                    case 'SUBMITTED': {
+                        return 'schedule';
+                    }
+                    case 'ACTIVE': {
+                        return 'done';
+                    }
+                    case 'INACTIVE': {
+                        return 'highlight_off';
+                    }
+                    default: {
+                        return 'highlight_off';
+                    }
+                }
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(Package.prototype, "subtitle", {
+        Object.defineProperty(RecipeStatus.prototype, "color", {
             get: function () {
-                // tslint:disable-next-line: no-string-literal
-                return this.attributes.settings.subtitle;
+                switch (this.attributes.name) {
+                    case 'DRAFT': {
+                        return null;
+                    }
+                    case 'SUBMITTED': {
+                        return 'accent';
+                    }
+                    case 'ACTIVE': {
+                        return 'primary';
+                    }
+                    case 'INACTIVE': {
+                        return null;
+                    }
+                    default: {
+                        return null;
+                    }
+                }
             },
             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;
+        return RecipeStatus;
     }(i1.Resource));
 
     var RecipeStep = /** @class */ (function (_super) {
@@ -2237,6 +2050,25 @@
         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.attributes.name;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return RecipeType;
+    }(i1.Resource));
+
     var BasketEntriesItem = /** @class */ (function () {
         function BasketEntriesItem(attrs) {
             if (attrs === void 0) { attrs = {}; }
@@ -2591,8 +2423,176 @@
             enumerable: false,
             configurable: true
         });
-        return SponsorBlockType;
-    }(i1.Resource));
+        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(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 */
+            get: function () {
+                return this.draft$.getValue();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(RecipeStatusService.prototype, "deletedValue", {
+            /** Only if you are sure value has been loaded */
+            get: function () {
+                return this.deleted$.getValue();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        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,17 @@
                 })); }));
             }));
         };
+        /**
+         * 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;
+                // 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
@@ -12194,7 +12205,7 @@
             request = request.clone({
                 setHeaders: {
                     'miam-origin': context.origin.value,
-                    'miam-front-version': '6.4.10',
+                    'miam-front-version': '6.4.12',
                     'miam-front-type': 'web',
                     'miam-api-version': '4.7.0'
                 }
@@ -17342,7 +17353,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) {
@@ -17485,10 +17496,10 @@
             else {
                 i18n_6 = $localize(templateObject_4$b || (templateObject_4$b = __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) {
@@ -17731,7 +17742,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) {
@@ -18184,7 +18195,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);
@@ -18198,7 +18209,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();
@@ -18838,6 +18849,225 @@
         return RecipeFilters;
     }());
 
+    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$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$p, 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) {
             i0.ɵɵelement(0, "img", 12);
@@ -19056,10 +19286,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'],
@@ -19117,8 +19347,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) {
@@ -19170,15 +19402,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;
@@ -19737,7 +19971,7 @@
     var templateObject_1$w, templateObject_2$q, templateObject_3$j, templateObject_4$f;
 
     var _b$1;
-    var _c0$p = ["miamMealsPlannerTopAnchor"];
+    var _c0$q = ["miamMealsPlannerTopAnchor"];
     function MealsPlannerComponent_div_2_ng_miam_icon_13_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "ng-miam-icon", 8);
@@ -19886,10 +20120,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'],
@@ -19949,12 +20183,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) {
@@ -20146,7 +20380,7 @@
     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);
+                i0.ɵɵviewQuery(_c0$q, true);
             }
             if (rf & 2) {
                 var _t;
@@ -20205,225 +20439,6 @@
     })();
     var templateObject_1$x, templateObject_2$r, templateObject_3$k;
 
-    var _a;
-    var _c0$q = ["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); }));
-        };
-        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'];
-            }
-            if (this.randomModeEnable) {
-                return this.recipeService.getRandom(recipeIncludes$3, recipeSparseFields$3);
-            }
-            else {
-                return this.recipeService.getSuggestion(this.productIds, this.eventsGroupId, recipeIncludes$3, recipeSparseFields$3);
-            }
-        };
-        // 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$q, 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);
-    })();
-
     var _c$1;
     var _c0$r = ["categoryContent"];
     var _c1$c = ["categoryCards"];
@@ -20541,17 +20556,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 };
@@ -20567,7 +20579,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;