ng-miam 3.5.17 → 3.6.2

package/bundles/ng-miam.umd.js

@@ -377,6 +377,613 @@
         return value;
     }
 
+    // Interface to translate products between Miam and Cora
+    // This is where the special conditions related to PFT products are handled,
+    // as well as the quantities updates are calculated
+    var ComparisonItem = /** @class */ (function () {
+        function ComparisonItem(basketWrapper) {
+            this.miamQuantity = 0;
+            this.miamTargetQuantity = 0;
+            this.miamBasketEntryIds = {};
+            this._retailerProducts = [];
+            this._basketWrapper = basketWrapper;
+        }
+        Object.defineProperty(ComparisonItem.prototype, "retailerQuantity", {
+            get: function () {
+                var quantities = this._retailerProducts.map(function (retailerProduct) { return retailerProduct.quantity; });
+                // make the sum
+                return quantities.reduce(function (a, b) { return parseInt(a) + parseInt(b); }, 0);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ComparisonItem.prototype.clearRetailerProduct = function () {
+            this._retailerProducts = [];
+        };
+        Object.defineProperty(ComparisonItem.prototype, "miamBasketEntryIdsToStr", {
+            // only for logging purpose
+            get: function () {
+                var _this = this;
+                var res = '';
+                Object.keys(this.miamBasketEntryIds).forEach(function (beId) {
+                    var qty = _this.miamBasketEntryIds[beId];
+                    res += beId + ": " + qty + ", ";
+                });
+                return res;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ComparisonItem.prototype, "firstBasketEntryId", {
+            get: function () {
+                return Object.keys(this.miamBasketEntryIds)[0];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ComparisonItem.prototype.removeFirstMiamEntry = function (qtyToRemove) {
+            var firstKey = Object.keys(this.miamBasketEntryIds)[0];
+            var quantity = this.miamBasketEntryIds[firstKey];
+            if (quantity > qtyToRemove) {
+                this.miamBasketEntryIds[firstKey] = quantity - qtyToRemove;
+                return [firstKey, qtyToRemove];
+            }
+            else {
+                delete this.miamBasketEntryIds[firstKey];
+                return [firstKey, quantity];
+            }
+        };
+        // --------------------------------------------------------------------------------------------
+        // --- COMING FROM Retailer -----------------------------------------------------------------------
+        // --------------------------------------------------------------------------------------------
+        /**
+         * _retailerProducts is a  array for some retailer (like cora)
+         * so to have the moset standart code we turn it into an array
+         * even if it's not needed
+         * @param {array<{id:string, quantity:quantity}>} retailerProduct
+         */
+        ComparisonItem.prototype.addOrUpdateRetailerProduct = function (retailerProduct) {
+            if (this._retailerProducts.length === 0 || this.retailerQuantity === 0) {
+                this._retailerProducts = [retailerProduct];
+                return;
+            }
+            var existingRetailerProduct = this._retailerProducts[0];
+            existingRetailerProduct.quantity = retailerProduct.quantity;
+            return;
+        };
+        // --------------------------------------------------------------------------------------------
+        // --- COMING FROM MIAM -----------------------------------------------------------------------
+        // --------------------------------------------------------------------------------------------
+        ComparisonItem.prototype.createRetailerProducts = function (basketEntry, targetQuantity) {
+            if (basketEntry.selectedItem) {
+                this._retailerProducts = [{ id: basketEntry.selectedItem.attributes['ext-id'], quantity: targetQuantity }];
+            }
+            return this._retailerProducts;
+        };
+        /**
+         * transforms product (and potentially additional parameters such as quantity)
+         * @param retailerProduct  product of retailer format
+         * @returns  miam format ({id: string, quantity: number})
+         */
+        // eslint-disable-next-line no-unused-vars
+        ComparisonItem.prototype.mapProductToEntry = function (retailerProduct) {
+            throw new Error('You must implement \'mapProductToEntry\' for this retailer');
+        };
+        // will update cora quantity according to quantityDiff = compItem.miamTargetQuantity - compItem.miamQuantity
+        // could be a simple update or a delete (or partial delete for pft items)
+        // NB : compItem.miamTargetQuantity === 0 does NOT mean a total delete, for exemple if coraQuantity > miamQuantity
+        ComparisonItem.prototype.updateRetailerProducts = function () {
+            var quantityDiff = this.miamTargetQuantity - this.miamQuantity;
+            if (quantityDiff === 0 || this._retailerProducts.length === 0) { // here length of cora product should never be 0 but security check it
+                return [];
+            }
+            var item = this._retailerProducts[0];
+            // TODO quantity / quantite ??
+            item.quantity += quantityDiff;
+            if (item.quantity <= 0) {
+                // no more cora product, in this case miamQuantity should have been coraQuantity and miamTargetQuantity 0
+                this.clearRetailerProduct();
+            }
+            return [item];
+        };
+        return ComparisonItem;
+    }());
+
+    // Controller that handles the events coming from Cora or Miam
+    // This is where we define the comparison objects for each product, depending on what updates happened in Cora or Miam
+    // The "resolve" functions return an array of products to be updated (removed / added). Three possible cases :
+    // - products to be removed from Miam
+    // - products to be added to Cora
+    // - products to be removed from Cora
+    var ComparisonMap = /** @class */ (function () {
+        /**
+         *
+         * @param retailerBasket
+         * @param miamBasket
+         * @param comparisonItemType
+         */
+        function ComparisonMap(basketWrapper, retailerBasket, miamBasket, comparisonItemType) {
+            if (comparisonItemType === void 0) { comparisonItemType = ComparisonItem; }
+            this._extIdToComparisonItem = {};
+            this._comparisonItemType = comparisonItemType;
+            this._basketWrapper = basketWrapper;
+            this.addEntryInMapFromRetailer(retailerBasket);
+            this._setFromMiam(miamBasket);
+        }
+        /**
+         *
+         * @param extId
+         * @returns
+         */
+        ComparisonMap.prototype._fetchComparisonItem = function (extId) {
+            var compItem = this._extIdToComparisonItem[extId];
+            if (!compItem) {
+                compItem = new this._comparisonItemType(this._basketWrapper);
+                this._extIdToComparisonItem[extId] = compItem;
+            }
+            return compItem;
+        };
+        /**
+         *
+         */
+        ComparisonMap.prototype.cleanNullProducts = function () {
+            var _this = this;
+            Object.keys(this._extIdToComparisonItem).forEach(function (extId) {
+                var compItem = _this._extIdToComparisonItem[extId];
+                if (compItem.miamQuantity === 0 && compItem.retailerQuantity === 0) {
+                    delete _this._extIdToComparisonItem[extId];
+                }
+            });
+        };
+        // --------------------------------------------------------------------------------------------
+        // --- COMING FROM Retailer-----------------------------------------------------------------------
+        // --------------------------------------------------------------------------------------------
+        /**
+         * add / update / delete  compraisonItem to  _extIdToComparisonItem
+         * @param {*} retailerBasket
+         */
+        ComparisonMap.prototype.updateMapFromRetailer = function (retailerBasket) {
+            this.addEntryInMapFromRetailer(retailerBasket);
+            this.deleteEntrieInMapFromRetailer(retailerBasket);
+        };
+        /**
+         *
+         * @param {*} retailerBasket
+         */
+        ComparisonMap.prototype.addEntryInMapFromRetailer = function (retailerBasket) {
+            var _this = this;
+            retailerBasket.forEach(function (retailerEntrie) {
+                var compItem = _this._fetchComparisonItem(retailerEntrie.id);
+                compItem.addOrUpdateRetailerProduct(retailerEntrie);
+            });
+        };
+        /**
+         *
+         * @param {*} retailerBasket
+         */
+        ComparisonMap.prototype.deleteEntrieInMapFromRetailer = function (retailerBasket) {
+            var _this = this;
+            Object.keys(this._extIdToComparisonItem).forEach(function (extId) {
+                _this.checkIfEntryIsToDeleteFromMap(extId, retailerBasket);
+            });
+        };
+        /**
+         * if there is no more item with given extId
+         * on Retailer's basket we have to remove it
+         * @param extId to check
+         * @param retailerBasket current retailer's basket
+         */
+        ComparisonMap.prototype.checkIfEntryIsToDeleteFromMap = function (extId, retailerBasket) {
+            var compItem = this._extIdToComparisonItem[extId];
+            var itemInRetailerBasket = retailerBasket.find(function (retailerEntrie) { return retailerEntrie.id === extId; });
+            if (!itemInRetailerBasket) {
+                compItem.clearRetailerProduct();
+            }
+        };
+        /**
+         * Retailler can only delete miam's entries
+         * @returns
+         */
+        ComparisonMap.prototype.resolveFromRetailer = function () {
+            var _this = this;
+            var toRemoveFromMiam = [];
+            Object.keys(this._extIdToComparisonItem).forEach(function (extId) {
+                var compItem = _this._extIdToComparisonItem[extId];
+                var quantityDelta = compItem.miamQuantity - compItem.retailerQuantity;
+                if (quantityDelta > 0) {
+                    toRemoveFromMiam = __spread(toRemoveFromMiam, _this.getQuantityToRemove(compItem, quantityDelta));
+                    compItem.miamQuantity = compItem.retailerQuantity;
+                }
+            });
+            return toRemoveFromMiam;
+        };
+        /**
+         * while there is still qty to remove
+         * remove qunatity from the next basket entry
+         * @param {Object} compItem
+         * @param {number}
+         * @returns an array of entries to remove from miam
+         */
+        ComparisonMap.prototype.getQuantityToRemove = function (compItem, stillToRemove) {
+            var _a;
+            var toRemoveFromMiam = [];
+            while (stillToRemove > 0) {
+                var beId = void 0;
+                var quantityRemoved = void 0;
+                _a = __read(compItem.removeFirstMiamEntry(stillToRemove), 2), beId = _a[0], quantityRemoved = _a[1];
+                if (beId == undefined || quantityRemoved == undefined) {
+                    stillToRemove = 0;
+                }
+                else {
+                    stillToRemove -= quantityRemoved;
+                    toRemoveFromMiam.push({ id: beId, qty: quantityRemoved });
+                }
+            }
+            return toRemoveFromMiam;
+        };
+        // --------------------------------------------------------------------------------------------
+        // --- COMING FROM MIAM -----------------------------------------------------------------------
+        // --------------------------------------------------------------------------------------------
+        /**
+         *
+         * @param {*} miamBasket
+         */
+        ComparisonMap.prototype.setTargetFromMiam = function (miamBasket) {
+            console.debug("set target from miam", miamBasket);
+            // loop on comparison map and update targetQuantity according to miamB
+            this._updateTargetFromMiam(miamBasket);
+            // add those missing in comparison item
+            this._addTargetFromMiam(miamBasket);
+        };
+        /**
+         *
+         * @param {*} miamBasket
+         * @returns
+         */
+        ComparisonMap.prototype.resolveFromMiam = function (miamBasket) {
+            var _this = this;
+            console.debug("resolve from Miam basket", miamBasket);
+            var toPushToRetailer = [];
+            Object.keys(this._extIdToComparisonItem).forEach(function (extId) {
+                toPushToRetailer = __spread(toPushToRetailer, _this.createOrUpdate(extId, miamBasket));
+            });
+            return toPushToRetailer;
+        };
+        /**
+         *
+         */
+        ComparisonMap.prototype.createOrUpdate = function (extId, miamBasket) {
+            var compItem = this._extIdToComparisonItem[extId];
+            var itemsToPush;
+            if (compItem.retailerQuantity === 0 && compItem.miamTargetQuantity !== 0) {
+                // it is a creation
+                // if there is more than one basket id for this product, arbitrary take the first
+                // it will result at the same cora creation anyway
+                var basketEntry = miamBasket.find(function (be) { return be.id == compItem.firstBasketEntryId; });
+                itemsToPush = compItem.createRetailerProducts(basketEntry, compItem.miamTargetQuantity);
+            }
+            else {
+                itemsToPush = compItem.updateRetailerProducts();
+            }
+            compItem.miamQuantity = compItem.miamTargetQuantity;
+            return itemsToPush;
+        };
+        ComparisonMap.prototype._setFromMiam = function (miamBasket) {
+            var _this = this;
+            miamBasket.forEach(function (basketEntry) {
+                // TODO : retirer si on a que des basketEntry actives ?
+                var extId = basketEntry.selectedItem &&
+                    basketEntry.selectedItem.attributes["ext-id"];
+                if (!extId) {
+                    return;
+                }
+                var compItem = _this._fetchComparisonItem(extId);
+                // may already exist if two different ingredients matched same item
+                compItem.miamQuantity += basketEntry.attributes.quantity;
+                compItem.miamBasketEntryIds[basketEntry.id] =
+                    basketEntry.attributes.quantity;
+            });
+        };
+        // loop on comparison map and update targetQuantity according to miamB
+        ComparisonMap.prototype._updateTargetFromMiam = function (miamBasket) {
+            var _this = this;
+            Object.keys(this._extIdToComparisonItem).forEach(function (extId) {
+                var compItem = _this._extIdToComparisonItem[extId];
+                // you can have différent ingredients (ie different be) matching the same product
+                var miamBasketEntries = miamBasket.filter(function (basketEntry) {
+                    return (basketEntry.selectedItem &&
+                        basketEntry.selectedItem.attributes["ext-id"] === extId);
+                });
+                if (miamBasketEntries.length > 0) {
+                    var quantities = miamBasketEntries.map(function (be) { return be.attributes.quantity; });
+                    compItem.miamTargetQuantity = quantities.reduce(function (a, b) { return parseInt(a) + parseInt(b); }, 0);
+                    compItem.miamBasketEntryIds = miamBasketEntries.reduce(function (map, be) {
+                        map[be.id] = parseInt(be.attributes.quantity);
+                        return map;
+                    }, {});
+                }
+                else {
+                    compItem.miamTargetQuantity = 0;
+                    compItem.miamBasketEntryIds = {};
+                }
+            });
+        };
+        // add comparisonItem and target quantity according to those in miamB missing in comparisonMap
+        ComparisonMap.prototype._addTargetFromMiam = function (miamBasket) {
+            var _this = this;
+            // ---
+            miamBasket.forEach(function (basketEntry) {
+                // TODO : retirer si on a que des basketEntry actives ?
+                var extId = basketEntry.selectedItem &&
+                    basketEntry.selectedItem.attributes["ext-id"];
+                if (!extId) {
+                    return;
+                }
+                if (_this._extIdToComparisonItem[extId]) {
+                    return;
+                }
+                var compItem = _this._fetchComparisonItem(extId);
+                // here in fact the target quantity is useless as we we will need to create a product, we can use basketEntry.quantity
+                compItem.miamTargetQuantity += basketEntry.attributes.quantity;
+                compItem.miamBasketEntryIds[basketEntry.id] =
+                    basketEntry.attributes.quantity;
+            });
+        };
+        return ComparisonMap;
+    }());
+
+    /**
+     *
+     */
+    var BasketsComparator = /** @class */ (function () {
+        /**
+         *
+         * @param {*} existingRetailerBasket
+         * @param {*} firstMiamBasket
+         * @param {*} comparisonMapClass
+         */
+        function BasketsComparator(basketWrapper, existingRetailerBasket, firstMiamBasket, comparisonMapClass) {
+            if (comparisonMapClass === void 0) { comparisonMapClass = ComparisonMap; }
+            this.isProcessingRetailerEvent = true;
+            this._basketWrapper = basketWrapper;
+            this._comparisonMap = new comparisonMapClass(basketWrapper, existingRetailerBasket, firstMiamBasket);
+            var toRemoveFromMiam = this._comparisonMap.resolveFromRetailer();
+            this.sendUpdateToMiam(toRemoveFromMiam);
+        }
+        /**
+         *
+         * @param {*} basket
+         */
+        BasketsComparator.prototype.updateReceivedFromMiam = function (basket) {
+            this._comparisonMap.setTargetFromMiam(basket);
+            var toPushToRetailer = this._comparisonMap.resolveFromMiam(basket);
+            this._comparisonMap.cleanNullProducts();
+            this.sendUpdateToRetailer(toPushToRetailer);
+        };
+        /**
+         *
+         * @param {*} retailerBasket
+         */
+        BasketsComparator.prototype.updateReceivedFromRetailer = function (retailerBasket) {
+            this.isProcessingRetailerEvent = true;
+            this._comparisonMap.updateMapFromRetailer(retailerBasket);
+            var toRemoveFromMiam = this._comparisonMap.resolveFromRetailer();
+            this._comparisonMap.cleanNullProducts();
+            this.sendUpdateToMiam(toRemoveFromMiam);
+        };
+        /**
+         *
+         * @param {*} entriesToRemove
+         * @returns
+         */
+        BasketsComparator.prototype.sendUpdateToMiam = function (entriesToRemove) {
+            var _this = this;
+            console.debug('will remove from miam', entriesToRemove);
+            if (entriesToRemove.length === 0) {
+                console.debug('stop processing retailer event');
+                this.isProcessingRetailerEvent = false;
+                return;
+            }
+            window.miam.basket.removeEntries(entriesToRemove).subscribe(function () {
+                console.debug('stop processing retailer event');
+                _this.isProcessingRetailerEvent = false;
+            });
+        };
+        /**
+         *
+         * @param {*} itemsToAdd
+         * @returns
+         */
+        BasketsComparator.prototype.sendUpdateToRetailer = function (itemsToAdd) {
+            var _this = this;
+            console.debug('will update retailer', itemsToAdd);
+            if (itemsToAdd.length === 0) {
+                return;
+            }
+            this._basketWrapper.pushProductsToBasket(itemsToAdd.map(function (item) {
+                return _this._basketWrapper.mapComparableProductToProduct(item);
+            }));
+        };
+        return BasketsComparator;
+    }());
+
+    /**
+     *  Instantiate listener on retailer and Miam
+     */
+    var BasketHandler = /** @class */ (function () {
+        function BasketHandler(wrapper) {
+            this.basketWrapper = wrapper;
+        }
+        /**
+         * Handle payment first if necessary then start basket synchronization
+         */
+        BasketHandler.prototype.initBasketProcess = function () {
+            var _this = this;
+            this.firstMiamBasketReceived = false;
+            this.handlePayment(function () {
+                _this.handleBasketSync();
+            });
+        };
+        /**
+         * Handle Payment and confirm basket
+         * @param callback to call after payment handling
+         */
+        BasketHandler.prototype.handlePayment = function (callback) {
+            if (this.basketWrapper.hasPayment()) {
+                var total = this.basketWrapper.paymentTotal();
+                var token = localStorage.getItem('_miam/basketToken');
+                if (token) {
+                    // Miam basket that was confirmed on miam.tech => validate payment
+                    localStorage.removeItem('_miam/basketToken');
+                    this.sendMiamOrder(total, token);
+                    callback();
+                }
+                else {
+                    // Local Miam basket (with entries OR NOT) => confirm it and validate payment only if total received from miam > 0
+                    this.confirmBasket(total, callback);
+                }
+            }
+            else {
+                callback();
+            }
+        };
+        /**
+         * Used only for basket pushed from miam.tech
+         * @param total price of order
+         * @param token of the basket
+         */
+        BasketHandler.prototype.sendMiamOrder = function (total, token) {
+            console.debug('[Miam] payment detected', total, token);
+            window.miam.basket.paid(total * 100); // need to pass the total in cents for analytics event
+            if (token) {
+                console.log('[Miam] Send payment notification', token);
+                window.miam.supplier.notifyBasketUpdated(token, 'PAID', total);
+            }
+        };
+        /**
+         * Confirm basket and notify API
+         * @param total price of order
+         * @param callback to be called after payment handling
+         */
+        BasketHandler.prototype.confirmBasket = function (total, callback) {
+            var _this = this;
+            window.miam.basket.confirm().subscribe(function (basket) {
+                if (basket && basket.token && basket.totalPrice > 0) {
+                    var token = basket.token;
+                    console.log('[Miam] Send confirmation notification', token);
+                    window.miam.supplier.notifyBasketUpdated(token, 'CONFIRMED');
+                    _this.sendMiamOrder(total, token);
+                }
+                callback();
+            });
+        };
+        /**
+         * To implement for each retailer
+         */
+        BasketHandler.prototype.listenToRetailer = function (callback) {
+            this.basketWrapper.listenToRetailerBasket(callback);
+        };
+        /**
+         * Start listening on Miam's basket
+         * need to be call with bind(this) to keep object ref
+         * else this will be global 'this' which means window
+         * @param callback to call when basket is updated
+         */
+        BasketHandler.prototype.listenToMiam = function (callback) {
+            var _this = this;
+            window.miam.basket.entries$.subscribe(function (miamBasket) {
+                console.debug('Miam basket received', miamBasket, _this.firstMiamBasketReceived);
+                if (!_this.firstMiamBasketReceived && miamBasket.length === 0) {
+                    // Skip first empty array received
+                    _this.firstMiamBasketReceived = true;
+                    return;
+                }
+                else {
+                    callback(miamBasket);
+                }
+            });
+        };
+        /**
+         * Start basket synchronization
+         */
+        BasketHandler.prototype.handleBasketSync = function () {
+            var _this = this;
+            this.listenToMiam(function (miamBasket) {
+                // Comparison should be initialized when first Miam basket is received, based on existing Retailer basket
+                if (!_this.comparator) {
+                    var existingRetailerBasket = _this.basketWrapper.getBasketProducts();
+                    _this.comparator = new BasketsComparator(_this.basketWrapper, existingRetailerBasket, miamBasket);
+                    // We listen to Retailer basket updates only after the first basket is received from Miam
+                    _this.listenToRetailer(_this.retailerBasketChangeCallBack.bind(_this));
+                    return;
+                }
+                if (_this.comparator.isProcessingRetailerEvent) {
+                    console.debug('skipping retailer is processing');
+                    return;
+                }
+                // When comparison is already initialized, we just update it
+                _this.comparator.updateReceivedFromMiam(miamBasket);
+            });
+        };
+        /**
+         * Callback to be called after each basket change on retailer's side
+         * @param retailerBasket basket of the retailer (format : {id: string, quantity: number })
+         */
+        BasketHandler.prototype.retailerBasketChangeCallBack = function (retailerBasket) {
+            this.comparator.updateReceivedFromRetailer(retailerBasket);
+        };
+        return BasketHandler;
+    }());
+
+    var BasketWrapper = /** @class */ (function () {
+        function BasketWrapper() {
+        }
+        /**
+         * @returns true if payment occured
+         */
+        BasketWrapper.prototype.hasPayment = function () {
+            throw new Error('You must implement \'hasPayment\' for this retailer');
+        };
+        /**
+         * @returns payment total when a payment occured
+         */
+        BasketWrapper.prototype.paymentTotal = function () {
+            throw new Error('You must implement \'paymentTotal\' for this retailer');
+        };
+        /**
+         *  Here we listen to Retailer basket change and then call the given
+         *  @param basketChangedCallBack  implemented in basket handler
+         */
+        // eslint-disable-next-line no-unused-vars
+        BasketWrapper.prototype.listenToRetailerBasket = function (basketChangedCallBack) {
+            throw new Error('You must implement \'lisentToRetailerBasket\' for this retailer');
+        };
+        /**
+         * @return a list of articles in retailer's basket in RETAILER format
+         */
+        BasketWrapper.prototype.getBasketProducts = function () {
+            throw new Error('You must implement \'getBasketProducts\' for this retailer');
+        };
+        /**
+         * This call retailer function for adding programaticaly product to cart
+         * @param retailerProducts format use by retailer to add product in his cart
+         */
+        // eslint-disable-next-line no-unused-vars
+        BasketWrapper.prototype.pushProductsToBasket = function (retailerProducts) {
+            throw new Error('You must implement \'pushProductsToBasket\' for this retailer');
+        };
+        /**
+         * transform object to needed format to push on retailer basket
+         * @param injectEntry in miam format ({id: string, quantity: number})
+         * @returns product to retailer format
+         */
+        // eslint-disable-next-line no-unused-vars
+        BasketWrapper.prototype.mapComparableProductToProduct = function (comparableProduct) {
+            throw new Error('You must implement \'mapComparableProductToProduct\' for this retailer');
+        };
+        return BasketWrapper;
+    }());
+
     var PointOfSale = /** @class */ (function (_super) {
         __extends(PointOfSale, _super);
         function PointOfSale() {
@@ -694,39 +1301,68 @@
             _this.analyticsService = analyticsService;
             _this.resource = GroceriesList;
             _this.type = 'groceries-lists';
-            _this.list$ = new rxjs.BehaviorSubject(null);
             // Unused in sdk at the moment but any client app can subscribe on it to know when a recipe has been added
             _this.recipeWasAdded$ = new rxjs.BehaviorSubject([]);
             // Unused in sdk at the moment but any client app can subscribe on it to know when a recipe has been added
             _this.recipeWasDeleted$ = new rxjs.BehaviorSubject([]);
+            // Singleton instance of GroceriesList
+            _this._list$ = new rxjs.BehaviorSubject(null);
             _this.saveOperationType = '';
+            // Observe the fetching of the recipe so calls to list$ are delayed instead of calling refreshCurrentList dozens of times
+            _this.listIsFetching = false;
             _this.register();
-            _this.refreshCurrentList();
             return _this;
         }
+        Object.defineProperty(GroceriesListsService.prototype, "list$", {
+            /**
+             * We want list$ to be a singleton that always returns the same list, so it is fetched only when necessary.
+             * At any point in time the list can be fetched via the refreshCurrentList function (if we want to fetch it on startup to save time later)
+             * But if refreshCurrentList is not called, the list will only be fetched the 1st time it is needed
+             */
+            get: function () {
+                if (this._list$.value || this.listIsFetching) {
+                    return this._list$;
+                }
+                return this.refreshCurrentList();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        GroceriesListsService.prototype.takeFirstList = function () {
+            return this.list$.pipe(operators.skipWhile(function (l) { return !l; }), operators.take(1));
+        };
+        // Check if recipe with id = recipeId is in the GroceriesList
+        GroceriesListsService.prototype.recipeIsInList = function (recipeId) {
+            return this._list$.pipe(operators.skipWhile(function (l) { return !l; }), operators.take(1), operators.map(function (list) { return (list.hasRecipe(recipeId)); }));
+        };
+        GroceriesListsService.prototype.guestsForRecipe = function (recipe) {
+            var _a;
+            return (_a = this._list$.value) === null || _a === void 0 ? void 0 : _a.guestsForRecipe(recipe);
+        };
         GroceriesListsService.prototype.refreshCurrentList = function () {
             var _this = this;
             console.log('[Miam] refreshing gl');
+            this.listIsFetching = true;
             var cachedListId = localStorage.getItem('_miam/listId');
             // adding this uuid will force request to be sent even if one is still in process
             // think about making a queue to process request in order
-            var base_route = 'current?uniq_token=' + uuid.v4();
-            var endpoint = (cachedListId === null || cachedListId === void 0 ? void 0 : cachedListId.toString().match(/^[0-9]+$/)) ? base_route + '&merge_with=' + cachedListId : base_route;
+            var baseRoute = 'current?uniq_token=' + uuid.v4();
+            var endpoint = (cachedListId === null || cachedListId === void 0 ? void 0 : cachedListId.toString().match(/^[0-9]+$/)) ? baseRoute + '&merge_with=' + cachedListId : baseRoute;
             // alway keep only the last subscription, that will make forget the last calls
             if (this.currentSubscription) {
                 this.currentSubscription.unsubscribe();
             }
             this.currentSubscription = this.get(endpoint).pipe(operators.skipWhile(function (l) { return l.is_loading; }), operators.tap(function (l) { return _this.assignList(l); })).subscribe();
-            return this.list$;
+            return this._list$;
         };
         GroceriesListsService.prototype.resetList = function () {
             var _this = this;
             return this.get('reset').pipe(operators.skipWhile(function (l) { return l.is_loading; }), operators.tap(function (l) { return _this.assignList(l); }));
         };
         GroceriesListsService.prototype.appendRecipeToList = function (recipeId, guests, origin, openBasket) {
+            var _this = this;
             if (openBasket === void 0) { openBasket = false; }
-            var list = this.list$.value;
-            if (list) {
+            return this.takeFirstList().pipe(operators.switchMap(function (list) {
                 if (!list.hasRecipe(recipeId)) {
                     // append to list
                     list.attributes['append-recipes'] = true;
@@ -735,68 +1371,73 @@
                         Object.assign(info, { guests: guests });
                     }
                     list.attributes['recipes-infos'] = [info];
-                    this.saveOperationType = 'ADD';
-                    this.analyticsService.sendEvent('add-recipe', origin);
+                    _this.saveOperationType = 'ADD';
+                    _this.analyticsService.sendEvent('add-recipe', origin);
                 }
                 else if (guests) {
                     // update guests number
                     var info = list.recipeInfos.find(function (i) { return i.id === recipeId; });
                     if (info.guests.toString() === guests.toString()) {
                         // Avoid saving the list if nothing changed
-                        return this.list$;
+                        return _this._list$;
                     }
                     info.guests = guests.toString();
                 }
-                return this.saveList(list, openBasket);
-            }
-            return rxjs.of(null);
+                return _this.saveList(list, openBasket);
+            }));
         };
         GroceriesListsService.prototype.removeRecipeFromList = function (recipeId) {
-            var list = this.list$.value;
-            if (list.attributes['recipes-infos']) {
-                list.attributes['recipes-infos'] = list.attributes['recipes-infos'].filter(function (info) {
-                    return info.id !== recipeId;
-                });
-                this.analyticsService.sendEvent('remove-recipe');
-                this.saveOperationType = 'REMOVE';
-                return this.saveList(list);
-            }
-            return rxjs.of(null);
+            var _this = this;
+            return this.takeFirstList().pipe(operators.switchMap(function (list) {
+                if (list.attributes['recipes-infos']) {
+                    list.attributes['recipes-infos'] = list.attributes['recipes-infos'].filter(function (info) {
+                        return info.id !== recipeId;
+                    });
+                    _this.analyticsService.sendEvent('remove-recipe');
+                    _this.saveOperationType = 'REMOVE';
+                    return _this.saveList(list);
+                }
+                return rxjs.of(null);
+            }));
         };
         GroceriesListsService.prototype.updateRecipeGuests = function (recipeId, guests) {
-            var list = this.list$.value;
-            if (list.attributes['recipes-infos']) {
-                var recipeInfo = list.attributes['recipes-infos'].find(function (info) {
-                    return info.id === recipeId;
-                });
-                recipeInfo.guests = guests;
-                this.analyticsService.sendEvent('change-guests');
-                this.saveOperationType = 'GUESTS';
-                this.saveList(list).subscribe();
-            }
-            return this.list$;
+            var _this = this;
+            return this.takeFirstList().pipe(operators.switchMap(function (list) {
+                if (list.attributes['recipes-infos']) {
+                    var recipeInfo = list.attributes['recipes-infos'].find(function (info) {
+                        return info.id === recipeId;
+                    });
+                    recipeInfo.guests = guests;
+                    _this.analyticsService.sendEvent('change-guests');
+                    _this.saveOperationType = 'GUESTS';
+                    return _this.saveList(list);
+                }
+                return _this._list$;
+            }));
         };
         GroceriesListsService.prototype.removeRecipesFromList = function () {
-            var list = this.list$.value;
-            list.attributes['recipes-infos'] = [];
-            this.analyticsService.sendEvent('remove-all-recipes');
-            this.saveOperationType = 'REMOVE';
-            this.saveList(list).subscribe();
-            return this.list$;
+            var _this = this;
+            return this.takeFirstList().pipe(operators.switchMap(function (list) {
+                list.attributes['recipes-infos'] = [];
+                _this.analyticsService.sendEvent('remove-all-recipes');
+                _this.saveOperationType = 'REMOVE';
+                return _this.saveList(list);
+            }));
         };
         GroceriesListsService.prototype.addEntriesFromPicture = function (file, include) {
             var _this = this;
             if (include === void 0) { include = []; }
-            var list = this.list$.value;
-            var url = [environment.miamAPI, 'api/v1/groceries-lists', list.id, 'add_entries_from_picture'].join('/');
-            var formData = new FormData();
-            formData.append('picture', file);
-            formData.append('include', include.join(','));
-            return this.http.patch(url, formData).pipe(operators.map(function (response) {
-                var l = _this.new();
-                l.fill(response);
-                _this.list$.next(l);
-                return l;
+            return this.takeFirstList().pipe(operators.switchMap(function (list) {
+                var url = [environment.miamAPI, 'api/v1/groceries-lists', list.id, 'add_entries_from_picture'].join('/');
+                var formData = new FormData();
+                formData.append('picture', file);
+                formData.append('include', include.join(','));
+                return _this.http.patch(url, formData).pipe(operators.map(function (response) {
+                    var l = _this.new();
+                    l.fill(response);
+                    _this._list$.next(l);
+                    return l;
+                }));
             }));
         };
         GroceriesListsService.prototype.saveList = function (list, openBasket) {
@@ -804,7 +1445,7 @@
             if (openBasket === void 0) { openBasket = false; }
             delete (list.attributes['recipes-ids']);
             return list.save().pipe(operators.skipWhile(function (l) { return l.is_loading; }), operators.tap(function () {
-                _this.list$.next(list);
+                _this._list$.next(list);
                 if (_this.saveOperationType === 'ADD') {
                     _this.recipeWasAdded$.next(list.recipeInfos);
                 }
@@ -815,7 +1456,7 @@
                 if (openBasket) {
                     window.open(_this.miamBasketURL + "/" + list.id, '_blank');
                 }
-            }));
+            }), operators.map(function (l) { return l.data; }));
         };
         GroceriesListsService.prototype.assignList = function (l) {
             // When a CORS error happens the response is a GL with an id equal to the request URL
@@ -827,7 +1468,8 @@
                 else {
                     localStorage.setItem('_miam/listId', l.id);
                 }
-                this.list$.next(l);
+                this._list$.next(l);
+                this.listIsFetching = false;
             }
         };
         return GroceriesListsService;
@@ -2483,15 +3125,16 @@
         }
         RecipesService.prototype.loadRecipes = function () {
             var _this = this;
-            var list = this.listsService.list$.value;
-            if (!list) {
-                return rxjs.of(null);
-            }
-            else if (list.attributes['recipes-infos'].length === 0) {
-                return rxjs.of([]);
-            }
-            return rxjs.forkJoin(list.attributes['recipes-infos'].map(function (info) {
-                return _this.getOrFetch(info.id).pipe(operators.skipWhile(function (r) { return r.is_loading; }), operators.tap(function (r) { return r.modifiedGuests = info.guests; }));
+            return this.listsService.takeFirstList().pipe(operators.switchMap(function (list) {
+                if (!list) {
+                    return rxjs.of(null);
+                }
+                else if (list.attributes['recipes-infos'].length === 0) {
+                    return rxjs.of([]);
+                }
+                return rxjs.forkJoin(list.attributes['recipes-infos'].map(function (info) {
+                    return _this.getOrFetch(info.id).pipe(operators.skipWhile(function (r) { return r.is_loading; }), operators.tap(function (r) { return r.modifiedGuests = info.guests; }));
+                }));
             }));
         };
         // TODO: REMOVE UNUSED
@@ -2665,15 +3308,46 @@
             _this.analyticsService = analyticsService;
             _this.resource = Basket;
             _this.type = 'baskets';
-            _this.basket$ = new rxjs.BehaviorSubject(null);
-            _this.basketPreview$ = new rxjs.BehaviorSubject(null);
+            _this._basket$ = new rxjs.BehaviorSubject(null);
+            _this._basketPreview$ = new rxjs.BehaviorSubject(null);
             _this.basketStats$ = new rxjs.BehaviorSubject({ totalPrice: 0, recipesCount: 0, entriesCount: 0 });
+            _this.basketIsFetching = false;
+            _this.basketPreviewIsCalculating = false;
             _this._entries$ = new rxjs.BehaviorSubject([]);
             _this.register();
-            _this.loadBasket().subscribe();
-            _this.loadPreview();
             return _this;
         }
+        Object.defineProperty(BasketsService.prototype, "basket$", {
+            /**
+             * We want basket$ to be a singleton that always returns the same basket, so it is fetched only when necessary.
+             * At any point in time the basket can be fetched via the initBasket function (if we want to fetch it on startup to save time later)
+             * But if initBasket is not called, the basket will only be fetched the 1st time it is needed.
+             */
+            get: function () {
+                if (!this._basket$.value && !this.basketIsFetching) {
+                    this.basketIsFetching = true;
+                    this.initBasket();
+                }
+                return this._basket$;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BasketsService.prototype, "basketPreview$", {
+            /**
+             * basketPreview$ should also be a singleton, and as well as basket$ it will be calculated for the first time only when necessary
+             * or if loadPreview is called before
+             */
+            get: function () {
+                if (!this._basketPreview$.value && !this.basketPreviewIsCalculating) {
+                    this.basketPreviewIsCalculating = true;
+                    this.initBasket();
+                }
+                return this._basketPreview$;
+            },
+            enumerable: false,
+            configurable: true
+        });
         // Fetch related baskets, filtering on a point of sale
         BasketsService.prototype.fetchForListAndPos = function (listId, posId) {
             var _this = this;
@@ -2688,9 +3362,12 @@
                 return baskets.data[0];
             }));
         };
-        BasketsService.prototype.loadBasket = function () {
-            var _this = this;
-            return rxjs.combineLatest([this.listsService.list$, this.posService.pos$]).pipe(operators.skipWhile(function (results) { return !results[0] || !results[1]; }), operators.switchMap(function (results) { return _this.fetchForListAndPos(results[0].id, results[1].id); }), operators.tap(function (basket) { return _this.basket$.next(basket); }));
+        BasketsService.prototype.initBasket = function () {
+            this.loadBasket().subscribe();
+            this.loadPreview().subscribe();
+        };
+        BasketsService.prototype.reloadBasket = function () {
+            return this.loadBasket().pipe(operators.take(1));
         };
         // Set basket as confirmed, and returns only once the new current list is returned
         BasketsService.prototype.confirmBasket = function () {
@@ -2709,10 +3386,10 @@
                     _this.analyticsService.sendEvent('push-basket', null, (total * 100));
                 }
                 // set basket as undefined as it because inconsistent while we reset the list. then wait for new one
-                _this.basket$.next(undefined);
+                _this._basket$.next(undefined);
                 return _this.listsService.resetList();
             }), operators.switchMap(function () {
-                return _this.basket$;
+                return _this._basket$;
             }), operators.skipWhile(function (b) { return !b; }), operators.map(function () { return confirmedBasket; }));
         };
         BasketsService.prototype.basketEntries = function () {
@@ -2747,18 +3424,26 @@
             });
             return rxjs.forkJoin(saveObservables).pipe(operators.switchMap(function () { return _this.listsService.refreshCurrentList(); }), operators.take(1));
         };
+        BasketsService.prototype.loadBasket = function () {
+            var _this = this;
+            return rxjs.combineLatest([this.listsService.list$, this.posService.pos$]).pipe(operators.skipWhile(function (results) { return !results[0] || !results[1]; }), operators.switchMap(function (results) { return _this.fetchForListAndPos(results[0].id, results[1].id); }), operators.tap(function (basket) {
+                _this._basket$.next(basket);
+                _this.basketIsFetching = false;
+            }));
+        };
         BasketsService.prototype.loadPreview = function () {
             var _this = this;
-            this.basket$.pipe(operators.skipWhile(function (b) { return !b; }), operators.switchMap(function () { return _this.recipesService.loadRecipes(); }), operators.switchMap(function (recipes) {
-                var basket = _this.basket$.value;
+            return this.basket$.pipe(operators.skipWhile(function (b) { return !b; }), operators.switchMap(function () { return _this.recipesService.loadRecipes(); }), operators.switchMap(function (recipes) {
+                var basket = _this._basket$.value;
                 return _this.fetchBasketEntries(basket).pipe(operators.map(function (entries) {
                     var lineEntries = _this.groupBasketEntries(recipes, entries);
                     var lines = _this.recipesAndLineEntriesToBasketPreviewLine(recipes, lineEntries);
-                    _this.basketPreview$.next(lines);
+                    _this._basketPreview$.next(lines);
+                    _this.basketPreviewIsCalculating = false;
                     _this.basketStats$.next(_this.buildStats(lines));
+                    return lines;
                 }));
-            })).subscribe();
-            return this.basketPreview$;
+            }));
         };
         BasketsService.prototype.fetchBasketEntries = function (basket) {
             var _this = this;
@@ -3443,39 +4128,68 @@
             this.displayIngredientPicturesOnRecipeCards = false;
             this.defaultIngredientPicture = 'https://storage.googleapis.com/assets.miam.tech/generic/images/default-ingredient-picture.svg';
             this.isSmallScreen$ = new rxjs.BehaviorSubject(false);
+            this.basketWrapper = new BasketWrapper();
             this.miam = {
-                user: {
-                    setToken: function (token, forbidProfiling) {
-                        if (forbidProfiling === void 0) { forbidProfiling = false; }
-                        localStorage.setItem('_miam/userToken', token);
-                        localStorage.removeItem('_miam/userId');
-                        _this.userService.toggleIsLogged(true);
-                        _this.listsService.refreshCurrentList();
-                        return _this.userService.setUserInfo(forbidProfiling);
+                analytics: {
+                    init: function (gaKey, optimizeKey) {
+                        if (optimizeKey === void 0) { optimizeKey = null; }
+                        return _this.analyticsService.init(gaKey, optimizeKey);
                     },
-                    loadWithExtId: function (id, forbidProfiling) {
-                        if (forbidProfiling === void 0) { forbidProfiling = false; }
-                        localStorage.setItem('_miam/userId', id);
-                        localStorage.removeItem('_miam/userToken');
-                        _this.userService.toggleIsLogged(true);
-                        _this.listsService.refreshCurrentList();
-                        return _this.userService.setUserInfo(forbidProfiling);
+                    setAbTestKey: function (key) {
+                        _this.analyticsService.abTestkey = key;
+                    }
+                },
+                basket: {
+                    stats$: this.basketsService.basketStats$,
+                    entries$: this.basketsService.activeBasketEntries(),
+                    confirm: function () { return _this.basketsService.confirmBasket(); },
+                    paid: function (price) {
+                        if (price === void 0) { price = 0; }
+                        console.log('[Miam] send payment analytics event');
+                        _this.analyticsService.sendEvent('pay-basket', null, price);
                     },
-                    reset: function () {
-                        localStorage.removeItem('_miam/userToken');
-                        localStorage.removeItem('_miam/userId');
-                        _this.userService.toggleIsLogged(false);
-                        console.log('[Miam] will refresh list after reset');
-                        _this.listsService.refreshCurrentList();
-                        _this.userService.resetUserInfo();
+                    removeEntries: function (entries) { return _this.basketsService.removeBasketEntries(entries); },
+                    initBasketSynchro: function () {
+                        _this.basketHandler = new BasketHandler(_this.basketWrapper);
+                        _this.basketHandler.initBasketProcess();
+                    }
+                },
+                basketMapper: {
+                    hasPayment: function (callback) { return _this.basketWrapper.hasPayment = callback; },
+                    paymentTotal: function (callback) { return _this.basketWrapper.paymentTotal = callback; },
+                    listenToRetailerBasket: function (callback) {
+                        _this.basketWrapper.listenToRetailerBasket = callback;
                     },
-                    device: this.mediaMatcher,
-                    isSmallScreen$: this.isSmallScreen$.asObservable()
+                    getBasketProducts: function (callback) { return _this.basketWrapper.getBasketProducts = callback; },
+                    pushProductsToBasket: function (callback) { return _this.basketWrapper.pushProductsToBasket = callback; },
+                    mapComparableProductToProduct: function (callback) {
+                        _this.basketWrapper.mapComparableProductToProduct = callback;
+                    },
+                },
+                features: {
+                    enableVideoRecipes: function () {
+                        _this.videoRecipesEnabled = true;
+                        // Inject youtube script
+                        var tag = document.createElement('script');
+                        tag.src = 'https://www.youtube.com/iframe_api';
+                        document.body.appendChild(tag);
+                    },
+                    enableArticlesInCatalog: function () {
+                        _this.articlesInCatalogEnabled = true;
+                    },
+                    enableUserPreferences: function () {
+                        _this.userService.preferencesActivated$.next(true);
+                    }
+                },
+                hook: {
+                    setHookCallback: function (callback) {
+                        _this.hookCallback = callback;
+                    }
                 },
                 list: {
                     reset: function () { return _this.listsService.resetList().subscribe(); },
                     addRecipe: function (recipeId, guests) { return _this.listsService.appendRecipeToList(recipeId, guests, 'client'); },
-                    hasRecipe: function (recipeId) { return _this.listsService.list$.pipe(operators.map(function (list) { return list.hasRecipe(recipeId); })); }
+                    hasRecipe: function (recipeId) { return _this.listsService.recipeIsInList(recipeId); }
                 },
                 pos: {
                     load: function (posId) {
@@ -3486,30 +4200,7 @@
                     },
                     pos$: this.posService.pos$
                 },
-                supplier: {
-                    load: function (supplierId) {
-                        _this.suppliersService.loadSupplier(supplierId.toString());
-                    },
-                    notifyBasketUpdated: function (basketToken, status, price) {
-                        if (price === void 0) { price = null; }
-                        _this.suppliersService.notifyBasketUpdated(basketToken, status, price).subscribe();
-                    }
-                },
-                basket: {
-                    stats$: this.basketsService.basketStats$,
-                    entries$: this.basketsService.activeBasketEntries(),
-                    confirm: function () { return _this.basketsService.confirmBasket(); },
-                    paid: function (price) {
-                        if (price === void 0) { price = 0; }
-                        console.log('[Miam] send payment analytics event');
-                        _this.analyticsService.sendEvent('pay-basket', null, price);
-                    },
-                    removeEntries: function (entries) { return _this.basketsService.removeBasketEntries(entries); }
-                },
                 recipes: {
-                    provider: {
-                        load: function (id) { return _this.recipesProvidersService.loadCachedProvider(id); }
-                    },
                     display: function (id, previewAllowed, previewMode) {
                         if (previewAllowed === void 0) { previewAllowed = true; }
                         if (previewMode === void 0) { previewMode = false; }
@@ -3519,46 +4210,52 @@
                     search: function (provider, query) {
                         return _this.recipesService.all({ remotefilter: { recipe_provider_id: provider, search: query } }).pipe(operators.skipWhile(function (result) { return !result; }), operators.map(function (response) { return response['data']; }));
                     },
-                    setDefaultIngredientPicture: function (url) {
-                        _this.defaultIngredientPicture = url;
-                    },
                     shouldDisplayIngredientPicturesOnRecipeCards: function (should) {
                         _this.displayIngredientPicturesOnRecipeCards = should;
                     },
+                    setDefaultIngredientPicture: function (url) {
+                        _this.defaultIngredientPicture = url;
+                    },
                     setSuggestionsPrimaryButtonActions: function (display, addToBasket) {
                         if (display === void 0) { display = true; }
                         if (addToBasket === void 0) { addToBasket = true; }
                         _this.recipesService.suggestionsPrimaryButtonActions = { display: display, addToBasket: addToBasket };
                     }
                 },
-                analytics: {
-                    init: function (gaKey, optimizeKey) {
-                        if (optimizeKey === void 0) { optimizeKey = null; }
-                        return _this.analyticsService.init(gaKey, optimizeKey);
+                supplier: {
+                    load: function (supplierId) {
+                        _this.suppliersService.loadSupplier(supplierId.toString());
                     },
-                    setAbTestKey: function (key) {
-                        _this.analyticsService.abTestkey = key;
-                    }
-                },
-                hook: {
-                    setHookCallback: function (callback) {
-                        _this.hookCallback = callback;
+                    notifyBasketUpdated: function (basketToken, status, price) {
+                        if (price === void 0) { price = null; }
+                        _this.suppliersService.notifyBasketUpdated(basketToken, status, price).subscribe();
                     }
                 },
-                features: {
-                    enableVideoRecipes: function () {
-                        _this.videoRecipesEnabled = true;
-                        // Inject youtube script
-                        var tag = document.createElement('script');
-                        tag.src = 'https://www.youtube.com/iframe_api';
-                        document.body.appendChild(tag);
+                user: {
+                    setToken: function (token, forbidProfiling, initBasket) {
+                        if (forbidProfiling === void 0) { forbidProfiling = false; }
+                        if (initBasket === void 0) { initBasket = false; }
+                        localStorage.setItem('_miam/userToken', token);
+                        localStorage.removeItem('_miam/userId');
+                        return _this.logUser(forbidProfiling, initBasket);
                     },
-                    enableArticlesInCatalog: function () {
-                        _this.articlesInCatalogEnabled = true;
+                    loadWithExtId: function (id, forbidProfiling, initBasket) {
+                        if (forbidProfiling === void 0) { forbidProfiling = false; }
+                        if (initBasket === void 0) { initBasket = false; }
+                        localStorage.setItem('_miam/userId', id);
+                        localStorage.removeItem('_miam/userToken');
+                        return _this.logUser(forbidProfiling, initBasket);
                     },
-                    enableUserPreferences: function () {
-                        _this.userService.preferencesActivated$.next(true);
-                    }
+                    reset: function () {
+                        localStorage.removeItem('_miam/userToken');
+                        localStorage.removeItem('_miam/userId');
+                        _this.userService.toggleIsLogged(false);
+                        console.log('[Miam] will refresh list after reset');
+                        _this.listsService.refreshCurrentList();
+                        _this.userService.resetUserInfo();
+                    },
+                    device: this.mediaMatcher,
+                    isSmallScreen$: this.isSmallScreen$.asObservable()
                 },
                 /**
                  * Override two times 'll not be considered
@@ -3576,8 +4273,8 @@
                     _this.icons.push({ icon: icon, url: url });
                 }
             };
-            this.isSmallScreen$.next(this.mediaMatcher.matchMedia(SMALL_SCREEN_BP).matches);
-            this.breakpointObserver.observe(SMALL_SCREEN_BP).subscribe(function (BPChange) { return _this.isSmallScreen$.next(BPChange.matches); });
+            this.isSmallScreen$.next(!this.mediaMatcher.matchMedia(SMALL_SCREEN_BP).matches);
+            this.breakpointObserver.observe(SMALL_SCREEN_BP).subscribe(function (BPChange) { return _this.isSmallScreen$.next(!BPChange.matches); });
             this.icons = [];
             this.CORSIssues = new rxjs.BehaviorSubject(false);
             Object.assign(window, { miam: this.miam });
@@ -3592,6 +4289,14 @@
             var findicon = this.icons.find(function (el) { return el.icon.toString() === exports.Icon[icon]; });
             return findicon ? findicon.url : '';
         };
+        ContextService.prototype.logUser = function (forbidProfiling, initBasket) {
+            this.userService.toggleIsLogged(true);
+            // if initBasket is set to false, the basket & list will not be initialised until the first time they are needed
+            if (initBasket) {
+                this.basketsService.initBasket(); // The basket needs the GL so both will be initialized here
+            }
+            return this.userService.setUserInfo(forbidProfiling);
+        };
         return ContextService;
     }());
     ContextService.ɵfac = function ContextService_Factory(t) { return new (t || ContextService)(i0.ɵɵinject(PointOfSalesService), i0.ɵɵinject(GroceriesListsService), i0.ɵɵinject(BasketsService), i0.ɵɵinject(UserService), i0.ɵɵinject(RecipeProviderService), i0.ɵɵinject(AnalyticsService), i0.ɵɵinject(RecipesService), i0.ɵɵinject(i1$2.MediaMatcher), i0.ɵɵinject(SuppliersService), i0.ɵɵinject(i1$2.BreakpointObserver)); };
@@ -6768,9 +7473,10 @@
         }
     }
     var RecipePricingComponent = /** @class */ (function () {
-        function RecipePricingComponent(recipesService, posService, cdr, basketsService) {
+        function RecipePricingComponent(recipesService, posService, list, cdr, basketsService) {
             this.recipesService = recipesService;
             this.posService = posService;
+            this.list = list;
             this.cdr = cdr;
             this.basketsService = basketsService;
             this.loading = true;
@@ -6780,16 +7486,19 @@
             this.subscriptions.push(this.initPricing().subscribe());
         };
         RecipePricingComponent.prototype.ngOnChanges = function (changes) {
+            var _this = this;
             // If the recipe is in basket, we ignore the change => pricing will be updated when the new basket preview is ready
             // After the shallow copy with events of the recipe, ngOnChanges is called again because the recipe object is different
             // So if changes contains only a recipe and no serves, we also avoid re-fetching
-            if (!this.isRecipeInBasket() && changes.serves) {
-                this.loading = true;
-                if (this.onChangesSubscription) {
-                    this.onChangesSubscription.unsubscribe();
+            this.list.recipeIsInList(this.recipe.id).subscribe(function (recipeIsInList) {
+                if (!recipeIsInList && changes.serves) {
+                    _this.loading = true;
+                    if (_this.onChangesSubscription) {
+                        _this.onChangesSubscription.unsubscribe();
+                    }
+                    _this.onChangesSubscription = _this.fetchPricing().subscribe();
                 }
-                this.onChangesSubscription = this.fetchPricing().subscribe();
-            }
+            });
         };
         RecipePricingComponent.prototype.ngOnDestroy = function () {
             this.subscriptions.forEach(function (s) { return s.unsubscribe(); });
@@ -6797,11 +7506,6 @@
                 this.onChangesSubscription.unsubscribe();
             }
         };
-        RecipePricingComponent.prototype.isRecipeInBasket = function () {
-            var _this = this;
-            var _a;
-            return !!((_a = this.basketsService.basketPreview$.value) === null || _a === void 0 ? void 0 : _a.find(function (l) { var _a, _b, _c; return l.isRecipe && ((_a = l.id) === null || _a === void 0 ? void 0 : _a.toString()) === ((_c = (_b = _this.recipe) === null || _b === void 0 ? void 0 : _b.id) === null || _c === void 0 ? void 0 : _c.toString()); }));
-        };
         // Will execute every time the pos is changed or the basket preview is recalculated
         RecipePricingComponent.prototype.initPricing = function () {
             var _this = this;
@@ -6853,7 +7557,7 @@
         };
         return RecipePricingComponent;
     }());
-    RecipePricingComponent.ɵfac = function RecipePricingComponent_Factory(t) { return new (t || RecipePricingComponent)(i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(PointOfSalesService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(BasketsService)); };
+    RecipePricingComponent.ɵfac = function RecipePricingComponent_Factory(t) { return new (t || RecipePricingComponent)(i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(PointOfSalesService), i0.ɵɵdirectiveInject(GroceriesListsService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(BasketsService)); };
     RecipePricingComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipePricingComponent, selectors: [["ng-miam-recipe-pricing"]], inputs: { recipe: "recipe", serves: "serves" }, features: [i0.ɵɵNgOnChangesFeature], decls: 2, vars: 1, consts: [[1, "miam-recipe-pricing"], ["class", "miam-recipe-pricing__wrapper", 4, "ngIf"], [1, "miam-recipe-pricing__wrapper"], [1, "miam-recipe-pricing__wrapper__price"], [1, "miam-recipe-pricing__wrapper__subline"]], template: function RecipePricingComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "div", 0);
@@ -6875,7 +7579,7 @@
                         encapsulation: i0.ViewEncapsulation.None,
                         changeDetection: i0.ChangeDetectionStrategy.OnPush
                     }]
-            }], function () { return [{ type: RecipesService }, { type: PointOfSalesService }, { type: i0.ChangeDetectorRef }, { type: BasketsService }]; }, { recipe: [{
+            }], function () { return [{ type: RecipesService }, { type: PointOfSalesService }, { type: GroceriesListsService }, { type: i0.ChangeDetectorRef }, { type: BasketsService }]; }, { recipe: [{
                     type: i0.Input
                 }], serves: [{
                     type: i0.Input
@@ -7829,36 +8533,17 @@
             }], null, null);
     })();
 
-    function LoaderComponent_div_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 2);
-            i0.ɵɵelement(1, "div", 3);
-            i0.ɵɵelementEnd();
-        }
-    }
-    function LoaderComponent_div_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelement(0, "div", 3);
-        }
-    }
     var LoaderComponent = /** @class */ (function () {
         function LoaderComponent() {
-            this.wide = false;
         }
         return LoaderComponent;
     }());
     LoaderComponent.ɵfac = function LoaderComponent_Factory(t) { return new (t || LoaderComponent)(); };
-    LoaderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: LoaderComponent, selectors: [["ng-miam-loader"]], inputs: { wide: "wide" }, decls: 2, vars: 2, consts: [["class", "wide-container", 4, "ngIf"], ["class", "loader", 4, "ngIf"], [1, "wide-container"], [1, "loader"]], template: function LoaderComponent_Template(rf, ctx) {
+    LoaderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: LoaderComponent, selectors: [["ng-miam-loader"]], decls: 1, vars: 0, consts: [[1, "loader"]], template: function LoaderComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, LoaderComponent_div_0_Template, 2, 0, "div", 0);
-                i0.ɵɵtemplate(1, LoaderComponent_div_1_Template, 1, 0, "div", 1);
-            }
-            if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.wide);
-                i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", !ctx.wide);
+                i0.ɵɵelement(0, "div", 0);
             }
-        }, directives: [i8.NgIf], styles: [".loader{-webkit-animation:spin .5s linear infinite;animation:spin .5s linear infinite;border:var(--m-loader-thickness) solid var(--m-color-grey);border-radius:var(--m-border-radius-circle);border-top:var(--m-loader-thickness) solid var(--m-color-ternary);height:var(--m-loader-size);width:var(--m-loader-size)}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}"], encapsulation: 2 });
+        }, styles: [".loader{-webkit-animation:spin .5s linear infinite;animation:spin .5s linear infinite;border:var(--m-loader-thickness) solid var(--m-color-grey);border-radius:var(--m-border-radius-circle);border-top:var(--m-loader-thickness) solid var(--m-color-ternary);height:var(--m-loader-size);width:var(--m-loader-size)}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}"], encapsulation: 2 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(LoaderComponent, [{
                 type: i0.Component,
@@ -7868,9 +8553,7 @@
                         encapsulation: i0.ViewEncapsulation.None,
                         styleUrls: ['./loader.component.scss']
                     }]
-            }], function () { return []; }, { wide: [{
-                    type: i0.Input
-                }] });
+            }], function () { return []; }, null);
     })();
 
     var LoaderModule = /** @class */ (function () {
@@ -8404,7 +9087,7 @@
             this.line.record.attributes.quantity = count;
             this.line.record.updateTotalPrice();
             this.analyticsService.sendEvent('change-item-quantity');
-            this.subscriptions.push(this.line.record.save().pipe(operators.switchMap(function () { return _this.basketsService.loadBasket(); }), operators.take(1)).subscribe());
+            this.subscriptions.push(this.line.record.save().pipe(operators.switchMap(function () { return _this.basketsService.reloadBasket(); })).subscribe());
         };
         BasketPreviewLineComponent.prototype.toggleExpanded = function (event) {
             if (!this.line.hasEntries() ||
@@ -8429,7 +9112,7 @@
             // Remove related groceries entry (update status to "deleted") and reload list
             var gEntry = entry.relationships['groceries-entry'].data;
             gEntry.attributes.status = 'deleted';
-            this.subscriptions.push(gEntry.save().pipe(operators.switchMap(function () { return _this.basketsService.loadBasket(); }), operators.take(1)).subscribe());
+            this.subscriptions.push(gEntry.save().pipe(operators.switchMap(function () { return _this.basketsService.reloadBasket(); })).subscribe());
         };
         BasketPreviewLineComponent.prototype.changeProduct = function (line) {
             var _a;
@@ -8466,7 +9149,7 @@
             var _this = this;
             var gEntry = entry.relationships['groceries-entry'].data;
             gEntry.attributes.status = 'active';
-            this.subscriptions.push(gEntry.save().pipe(operators.switchMap(function () { return _this.basketsService.loadBasket(); }), operators.take(1)).subscribe());
+            this.subscriptions.push(gEntry.save().pipe(operators.switchMap(function () { return _this.basketsService.reloadBasket(); })).subscribe());
         };
         BasketPreviewLineComponent.prototype.trackByItemId = function (index, line) {
             return line ? line.record['selected-item-id'] + '-' + line.record.attributes.quantity : null;
@@ -8702,7 +9385,7 @@
             var _this = this;
             this.line.record.selectItem(item.id);
             this.analyticsService.sendEvent('replace-item');
-            this.line.record.save().pipe(operators.switchMap(function () { return _this.basketsService.loadBasket(); }), operators.take(1)).subscribe();
+            this.line.record.save().pipe(operators.switchMap(function () { return _this.basketsService.reloadBasket(); })).subscribe();
             this.selected.emit(this.line.id);
         };
         ReplaceItemComponent.prototype.initLine = function () {
@@ -8804,7 +9487,7 @@
         if (rf & 1) {
             var _r12_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "button", 14);
-            i0.ɵɵlistener("click", function BasketPreviewBlockComponent_div_0_ng_container_2_h3_1_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12_1); var ctx_r11 = i0.ɵɵnextContext(4); return ctx_r11.listsService.removeRecipesFromList(); });
+            i0.ɵɵlistener("click", function BasketPreviewBlockComponent_div_0_ng_container_2_h3_1_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12_1); var ctx_r11 = i0.ɵɵnextContext(4); return ctx_r11.listsService.removeRecipesFromList().subscribe(); });
             i0.ɵɵelement(1, "ng-miam-icon", 15);
             i0.ɵɵelementStart(2, "span");
             i0.ɵɵtext(3, "Retirer tous les repas");
@@ -9003,7 +9686,9 @@
                     _this.cdr.detectChanges();
                 }),
                 this.blockStates.subscribe(function (newState) { return _this.handelblockState(newState); }),
-                this.basketsService.basketPreview$.pipe(operators.skipWhile(function (preview) { var _a; return !preview || preview.length === 0 || preview.length !== ((_a = _this.listsService.list$.value) === null || _a === void 0 ? void 0 : _a.recipeInfos.length); }), operators.map(function (preview) { return (preview && _this.recipeId) ? preview.filter(function (line) { return line.id === _this.recipeId; }) : preview; }), operators.tap(function (preview) { return _this.refreshPreview(preview); })).subscribe(function () {
+                this.listsService.takeFirstList().pipe(operators.switchMap(function (list) {
+                    return _this.basketsService.basketPreview$.pipe(operators.skipWhile(function (preview) { return !preview || preview.length === 0 || preview.length !== list.recipeInfos.length; }), operators.map(function (preview) { return (preview && _this.recipeId) ? preview.filter(function (line) { return line.id === _this.recipeId; }) : preview; }), operators.tap(function (preview) { return _this.refreshPreview(preview); }));
+                })).subscribe(function () {
                     _this.loading.next(false);
                     _this.cdr.detectChanges();
                 }),
@@ -9021,7 +9706,7 @@
             this.listsService.removeRecipeFromList(line.id).subscribe();
         };
         BasketPreviewBlockComponent.prototype.updateRecipe = function (line) {
-            this.listsService.updateRecipeGuests(line.id, line.count);
+            this.listsService.updateRecipeGuests(line.id, line.count).subscribe();
             this.guestCountChanged.emit(line.count);
         };
         BasketPreviewBlockComponent.prototype.closeOverlay = function () {
@@ -9295,6 +9980,8 @@
             this.analyticsService = analyticsService;
             this.element = element;
             this.headerText = '';
+            this.displayPricing = true;
+            this.displayAddedOnPicture = true;
             this.hovered = false;
             this.icon = exports.Icon;
             this.skeleton = Skeleton;
@@ -9328,16 +10015,18 @@
         };
         AbstractRecipeCardComponent.prototype.addRecipeActionOK = function (display) {
             var _this = this;
-            if (!this.groceriesListsService.list$.value.hasRecipe(this.recipe.id)) {
-                this.recipeEventsService.sendEvent(this.recipe, this.recipeEventsService.ACTION_ADDED);
-            }
-            this.subscriptions.push(this.groceriesListsService.appendRecipeToList(this.recipe.id, this.recipe.modifiedGuests, this.cardType)
-                .subscribe(function (l) {
-                _this.toggleButtonLoader(false);
+            this.subscriptions.push(this.groceriesListsService.recipeIsInList(this.recipe.id).subscribe(function (recipeIsInList) {
+                if (!recipeIsInList) {
+                    _this.recipeEventsService.sendEvent(_this.recipe, _this.recipeEventsService.ACTION_ADDED);
+                }
+                _this.subscriptions.push(_this.groceriesListsService.appendRecipeToList(_this.recipe.id, _this.recipe.modifiedGuests, _this.cardType)
+                    .subscribe(function (l) {
+                    _this.toggleButtonLoader(false);
+                }));
+                if (display) {
+                    _this.recipeService.displayObject(_this.recipe, { guests: +_this.recipe.modifiedGuests, previewMode: true });
+                }
             }));
-            if (display) {
-                this.recipeService.displayObject(this.recipe, { guests: +this.recipe.modifiedGuests, previewMode: true });
-            }
         };
         AbstractRecipeCardComponent.prototype.addRecipeActionKO = function () {
             sessionStorage.setItem('_miam/cached-recipe', JSON.stringify(this.recipe));
@@ -9404,89 +10093,104 @@
         return AbstractRecipeCardComponent;
     }());
     AbstractRecipeCardComponent.ɵfac = function AbstractRecipeCardComponent_Factory(t) { return new (t || AbstractRecipeCardComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(RecipeEventsService), i0.ɵɵdirectiveInject(GroceriesListsService), i0.ɵɵdirectiveInject(UserService), i0.ɵɵdirectiveInject(PointOfSalesService), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(AnalyticsService), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    AbstractRecipeCardComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AbstractRecipeCardComponent, selectors: [["ng-component"]], inputs: { headerText: "headerText" }, outputs: { hide: "hide" }, decls: 0, vars: 0, template: function AbstractRecipeCardComponent_Template(rf, ctx) { }, encapsulation: 2 });
+    AbstractRecipeCardComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AbstractRecipeCardComponent, selectors: [["ng-component"]], inputs: { headerText: "headerText", displayPricing: "displayPricing", displayAddedOnPicture: "displayAddedOnPicture" }, outputs: { hide: "hide" }, decls: 0, vars: 0, template: function AbstractRecipeCardComponent_Template(rf, ctx) { }, encapsulation: 2 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(AbstractRecipeCardComponent, [{
                 type: i0.Component,
                 args: [{ template: '' }]
             }], function () { return [{ type: i0.ChangeDetectorRef }, { type: RecipesService }, { type: RecipeEventsService }, { type: GroceriesListsService }, { type: UserService }, { type: PointOfSalesService }, { type: ContextService }, { type: AnalyticsService }, { type: i0.ElementRef }]; }, { headerText: [{
                     type: i0.Input
+                }], displayPricing: [{
+                    type: i0.Input
+                }], displayAddedOnPicture: [{
+                    type: i0.Input
                 }], hide: [{
                     type: i0.Output
                 }] });
     })();
 
-    function RecipeCardComponent_div_0_div_4_div_3_Template(rf, ctx) {
+    function RecipeCardComponent_div_0_div_4_ng_container_3_div_1_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 37);
-            i0.ɵɵtext(1, "D\u00E9j\u00E0 ajout\u00E9e");
+            i0.ɵɵtext(1, " D\u00E9j\u00E0 ajout\u00E9e ");
             i0.ɵɵelementEnd();
         }
     }
-    function RecipeCardComponent_div_0_div_4_div_5_Template(rf, ctx) {
+    function RecipeCardComponent_div_0_div_4_ng_container_3_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementContainerStart(0);
+            i0.ɵɵtemplate(1, RecipeCardComponent_div_0_div_4_ng_container_3_div_1_Template, 2, 0, "div", 36);
+            i0.ɵɵpipe(2, "async");
+            i0.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r22 = i0.ɵɵnextContext(3);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 1, ctx_r22.groceriesListsService.recipeIsInList(ctx_r22.recipe == null ? null : ctx_r22.recipe.id)));
+        }
+    }
+    function RecipeCardComponent_div_0_div_4_div_4_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 38);
             i0.ɵɵelement(1, "ng-miam-icon", 39);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r22 = i0.ɵɵnextContext(3);
+            var ctx_r23 = i0.ɵɵnextContext(3);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("iconName", ctx_r22.icon.Video)("width", 100)("height", 100);
+            i0.ɵɵproperty("iconName", ctx_r23.icon.Video)("width", 100)("height", 100);
         }
     }
-    function RecipeCardComponent_div_0_div_4_ng_miam_like_button_7_Template(rf, ctx) {
+    function RecipeCardComponent_div_0_div_4_ng_miam_like_button_6_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "ng-miam-like-button", 40);
         }
         if (rf & 2) {
-            var ctx_r23 = i0.ɵɵnextContext(3);
-            i0.ɵɵproperty("recipe", ctx_r23.recipe);
+            var ctx_r24 = i0.ɵɵnextContext(3);
+            i0.ɵɵproperty("recipe", ctx_r24.recipe);
         }
     }
-    function RecipeCardComponent_div_0_div_4_img_11_Template(rf, ctx) {
+    function RecipeCardComponent_div_0_div_4_img_10_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "img", 41);
         }
         if (rf & 2) {
-            var ctx_r24 = i0.ɵɵnextContext(3);
-            i0.ɵɵproperty("src", ctx_r24.recipe.filigraneLogoUrl, i0.ɵɵsanitizeUrl);
+            var ctx_r25 = i0.ɵɵnextContext(3);
+            i0.ɵɵproperty("src", ctx_r25.recipe.filigraneLogoUrl, i0.ɵɵsanitizeUrl);
         }
     }
     function RecipeCardComponent_div_0_div_4_Template(rf, ctx) {
         if (rf & 1) {
-            var _r26_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 28);
-            i0.ɵɵlistener("click", function RecipeCardComponent_div_0_div_4_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r26_1); var ctx_r25 = i0.ɵɵnextContext(2); return ctx_r25.openRecipe(); });
-            i0.ɵɵelement(1, "img", 29);
-            i0.ɵɵelement(2, "div", 30);
-            i0.ɵɵtemplate(3, RecipeCardComponent_div_0_div_4_div_3_Template, 2, 0, "div", 31);
-            i0.ɵɵpipe(4, "async");
-            i0.ɵɵtemplate(5, RecipeCardComponent_div_0_div_4_div_5_Template, 2, 3, "div", 32);
-            i0.ɵɵelementStart(6, "div", 33);
-            i0.ɵɵtemplate(7, RecipeCardComponent_div_0_div_4_ng_miam_like_button_7_Template, 1, 1, "ng-miam-like-button", 34);
-            i0.ɵɵpipe(8, "async");
-            i0.ɵɵelementStart(9, "ng-miam-icon", 35);
-            i0.ɵɵlistener("click", function RecipeCardComponent_div_0_div_4_Template_ng_miam_icon_click_9_listener($event) { i0.ɵɵrestoreView(_r26_1); var ctx_r27 = i0.ɵɵnextContext(2); return ctx_r27.openCalendar($event); });
+            var _r28_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 27);
+            i0.ɵɵlistener("click", function RecipeCardComponent_div_0_div_4_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r28_1); var ctx_r27 = i0.ɵɵnextContext(2); return ctx_r27.openRecipe(); });
+            i0.ɵɵelement(1, "img", 28);
+            i0.ɵɵelement(2, "div", 29);
+            i0.ɵɵtemplate(3, RecipeCardComponent_div_0_div_4_ng_container_3_Template, 3, 3, "ng-container", 30);
+            i0.ɵɵtemplate(4, RecipeCardComponent_div_0_div_4_div_4_Template, 2, 3, "div", 31);
+            i0.ɵɵelementStart(5, "div", 32);
+            i0.ɵɵtemplate(6, RecipeCardComponent_div_0_div_4_ng_miam_like_button_6_Template, 1, 1, "ng-miam-like-button", 33);
+            i0.ɵɵpipe(7, "async");
+            i0.ɵɵelementStart(8, "ng-miam-icon", 34);
+            i0.ɵɵlistener("click", function RecipeCardComponent_div_0_div_4_Template_ng_miam_icon_click_8_listener($event) { i0.ɵɵrestoreView(_r28_1); var ctx_r29 = i0.ɵɵnextContext(2); return ctx_r29.openCalendar($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "ng-miam-icon", 35);
-            i0.ɵɵlistener("click", function RecipeCardComponent_div_0_div_4_Template_ng_miam_icon_click_10_listener($event) { i0.ɵɵrestoreView(_r26_1); var ctx_r28 = i0.ɵɵnextContext(2); return ctx_r28.shareRecipe($event); });
+            i0.ɵɵelementStart(9, "ng-miam-icon", 34);
+            i0.ɵɵlistener("click", function RecipeCardComponent_div_0_div_4_Template_ng_miam_icon_click_9_listener($event) { i0.ɵɵrestoreView(_r28_1); var ctx_r30 = i0.ɵɵnextContext(2); return ctx_r30.shareRecipe($event); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(11, RecipeCardComponent_div_0_div_4_img_11_Template, 1, 1, "img", 36);
+            i0.ɵɵtemplate(10, RecipeCardComponent_div_0_div_4_img_10_Template, 1, 1, "img", 35);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
             var ctx_r3 = i0.ɵɵnextContext(2);
-            var tmp_1_0 = null;
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("src", ctx_r3.recipe == null ? null : ctx_r3.recipe.attributes["media-url"], i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", (tmp_1_0 = i0.ɵɵpipeBind1(4, 7, ctx_r3.groceriesListsService.list$)) == null ? null : tmp_1_0.hasRecipe(ctx_r3.recipe == null ? null : ctx_r3.recipe.id));
-            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx_r3.recipe && ctx_r3.displayAddedOnPicture);
+            i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r3.contextService.videoRecipesEnabled && (ctx_r3.recipe == null ? null : ctx_r3.recipe.videoId));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(8, 9, ctx_r3.userService.isLogged$));
+            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(7, 7, ctx_r3.userService.isLogged$));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("iconName", ctx_r3.icon.Calendar);
             i0.ɵɵadvance(1);
@@ -9506,10 +10210,10 @@
     }
     function RecipeCardComponent_div_0_div_8_Template(rf, ctx) {
         if (rf & 1) {
-            var _r30_1 = i0.ɵɵgetCurrentView();
+            var _r32_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵelementStart(1, "div", 43);
-            i0.ɵɵlistener("click", function RecipeCardComponent_div_0_div_8_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r30_1); var ctx_r29 = i0.ɵɵnextContext(2); return ctx_r29.openRecipe(); });
+            i0.ɵɵlistener("click", function RecipeCardComponent_div_0_div_8_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r32_1); var ctx_r31 = i0.ɵɵnextContext(2); return ctx_r31.openRecipe(); });
             i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(3, "div", 44);
@@ -9576,9 +10280,9 @@
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r31 = i0.ɵɵnextContext(3);
+            var ctx_r33 = i0.ɵɵnextContext(3);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("width", 32)("height", 16)("iconName", ctx_r31.icon.DifficultyLow);
+            i0.ɵɵproperty("width", 32)("height", 16)("iconName", ctx_r33.icon.DifficultyLow);
         }
     }
     function RecipeCardComponent_div_0_div_14_ng_container_3_Template(rf, ctx) {
@@ -9588,9 +10292,9 @@
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r32 = i0.ɵɵnextContext(3);
+            var ctx_r34 = i0.ɵɵnextContext(3);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("width", 32)("height", 16)("iconName", ctx_r32.icon.DifficultyMedium);
+            i0.ɵɵproperty("width", 32)("height", 16)("iconName", ctx_r34.icon.DifficultyMedium);
         }
     }
     function RecipeCardComponent_div_0_div_14_ng_container_4_Template(rf, ctx) {
@@ -9600,9 +10304,9 @@
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r33 = i0.ɵɵnextContext(3);
+            var ctx_r35 = i0.ɵɵnextContext(3);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("width", 32)("height", 16)("iconName", ctx_r33.icon.DifficultyHight);
+            i0.ɵɵproperty("width", 32)("height", 16)("iconName", ctx_r35.icon.DifficultyHight);
         }
     }
     function RecipeCardComponent_div_0_div_14_ng_container_5_Template(rf, ctx) {
@@ -9656,9 +10360,9 @@
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r35 = i0.ɵɵnextContext(3);
+            var ctx_r37 = i0.ɵɵnextContext(3);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" + ", ctx_r35.recipe.modifiedIngredients.length - 2, " ");
+            i0.ɵɵtextInterpolate1(" + ", ctx_r37.recipe.modifiedIngredients.length - 2, " ");
         }
     }
     function RecipeCardComponent_div_0_div_22_Template(rf, ctx) {
@@ -9685,10 +10389,10 @@
     }
     function RecipeCardComponent_div_0_div_23_Template(rf, ctx) {
         if (rf & 1) {
-            var _r37_1 = i0.ɵɵgetCurrentView();
+            var _r39_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 59);
             i0.ɵɵelementStart(1, "ng-miam-counter-input", 60);
-            i0.ɵɵlistener("counterChange", function RecipeCardComponent_div_0_div_23_Template_ng_miam_counter_input_counterChange_1_listener($event) { i0.ɵɵrestoreView(_r37_1); var ctx_r36 = i0.ɵɵnextContext(2); return ctx_r36.updateGuests($event); });
+            i0.ɵɵlistener("counterChange", function RecipeCardComponent_div_0_div_23_Template_ng_miam_counter_input_counterChange_1_listener($event) { i0.ɵɵrestoreView(_r39_1); var ctx_r38 = i0.ɵɵnextContext(2); return ctx_r38.updateGuests($event); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
@@ -9707,18 +10411,29 @@
             i0.ɵɵproperty("type", ctx_r17.skeleton == null ? null : ctx_r17.skeleton.IconWithInfo);
         }
     }
-    function RecipeCardComponent_div_0_ng_miam_icon_32_Template(rf, ctx) {
+    function RecipeCardComponent_div_0_div_27_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-icon", 61);
-            i0.ɵɵpipe(1, "async");
+            i0.ɵɵelementStart(0, "div", 61);
+            i0.ɵɵelement(1, "ng-miam-recipe-pricing", 62);
+            i0.ɵɵelementEnd();
         }
         if (rf & 2) {
             var ctx_r18 = i0.ɵɵnextContext(2);
-            var tmp_2_0 = null;
-            i0.ɵɵproperty("width", 24)("height", 24)("iconName", ((tmp_2_0 = i0.ɵɵpipeBind1(1, 3, ctx_r18.groceriesListsService.list$)) == null ? null : tmp_2_0.hasRecipe(ctx_r18.recipe == null ? null : ctx_r18.recipe.id)) ? ctx_r18.icon.CheckList : ctx_r18.icon.Cart);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("recipe", ctx_r18.recipe)("serves", ctx_r18.recipe == null ? null : ctx_r18.recipe.modifiedGuests);
+        }
+    }
+    function RecipeCardComponent_div_0_ng_miam_icon_31_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "ng-miam-icon", 63);
+            i0.ɵɵpipe(1, "async");
+        }
+        if (rf & 2) {
+            var ctx_r19 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("width", 24)("height", 24)("iconName", i0.ɵɵpipeBind1(1, 3, ctx_r19.groceriesListsService.recipeIsInList(ctx_r19.recipe == null ? null : ctx_r19.recipe.id)) ? ctx_r19.icon.CheckList : ctx_r19.icon.Cart);
         }
     }
-    function RecipeCardComponent_div_0_ng_template_33_Template(rf, ctx) {
+    function RecipeCardComponent_div_0_ng_template_32_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "ng-miam-loader");
         }
@@ -9726,14 +10441,14 @@
     var _c1$6 = function (a0, a1) { return { "in-basket": a0, "loading": a1 }; };
     function RecipeCardComponent_div_0_Template(rf, ctx) {
         if (rf & 1) {
-            var _r39_1 = i0.ɵɵgetCurrentView();
+            var _r41_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 2);
             i0.ɵɵelementStart(1, "div", 3);
             i0.ɵɵelementStart(2, "span");
             i0.ɵɵtext(3);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(4, RecipeCardComponent_div_0_div_4_Template, 12, 11, "div", 4);
+            i0.ɵɵtemplate(4, RecipeCardComponent_div_0_div_4_Template, 11, 9, "div", 4);
             i0.ɵɵtemplate(5, RecipeCardComponent_div_0_ng_template_5_Template, 1, 1, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵelementStart(7, "div", 6);
             i0.ɵɵtemplate(8, RecipeCardComponent_div_0_div_8_Template, 6, 4, "div", 7);
@@ -9748,7 +10463,7 @@
             i0.ɵɵelementStart(18, "div", 15);
             i0.ɵɵelementStart(19, "div", 16);
             i0.ɵɵelementStart(20, "div", 17);
-            i0.ɵɵlistener("click", function RecipeCardComponent_div_0_Template_div_click_20_listener() { i0.ɵɵrestoreView(_r39_1); var ctx_r38 = i0.ɵɵnextContext(); return ctx_r38.toggleHelper(); });
+            i0.ɵɵlistener("click", function RecipeCardComponent_div_0_Template_div_click_20_listener() { i0.ɵɵrestoreView(_r41_1); var ctx_r40 = i0.ɵɵnextContext(); return ctx_r40.toggleHelper(); });
             i0.ɵɵelement(21, "ng-miam-icon", 18);
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(22, RecipeCardComponent_div_0_div_22_Template, 6, 3, "div", 19);
@@ -9757,15 +10472,13 @@
             i0.ɵɵtemplate(24, RecipeCardComponent_div_0_ng_template_24_Template, 1, 1, "ng-template", null, 21, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(26, "div", 22);
-            i0.ɵɵelementStart(27, "div", 23);
-            i0.ɵɵelement(28, "ng-miam-recipe-pricing", 24);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(29, "div");
-            i0.ɵɵelementStart(30, "button", 25);
-            i0.ɵɵlistener("click", function RecipeCardComponent_div_0_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r39_1); var ctx_r40 = i0.ɵɵnextContext(); return ctx_r40.clickPrimary(); });
-            i0.ɵɵpipe(31, "async");
-            i0.ɵɵtemplate(32, RecipeCardComponent_div_0_ng_miam_icon_32_Template, 2, 5, "ng-miam-icon", 26);
-            i0.ɵɵtemplate(33, RecipeCardComponent_div_0_ng_template_33_Template, 1, 0, "ng-template", null, 27, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(27, RecipeCardComponent_div_0_div_27_Template, 2, 2, "div", 23);
+            i0.ɵɵelementStart(28, "div");
+            i0.ɵɵelementStart(29, "button", 24);
+            i0.ɵɵlistener("click", function RecipeCardComponent_div_0_Template_button_click_29_listener() { i0.ɵɵrestoreView(_r41_1); var ctx_r42 = i0.ɵɵnextContext(); return ctx_r42.clickPrimary(); });
+            i0.ɵɵpipe(30, "async");
+            i0.ɵɵtemplate(31, RecipeCardComponent_div_0_ng_miam_icon_31_Template, 2, 5, "ng-miam-icon", 25);
+            i0.ɵɵtemplate(32, RecipeCardComponent_div_0_ng_template_32_Template, 1, 0, "ng-template", null, 26, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
@@ -9778,9 +10491,8 @@
             var _r7 = i0.ɵɵreference(10);
             var _r12 = i0.ɵɵreference(16);
             var _r16 = i0.ɵɵreference(25);
-            var _r19 = i0.ɵɵreference(34);
+            var _r20 = i0.ɵɵreference(33);
             var ctx_r0 = i0.ɵɵnextContext();
-            var tmp_20_0 = null;
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate1(" ", ctx_r0.headerText, "");
             i0.ɵɵadvance(1);
@@ -9799,12 +10511,12 @@
             i0.ɵɵproperty("ngIf", ctx_r0.contextService.displayIngredientPicturesOnRecipeCards && (ctx_r0.recipe == null ? null : ctx_r0.recipe.modifiedIngredients == null ? null : ctx_r0.recipe.modifiedIngredients.length) > 1);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r0.recipe)("ngIfElse", _r16);
-            i0.ɵɵadvance(5);
-            i0.ɵɵproperty("recipe", ctx_r0.recipe)("serves", ctx_r0.recipe == null ? null : ctx_r0.recipe.modifiedGuests);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngIf", ctx_r0.recipe && ctx_r0.displayPricing);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("disabled", !ctx_r0.recipe)("ngClass", i0.ɵɵpureFunction2(25, _c1$6, (tmp_20_0 = i0.ɵɵpipeBind1(31, 23, ctx_r0.groceriesListsService.list$)) == null ? null : tmp_20_0.hasRecipe(ctx_r0.recipe == null ? null : ctx_r0.recipe.id), ctx_r0.addButtonLoading));
+            i0.ɵɵproperty("disabled", !ctx_r0.recipe)("ngClass", i0.ɵɵpureFunction2(24, _c1$6, i0.ɵɵpipeBind1(30, 22, ctx_r0.groceriesListsService.recipeIsInList(ctx_r0.recipe == null ? null : ctx_r0.recipe.id)), ctx_r0.addButtonLoading));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !ctx_r0.addButtonLoading)("ngIfElse", _r19);
+            i0.ɵɵproperty("ngIf", !ctx_r0.addButtonLoading)("ngIfElse", _r20);
         }
     }
     function RecipeCardComponent_ng_template_1_Template(rf, ctx) {
@@ -9869,30 +10581,40 @@
             this.cdr.detectChanges();
         };
         RecipeCardComponent.prototype._updateBasket = function () {
+            var _this = this;
             // 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)
-            if (this.groceriesListsService.list$.value.hasRecipe(this.recipeId)) {
-                this.addRecipe(false);
-            }
+            this.subscriptions.push(this.groceriesListsService.recipeIsInList(this.recipeId).subscribe(function (recipeIsInList) {
+                if (recipeIsInList) {
+                    _this.addRecipe(false);
+                }
+            }));
         };
+        /**
+         * Add recipe to list on primary button click and emit true if the recipe is added, false if recipe is not added
+         * so lib users can decide that primaryButtonClicked$.emit(false) removes the recipe for example
+         */
         RecipeCardComponent.prototype.clickPrimary = function () {
+            var _this = this;
             if (!this.addButtonLoading) {
-                var wasAdded = !this.groceriesListsService.list$.value.hasRecipe(this.recipe.id);
-                if (this.cardType !== 'suggestion-card') {
-                    this.addRecipe();
-                }
-                else { // customizable actions for suggestions
-                    if (this.recipeService.suggestionsPrimaryButtonActions.addToBasket) {
-                        // If recipe is added we still want to diplay details
-                        this.addRecipe(this.recipeService.suggestionsPrimaryButtonActions.display || !wasAdded);
+                this.subscriptions.push(this.groceriesListsService.recipeIsInList(this.recipe.id).subscribe(function (recipeIsInList) {
+                    var wasAdded = !recipeIsInList;
+                    if (_this.cardType !== 'suggestion-card') {
+                        _this.addRecipe();
                     }
-                    else {
-                        if (this.recipeService.suggestionsPrimaryButtonActions.display) {
-                            this.openRecipe();
+                    else { // customizable actions for suggestions
+                        if (_this.recipeService.suggestionsPrimaryButtonActions.addToBasket) {
+                            // If recipe is added we still want to diplay details
+                            _this.addRecipe(_this.recipeService.suggestionsPrimaryButtonActions.display || !wasAdded);
+                        }
+                        else {
+                            if (_this.recipeService.suggestionsPrimaryButtonActions.display) {
+                                _this.openRecipe();
+                            }
                         }
                     }
-                }
-                this.primaryButtonClicked$.emit(wasAdded);
+                    _this.primaryButtonClicked$.emit(!recipeIsInList); // !recipeIsInList = add action, so we emit true
+                }));
             }
         };
         RecipeCardComponent.prototype.loadRecipe = function () {
@@ -9911,15 +10633,15 @@
         return RecipeCardComponent;
     }(AbstractRecipeCardComponent));
     RecipeCardComponent.ɵfac = function RecipeCardComponent_Factory(t) { return new (t || RecipeCardComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(RecipeEventsService), i0.ɵɵdirectiveInject(GroceriesListsService), i0.ɵɵdirectiveInject(UserService), i0.ɵɵdirectiveInject(PointOfSalesService), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(AnalyticsService), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-    RecipeCardComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeCardComponent, selectors: [["ng-miam-recipe-card"]], inputs: { recipeId: "recipeId", recipe: "recipe" }, outputs: { removedFromFavorite: "removedFromFavorite", displayed: "displayed", guestsChanged: "guestsChanged" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 3, vars: 1, consts: [["class", "miam-recipe-card", 4, "ngIf"], ["cors", ""], [1, "miam-recipe-card"], [1, "miam-recipe-card__header"], ["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__ingredients", 4, "ngIf", "ngIfElse"], ["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-primary)", 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"], [1, "miam-recipe-card__right__col__price"], [3, "recipe", "serves"], [1, "m-button-fab-primary", 3, "disabled", "ngClass", "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName", 4, "ngIf", "ngIfElse"], ["addLoader", ""], [1, "miam-recipe-card__picture", 3, "click"], ["loading", "lazy", 3, "src"], [1, "miam-recipe-card__picture__gradient"], ["class", "miam-recipe-card__picture__tag", 4, "ngIf"], ["class", "miam-recipe-card__picture__video", 4, "ngIf"], [1, "miam-recipe-card__picture__actions"], ["class", "miam-recipe-card__actions__icon miam-noPadding", 3, "recipe", 4, "ngIf"], ["primaryColor", "var(--m-color-primary)", 1, "miam-recipe-card__actions__icon", 3, "iconName", "click"], ["class", "miam-recipe-card__picture__sponsor", 3, "src", 4, "ngIf"], [1, "miam-recipe-card__picture__tag"], [1, "miam-recipe-card__picture__video"], ["primaryColor", "black", 3, "iconName", "width", "height"], [1, "miam-recipe-card__actions__icon", "miam-noPadding", 3, "recipe"], [1, "miam-recipe-card__picture__sponsor", 3, "src"], [3, "type"], [1, "miam-recipe-card__attributes__title", 3, "click"], [1, "miam-recipe-card__attributes__ingredients"], [1, "miam-recipe-card__attributes__info", "recipe__ingredients"], [3, "iconName"], [1, "miam-recipe-card__info__label"], [1, "miam-recipe-card__attributes__info", "recipe__total__time"], [1, "miam-recipe-card__attributes__info", "recipe__difficulty", 3, "ngClass"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], ["primaryColor", "var(--m-color-secondary)", 3, "width", "height", "iconName"], [1, "miam-recipe-card__ingredients__pictures"], [1, "miam-recipe-card__ingredients__picture"], [3, "src"], ["class", "miam-recipe-card__ingredients__more", 4, "ngIf"], [1, "miam-recipe-card__ingredients__more"], [1, "miam-recipe-card__left__col__counter"], [3, "counter", "counterChange"], ["primaryColor", "#fff", 3, "width", "height", "iconName"]], template: function RecipeCardComponent_Template(rf, ctx) {
+    RecipeCardComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeCardComponent, selectors: [["ng-miam-recipe-card"]], inputs: { recipeId: "recipeId", recipe: "recipe" }, outputs: { removedFromFavorite: "removedFromFavorite", displayed: "displayed", guestsChanged: "guestsChanged" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 3, vars: 1, consts: [["class", "miam-recipe-card", 4, "ngIf"], ["cors", ""], [1, "miam-recipe-card"], [1, "miam-recipe-card__header"], ["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__ingredients", 4, "ngIf", "ngIfElse"], ["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-primary)", 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"], [1, "m-button-fab-primary", 3, "disabled", "ngClass", "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName", 4, "ngIf", "ngIfElse"], ["addLoader", ""], [1, "miam-recipe-card__picture", 3, "click"], ["loading", "lazy", 3, "src"], [1, "miam-recipe-card__picture__gradient"], [4, "ngIf"], ["class", "miam-recipe-card__picture__video", 4, "ngIf"], [1, "miam-recipe-card__picture__actions"], ["class", "miam-recipe-card__actions__icon miam-noPadding", 3, "recipe", 4, "ngIf"], ["primaryColor", "var(--m-color-primary)", 1, "miam-recipe-card__actions__icon", 3, "iconName", "click"], ["class", "miam-recipe-card__picture__sponsor", 3, "src", 4, "ngIf"], ["class", "miam-recipe-card__picture__tag", 4, "ngIf"], [1, "miam-recipe-card__picture__tag"], [1, "miam-recipe-card__picture__video"], ["primaryColor", "black", 3, "iconName", "width", "height"], [1, "miam-recipe-card__actions__icon", "miam-noPadding", 3, "recipe"], [1, "miam-recipe-card__picture__sponsor", 3, "src"], [3, "type"], [1, "miam-recipe-card__attributes__title", 3, "click"], [1, "miam-recipe-card__attributes__ingredients"], [1, "miam-recipe-card__attributes__info", "recipe__ingredients"], [3, "iconName"], [1, "miam-recipe-card__info__label"], [1, "miam-recipe-card__attributes__info", "recipe__total__time"], [1, "miam-recipe-card__attributes__info", "recipe__difficulty", 3, "ngClass"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], ["primaryColor", "var(--m-color-secondary)", 3, "width", "height", "iconName"], [1, "miam-recipe-card__ingredients__pictures"], [1, "miam-recipe-card__ingredients__picture"], [3, "src"], ["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"], ["primaryColor", "#fff", 3, "width", "height", "iconName"]], template: function RecipeCardComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, RecipeCardComponent_div_0_Template, 35, 28, "div", 0);
+                i0.ɵɵtemplate(0, RecipeCardComponent_div_0_Template, 34, 27, "div", 0);
                 i0.ɵɵtemplate(1, RecipeCardComponent_ng_template_1_Template, 1, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
                 i0.ɵɵproperty("ngIf", ctx.isloaded);
             }
-        }, directives: [i8.NgIf, IconComponent, RecipePricingComponent, i8.NgClass, LikeButtonComponent, SkeletonComponent, i8.NgSwitch, i8.NgSwitchCase, i8.NgSwitchDefault, CounterInputComponent, LoaderComponent, CORSOverlayComponent], pipes: [i8.AsyncPipe, CapitalizeFirstLetterPipe], styles: [".miam-flex-column,.miam-recipe-card .miam-recipe-card__attributes,.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions{display:flex;flex-direction:column;justify-content:space-around}.miam-flex-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:auto}.miam-recipe-card{background-color:var(--m-color-white);border-radius:var(--m-border-radius);box-shadow:var(--m-shadow-small);display:flex;flex-direction:column;height:100%;min-height:470px;position:relative;width:320px}.miam-recipe-card .miam-recipe-card__header{display:none}.miam-recipe-card .miam-recipe-card__picture{-webkit-tap-highlight-color:transparent;cursor:pointer;height:240px;position:relative}.miam-recipe-card .miam-recipe-card__picture img{-o-object-fit:cover;object-fit:cover;transition:var(--m-default-transition);z-index:var(--m-z-index-position-absolute-low)}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__gradient,.miam-recipe-card .miam-recipe-card__picture img{border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);height:100%;position:absolute;width:100%}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__gradient{background:linear-gradient(180deg,transparent 57.92%,rgba(0,0,0,.75) 100%,rgba(0,0,0,.75) 0);content:\"\"}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__video{left:calc(50% - 50px);position:absolute;top:calc(50% - 50px)}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__tag{background-color:var(--m-color-primary-light);border-radius:5px;bottom:16px;color:var(--m-color-primary);font-weight:500;left:16px;padding:8px;position:absolute;text-transform:uppercase}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions{position:absolute;right:16px;top:8px;z-index:var(--m-z-index-position-absolute-high)}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions .miam-recipe-card__actions__icon{-o-object-fit:contain;background-color:var(--m-color-white);border-radius:var(--m-border-radius-circle);box-shadow:var(--m-shadow-small);margin:0 0 16px;object-fit:contain;padding:8px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions .miam-recipe-card__actions__icon .icon-container{margin:0}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions .miam-recipe-card__actions__icon.miam-noPadding{padding:0}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__sponsor{-o-object-fit:contain;bottom:16px;height:auto;max-height:72px;max-width:96px;object-fit:contain;position:absolute;right:16px;width:auto}.miam-recipe-card .miam-recipe-card__attributes{flex:1 1;justify-content:space-between;padding:8px 16px 16px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-tap-highlight-color:transparent;color:var(--m-color-slate);cursor:pointer;display:-webkit-box;font-size:20px;font-weight:700;font-weight:500;letter-spacing:normal;line-height:30;line-height:1.5;margin:0 8px 8px 0;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:var(--m-default-transition)}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__title:hover{color:var(--m-color-primary);text-decoration:underline}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__ingredients{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:var(--m-color-grey-text);display:-webkit-box;font-size:14px;font-weight:300;overflow:hidden;text-overflow:ellipsis}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__infos{display:flex;flex-direction:row;padding:8px 0}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__infos .miam-recipe-card__attributes__info{display:flex;flex-direction:row;margin:0 16px 0 0}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__infos .miam-recipe-card__attributes__info.recipe__ingredients{display:none}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__infos .miam-recipe-card__attributes__info .miam-recipe-card__info__label{font-size:14px;margin-left:8px;text-transform:capitalize}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control{align-items:center;display:flex;justify-content:space-between}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col{display:flex;flex-direction:column-reverse}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__counter{align-items:center;display:flex}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__counter ng-miam-counter-input .miam-counter-input__icon{margin-right:8px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__custom{align-items:flex-end;display:flex;height:48px;justify-content:flex-start}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__custom .icon-container{cursor:pointer}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col{align-items:center;display:flex;flex-direction:column;min-width:60px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col .miam-recipe-card__right__col__price{height:48px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col button .loader{border:var(--m-loader-thickness) solid transparent;border-top:var(--m-loader-thickness) solid var(--m-color-white);height:24px;width:24px}@media (max-width:1023px){.miam-recipe-card{min-height:unset}.miam-recipe-card .miam-recipe-card__picture{height:164px}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__gradient{background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2))}.miam-recipe-card .miam-recipe-card__attributes{padding:8px 16px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__title{color:#fff;font-weight:700;height:72px;margin-left:calc(15% - 16px);position:absolute;text-align:center;top:52px;width:70%}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__ingredients{display:none}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col{flex-direction:row;justify-content:space-between;width:100%}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__counter{align-items:flex-end;padding-bottom:4px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col{margin-top:12px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col .miam-recipe-card__right__col__price{height:48px;position:absolute;top:172px}}"], encapsulation: 2, changeDetection: 0 });
+        }, directives: [i8.NgIf, IconComponent, i8.NgClass, LikeButtonComponent, SkeletonComponent, i8.NgSwitch, i8.NgSwitchCase, i8.NgSwitchDefault, CounterInputComponent, RecipePricingComponent, LoaderComponent, CORSOverlayComponent], pipes: [i8.AsyncPipe, CapitalizeFirstLetterPipe], styles: [".miam-flex-column,.miam-recipe-card .miam-recipe-card__attributes,.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions{display:flex;flex-direction:column;justify-content:space-around}.miam-flex-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:auto}.miam-recipe-card{background-color:var(--m-color-white);border-radius:var(--m-border-radius);box-shadow:var(--m-shadow-small);display:flex;flex-direction:column;height:100%;min-height:470px;position:relative;width:320px}.miam-recipe-card .miam-recipe-card__header{display:none}.miam-recipe-card .miam-recipe-card__picture{-webkit-tap-highlight-color:transparent;cursor:pointer;height:240px;position:relative}.miam-recipe-card .miam-recipe-card__picture img{-o-object-fit:cover;object-fit:cover;transition:var(--m-default-transition);z-index:var(--m-z-index-position-absolute-low)}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__gradient,.miam-recipe-card .miam-recipe-card__picture img{border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);height:100%;position:absolute;width:100%}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__gradient{background:linear-gradient(180deg,transparent 57.92%,rgba(0,0,0,.75) 100%,rgba(0,0,0,.75) 0);content:\"\"}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__video{left:calc(50% - 50px);position:absolute;top:calc(50% - 50px)}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__tag{background-color:var(--m-color-primary-light);border-radius:5px;bottom:16px;color:var(--m-color-primary);font-weight:500;left:16px;padding:8px;position:absolute;text-transform:uppercase}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions{position:absolute;right:16px;top:8px;z-index:var(--m-z-index-position-absolute-high)}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions .miam-recipe-card__actions__icon{-o-object-fit:contain;background-color:var(--m-color-white);border-radius:var(--m-border-radius-circle);box-shadow:var(--m-shadow-small);display:none;margin:0 0 16px;object-fit:contain;padding:8px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions .miam-recipe-card__actions__icon .icon-container{margin:0}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions .miam-recipe-card__actions__icon.miam-noPadding{padding:0}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__actions ng-miam-like-button.miam-recipe-card__actions__icon{display:initial}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__sponsor{-o-object-fit:contain;bottom:16px;height:auto;max-height:72px;max-width:96px;object-fit:contain;position:absolute;right:16px;width:auto}.miam-recipe-card .miam-recipe-card__attributes{flex:1 1;justify-content:space-between;padding:8px 16px 16px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-tap-highlight-color:transparent;color:var(--m-color-slate);cursor:pointer;display:-webkit-box;font-size:20px;font-weight:700;font-weight:500;letter-spacing:normal;line-height:30;line-height:1.5;margin:0 8px 8px 0;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:var(--m-default-transition)}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__title:hover{color:var(--m-color-primary);text-decoration:underline}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__ingredients{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:var(--m-color-grey-text);display:-webkit-box;font-size:14px;font-weight:300;overflow:hidden;text-overflow:ellipsis}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__infos{display:flex;flex-direction:row;padding:8px 0}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__infos .miam-recipe-card__attributes__info{display:flex;flex-direction:row;margin:0 16px 0 0}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__infos .miam-recipe-card__attributes__info.recipe__ingredients{display:none}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__infos .miam-recipe-card__attributes__info .miam-recipe-card__info__label{font-size:14px;margin-left:8px;text-transform:capitalize}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control{align-items:center;display:flex;justify-content:space-between}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col{display:flex;flex-direction:column-reverse}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__counter{align-items:center;display:flex}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__counter ng-miam-counter-input .miam-counter-input__icon{margin-right:8px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__custom{align-items:flex-end;display:flex;height:48px;justify-content:flex-start}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__custom .icon-container{cursor:pointer}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col{align-items:center;display:flex;flex-direction:column;min-width:60px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col .miam-recipe-card__right__col__price{height:48px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col button .loader{border:var(--m-loader-thickness) solid transparent;border-top:var(--m-loader-thickness) solid var(--m-color-white);height:24px;width:24px}@media (max-width:1023px){.miam-recipe-card{min-height:unset}.miam-recipe-card .miam-recipe-card__picture{height:164px}.miam-recipe-card .miam-recipe-card__picture .miam-recipe-card__picture__gradient{background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2))}.miam-recipe-card .miam-recipe-card__attributes{padding:8px 16px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__title{color:#fff;font-weight:700;height:72px;margin-left:calc(15% - 16px);position:absolute;text-align:center;top:52px;width:70%}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__ingredients{display:none}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col{flex-direction:row;justify-content:space-between;width:100%}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__left__col .miam-recipe-card__left__col__counter{align-items:flex-end;padding-bottom:4px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col{margin-top:12px}.miam-recipe-card .miam-recipe-card__attributes .miam-recipe-card__attributes__control .miam-recipe-card__control__right__col .miam-recipe-card__right__col__price{height:48px;position:absolute;top:172px}}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(RecipeCardComponent, [{
                 type: i0.Component,
@@ -9970,7 +10692,7 @@
     function CatalogRecipeCardComponent_div_4_div_3_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div");
-            i0.ɵɵelement(1, "img", 34);
+            i0.ɵɵelement(1, "img", 32);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -9981,8 +10703,8 @@
     }
     function CatalogRecipeCardComponent_div_4_div_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 35);
-            i0.ɵɵelement(1, "ng-miam-icon", 36);
+            i0.ɵɵelementStart(0, "div", 33);
+            i0.ɵɵelement(1, "ng-miam-icon", 34);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -9991,19 +10713,32 @@
             i0.ɵɵproperty("iconName", ctx_r18.icon.Video)("width", 80)("height", 80);
         }
     }
-    function CatalogRecipeCardComponent_div_4_div_6_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_div_4_ng_container_6_div_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 37);
-            i0.ɵɵtext(1, "D\u00E9j\u00E0 ajout\u00E9e");
+            i0.ɵɵelementStart(0, "div", 36);
+            i0.ɵɵtext(1, " D\u00E9j\u00E0 ajout\u00E9e ");
             i0.ɵɵelementEnd();
         }
     }
-    function CatalogRecipeCardComponent_div_4_ng_container_8_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_div_4_ng_container_6_Template(rf, ctx) {
         if (rf & 1) {
-            var _r26_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementContainerStart(0);
-            i0.ɵɵelementStart(1, "div", 38);
-            i0.ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_ng_container_8_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r26_1); var ctx_r25 = i0.ɵɵnextContext(2); return ctx_r25.openRecipe(); });
+            i0.ɵɵtemplate(1, CatalogRecipeCardComponent_div_4_ng_container_6_div_1_Template, 2, 0, "div", 35);
+            i0.ɵɵpipe(2, "async");
+            i0.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r19 = i0.ɵɵnextContext(2);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 1, ctx_r19.groceriesListsService.recipeIsInList(ctx_r19.recipe == null ? null : ctx_r19.recipe.id)));
+        }
+    }
+    function CatalogRecipeCardComponent_div_4_ng_container_7_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r27_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementContainerStart(0);
+            i0.ɵɵelementStart(1, "div", 37);
+            i0.ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_ng_container_7_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r27_1); var ctx_r26 = i0.ɵɵnextContext(2); return ctx_r26.openRecipe(); });
             i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
             i0.ɵɵelementContainerEnd();
@@ -10014,18 +10749,18 @@
             i0.ɵɵtextInterpolate1(" ", ctx_r20.recipe == null ? null : ctx_r20.recipe.attributes["title"], " ");
         }
     }
-    function CatalogRecipeCardComponent_div_4_ng_template_9_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_div_4_ng_template_8_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-skeleton", 39);
+            i0.ɵɵelement(0, "ng-miam-skeleton", 38);
         }
         if (rf & 2) {
             var ctx_r22 = i0.ɵɵnextContext(2);
             i0.ɵɵproperty("type", ctx_r22.skeleton.Text);
         }
     }
-    function CatalogRecipeCardComponent_div_4_ng_miam_like_button_12_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_div_4_ng_miam_like_button_11_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-like-button", 40);
+            i0.ɵɵelement(0, "ng-miam-like-button", 39);
         }
         if (rf & 2) {
             var ctx_r23 = i0.ɵɵnextContext(2);
@@ -10034,53 +10769,50 @@
     }
     function CatalogRecipeCardComponent_div_4_Template(rf, ctx) {
         if (rf & 1) {
-            var _r28_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 21);
-            i0.ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r28_1); var ctx_r27 = i0.ɵɵnextContext(); return ctx_r27.openRecipe(); });
-            i0.ɵɵelementStart(1, "div", 22);
-            i0.ɵɵelement(2, "img", 23);
-            i0.ɵɵtemplate(3, CatalogRecipeCardComponent_div_4_div_3_Template, 2, 1, "div", 24);
+            var _r29_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 20);
+            i0.ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r29_1); var ctx_r28 = i0.ɵɵnextContext(); return ctx_r28.openRecipe(); });
+            i0.ɵɵelementStart(1, "div", 21);
+            i0.ɵɵelement(2, "img", 22);
+            i0.ɵɵtemplate(3, CatalogRecipeCardComponent_div_4_div_3_Template, 2, 1, "div", 23);
             i0.ɵɵpipe(4, "async");
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(5, CatalogRecipeCardComponent_div_4_div_5_Template, 2, 3, "div", 25);
-            i0.ɵɵtemplate(6, CatalogRecipeCardComponent_div_4_div_6_Template, 2, 0, "div", 26);
-            i0.ɵɵpipe(7, "async");
-            i0.ɵɵtemplate(8, CatalogRecipeCardComponent_div_4_ng_container_8_Template, 3, 1, "ng-container", 27);
-            i0.ɵɵtemplate(9, CatalogRecipeCardComponent_div_4_ng_template_9_Template, 1, 1, "ng-template", null, 28, i0.ɵɵtemplateRefExtractor);
-            i0.ɵɵelementStart(11, "div", 29);
-            i0.ɵɵtemplate(12, CatalogRecipeCardComponent_div_4_ng_miam_like_button_12_Template, 1, 1, "ng-miam-like-button", 30);
-            i0.ɵɵpipe(13, "async");
-            i0.ɵɵelementStart(14, "div", 31, 32);
-            i0.ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_Template_div_click_14_listener($event) { i0.ɵɵrestoreView(_r28_1); var ctx_r29 = i0.ɵɵnextContext(); return ctx_r29.toggleMoreActions($event); });
-            i0.ɵɵelement(16, "ng-miam-icon", 33);
+            i0.ɵɵtemplate(5, CatalogRecipeCardComponent_div_4_div_5_Template, 2, 3, "div", 24);
+            i0.ɵɵtemplate(6, CatalogRecipeCardComponent_div_4_ng_container_6_Template, 3, 3, "ng-container", 23);
+            i0.ɵɵtemplate(7, CatalogRecipeCardComponent_div_4_ng_container_7_Template, 3, 1, "ng-container", 25);
+            i0.ɵɵtemplate(8, CatalogRecipeCardComponent_div_4_ng_template_8_Template, 1, 1, "ng-template", null, 26, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵelementStart(10, "div", 27);
+            i0.ɵɵtemplate(11, CatalogRecipeCardComponent_div_4_ng_miam_like_button_11_Template, 1, 1, "ng-miam-like-button", 28);
+            i0.ɵɵpipe(12, "async");
+            i0.ɵɵelementStart(13, "div", 29, 30);
+            i0.ɵɵlistener("click", function CatalogRecipeCardComponent_div_4_Template_div_click_13_listener($event) { i0.ɵɵrestoreView(_r29_1); var ctx_r30 = i0.ɵɵnextContext(); return ctx_r30.toggleMoreActions($event); });
+            i0.ɵɵelement(15, "ng-miam-icon", 31);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var _r21 = i0.ɵɵreference(10);
+            var _r21 = i0.ɵɵreference(9);
             var ctx_r0 = i0.ɵɵnextContext();
-            var tmp_1_0 = null;
-            var tmp_3_0 = null;
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("src", ctx_r0.recipe.attributes["media-url"], i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", !((tmp_1_0 = i0.ɵɵpipeBind1(4, 8, ctx_r0.groceriesListsService.list$)) == null ? null : tmp_1_0.hasRecipe(ctx_r0.recipe == null ? null : ctx_r0.recipe.id)) && ctx_r0.recipe.filigraneLogoUrl);
+            i0.ɵɵproperty("ngIf", !i0.ɵɵpipeBind1(4, 8, ctx_r0.groceriesListsService.recipeIsInList(ctx_r0.recipe == null ? null : ctx_r0.recipe.id)) && ctx_r0.recipe.filigraneLogoUrl);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx_r0.contextService.videoRecipesEnabled && (ctx_r0.recipe == null ? null : ctx_r0.recipe.videoId));
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", (tmp_3_0 = i0.ɵɵpipeBind1(7, 10, ctx_r0.groceriesListsService.list$)) == null ? null : tmp_3_0.hasRecipe(ctx_r0.recipe == null ? null : ctx_r0.recipe.id));
-            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx_r0.recipe && ctx_r0.displayAddedOnPicture);
+            i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r0.recipe)("ngIfElse", _r21);
             i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(13, 12, ctx_r0.userService.isLogged$));
+            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(12, 10, ctx_r0.userService.isLogged$));
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("iconName", ctx_r0.actionsOpened ? ctx_r0.icon.Clear : ctx_r0.icon.HorizontalDots);
         }
     }
     function CatalogRecipeCardComponent_ng_template_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-skeleton", 39);
+            i0.ɵɵelement(0, "ng-miam-skeleton", 38);
         }
         if (rf & 2) {
             var ctx_r2 = i0.ɵɵnextContext();
@@ -10089,10 +10821,10 @@
     }
     function CatalogRecipeCardComponent_div_10_Template(rf, ctx) {
         if (rf & 1) {
-            var _r31_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 41);
-            i0.ɵɵelementStart(1, "ng-miam-counter-input", 42);
-            i0.ɵɵlistener("counterChange", function CatalogRecipeCardComponent_div_10_Template_ng_miam_counter_input_counterChange_1_listener($event) { i0.ɵɵrestoreView(_r31_1); var ctx_r30 = i0.ɵɵnextContext(); return ctx_r30.updateGuests($event); });
+            var _r32_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 40);
+            i0.ɵɵelementStart(1, "ng-miam-counter-input", 41);
+            i0.ɵɵlistener("counterChange", function CatalogRecipeCardComponent_div_10_Template_ng_miam_counter_input_counterChange_1_listener($event) { i0.ɵɵrestoreView(_r32_1); var ctx_r31 = i0.ɵɵnextContext(); return ctx_r31.updateGuests($event); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
@@ -10104,26 +10836,26 @@
     }
     function CatalogRecipeCardComponent_div_11_div_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 47);
+            i0.ɵɵelementStart(0, "div", 46);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r32 = i0.ɵɵnextContext(2);
+            var ctx_r33 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" + ", ctx_r32.recipe.modifiedIngredients.length - 2, " ");
+            i0.ɵɵtextInterpolate1(" + ", ctx_r33.recipe.modifiedIngredients.length - 2, " ");
         }
     }
     function CatalogRecipeCardComponent_div_11_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 43);
-            i0.ɵɵelementStart(1, "div", 44);
-            i0.ɵɵelement(2, "img", 45);
+            i0.ɵɵelementStart(0, "div", 42);
+            i0.ɵɵelementStart(1, "div", 43);
+            i0.ɵɵelement(2, "img", 44);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "div", 44);
-            i0.ɵɵelement(4, "img", 45);
+            i0.ɵɵelementStart(3, "div", 43);
+            i0.ɵɵelement(4, "img", 44);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(5, CatalogRecipeCardComponent_div_11_div_5_Template, 2, 1, "div", 46);
+            i0.ɵɵtemplate(5, CatalogRecipeCardComponent_div_11_div_5_Template, 2, 1, "div", 45);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -10138,43 +10870,54 @@
     }
     function CatalogRecipeCardComponent_ng_template_12_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-skeleton", 39);
+            i0.ɵɵelement(0, "ng-miam-skeleton", 38);
         }
         if (rf & 2) {
             var ctx_r6 = i0.ɵɵnextContext();
             i0.ɵɵproperty("type", ctx_r6.skeleton == null ? null : ctx_r6.skeleton.IconWithInfo);
         }
     }
-    function CatalogRecipeCardComponent_ng_miam_recipe_pricing_16_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_div_15_ng_miam_recipe_pricing_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "ng-miam-recipe-pricing", 49);
+        }
+        if (rf & 2) {
+            var ctx_r34 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("recipe", ctx_r34.recipe)("serves", ctx_r34.recipe == null ? null : ctx_r34.recipe.modifiedGuests);
+        }
+    }
+    function CatalogRecipeCardComponent_div_15_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-recipe-pricing", 48);
+            i0.ɵɵelementStart(0, "div", 47);
+            i0.ɵɵtemplate(1, CatalogRecipeCardComponent_div_15_ng_miam_recipe_pricing_1_Template, 1, 2, "ng-miam-recipe-pricing", 48);
+            i0.ɵɵelementEnd();
         }
         if (rf & 2) {
             var ctx_r7 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("recipe", ctx_r7.recipe)("serves", ctx_r7.recipe == null ? null : ctx_r7.recipe.modifiedGuests);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx_r7.isPriceDisplayed);
         }
     }
-    function CatalogRecipeCardComponent_ng_miam_icon_19_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_ng_miam_icon_18_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-icon", 49);
+            i0.ɵɵelement(0, "ng-miam-icon", 50);
             i0.ɵɵpipe(1, "async");
         }
         if (rf & 2) {
             var ctx_r8 = i0.ɵɵnextContext();
-            var tmp_2_0 = null;
-            i0.ɵɵproperty("width", 24)("height", 24)("iconName", ((tmp_2_0 = i0.ɵɵpipeBind1(1, 3, ctx_r8.groceriesListsService.list$)) == null ? null : tmp_2_0.hasRecipe(ctx_r8.recipe == null ? null : ctx_r8.recipe.id)) ? ctx_r8.icon.CheckList : ctx_r8.icon.Cart);
+            i0.ɵɵproperty("width", 24)("height", 24)("iconName", i0.ɵɵpipeBind1(1, 3, ctx_r8.groceriesListsService.recipeIsInList(ctx_r8.recipe == null ? null : ctx_r8.recipe.id)) ? ctx_r8.icon.CheckList : ctx_r8.icon.Cart);
         }
     }
-    function CatalogRecipeCardComponent_ng_template_20_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_ng_template_19_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "ng-miam-loader");
         }
     }
-    function CatalogRecipeCardComponent_div_23_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_div_22_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 50);
-            i0.ɵɵelement(1, "ng-miam-icon", 51);
-            i0.ɵɵelementStart(2, "span", 52);
+            i0.ɵɵelementStart(0, "div", 51);
+            i0.ɵɵelement(1, "ng-miam-icon", 52);
+            i0.ɵɵelementStart(2, "span", 53);
             i0.ɵɵtext(3);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
@@ -10187,24 +10930,24 @@
             i0.ɵɵtextInterpolate2("", ctx_r11.isMobile ? "" : "Temps n\u00E9cessaire : ", "", ctx_r11.recipe == null ? null : ctx_r11.recipe.totalTime, "");
         }
     }
-    function CatalogRecipeCardComponent_ng_template_24_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_ng_template_23_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-skeleton", 39);
+            i0.ɵɵelement(0, "ng-miam-skeleton", 38);
         }
         if (rf & 2) {
             var ctx_r13 = i0.ɵɵnextContext();
             i0.ɵɵproperty("type", ctx_r13.skeleton == null ? null : ctx_r13.skeleton.IconWithInfo);
         }
     }
-    function CatalogRecipeCardComponent_ng_miam_actions_popin_26_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_ng_miam_actions_popin_25_Template(rf, ctx) {
         if (rf & 1) {
-            var _r34_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "ng-miam-actions-popin", 53);
-            i0.ɵɵlistener("close", function CatalogRecipeCardComponent_ng_miam_actions_popin_26_Template_ng_miam_actions_popin_close_0_listener() { i0.ɵɵrestoreView(_r34_1); var ctx_r33 = i0.ɵɵnextContext(); return ctx_r33.closeMoreActions(); })("actionTriggered", function CatalogRecipeCardComponent_ng_miam_actions_popin_26_Template_ng_miam_actions_popin_actionTriggered_0_listener($event) { i0.ɵɵrestoreView(_r34_1); var ctx_r35 = i0.ɵɵnextContext(); return ctx_r35.actionTriggered.emit($event); });
+            var _r36_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "ng-miam-actions-popin", 54);
+            i0.ɵɵlistener("close", function CatalogRecipeCardComponent_ng_miam_actions_popin_25_Template_ng_miam_actions_popin_close_0_listener() { i0.ɵɵrestoreView(_r36_1); var ctx_r35 = i0.ɵɵnextContext(); return ctx_r35.closeMoreActions(); })("actionTriggered", function CatalogRecipeCardComponent_ng_miam_actions_popin_25_Template_ng_miam_actions_popin_actionTriggered_0_listener($event) { i0.ɵɵrestoreView(_r36_1); var ctx_r37 = i0.ɵɵnextContext(); return ctx_r37.actionTriggered.emit($event); });
             i0.ɵɵelementEnd();
         }
     }
-    function CatalogRecipeCardComponent_ng_template_27_Template(rf, ctx) {
+    function CatalogRecipeCardComponent_ng_template_26_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "ng-miam-cors-overlay");
         }
@@ -10240,7 +10983,10 @@
         };
         CatalogRecipeCardComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.subscriptions.push(this.groceriesListsService.list$.pipe(operators.skipWhile(function (l) { return !l; })).subscribe(function () { return _this.cdr.detectChanges(); }));
+            // Refresh view each time groceriesList changes
+            this.subscriptions.push(this.groceriesListsService.list$
+                .pipe(operators.skipWhile(function (l) { return !l; }))
+                .subscribe(function () { return _this.cdr.detectChanges(); }));
             if (this.recipe) {
                 this.recipe = this.recipe.shallowCopyWithEvents(this.recipeEventsService.ORIGIN_CATALOG, this.eventsGroupId);
                 this.recipeEventsService.enqueueEvent(this.recipe, this.recipeEventsService.ACTION_PROPOSED);
@@ -10274,10 +11020,14 @@
             this.observer.observe(this.element.nativeElement);
         };
         CatalogRecipeCardComponent.prototype.updateGuests = function (count) {
+            var _this = this;
             this.recipe.modifiedGuests = count;
-            if (this.groceriesListsService.list$.value.hasRecipe(this.recipe.id)) {
-                this.addRecipe(false);
-            }
+            this.subscriptions.push(this.groceriesListsService.recipeIsInList(this.recipe.id).subscribe(function (recipeIsInList) {
+                if (recipeIsInList) {
+                    _this.addRecipe(false);
+                    _this.cdr.detectChanges();
+                }
+            }));
             this.cdr.detectChanges();
         };
         CatalogRecipeCardComponent.prototype.toggleMoreActions = function (event) {
@@ -10308,7 +11058,7 @@
             if (rf & 1) {
                 i0.ɵɵlistener("scroll", function CatalogRecipeCardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, false, i0.ɵɵresolveWindow);
             }
-        }, outputs: { actionTriggered: "actionTriggered" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 29, vars: 19, consts: [[1, "miam-catalog-recipe-card"], [1, "miam-catalog-recipe-card__header"], ["class", "miam-catalog-card__picture", 3, "click", 4, "ngIf", "ngIfElse"], ["pictSkeleton", ""], [1, "miam-catalog-card__attributes"], [1, "miam-catalog-recipe-card__attributes__control"], [1, "miam-catalog-recipe-card__control__left__col"], ["class", "miam-catalog-recipe-card__left__col__counter", 4, "ngIf", "ngIfElse"], ["class", "miam-recipe-card__ingredients__pictures", 4, "ngIf"], ["skeletoncounter", ""], [1, "miam-catalog-recipe-card__control__right__col"], [1, "miam-catalog-recipe-card__right__col__price"], [3, "recipe", "serves", 4, "ngIf"], [1, "m-button-fab-primary", 3, "disabled", "ngClass", "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName", 4, "ngIf", "ngIfElse"], ["addLoader", ""], [1, "miam-catalog-card__attributes__infos"], ["class", "miam-catalog-card__attributes__info  ", 4, "ngIf", "ngIfElse"], ["skeletonInfo", ""], [3, "close", "actionTriggered", 4, "ngIf"], ["cors", ""], [1, "miam-catalog-card__picture", 3, "click"], [1, "miam-catalog-card__picture__gradient"], ["loading", "lazy", 1, "miam-catalog-card__picture__img", 3, "src"], [4, "ngIf"], ["class", "miam-catalog-recipe-card__picture__video", 4, "ngIf"], ["class", "miam-catalog-recipe-card__picture__tag", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["textSkeleton", ""], [1, "miam-catalog-recipe-card__picture__actions"], ["class", "miam-catalog-recipe-card__actions__icon miam-noPadding", 3, "recipe", 4, "ngIf"], [1, "miam-catalog-recipe-card__actions__icon", 3, "click"], ["miamMoreActions", ""], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], [1, "miam-catalog-card__picture__sponsor", 3, "src"], [1, "miam-catalog-recipe-card__picture__video"], ["primaryColor", "black", 3, "iconName", "width", "height"], [1, "miam-catalog-recipe-card__picture__tag"], [1, "miam-catalog-recipe-card__attributes__title", 3, "click"], [3, "type"], [1, "miam-catalog-recipe-card__actions__icon", "miam-noPadding", 3, "recipe"], [1, "miam-catalog-recipe-card__left__col__counter"], [3, "counter", "counterChange"], [1, "miam-recipe-card__ingredients__pictures"], [1, "miam-recipe-card__ingredients__picture"], [3, "src"], ["class", "miam-recipe-card__ingredients__more", 4, "ngIf"], [1, "miam-recipe-card__ingredients__more"], [3, "recipe", "serves"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-catalog-card__attributes__info"], [3, "iconName"], [1, "miam-catalog-card__info__label"], [3, "close", "actionTriggered"]], template: function CatalogRecipeCardComponent_Template(rf, ctx) {
+        }, outputs: { actionTriggered: "actionTriggered" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 28, vars: 19, consts: [[1, "miam-catalog-recipe-card"], [1, "miam-catalog-recipe-card__header"], ["class", "miam-catalog-card__picture", 3, "click", 4, "ngIf", "ngIfElse"], ["pictSkeleton", ""], [1, "miam-catalog-card__attributes"], [1, "miam-catalog-recipe-card__attributes__control"], [1, "miam-catalog-recipe-card__control__left__col"], ["class", "miam-catalog-recipe-card__left__col__counter", 4, "ngIf", "ngIfElse"], ["class", "miam-recipe-card__ingredients__pictures", 4, "ngIf"], ["skeletoncounter", ""], [1, "miam-catalog-recipe-card__control__right__col"], ["class", "miam-catalog-recipe-card__right__col__price", 4, "ngIf"], [1, "m-button-fab-primary", 3, "disabled", "ngClass", "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName", 4, "ngIf", "ngIfElse"], ["addLoader", ""], [1, "miam-catalog-card__attributes__infos"], ["class", "miam-catalog-card__attributes__info  ", 4, "ngIf", "ngIfElse"], ["skeletonInfo", ""], [3, "close", "actionTriggered", 4, "ngIf"], ["cors", ""], [1, "miam-catalog-card__picture", 3, "click"], [1, "miam-catalog-card__picture__gradient"], ["loading", "lazy", 1, "miam-catalog-card__picture__img", 3, "src"], [4, "ngIf"], ["class", "miam-catalog-recipe-card__picture__video", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["textSkeleton", ""], [1, "miam-catalog-recipe-card__picture__actions"], ["class", "miam-catalog-recipe-card__actions__icon miam-noPadding", 3, "recipe", 4, "ngIf"], [1, "miam-catalog-recipe-card__actions__icon", 3, "click"], ["miamMoreActions", ""], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], [1, "miam-catalog-card__picture__sponsor", 3, "src"], [1, "miam-catalog-recipe-card__picture__video"], ["primaryColor", "black", 3, "iconName", "width", "height"], ["class", "miam-catalog-recipe-card__picture__tag", 4, "ngIf"], [1, "miam-catalog-recipe-card__picture__tag"], [1, "miam-catalog-recipe-card__attributes__title", 3, "click"], [3, "type"], [1, "miam-catalog-recipe-card__actions__icon", "miam-noPadding", 3, "recipe"], [1, "miam-catalog-recipe-card__left__col__counter"], [3, "counter", "counterChange"], [1, "miam-recipe-card__ingredients__pictures"], [1, "miam-recipe-card__ingredients__picture"], [3, "src"], ["class", "miam-recipe-card__ingredients__more", 4, "ngIf"], [1, "miam-recipe-card__ingredients__more"], [1, "miam-catalog-recipe-card__right__col__price"], [3, "recipe", "serves", 4, "ngIf"], [3, "recipe", "serves"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-catalog-card__attributes__info"], [3, "iconName"], [1, "miam-catalog-card__info__label"], [3, "close", "actionTriggered"]], template: function CatalogRecipeCardComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "div", 0);
                 i0.ɵɵelementStart(1, "div", 1);
@@ -10316,7 +11066,7 @@
                 i0.ɵɵtext(3);
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementEnd();
-                i0.ɵɵtemplate(4, CatalogRecipeCardComponent_div_4_Template, 17, 14, "div", 2);
+                i0.ɵɵtemplate(4, CatalogRecipeCardComponent_div_4_Template, 16, 12, "div", 2);
                 i0.ɵɵtemplate(5, CatalogRecipeCardComponent_ng_template_5_Template, 1, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
                 i0.ɵɵelementStart(7, "div", 4);
                 i0.ɵɵelementStart(8, "div", 5);
@@ -10326,32 +11076,29 @@
                 i0.ɵɵtemplate(12, CatalogRecipeCardComponent_ng_template_12_Template, 1, 1, "ng-template", null, 9, i0.ɵɵtemplateRefExtractor);
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementStart(14, "div", 10);
-                i0.ɵɵelementStart(15, "div", 11);
-                i0.ɵɵtemplate(16, CatalogRecipeCardComponent_ng_miam_recipe_pricing_16_Template, 1, 2, "ng-miam-recipe-pricing", 12);
+                i0.ɵɵtemplate(15, CatalogRecipeCardComponent_div_15_Template, 2, 1, "div", 11);
+                i0.ɵɵelementStart(16, "button", 12);
+                i0.ɵɵlistener("click", function CatalogRecipeCardComponent_Template_button_click_16_listener() { return ctx.clickPrimary(); });
+                i0.ɵɵpipe(17, "async");
+                i0.ɵɵtemplate(18, CatalogRecipeCardComponent_ng_miam_icon_18_Template, 2, 5, "ng-miam-icon", 13);
+                i0.ɵɵtemplate(19, CatalogRecipeCardComponent_ng_template_19_Template, 1, 0, "ng-template", null, 14, i0.ɵɵtemplateRefExtractor);
                 i0.ɵɵelementEnd();
-                i0.ɵɵelementStart(17, "button", 13);
-                i0.ɵɵlistener("click", function CatalogRecipeCardComponent_Template_button_click_17_listener() { return ctx.clickPrimary(); });
-                i0.ɵɵpipe(18, "async");
-                i0.ɵɵtemplate(19, CatalogRecipeCardComponent_ng_miam_icon_19_Template, 2, 5, "ng-miam-icon", 14);
-                i0.ɵɵtemplate(20, CatalogRecipeCardComponent_ng_template_20_Template, 1, 0, "ng-template", null, 15, i0.ɵɵtemplateRefExtractor);
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(21, "div", 15);
+                i0.ɵɵtemplate(22, CatalogRecipeCardComponent_div_22_Template, 4, 3, "div", 16);
+                i0.ɵɵtemplate(23, CatalogRecipeCardComponent_ng_template_23_Template, 1, 1, "ng-template", null, 17, i0.ɵɵtemplateRefExtractor);
                 i0.ɵɵelementEnd();
-                i0.ɵɵelementStart(22, "div", 16);
-                i0.ɵɵtemplate(23, CatalogRecipeCardComponent_div_23_Template, 4, 3, "div", 17);
-                i0.ɵɵtemplate(24, CatalogRecipeCardComponent_ng_template_24_Template, 1, 1, "ng-template", null, 18, i0.ɵɵtemplateRefExtractor);
                 i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(25, CatalogRecipeCardComponent_ng_miam_actions_popin_25_Template, 1, 0, "ng-miam-actions-popin", 18);
                 i0.ɵɵelementEnd();
-                i0.ɵɵtemplate(26, CatalogRecipeCardComponent_ng_miam_actions_popin_26_Template, 1, 0, "ng-miam-actions-popin", 19);
-                i0.ɵɵelementEnd();
-                i0.ɵɵtemplate(27, CatalogRecipeCardComponent_ng_template_27_Template, 1, 0, "ng-template", null, 20, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵtemplate(26, CatalogRecipeCardComponent_ng_template_26_Template, 1, 0, "ng-template", null, 19, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
                 var _r1 = i0.ɵɵreference(6);
                 var _r5 = i0.ɵɵreference(13);
-                var _r9 = i0.ɵɵreference(21);
-                var _r12 = i0.ɵɵreference(25);
-                var tmp_8_0 = null;
+                var _r9 = i0.ɵɵreference(20);
+                var _r12 = i0.ɵɵreference(24);
                 i0.ɵɵadvance(3);
                 i0.ɵɵtextInterpolate1(" ", ctx.headerText, "");
                 i0.ɵɵadvance(1);
@@ -10360,10 +11107,10 @@
                 i0.ɵɵproperty("ngIf", ctx.recipe)("ngIfElse", _r5);
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngIf", ctx.contextService.displayIngredientPicturesOnRecipeCards && (ctx.recipe == null ? null : ctx.recipe.modifiedIngredients == null ? null : ctx.recipe.modifiedIngredients.length) > 1);
-                i0.ɵɵadvance(5);
-                i0.ɵɵproperty("ngIf", ctx.isPriceDisplayed);
+                i0.ɵɵadvance(4);
+                i0.ɵɵproperty("ngIf", ctx.recipe && ctx.displayPricing);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("disabled", !ctx.recipe)("ngClass", i0.ɵɵpureFunction2(16, _c1$7, (tmp_8_0 = i0.ɵɵpipeBind1(18, 14, ctx.groceriesListsService.list$)) == null ? null : tmp_8_0.hasRecipe(ctx.recipe == null ? null : ctx.recipe.id), ctx.addButtonLoading));
+                i0.ɵɵproperty("disabled", !ctx.recipe)("ngClass", i0.ɵɵpureFunction2(16, _c1$7, i0.ɵɵpipeBind1(17, 14, ctx.groceriesListsService.recipeIsInList(ctx.recipe == null ? null : ctx.recipe.id)), ctx.addButtonLoading));
                 i0.ɵɵadvance(2);
                 i0.ɵɵproperty("ngIf", !ctx.addButtonLoading)("ngIfElse", _r9);
                 i0.ɵɵadvance(4);
@@ -12758,7 +13505,7 @@
                 i0.ɵɵadvance(2);
                 i0.ɵɵproperty("ngIf", !ctx.creatingRecipe)("ngIfElse", _r2);
             }
-        }, styles: [".miam-recipe-catalog{display:flex;justify-content:space-between;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content{width:calc(100% - 216px)}.miam-recipe-catalog .miam-recipe-catalog__content.filter-collapsed{overflow-x:hidden;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories{display:flex;flex-direction:column;margin-top:40px;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__list{margin-top:40px;width:100%}.miam-recipe-catalog .miam-recipe-catalog__returnTop{-webkit-tap-highlight-color:transparent;background-color:var(--m-color-primary);border-radius:var(--m-border-radius-circle);bottom:24px;box-shadow:0 2px 10px -4px var(--m-color-grey-text-dark);cursor:pointer;padding:8px;position:fixed;right:56px;transform:rotate(-180deg);z-index:var(--m-z-index-position-absolute-high)}@media (min-width:1023px){.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal{background-color:rgba(0,36,61,.75);bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:4000}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback{background-color:#fff;border-radius:12px;height:220px;left:50%;position:fixed;top:35%;transform:translateX(-45%);width:400px}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__icon-cross{position:absolute;right:8px;top:8px}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__title{color:#1177bc;font-family:Overlock;font-size:24px;height:28px;margin-top:40px;text-align:center}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__question{color:#202020;font-family:Roboto;font-size:16px;height:20px;margin-top:26px;text-align:center}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__actions{display:flex;justify-content:center;margin-left:-30px;margin-top:46px}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__actions>.m-feedback-button{align-items:center;background-color:#fff;border:0 solid #fff;border-radius:25px;color:#676767;display:flex;font-weight:700;height:36px;justify-content:center;margin-left:24px;min-width:72px;padding:12px 16px}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__actions>.m-feedback-button:hover{align-items:center;background-color:#1177bc;border:0 solid #1177bc;border-radius:25px;color:#fff;display:flex;font-weight:700;height:36px;justify-content:center;margin-left:24px;min-width:72px;padding:12px 16px}}@media (max-width:1022px){.miam-recipe-catalog{max-width:100vw}.miam-recipe-catalog .miam-recipe-catalog__returnTop{bottom:72px;right:24px}.miam-recipe-catalog .miam-recipe-catalog__content{width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__user-feedback{margin-top:55px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories,.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__list{margin-top:60px}.miam-recipe-catalog .miam-recipe-catalog__content:not(.filter-collapsed){display:none}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal{background-color:rgba(0,36,61,.75);bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:4000}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback{background-color:#fff;border-radius:24px 24px 0 0;bottom:0;height:220px;position:fixed;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__icon-cross{position:absolute;right:8px;top:8px}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__title{color:#1177bc;font-family:Overlock;font-size:24px;height:28px;margin-top:40px;text-align:center}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__question{color:#202020;font-family:Roboto;font-size:16px;height:20px;margin-top:26px;text-align:center}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__actions{display:flex;justify-content:center;margin-left:-30px;margin-top:46px}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__actions>.m-feedback-button{align-items:center;background-color:#fff;border:0 solid #fff;border-radius:25px;color:#676767;display:flex;font-weight:700;height:36px;justify-content:center;margin-left:24px;min-width:72px;padding:12px 16px}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__actions>.m-feedback-button:hover{align-items:center;background-color:#1177bc;border:0 solid #1177bc;border-radius:25px;color:#fff;display:flex;font-weight:700;height:36px;justify-content:center;margin-left:24px;min-width:72px;padding:12px 16px}}"], encapsulation: 2, changeDetection: 0 });
+        }, styles: [".miam-recipe-catalog{display:flex;justify-content:space-between;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content{width:calc(100% - 216px)}.miam-recipe-catalog .miam-recipe-catalog__content.filter-collapsed{overflow-x:hidden;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories{display:flex;flex-direction:column;margin-top:40px;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__list{margin-top:40px;width:100%}.miam-recipe-catalog .miam-recipe-catalog__returnTop{-webkit-tap-highlight-color:transparent;background-color:var(--m-color-primary);border-radius:var(--m-border-radius-circle);bottom:24px;box-shadow:0 2px 10px -4px var(--m-color-grey-text-dark);cursor:pointer;padding:8px;position:fixed;right:56px;transform:rotate(-180deg);z-index:var(--m-z-index-position-absolute-high)}@media (min-width:1023px){.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal{background-color:rgba(0,36,61,.75);bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:4000}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback{background-color:#fff;border-radius:12px;height:220px;left:50%;position:fixed;top:35%;transform:translateX(-45%);width:400px}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__icon-cross{cursor:pointer;position:absolute;right:8px;top:8px}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__title{color:#1177bc;font-family:Overlock;font-size:24px;height:28px;margin-top:40px;text-align:center}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__question{color:#202020;font-family:Roboto;font-size:16px;height:20px;margin-top:26px;text-align:center}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__actions{display:flex;justify-content:center;margin-left:-30px;margin-top:46px}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__actions>.m-feedback-button{align-items:center;background-color:#fff;border:0 solid #fff;border-radius:25px;color:#676767;display:flex;font-weight:700;height:36px;justify-content:center;margin-left:24px;min-width:72px;padding:12px 16px}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__actions>.m-feedback-button:hover{align-items:center;background-color:#1177bc;border:0 solid #1177bc;border-radius:25px;color:#fff;display:flex;font-weight:700;height:36px;justify-content:center;margin-left:24px;min-width:72px;padding:12px 16px}}@media (max-width:1022px){.miam-recipe-catalog{max-width:100vw}.miam-recipe-catalog .miam-recipe-catalog__returnTop{bottom:72px;right:24px}.miam-recipe-catalog .miam-recipe-catalog__content{width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__user-feedback{margin-top:55px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories,.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__list{margin-top:60px}.miam-recipe-catalog .miam-recipe-catalog__content:not(.filter-collapsed){display:none}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal{background-color:rgba(0,36,61,.75);bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:4000}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback{background-color:#fff;border-radius:24px 24px 0 0;bottom:0;height:220px;position:fixed;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__icon-cross{position:absolute;right:8px;top:8px}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__title{color:#1177bc;font-family:Overlock;font-size:24px;height:28px;margin-top:40px;text-align:center}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__question{color:#202020;font-family:Roboto;font-size:16px;height:20px;margin-top:26px;text-align:center}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__actions{display:flex;justify-content:center;margin-left:-30px;margin-top:46px}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__actions>.m-feedback-button{align-items:center;background-color:#fff;border:0 solid #fff;border-radius:25px;color:#676767;display:flex;font-weight:700;height:36px;justify-content:center;margin-left:24px;min-width:72px;padding:12px 16px}.miam-recipe-catalog .miam-recipe-catalog__content__user-feedback__modal .miam-recipe-catalog__content__user-feedback .miam-recipe-catalog__content__user-feedback__actions>.m-feedback-button:hover{align-items:center;background-color:#1177bc;border:0 solid #1177bc;border-radius:25px;color:#fff;display:flex;font-weight:700;height:36px;justify-content:center;margin-left:24px;min-width:72px;padding:12px 16px}}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(RecipeCatalogComponent, [{
                 type: i0.Component,
@@ -13150,7 +13897,7 @@
             }
             this.subscriptions.push(rxjs.forkJoin(this.entries.map(function (e) { return e.delete(); })).pipe(
             // Reload the basket to make sure the injector receives the update
-            operators.switchMap(function () { return _this.basketsService.loadBasket(); })).subscribe(function () { return _this.closed.emit(); }));
+            operators.switchMap(function () { return _this.basketsService.reloadBasket(); })).subscribe(function () { return _this.closed.emit(); }));
         };
         // Save modified entries, reload basket, and move to next step
         ListScanIngredientsListComponent.prototype.confirm = function () {
@@ -13161,7 +13908,7 @@
             this.subscriptions.push(rxjs.forkJoin(this.entries.map(function (e) {
                 e.status = 'active'; // force reactivation of entry in case the name has changed (and was unavailable before)
                 return e.save();
-            })).pipe(operators.switchMap(function () { return _this.basketsService.loadBasket(); })).subscribe(function () { return _this.confirmed.emit(); }));
+            })).pipe(operators.switchMap(function () { return _this.basketsService.reloadBasket(); })).subscribe(function () { return _this.confirmed.emit(); }));
         };
         return ListScanIngredientsListComponent;
     }());
@@ -13314,7 +14061,7 @@
             this.cdr.detectChanges();
             var e = line.record.groceriesEntry;
             this.entries.splice(this.entries.indexOf(e), 1);
-            this.subscriptions.push(e.delete().pipe(operators.switchMap(function () { return _this.basketsService.loadBasket(); })).subscribe());
+            this.subscriptions.push(e.delete().pipe(operators.switchMap(function () { return _this.basketsService.reloadBasket(); })).subscribe());
         };
         ListScanBasketPreviewComponent.prototype.toggleReplacing = function (line) {
             // Recalculate basket entry price to avoid JS errors...
@@ -14321,7 +15068,7 @@
     var _c1$e = ["mainContainer"];
     function RecipeDetailsComponent_div_0_img_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "img", 41);
+            i0.ɵɵelement(0, "img", 40);
         }
         if (rf & 2) {
             var ctx_r5 = i0.ɵɵnextContext(2);
@@ -14330,26 +15077,39 @@
     }
     function RecipeDetailsComponent_div_0_div_7_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "div", 42);
+            i0.ɵɵelement(0, "div", 41);
         }
     }
     function RecipeDetailsComponent_div_0_youtube_player_8_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "youtube-player", 43);
+            i0.ɵɵelement(0, "youtube-player", 42);
         }
         if (rf & 2) {
             var ctx_r7 = i0.ɵɵnextContext(2);
             i0.ɵɵproperty("videoId", ctx_r7.recipe.videoId)("width", ctx_r7.playerWidth)("height", ctx_r7.playerHeight);
         }
     }
-    function RecipeDetailsComponent_div_0_div_9_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_container_9_div_1_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 44);
             i0.ɵɵtext(1, "D\u00E9j\u00E0 ajout\u00E9e");
             i0.ɵɵelementEnd();
         }
     }
-    function RecipeDetailsComponent_div_0_ng_miam_like_button_12_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_container_9_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementContainerStart(0);
+            i0.ɵɵtemplate(1, RecipeDetailsComponent_div_0_ng_container_9_div_1_Template, 2, 0, "div", 43);
+            i0.ɵɵpipe(2, "async");
+            i0.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var ctx_r8 = i0.ɵɵnextContext(2);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 1, ctx_r8.groceriesListsService.recipeIsInList(ctx_r8.recipe == null ? null : ctx_r8.recipe.id)));
+        }
+    }
+    function RecipeDetailsComponent_div_0_ng_miam_like_button_11_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "ng-miam-like-button", 45);
         }
@@ -14358,7 +15118,7 @@
             i0.ɵɵproperty("recipe", ctx_r9.recipe)("width", 26)("height", 26);
         }
     }
-    function RecipeDetailsComponent_div_0_img_16_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_img_15_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "img", 46);
         }
@@ -14367,7 +15127,7 @@
             i0.ɵɵpropertyInterpolate("src", ctx_r10.recipe.filigraneLogoUrl, i0.ɵɵsanitizeUrl);
         }
     }
-    function RecipeDetailsComponent_div_0_div_23_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_div_22_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 47);
             i0.ɵɵelementStart(1, "span");
@@ -14389,7 +15149,7 @@
             i0.ɵɵtextInterpolate(ctx_r11.recipe == null ? null : ctx_r11.recipe.preparationTime);
         }
     }
-    function RecipeDetailsComponent_div_0_div_24_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_div_23_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 47);
             i0.ɵɵelementStart(1, "span");
@@ -14411,7 +15171,7 @@
             i0.ɵɵtextInterpolate(ctx_r12.recipe == null ? null : ctx_r12.recipe.cookingTime);
         }
     }
-    function RecipeDetailsComponent_div_0_div_25_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_div_24_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 47);
             i0.ɵɵelementStart(1, "span");
@@ -14433,7 +15193,7 @@
             i0.ɵɵtextInterpolate(ctx_r13.recipe == null ? null : ctx_r13.recipe.restingTime);
         }
     }
-    function RecipeDetailsComponent_div_0_ng_container_35_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_container_34_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementContainerStart(0);
             i0.ɵɵelement(1, "ng-miam-icon", 50);
@@ -14445,7 +15205,7 @@
             i0.ɵɵproperty("width", 56)("height", 16)("iconName", ctx_r14.icon.DifficultyLow);
         }
     }
-    function RecipeDetailsComponent_div_0_ng_container_36_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_container_35_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementContainerStart(0);
             i0.ɵɵelement(1, "ng-miam-icon", 50);
@@ -14457,7 +15217,7 @@
             i0.ɵɵproperty("width", 56)("height", 16)("iconName", ctx_r15.icon.DifficultyMedium);
         }
     }
-    function RecipeDetailsComponent_div_0_ng_container_37_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_container_36_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementContainerStart(0);
             i0.ɵɵelement(1, "ng-miam-icon", 50);
@@ -14469,412 +15229,430 @@
             i0.ɵɵproperty("width", 56)("height", 16)("iconName", ctx_r16.icon.DifficultyHight);
         }
     }
-    function RecipeDetailsComponent_div_0_ng_container_38_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_container_37_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementContainer(0);
         }
     }
-    function RecipeDetailsComponent_div_0_button_51_ng_miam_icon_5_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_div_48_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 51);
+            i0.ɵɵelement(1, "ng-miam-recipe-pricing", 52);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r18 = i0.ɵɵnextContext(2);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("recipe", ctx_r18.recipe)("serves", ctx_r18.recipe == null ? null : ctx_r18.recipe.modifiedGuests);
+        }
+    }
+    function RecipeDetailsComponent_div_0_button_49_ng_miam_icon_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-icon", 54);
+            i0.ɵɵelement(0, "ng-miam-icon", 56);
             i0.ɵɵpipe(1, "async");
         }
         if (rf & 2) {
-            var ctx_r25 = i0.ɵɵnextContext(3);
-            var tmp_2_0 = null;
-            i0.ɵɵproperty("width", 24)("height", 24)("iconName", ((tmp_2_0 = i0.ɵɵpipeBind1(1, 3, ctx_r25.groceriesListsService.list$)) == null ? null : tmp_2_0.hasRecipe(ctx_r25.recipe == null ? null : ctx_r25.recipe.id)) ? ctx_r25.icon.CheckList : ctx_r25.icon.Cart);
+            var ctx_r28 = i0.ɵɵnextContext(3);
+            i0.ɵɵproperty("width", 24)("height", 24)("iconName", i0.ɵɵpipeBind1(1, 3, ctx_r28.groceriesListsService.recipeIsInList(ctx_r28.recipe == null ? null : ctx_r28.recipe.id)) ? ctx_r28.icon.CheckList : ctx_r28.icon.Cart);
         }
     }
-    function RecipeDetailsComponent_div_0_button_51_ng_template_6_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_button_49_ng_template_6_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "ng-miam-loader");
         }
     }
     var _c2$2 = function (a0, a1) { return { "in-basket": a0, "loading": a1 }; };
-    function RecipeDetailsComponent_div_0_button_51_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_button_49_Template(rf, ctx) {
         if (rf & 1) {
-            var _r29_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 51);
-            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_button_51_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r29_1); var ctx_r28 = i0.ɵɵnextContext(2); return ctx_r28.clickPrimary(); });
+            var _r32_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "button", 53);
+            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_button_49_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r32_1); var ctx_r31 = i0.ɵɵnextContext(2); return ctx_r31.clickPrimary(); });
             i0.ɵɵpipe(1, "async");
             i0.ɵɵelementStart(2, "span");
             i0.ɵɵtext(3);
             i0.ɵɵpipe(4, "async");
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(5, RecipeDetailsComponent_div_0_button_51_ng_miam_icon_5_Template, 2, 5, "ng-miam-icon", 52);
-            i0.ɵɵtemplate(6, RecipeDetailsComponent_div_0_button_51_ng_template_6_Template, 1, 0, "ng-template", null, 53, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(5, RecipeDetailsComponent_div_0_button_49_ng_miam_icon_5_Template, 2, 5, "ng-miam-icon", 54);
+            i0.ɵɵtemplate(6, RecipeDetailsComponent_div_0_button_49_ng_template_6_Template, 1, 0, "ng-template", null, 55, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var _r26 = i0.ɵɵreference(7);
-            var ctx_r18 = i0.ɵɵnextContext(2);
-            var tmp_0_0 = null;
-            var tmp_1_0 = null;
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(8, _c2$2, (tmp_0_0 = i0.ɵɵpipeBind1(1, 4, ctx_r18.groceriesListsService.list$)) == null ? null : tmp_0_0.hasRecipe(ctx_r18.recipe == null ? null : ctx_r18.recipe.id), ctx_r18.addButtonLoading));
+            var _r29 = i0.ɵɵreference(7);
+            var ctx_r19 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(8, _c2$2, i0.ɵɵpipeBind1(1, 4, ctx_r19.groceriesListsService.recipeIsInList(ctx_r19.recipe == null ? null : ctx_r19.recipe.id)), ctx_r19.addButtonLoading));
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", ((tmp_1_0 = i0.ɵɵpipeBind1(4, 6, ctx_r18.groceriesListsService.list$)) == null ? null : tmp_1_0.hasRecipe(ctx_r18.recipe == null ? null : ctx_r18.recipe.id)) ? "Voir le d\u00E9tail" : "S\u00E9lectionner ce repas", " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 6, ctx_r19.groceriesListsService.recipeIsInList(ctx_r19.recipe == null ? null : ctx_r19.recipe.id)) ? "Voir le d\u00E9tail" : "S\u00E9lectionner ce repas", " ");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !ctx_r18.addButtonLoading)("ngIfElse", _r26);
+            i0.ɵɵproperty("ngIf", !ctx_r19.addButtonLoading)("ngIfElse", _r29);
         }
     }
-    function RecipeDetailsComponent_div_0_div_53_div_1_img_1_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_div_51_div_1_img_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "img", 60);
+            i0.ɵɵelement(0, "img", 62);
         }
         if (rf & 2) {
-            var tag_r31 = i0.ɵɵnextContext().$implicit;
-            i0.ɵɵproperty("src", tag_r31.attributes.icon, i0.ɵɵsanitizeUrl);
+            var tag_r34 = i0.ɵɵnextContext().$implicit;
+            i0.ɵɵproperty("src", tag_r34.attributes.icon, i0.ɵɵsanitizeUrl);
         }
     }
-    function RecipeDetailsComponent_div_0_div_53_div_1_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_div_51_div_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 57);
-            i0.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_53_div_1_img_1_Template, 1, 1, "img", 58);
-            i0.ɵɵelementStart(2, "span", 59);
+            i0.ɵɵelementStart(0, "div", 59);
+            i0.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_51_div_1_img_1_Template, 1, 1, "img", 60);
+            i0.ɵɵelementStart(2, "span", 61);
             i0.ɵɵtext(3);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var tag_r31 = ctx.$implicit;
-            var ctx_r30 = i0.ɵɵnextContext(3);
+            var tag_r34 = ctx.$implicit;
+            var ctx_r33 = i0.ɵɵnextContext(3);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx_r30.displayTagsIcons);
+            i0.ɵɵproperty("ngIf", ctx_r33.displayTagsIcons);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", tag_r31.name, " ");
+            i0.ɵɵtextInterpolate1(" ", tag_r34.name, " ");
         }
     }
-    function RecipeDetailsComponent_div_0_div_53_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_div_51_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 55);
-            i0.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_53_div_1_Template, 4, 2, "div", 56);
+            i0.ɵɵelementStart(0, "div", 57);
+            i0.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_51_div_1_Template, 4, 2, "div", 58);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r19 = i0.ɵɵnextContext(2);
+            var ctx_r20 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngForOf", ctx_r19.recipe.relationships.tags.data);
+            i0.ɵɵproperty("ngForOf", ctx_r20.recipe.relationships.tags.data);
         }
     }
-    function RecipeDetailsComponent_div_0_ng_miam_addon_link_55_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_miam_addon_link_53_Template(rf, ctx) {
         if (rf & 1) {
-            var _r35_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "ng-miam-addon-link", 61);
-            i0.ɵɵlistener("showAddon", function RecipeDetailsComponent_div_0_ng_miam_addon_link_55_Template_ng_miam_addon_link_showAddon_0_listener() { i0.ɵɵrestoreView(_r35_1); var ctx_r34 = i0.ɵɵnextContext(2); return ctx_r34.toggleAddon(); });
+            var _r38_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "ng-miam-addon-link", 63);
+            i0.ɵɵlistener("showAddon", function RecipeDetailsComponent_div_0_ng_miam_addon_link_53_Template_ng_miam_addon_link_showAddon_0_listener() { i0.ɵɵrestoreView(_r38_1); var ctx_r37 = i0.ɵɵnextContext(2); return ctx_r37.toggleAddon(); });
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r20 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("recipe", ctx_r20.recipe);
+            var ctx_r21 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("recipe", ctx_r21.recipe);
         }
     }
-    function RecipeDetailsComponent_div_0_div_56_div_12_div_1_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_div_54_div_12_div_1_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div");
-            i0.ɵɵelement(1, "img", 77);
+            i0.ɵɵelement(1, "img", 78);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ingredient_r38 = i0.ɵɵnextContext().$implicit;
-            var ctx_r40 = i0.ɵɵnextContext(3);
+            var ingredient_r41 = i0.ɵɵnextContext().$implicit;
+            var ctx_r43 = i0.ɵɵnextContext(3);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("src", ctx_r40.ingredientPicture(ingredient_r38), i0.ɵɵsanitizeUrl);
+            i0.ɵɵproperty("src", ctx_r43.ingredientPicture(ingredient_r41), i0.ɵɵsanitizeUrl);
         }
     }
     var _c3$1 = function (a0) { return { "checked": a0 }; };
-    function RecipeDetailsComponent_div_0_div_56_div_12_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_div_54_div_12_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 75);
-            i0.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_56_div_12_div_1_Template, 2, 1, "div", 76);
+            i0.ɵɵelementStart(0, "div", 77);
+            i0.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_54_div_12_div_1_Template, 2, 1, "div", 11);
             i0.ɵɵelementStart(2, "div");
             i0.ɵɵtext(3);
             i0.ɵɵpipe(4, "capitalizeFirstLetter");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "div", 69);
+            i0.ɵɵelementStart(5, "div", 71);
             i0.ɵɵtext(6);
             i0.ɵɵpipe(7, "readableFloatNumber");
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ingredient_r38 = ctx.$implicit;
-            var i_r39 = ctx.index;
-            var ctx_r36 = i0.ɵɵnextContext(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c3$1, ctx_r36.ingredientsChecked[i_r39]));
+            var ingredient_r41 = ctx.$implicit;
+            var i_r42 = ctx.index;
+            var ctx_r39 = i0.ɵɵnextContext(3);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c3$1, ctx_r39.ingredientsChecked[i_r42]));
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx_r36.ingredientsPictures);
+            i0.ɵɵproperty("ngIf", ctx_r39.ingredientsPictures);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 4, ingredient_r38.name), "");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 4, ingredient_r41.name), "");
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(7, 6, ingredient_r38.qty, ingredient_r38.unit), "");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(7, 6, ingredient_r41.qty, ingredient_r41.unit), "");
         }
     }
-    function RecipeDetailsComponent_div_0_div_56_div_17_ng_miam_icon_6_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_div_54_div_17_ng_miam_icon_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-icon", 82);
+            i0.ɵɵelement(0, "ng-miam-icon", 83);
         }
         if (rf & 2) {
-            var ctx_r44 = i0.ɵɵnextContext(4);
-            i0.ɵɵproperty("height", 16)("width", 16)("iconName", ctx_r44.icon.CheckCircleFill);
+            var ctx_r47 = i0.ɵɵnextContext(4);
+            i0.ɵɵproperty("height", 16)("width", 16)("iconName", ctx_r47.icon.CheckCircleFill);
         }
     }
-    function RecipeDetailsComponent_div_0_div_56_div_17_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_div_54_div_17_Template(rf, ctx) {
         if (rf & 1) {
-            var _r46_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 78);
-            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_56_div_17_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r46_1); var i_r43 = ctx.index; var ctx_r45 = i0.ɵɵnextContext(3); return ctx_r45.changeActiveStep(i_r43); });
-            i0.ɵɵelementStart(1, "div", 79);
+            var _r49_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 79);
+            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_54_div_17_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r49_1); var i_r46 = ctx.index; var ctx_r48 = i0.ɵɵnextContext(3); return ctx_r48.changeActiveStep(i_r46); });
+            i0.ɵɵelementStart(1, "div", 80);
             i0.ɵɵelementStart(2, "strong");
             i0.ɵɵtext(3);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 80);
+            i0.ɵɵelementStart(4, "div", 81);
             i0.ɵɵtext(5);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(6, RecipeDetailsComponent_div_0_div_56_div_17_ng_miam_icon_6_Template, 1, 3, "ng-miam-icon", 81);
+            i0.ɵɵtemplate(6, RecipeDetailsComponent_div_0_div_54_div_17_ng_miam_icon_6_Template, 1, 3, "ng-miam-icon", 82);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var step_r42 = ctx.$implicit;
-            var i_r43 = ctx.index;
-            var ctx_r37 = i0.ɵɵnextContext(3);
-            i0.ɵɵclassProp("active", i_r43 === ctx_r37.activeStep)("miam-recipe-details__panel__done", i_r43 < ctx_r37.activeStep);
+            var step_r45 = ctx.$implicit;
+            var i_r46 = ctx.index;
+            var ctx_r40 = i0.ɵɵnextContext(3);
+            i0.ɵɵclassProp("active", i_r46 === ctx_r40.activeStep)("miam-recipe-details__panel__done", i_r46 < ctx_r40.activeStep);
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(i_r43 + 1);
+            i0.ɵɵtextInterpolate(i_r46 + 1);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(step_r42 == null ? null : step_r42.attributes == null ? null : step_r42.attributes.description);
+            i0.ɵɵtextInterpolate(step_r45 == null ? null : step_r45.attributes == null ? null : step_r45.attributes.description);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", i_r43 <= ctx_r37.activeStep);
+            i0.ɵɵproperty("ngIf", i_r46 <= ctx_r40.activeStep);
         }
     }
-    function RecipeDetailsComponent_div_0_div_56_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_div_54_Template(rf, ctx) {
         if (rf & 1) {
-            var _r48_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 62);
-            i0.ɵɵelementStart(1, "div", 63);
-            i0.ɵɵelementStart(2, "div", 64);
+            var _r51_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 64);
+            i0.ɵɵelementStart(1, "div", 65);
+            i0.ɵɵelementStart(2, "div", 66);
             i0.ɵɵtext(3, " Ingr\u00E9dients ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 65);
-            i0.ɵɵelementStart(5, "div", 66);
-            i0.ɵɵelementStart(6, "ng-miam-counter-input", 67);
-            i0.ɵɵlistener("counterChange", function RecipeDetailsComponent_div_0_div_56_Template_ng_miam_counter_input_counterChange_6_listener($event) { i0.ɵɵrestoreView(_r48_1); var ctx_r47 = i0.ɵɵnextContext(2); return ctx_r47.updateGuests($event); });
+            i0.ɵɵelementStart(4, "div", 67);
+            i0.ɵɵelementStart(5, "div", 68);
+            i0.ɵɵelementStart(6, "ng-miam-counter-input", 69);
+            i0.ɵɵlistener("counterChange", function RecipeDetailsComponent_div_0_div_54_Template_ng_miam_counter_input_counterChange_6_listener($event) { i0.ɵɵrestoreView(_r51_1); var ctx_r50 = i0.ɵɵnextContext(2); return ctx_r50.updateGuests($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "span", 68);
+            i0.ɵɵelementStart(7, "span", 70);
             i0.ɵɵtext(8);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(9, "span", 69);
+            i0.ɵɵelementStart(9, "span", 71);
             i0.ɵɵtext(10, "Quantit\u00E9");
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(11, "div", 70);
-            i0.ɵɵtemplate(12, RecipeDetailsComponent_div_0_div_56_div_12_Template, 8, 11, "div", 71);
+            i0.ɵɵelementStart(11, "div", 72);
+            i0.ɵɵtemplate(12, RecipeDetailsComponent_div_0_div_54_div_12_Template, 8, 11, "div", 73);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "div", 72);
-            i0.ɵɵelementStart(14, "div", 64);
+            i0.ɵɵelementStart(13, "div", 74);
+            i0.ɵɵelementStart(14, "div", 66);
             i0.ɵɵtext(15, " Pr\u00E9paration ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(16, "div", 73);
-            i0.ɵɵtemplate(17, RecipeDetailsComponent_div_0_div_56_div_17_Template, 7, 7, "div", 74);
+            i0.ɵɵelementStart(16, "div", 75);
+            i0.ɵɵtemplate(17, RecipeDetailsComponent_div_0_div_54_div_17_Template, 7, 7, "div", 76);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r21 = i0.ɵɵnextContext(2);
+            var ctx_r22 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(6);
-            i0.ɵɵproperty("counter", (ctx_r21.recipe == null ? null : ctx_r21.recipe.modifiedGuests) || ctx_r21.recipe.guests);
+            i0.ɵɵproperty("counter", (ctx_r22.recipe == null ? null : ctx_r22.recipe.modifiedGuests) || ctx_r22.recipe.guests);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1("Pour ", ctx_r21.recipe == null ? null : ctx_r21.recipe.modifiedGuests, " personnes");
+            i0.ɵɵtextInterpolate1("Pour ", ctx_r22.recipe == null ? null : ctx_r22.recipe.modifiedGuests, " personnes");
             i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngForOf", ctx_r21.recipe == null ? null : ctx_r21.recipe.modifiedIngredients);
+            i0.ɵɵproperty("ngForOf", ctx_r22.recipe == null ? null : ctx_r22.recipe.modifiedIngredients);
             i0.ɵɵadvance(5);
-            i0.ɵɵproperty("ngForOf", ctx_r21.steps);
+            i0.ɵɵproperty("ngForOf", ctx_r22.steps);
         }
     }
-    function RecipeDetailsComponent_div_0_ng_template_57_ng_container_7_div_9_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_template_55_ng_container_7_div_9_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 75);
+            i0.ɵɵelementStart(0, "div", 77);
             i0.ɵɵelementStart(1, "div");
             i0.ɵɵtext(2);
             i0.ɵɵpipe(3, "capitalizeFirstLetter");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 69);
+            i0.ɵɵelementStart(4, "div", 71);
             i0.ɵɵtext(5);
             i0.ɵɵpipe(6, "readableFloatNumber");
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ingredient_r54 = ctx.$implicit;
-            var i_r55 = ctx.index;
-            var ctx_r53 = i0.ɵɵnextContext(4);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c3$1, ctx_r53.ingredientsChecked[i_r55]));
+            var ingredient_r57 = ctx.$implicit;
+            var i_r58 = ctx.index;
+            var ctx_r56 = i0.ɵɵnextContext(4);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c3$1, ctx_r56.ingredientsChecked[i_r58]));
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 3, ingredient_r54.name), "");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 3, ingredient_r57.name), "");
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(6, 5, ingredient_r54.qty, ingredient_r54.unit), "");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(6, 5, ingredient_r57.qty, ingredient_r57.unit), "");
         }
     }
-    function RecipeDetailsComponent_div_0_ng_template_57_ng_container_7_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_template_55_ng_container_7_Template(rf, ctx) {
         if (rf & 1) {
-            var _r57_1 = i0.ɵɵgetCurrentView();
+            var _r60_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementContainerStart(0);
-            i0.ɵɵelementStart(1, "div", 65);
-            i0.ɵɵelementStart(2, "div", 66);
-            i0.ɵɵelementStart(3, "ng-miam-counter-input", 67);
-            i0.ɵɵlistener("counterChange", function RecipeDetailsComponent_div_0_ng_template_57_ng_container_7_Template_ng_miam_counter_input_counterChange_3_listener($event) { i0.ɵɵrestoreView(_r57_1); var ctx_r56 = i0.ɵɵnextContext(3); return ctx_r56.updateGuests($event); });
+            i0.ɵɵelementStart(1, "div", 67);
+            i0.ɵɵelementStart(2, "div", 68);
+            i0.ɵɵelementStart(3, "ng-miam-counter-input", 69);
+            i0.ɵɵlistener("counterChange", function RecipeDetailsComponent_div_0_ng_template_55_ng_container_7_Template_ng_miam_counter_input_counterChange_3_listener($event) { i0.ɵɵrestoreView(_r60_1); var ctx_r59 = i0.ɵɵnextContext(3); return ctx_r59.updateGuests($event); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "span", 68);
+            i0.ɵɵelementStart(4, "span", 70);
             i0.ɵɵtext(5);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "span", 69);
+            i0.ɵɵelementStart(6, "span", 71);
             i0.ɵɵtext(7, "Quantit\u00E9");
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "div", 70);
-            i0.ɵɵtemplate(9, RecipeDetailsComponent_div_0_ng_template_57_ng_container_7_div_9_Template, 7, 10, "div", 71);
+            i0.ɵɵelementStart(8, "div", 72);
+            i0.ɵɵtemplate(9, RecipeDetailsComponent_div_0_ng_template_55_ng_container_7_div_9_Template, 7, 10, "div", 73);
             i0.ɵɵelementEnd();
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
-            var ctx_r50 = i0.ɵɵnextContext(3);
+            var ctx_r53 = i0.ɵɵnextContext(3);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("counter", ctx_r50.recipe == null ? null : ctx_r50.recipe.modifiedGuests);
+            i0.ɵɵproperty("counter", ctx_r53.recipe == null ? null : ctx_r53.recipe.modifiedGuests);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1("Pour ", ctx_r50.recipe == null ? null : ctx_r50.recipe.modifiedGuests, " personnes");
+            i0.ɵɵtextInterpolate1("Pour ", ctx_r53.recipe == null ? null : ctx_r53.recipe.modifiedGuests, " personnes");
             i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngForOf", ctx_r50.recipe == null ? null : ctx_r50.recipe.modifiedIngredients);
+            i0.ɵɵproperty("ngForOf", ctx_r53.recipe == null ? null : ctx_r53.recipe.modifiedIngredients);
         }
     }
-    function RecipeDetailsComponent_div_0_ng_template_57_ng_template_8_div_1_ng_miam_icon_6_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_template_55_ng_template_8_div_1_ng_miam_icon_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-icon", 82);
+            i0.ɵɵelement(0, "ng-miam-icon", 83);
         }
         if (rf & 2) {
-            var ctx_r61 = i0.ɵɵnextContext(5);
-            i0.ɵɵproperty("height", 16)("width", 16)("iconName", ctx_r61.icon.CheckCircleFill);
+            var ctx_r64 = i0.ɵɵnextContext(5);
+            i0.ɵɵproperty("height", 16)("width", 16)("iconName", ctx_r64.icon.CheckCircleFill);
         }
     }
-    function RecipeDetailsComponent_div_0_ng_template_57_ng_template_8_div_1_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_template_55_ng_template_8_div_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r63_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 78);
-            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_ng_template_57_ng_template_8_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r63_1); var i_r60 = ctx.index; var ctx_r62 = i0.ɵɵnextContext(4); return ctx_r62.changeActiveStep(i_r60); });
-            i0.ɵɵelementStart(1, "div", 79);
+            var _r66_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 79);
+            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_ng_template_55_ng_template_8_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r66_1); var i_r63 = ctx.index; var ctx_r65 = i0.ɵɵnextContext(4); return ctx_r65.changeActiveStep(i_r63); });
+            i0.ɵɵelementStart(1, "div", 80);
             i0.ɵɵelementStart(2, "strong");
             i0.ɵɵtext(3);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 80);
+            i0.ɵɵelementStart(4, "div", 81);
             i0.ɵɵtext(5);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(6, RecipeDetailsComponent_div_0_ng_template_57_ng_template_8_div_1_ng_miam_icon_6_Template, 1, 3, "ng-miam-icon", 81);
+            i0.ɵɵtemplate(6, RecipeDetailsComponent_div_0_ng_template_55_ng_template_8_div_1_ng_miam_icon_6_Template, 1, 3, "ng-miam-icon", 82);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var step_r59 = ctx.$implicit;
-            var i_r60 = ctx.index;
-            var ctx_r58 = i0.ɵɵnextContext(4);
-            i0.ɵɵclassProp("active", i_r60 === ctx_r58.activeStep)("miam-recipe-details__panel__done", i_r60 < ctx_r58.activeStep);
+            var step_r62 = ctx.$implicit;
+            var i_r63 = ctx.index;
+            var ctx_r61 = i0.ɵɵnextContext(4);
+            i0.ɵɵclassProp("active", i_r63 === ctx_r61.activeStep)("miam-recipe-details__panel__done", i_r63 < ctx_r61.activeStep);
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(i_r60 + 1);
+            i0.ɵɵtextInterpolate(i_r63 + 1);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(step_r59 == null ? null : step_r59.attributes == null ? null : step_r59.attributes.description);
+            i0.ɵɵtextInterpolate(step_r62 == null ? null : step_r62.attributes == null ? null : step_r62.attributes.description);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", i_r60 <= ctx_r58.activeStep);
+            i0.ɵɵproperty("ngIf", i_r63 <= ctx_r61.activeStep);
         }
     }
-    function RecipeDetailsComponent_div_0_ng_template_57_ng_template_8_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_template_55_ng_template_8_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 73);
-            i0.ɵɵtemplate(1, RecipeDetailsComponent_div_0_ng_template_57_ng_template_8_div_1_Template, 7, 7, "div", 74);
+            i0.ɵɵelementStart(0, "div", 75);
+            i0.ɵɵtemplate(1, RecipeDetailsComponent_div_0_ng_template_55_ng_template_8_div_1_Template, 7, 7, "div", 76);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r52 = i0.ɵɵnextContext(3);
+            var ctx_r55 = i0.ɵɵnextContext(3);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngForOf", ctx_r52.steps);
+            i0.ɵɵproperty("ngForOf", ctx_r55.steps);
         }
     }
     var _c4 = function (a0) { return { "active": a0 }; };
-    function RecipeDetailsComponent_div_0_ng_template_57_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_ng_template_55_Template(rf, ctx) {
         if (rf & 1) {
-            var _r65_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 83, 84);
-            i0.ɵɵelementStart(2, "div", 85);
-            i0.ɵɵelementStart(3, "button", 86);
-            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_ng_template_57_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r65_1); var _r49 = i0.ɵɵreference(1); var ctx_r64 = i0.ɵɵnextContext(2); ctx_r64.toggleShowIngredient(true); return _r49.scrollIntoView(); });
+            var _r68_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 84, 85);
+            i0.ɵɵelementStart(2, "div", 86);
+            i0.ɵɵelementStart(3, "button", 87);
+            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_ng_template_55_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r68_1); var _r52 = i0.ɵɵreference(1); var ctx_r67 = i0.ɵɵnextContext(2); ctx_r67.toggleShowIngredient(true); return _r52.scrollIntoView(); });
             i0.ɵɵtext(4, "Ingredients");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "button", 86);
-            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_ng_template_57_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r65_1); var _r49 = i0.ɵɵreference(1); var ctx_r66 = i0.ɵɵnextContext(2); ctx_r66.toggleShowIngredient(false); return _r49.scrollIntoView(); });
+            i0.ɵɵelementStart(5, "button", 87);
+            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_ng_template_55_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r68_1); var _r52 = i0.ɵɵreference(1); var ctx_r69 = i0.ɵɵnextContext(2); ctx_r69.toggleShowIngredient(false); return _r52.scrollIntoView(); });
             i0.ɵɵtext(6, "Pr\u00E9paration");
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(7, RecipeDetailsComponent_div_0_ng_template_57_ng_container_7_Template, 10, 3, "ng-container", 87);
-            i0.ɵɵtemplate(8, RecipeDetailsComponent_div_0_ng_template_57_ng_template_8_Template, 2, 1, "ng-template", null, 88, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(7, RecipeDetailsComponent_div_0_ng_template_55_ng_container_7_Template, 10, 3, "ng-container", 88);
+            i0.ɵɵtemplate(8, RecipeDetailsComponent_div_0_ng_template_55_ng_template_8_Template, 2, 1, "ng-template", null, 89, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var _r51 = i0.ɵɵreference(9);
-            var ctx_r23 = i0.ɵɵnextContext(2);
+            var _r54 = i0.ɵɵreference(9);
+            var ctx_r24 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c4, ctx_r23.showIngredient));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c4, ctx_r24.showIngredient));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c4, !ctx_r23.showIngredient));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c4, !ctx_r24.showIngredient));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx_r23.showIngredient)("ngIfElse", _r51);
+            i0.ɵɵproperty("ngIf", ctx_r24.showIngredient)("ngIfElse", _r54);
+        }
+    }
+    function RecipeDetailsComponent_div_0_div_59_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 51);
+            i0.ɵɵelement(1, "ng-miam-recipe-pricing", 52);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r25 = i0.ɵɵnextContext(2);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("recipe", ctx_r25.recipe)("serves", ctx_r25.recipe == null ? null : ctx_r25.recipe.modifiedGuests);
         }
     }
-    function RecipeDetailsComponent_div_0_button_63_ng_miam_icon_5_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_button_60_ng_miam_icon_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-icon", 54);
+            i0.ɵɵelement(0, "ng-miam-icon", 56);
             i0.ɵɵpipe(1, "async");
         }
         if (rf & 2) {
-            var ctx_r67 = i0.ɵɵnextContext(3);
-            var tmp_2_0 = null;
-            i0.ɵɵproperty("width", 24)("height", 24)("iconName", ((tmp_2_0 = i0.ɵɵpipeBind1(1, 3, ctx_r67.groceriesListsService.list$)) == null ? null : tmp_2_0.hasRecipe(ctx_r67.recipe == null ? null : ctx_r67.recipe.id)) ? ctx_r67.icon.CheckList : ctx_r67.icon.Cart);
+            var ctx_r70 = i0.ɵɵnextContext(3);
+            i0.ɵɵproperty("width", 24)("height", 24)("iconName", i0.ɵɵpipeBind1(1, 3, ctx_r70.groceriesListsService.recipeIsInList(ctx_r70.recipe == null ? null : ctx_r70.recipe.id)) ? ctx_r70.icon.CheckList : ctx_r70.icon.Cart);
         }
     }
-    function RecipeDetailsComponent_div_0_button_63_ng_template_6_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_button_60_ng_template_6_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "ng-miam-loader");
         }
     }
-    function RecipeDetailsComponent_div_0_button_63_Template(rf, ctx) {
+    function RecipeDetailsComponent_div_0_button_60_Template(rf, ctx) {
         if (rf & 1) {
-            var _r71_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 51);
-            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_button_63_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r71_1); var ctx_r70 = i0.ɵɵnextContext(2); return ctx_r70.clickPrimary(); });
+            var _r74_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "button", 53);
+            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_button_60_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r74_1); var ctx_r73 = i0.ɵɵnextContext(2); return ctx_r73.clickPrimary(); });
             i0.ɵɵpipe(1, "async");
             i0.ɵɵelementStart(2, "span");
             i0.ɵɵtext(3);
             i0.ɵɵpipe(4, "async");
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(5, RecipeDetailsComponent_div_0_button_63_ng_miam_icon_5_Template, 2, 5, "ng-miam-icon", 52);
-            i0.ɵɵtemplate(6, RecipeDetailsComponent_div_0_button_63_ng_template_6_Template, 1, 0, "ng-template", null, 53, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(5, RecipeDetailsComponent_div_0_button_60_ng_miam_icon_5_Template, 2, 5, "ng-miam-icon", 54);
+            i0.ɵɵtemplate(6, RecipeDetailsComponent_div_0_button_60_ng_template_6_Template, 1, 0, "ng-template", null, 55, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var _r68 = i0.ɵɵreference(7);
-            var ctx_r24 = i0.ɵɵnextContext(2);
-            var tmp_0_0 = null;
-            var tmp_1_0 = null;
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(8, _c2$2, (tmp_0_0 = i0.ɵɵpipeBind1(1, 4, ctx_r24.groceriesListsService.list$)) == null ? null : tmp_0_0.hasRecipe(ctx_r24.recipe == null ? null : ctx_r24.recipe.id), ctx_r24.addButtonLoading));
+            var _r71 = i0.ɵɵreference(7);
+            var ctx_r26 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(8, _c2$2, i0.ɵɵpipeBind1(1, 4, ctx_r26.groceriesListsService.recipeIsInList(ctx_r26.recipe == null ? null : ctx_r26.recipe.id)), ctx_r26.addButtonLoading));
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", ((tmp_1_0 = i0.ɵɵpipeBind1(4, 6, ctx_r24.groceriesListsService.list$)) == null ? null : tmp_1_0.hasRecipe(ctx_r24.recipe == null ? null : ctx_r24.recipe.id)) ? "Voir le d\u00E9tail" : "S\u00E9lectionner ce repas", " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(4, 6, ctx_r26.groceriesListsService.recipeIsInList(ctx_r26.recipe == null ? null : ctx_r26.recipe.id)) ? "Voir le d\u00E9tail" : "S\u00E9lectionner ce repas", " ");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !ctx_r24.addButtonLoading)("ngIfElse", _r68);
+            i0.ɵɵproperty("ngIf", !ctx_r26.addButtonLoading)("ngIfElse", _r71);
         }
     }
     function RecipeDetailsComponent_div_0_Template(rf, ctx) {
         if (rf & 1) {
-            var _r73_1 = i0.ɵɵgetCurrentView();
+            var _r76_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 2, 3);
             i0.ɵɵelementStart(2, "div", 4);
             i0.ɵɵelementStart(3, "div", 5);
@@ -14882,91 +15660,85 @@
             i0.ɵɵtemplate(6, RecipeDetailsComponent_div_0_img_6_Template, 1, 1, "img", 8);
             i0.ɵɵtemplate(7, RecipeDetailsComponent_div_0_div_7_Template, 1, 0, "div", 9);
             i0.ɵɵtemplate(8, RecipeDetailsComponent_div_0_youtube_player_8_Template, 1, 3, "youtube-player", 10);
-            i0.ɵɵtemplate(9, RecipeDetailsComponent_div_0_div_9_Template, 2, 0, "div", 11);
-            i0.ɵɵpipe(10, "async");
-            i0.ɵɵelementStart(11, "div", 12);
-            i0.ɵɵtemplate(12, RecipeDetailsComponent_div_0_ng_miam_like_button_12_Template, 1, 3, "ng-miam-like-button", 13);
-            i0.ɵɵpipe(13, "async");
+            i0.ɵɵtemplate(9, RecipeDetailsComponent_div_0_ng_container_9_Template, 3, 3, "ng-container", 11);
+            i0.ɵɵelementStart(10, "div", 12);
+            i0.ɵɵtemplate(11, RecipeDetailsComponent_div_0_ng_miam_like_button_11_Template, 1, 3, "ng-miam-like-button", 13);
+            i0.ɵɵpipe(12, "async");
+            i0.ɵɵelement(13, "ng-miam-icon", 14);
             i0.ɵɵelement(14, "ng-miam-icon", 14);
-            i0.ɵɵelement(15, "ng-miam-icon", 14);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(16, RecipeDetailsComponent_div_0_img_16_Template, 1, 1, "img", 15);
+            i0.ɵɵtemplate(15, RecipeDetailsComponent_div_0_img_15_Template, 1, 1, "img", 15);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(17, "div", 16);
-            i0.ɵɵelementStart(18, "div", 17);
-            i0.ɵɵelement(19, "ng-miam-icon", 18);
-            i0.ɵɵelementStart(20, "span");
-            i0.ɵɵtext(21);
+            i0.ɵɵelementStart(16, "div", 16);
+            i0.ɵɵelementStart(17, "div", 17);
+            i0.ɵɵelement(18, "ng-miam-icon", 18);
+            i0.ɵɵelementStart(19, "span");
+            i0.ɵɵtext(20);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(22, "div", 19);
+            i0.ɵɵelementStart(21, "div", 19);
+            i0.ɵɵtemplate(22, RecipeDetailsComponent_div_0_div_22_Template, 7, 4, "div", 20);
             i0.ɵɵtemplate(23, RecipeDetailsComponent_div_0_div_23_Template, 7, 4, "div", 20);
             i0.ɵɵtemplate(24, RecipeDetailsComponent_div_0_div_24_Template, 7, 4, "div", 20);
-            i0.ɵɵtemplate(25, RecipeDetailsComponent_div_0_div_25_Template, 7, 4, "div", 20);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(26, "div", 21);
-            i0.ɵɵelementStart(27, "div", 22);
-            i0.ɵɵelementStart(28, "span", 23);
-            i0.ɵɵtext(29);
-            i0.ɵɵpipe(30, "titlecase");
+            i0.ɵɵelementStart(25, "div", 21);
+            i0.ɵɵelementStart(26, "div", 22);
+            i0.ɵɵelementStart(27, "span", 23);
+            i0.ɵɵtext(28);
+            i0.ɵɵpipe(29, "titlecase");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(31, "span", 24);
-            i0.ɵɵtext(32);
+            i0.ɵɵelementStart(30, "span", 24);
+            i0.ɵɵtext(31);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(33, "div", 25);
-            i0.ɵɵelementContainerStart(34, 26);
+            i0.ɵɵelementStart(32, "div", 25);
+            i0.ɵɵelementContainerStart(33, 26);
+            i0.ɵɵtemplate(34, RecipeDetailsComponent_div_0_ng_container_34_Template, 2, 3, "ng-container", 27);
             i0.ɵɵtemplate(35, RecipeDetailsComponent_div_0_ng_container_35_Template, 2, 3, "ng-container", 27);
             i0.ɵɵtemplate(36, RecipeDetailsComponent_div_0_ng_container_36_Template, 2, 3, "ng-container", 27);
-            i0.ɵɵtemplate(37, RecipeDetailsComponent_div_0_ng_container_37_Template, 2, 3, "ng-container", 27);
-            i0.ɵɵtemplate(38, RecipeDetailsComponent_div_0_ng_container_38_Template, 1, 0, "ng-container", 28);
+            i0.ɵɵtemplate(37, RecipeDetailsComponent_div_0_ng_container_37_Template, 1, 0, "ng-container", 28);
             i0.ɵɵelementContainerEnd();
-            i0.ɵɵelementStart(39, "span");
-            i0.ɵɵtext(40);
-            i0.ɵɵpipe(41, "titlecase");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(42, "div", 29);
-            i0.ɵɵtext(43);
-            i0.ɵɵelementStart(44, "div", 30);
-            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_Template_div_click_44_listener() { i0.ɵɵrestoreView(_r73_1); var ctx_r72 = i0.ɵɵnextContext(); return ctx_r72.print(); });
-            i0.ɵɵelement(45, "ng-miam-icon", 14);
-            i0.ɵɵelementStart(46, "span");
-            i0.ɵɵtext(47, " Imprimer la recette ");
+            i0.ɵɵelementStart(38, "span");
+            i0.ɵɵtext(39);
+            i0.ɵɵpipe(40, "titlecase");
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(41, "div", 29);
+            i0.ɵɵtext(42);
+            i0.ɵɵelementStart(43, "div", 30);
+            i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_Template_div_click_43_listener() { i0.ɵɵrestoreView(_r76_1); var ctx_r75 = i0.ɵɵnextContext(); return ctx_r75.print(); });
+            i0.ɵɵelement(44, "ng-miam-icon", 14);
+            i0.ɵɵelementStart(45, "span");
+            i0.ɵɵtext(46, " Imprimer la recette ");
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(48, "div", 31);
-            i0.ɵɵelementStart(49, "div", 32);
-            i0.ɵɵelement(50, "ng-miam-recipe-pricing", 33);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(51, RecipeDetailsComponent_div_0_button_51_Template, 8, 11, "button", 34);
             i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(47, "div", 31);
+            i0.ɵɵtemplate(48, RecipeDetailsComponent_div_0_div_48_Template, 2, 2, "div", 32);
+            i0.ɵɵtemplate(49, RecipeDetailsComponent_div_0_button_49_Template, 8, 11, "button", 33);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(52, "div", 35);
-            i0.ɵɵtemplate(53, RecipeDetailsComponent_div_0_div_53_Template, 2, 1, "div", 36);
-            i0.ɵɵelementStart(54, "div");
-            i0.ɵɵtemplate(55, RecipeDetailsComponent_div_0_ng_miam_addon_link_55_Template, 1, 1, "ng-miam-addon-link", 37);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(56, RecipeDetailsComponent_div_0_div_56_Template, 18, 4, "div", 38);
-            i0.ɵɵtemplate(57, RecipeDetailsComponent_div_0_ng_template_57_Template, 10, 8, "ng-template", null, 39, i0.ɵɵtemplateRefExtractor);
-            i0.ɵɵelementStart(59, "div", 40);
-            i0.ɵɵelementStart(60, "div", 31);
-            i0.ɵɵelementStart(61, "div", 32);
-            i0.ɵɵelement(62, "ng-miam-recipe-pricing", 33);
+            i0.ɵɵelement(50, "div", 34);
+            i0.ɵɵtemplate(51, RecipeDetailsComponent_div_0_div_51_Template, 2, 1, "div", 35);
+            i0.ɵɵelementStart(52, "div");
+            i0.ɵɵtemplate(53, RecipeDetailsComponent_div_0_ng_miam_addon_link_53_Template, 1, 1, "ng-miam-addon-link", 36);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(63, RecipeDetailsComponent_div_0_button_63_Template, 8, 11, "button", 34);
+            i0.ɵɵtemplate(54, RecipeDetailsComponent_div_0_div_54_Template, 18, 4, "div", 37);
+            i0.ɵɵtemplate(55, RecipeDetailsComponent_div_0_ng_template_55_Template, 10, 8, "ng-template", null, 38, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵelementStart(57, "div", 39);
+            i0.ɵɵelementStart(58, "div", 31);
+            i0.ɵɵtemplate(59, RecipeDetailsComponent_div_0_div_59_Template, 2, 2, "div", 32);
+            i0.ɵɵtemplate(60, RecipeDetailsComponent_div_0_button_60_Template, 8, 11, "button", 33);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var _r22 = i0.ɵɵreference(58);
+            var _r23 = i0.ɵɵreference(56);
             var ctx_r0 = i0.ɵɵnextContext();
-            var tmp_3_0 = null;
             i0.ɵɵadvance(6);
             i0.ɵɵproperty("ngIf", !ctx_r0.showVideo);
             i0.ɵɵadvance(1);
@@ -14974,9 +15746,9 @@
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r0.showVideo && ctx_r0.playerWidth);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", (tmp_3_0 = i0.ɵɵpipeBind1(10, 40, ctx_r0.groceriesListsService.list$)) == null ? null : tmp_3_0.hasRecipe(ctx_r0.recipe == null ? null : ctx_r0.recipe.id));
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(13, 42, ctx_r0.userService.isLogged$));
+            i0.ɵɵproperty("ngIf", ctx_r0.recipe && ctx_r0.displayAddedOnPicture);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(12, 38, ctx_r0.userService.isLogged$));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("width", 26)("height", 26)("iconName", ctx_r0.icon.Calendar);
             i0.ɵɵadvance(1);
@@ -14994,7 +15766,7 @@
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", (ctx_r0.recipe == null ? null : ctx_r0.recipe.restingTime) !== "-");
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(30, 44, ctx_r0.recipe == null ? null : ctx_r0.recipe.recipeType == null ? null : ctx_r0.recipe.recipeType.attributes == null ? null : ctx_r0.recipe.recipeType.attributes.name));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(29, 40, ctx_r0.recipe == null ? null : ctx_r0.recipe.recipeType == null ? null : ctx_r0.recipe.recipeType.attributes == null ? null : ctx_r0.recipe.recipeType.attributes.name));
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate(ctx_r0.recipe == null ? null : ctx_r0.recipe.attributes["title"]);
             i0.ɵɵadvance(2);
@@ -15006,13 +15778,13 @@
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngSwitchCase", "difficile");
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(41, 46, ctx_r0.recipe == null ? null : ctx_r0.recipe.difficultyLabel));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(40, 42, ctx_r0.recipe == null ? null : ctx_r0.recipe.difficultyLabel));
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate1(" ", ctx_r0.recipe == null ? null : ctx_r0.recipe.attributes["description"], " ");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("width", 20)("height", 20)("iconName", ctx_r0.icon.Print);
-            i0.ɵɵadvance(5);
-            i0.ɵɵproperty("recipe", ctx_r0.recipe)("serves", ctx_r0.recipe == null ? null : ctx_r0.recipe.modifiedGuests);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngIf", ctx_r0.recipe && ctx_r0.displayPricing);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r0.previewAllowed);
             i0.ɵɵadvance(2);
@@ -15020,18 +15792,18 @@
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", (ctx_r0.recipe == null ? null : ctx_r0.recipe.sponsors == null ? null : ctx_r0.recipe.sponsors.length) > 0 || ctx_r0.recipe.informationalSentence);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", !ctx_r0.isMobile)("ngIfElse", _r22);
-            i0.ɵɵadvance(6);
-            i0.ɵɵproperty("recipe", ctx_r0.recipe)("serves", ctx_r0.recipe == null ? null : ctx_r0.recipe.modifiedGuests);
+            i0.ɵɵproperty("ngIf", !ctx_r0.isMobile)("ngIfElse", _r23);
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("ngIf", ctx_r0.recipe && ctx_r0.displayPricing);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r0.previewAllowed);
         }
     }
     function RecipeDetailsComponent_ng_template_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r75_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "ng-miam-recipe-addon", 89);
-            i0.ɵɵlistener("hideAddon", function RecipeDetailsComponent_ng_template_1_Template_ng_miam_recipe_addon_hideAddon_0_listener() { i0.ɵɵrestoreView(_r75_1); var ctx_r74 = i0.ɵɵnextContext(); return ctx_r74.toggleAddon(); });
+            var _r78_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "ng-miam-recipe-addon", 90);
+            i0.ɵɵlistener("hideAddon", function RecipeDetailsComponent_ng_template_1_Template_ng_miam_recipe_addon_hideAddon_0_listener() { i0.ɵɵrestoreView(_r78_1); var ctx_r77 = i0.ɵɵnextContext(); return ctx_r77.toggleAddon(); });
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -15052,6 +15824,8 @@
             this.ingredientsPictures = false;
             this.displayTags = false;
             this.displayTagsIcons = false;
+            this.displayPricing = true;
+            this.displayAddedOnPicture = true;
             this.recipeAdded = new i0.EventEmitter();
             this.recipeChanged = new i0.EventEmitter();
             this.recipeError = new i0.EventEmitter();
@@ -15117,11 +15891,17 @@
             this.activeStep = index;
             this.cdr.detectChanges();
         };
+        /**
+         * Add recipe to list on primary button click and emit true if the recipe is added, false if recipe is not added
+         * so lib users can decide that primaryButtonClicked$.emit(false) removes the recipe for example
+         */
         RecipeDetailsComponent.prototype.clickPrimary = function () {
+            var _this = this;
             if (!this.addButtonLoading) {
-                var wasAdded = !this.groceriesListsService.list$.value.hasRecipe(this.recipe.id);
-                this.addRecipe();
-                this.primaryButtonClicked$.emit(wasAdded);
+                this.subscriptions.push(this.groceriesListsService.recipeIsInList(this.recipe.id).subscribe(function (recipeIsInList) {
+                    _this.addRecipe();
+                    _this.primaryButtonClicked$.emit(!recipeIsInList); // !recipeIsInList = add action, so we emit true
+                }));
             }
         };
         RecipeDetailsComponent.prototype.addRecipe = function () {
@@ -15142,10 +15922,11 @@
         };
         RecipeDetailsComponent.prototype.addRecipeActionOK = function () {
             var _this = this;
-            if (!this.groceriesListsService.list$.value.hasRecipe(this.recipe.id)) {
-                this.recipeEventsService.sendEvent(this.recipe, this.recipeEventsService.ACTION_ADDED);
-            }
-            this.subscriptions.push(this.groceriesListsService.appendRecipeToList(this.recipe.id, this.recipe.modifiedGuests, 'details')
+            this.subscriptions.push(this.groceriesListsService.recipeIsInList(this.recipe.id).subscribe(function (recipeIsInList) {
+                if (!recipeIsInList) {
+                    _this.recipeEventsService.sendEvent(_this.recipe, _this.recipeEventsService.ACTION_ADDED);
+                }
+            }), this.groceriesListsService.appendRecipeToList(this.recipe.id, this.recipe.modifiedGuests, 'details')
                 .subscribe(function (l) {
                 _this.toggleButtonLoader(false);
             }));
@@ -15199,16 +15980,16 @@
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.topContainerImg = _t.first);
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.mainContainer = _t.first);
             }
-        }, inputs: { recipe: "recipe", forceIngredientsStepstoggle: "forceIngredientsStepstoggle", previewAllowed: "previewAllowed", ingredientsPictures: "ingredientsPictures", displayTags: "displayTags", displayTagsIcons: "displayTagsIcons" }, outputs: { recipeAdded: "recipeAdded", recipeChanged: "recipeChanged", recipeError: "recipeError" }, features: [i0.ɵɵNgOnChangesFeature], decls: 3, vars: 2, consts: [["class", "miam-recipe-details", 4, "ngIf", "ngIfElse"], ["addon", ""], [1, "miam-recipe-details"], ["mainContainer", ""], [1, "miam-recipe-details__top__container"], [1, "miam-recipe-details__top__left"], [1, "miam-recipe-details__top__container__img"], ["topContainerImg", ""], [3, "src", 4, "ngIf"], ["class", "miam-recipe-details__picture__gradient", 4, "ngIf"], [3, "videoId", "width", "height", 4, "ngIf"], ["class", "miam-recipe-details__picture__tag", 4, "ngIf"], [1, "miam-recipe-details__img__actions"], ["class", "miam-recipe-details__actions__icon miam-noPadding", 3, "recipe", "width", "height", 4, "ngIf"], ["primaryColor", "var(--m-color-primary)", 1, "miam-recipe-details__actions__icon", 3, "width", "height", "iconName"], ["class", "miam-recipe-details__picture__sponsor", 3, "src", 4, "ngIf"], [1, "miam-recipe-details__top__container__info"], [1, "miam-recipe-details__info__metrics", "miam-recipe-details__info__metrics__total"], ["primaryColor", "var(--m-color-primary)", 3, "width", "height", "iconName"], [1, "miam-recipe-details__info__times"], ["class", "miam-recipe-details__info__metrics", 4, "ngIf"], [1, "miam-recipe-details__top__container__infos"], [1, "miam-recipe-details__top__container__infos__top"], [1, "miam-recipe-details__infos__type"], [1, "miam-recipe-details__infos__title"], [1, "miam-recipe-details__infos__difficulty"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [1, "miam-recipe-details__infos__description"], [1, "miam-recipe-details__description__action", 3, "click"], [1, "miam-recipe-details__infos__price__wrapper"], [1, "miam-recipe-details__infos__price"], [3, "recipe", "serves"], ["class", "miam-recipe-details__infos__action m-button-fab-primary", 3, "ngClass", "click", 4, "ngIf"], [1, "miam-recipe-details__mid__container"], ["class", "miam-recipe-details__tags__container", 4, "ngIf"], [3, "recipe", "showAddon", 4, "ngIf"], ["class", "miam-recipe-details__bottom__container", 4, "ngIf", "ngIfElse"], ["mobileContainer", ""], [1, "miam-recipe-details__bottom__container__action"], [3, "src"], [1, "miam-recipe-details__picture__gradient"], [3, "videoId", "width", "height"], [1, "miam-recipe-details__picture__tag"], [1, "miam-recipe-details__actions__icon", "miam-noPadding", 3, "recipe", "width", "height"], [1, "miam-recipe-details__picture__sponsor", 3, "src"], [1, "miam-recipe-details__info__metrics"], [1, "miam-recipe-details__metrics__row"], ["primaryColor", "var(--m-color-slate)", 3, "width", "height", "iconName"], [3, "width", "height", "iconName"], [1, "miam-recipe-details__infos__action", "m-button-fab-primary", 3, "ngClass", "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName", 4, "ngIf", "ngIfElse"], ["addLoader", ""], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-recipe-details__tags__container"], ["class", "miam-recipe-details__tag", 4, "ngFor", "ngForOf"], [1, "miam-recipe-details__tag"], ["class", "miam-recipe-details__tag__icon", 3, "src", 4, "ngIf"], [1, "miam-recipe-details__tag__name"], [1, "miam-recipe-details__tag__icon", 3, "src"], [3, "recipe", "showAddon"], [1, "miam-recipe-details__bottom__container"], [1, "miam-recipe-details__bottom__container__ingredients"], [1, "miam-recipe-details__bottom__container__header"], [1, "miam-recipe-details__ingredients__row"], [1, "miam-recipe-details__ingredients__counter"], [3, "counter", "counterChange"], [1, "miam-recipe-details__ingredients__counter__print"], [1, "miam-recipe-details__ingredients__row__qty"], [1, "miam-recipe-details__ingredients__list"], ["class", "miam-recipe-details__ingredients__row", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "miam-recipe-details__bottom__container__steps"], [1, "miam-recipe-details__steps__list"], ["class", "miam-recipe-details__steps__list__panel", 3, "active", "miam-recipe-details__panel__done", "click", 4, "ngFor", "ngForOf"], [1, "miam-recipe-details__ingredients__row", 3, "ngClass"], [4, "ngIf"], [1, "miam-recipe-details__ingredients__row__picture", 3, "src"], [1, "miam-recipe-details__steps__list__panel", 3, "click"], [1, "miam-recipe-details__panel__idx"], [1, "miam-recipe-details__panel__text"], ["class", "miam-recipe-details__panel__checkIcon", "primaryColor", "var(--m-color-secondary)", 3, "height", "width", "iconName", 4, "ngIf"], ["primaryColor", "var(--m-color-secondary)", 1, "miam-recipe-details__panel__checkIcon", 3, "height", "width", "iconName"], [1, "miam-recipe-details__mobile__container"], ["mobileContainerTop", ""], [1, "miam-recipe-details__mobile__header"], [1, "m-button-secondary", 3, "ngClass", "click"], [4, "ngIf", "ngIfElse"], ["stepsContainer", ""], [3, "recipe", "hideAddon"]], template: function RecipeDetailsComponent_Template(rf, ctx) {
+        }, inputs: { recipe: "recipe", forceIngredientsStepstoggle: "forceIngredientsStepstoggle", previewAllowed: "previewAllowed", ingredientsPictures: "ingredientsPictures", displayTags: "displayTags", displayTagsIcons: "displayTagsIcons", displayPricing: "displayPricing", displayAddedOnPicture: "displayAddedOnPicture" }, outputs: { recipeAdded: "recipeAdded", recipeChanged: "recipeChanged", recipeError: "recipeError" }, features: [i0.ɵɵNgOnChangesFeature], decls: 3, vars: 2, consts: [["class", "miam-recipe-details", 4, "ngIf", "ngIfElse"], ["addon", ""], [1, "miam-recipe-details"], ["mainContainer", ""], [1, "miam-recipe-details__top__container"], [1, "miam-recipe-details__top__left"], [1, "miam-recipe-details__top__container__img"], ["topContainerImg", ""], [3, "src", 4, "ngIf"], ["class", "miam-recipe-details__picture__gradient", 4, "ngIf"], [3, "videoId", "width", "height", 4, "ngIf"], [4, "ngIf"], [1, "miam-recipe-details__img__actions"], ["class", "miam-recipe-details__actions__icon miam-noPadding", 3, "recipe", "width", "height", 4, "ngIf"], ["primaryColor", "var(--m-color-primary)", 1, "miam-recipe-details__actions__icon", 3, "width", "height", "iconName"], ["class", "miam-recipe-details__picture__sponsor", 3, "src", 4, "ngIf"], [1, "miam-recipe-details__top__container__info"], [1, "miam-recipe-details__info__metrics", "miam-recipe-details__info__metrics__total"], ["primaryColor", "var(--m-color-primary)", 3, "width", "height", "iconName"], [1, "miam-recipe-details__info__times"], ["class", "miam-recipe-details__info__metrics", 4, "ngIf"], [1, "miam-recipe-details__top__container__infos"], [1, "miam-recipe-details__top__container__infos__top"], [1, "miam-recipe-details__infos__type"], [1, "miam-recipe-details__infos__title"], [1, "miam-recipe-details__infos__difficulty"], [3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [1, "miam-recipe-details__infos__description"], [1, "miam-recipe-details__description__action", 3, "click"], [1, "miam-recipe-details__infos__price__wrapper"], ["class", "miam-recipe-details__infos__price", 4, "ngIf"], ["class", "miam-recipe-details__infos__action m-button-fab-primary", 3, "ngClass", "click", 4, "ngIf"], [1, "miam-recipe-details__mid__container"], ["class", "miam-recipe-details__tags__container", 4, "ngIf"], [3, "recipe", "showAddon", 4, "ngIf"], ["class", "miam-recipe-details__bottom__container", 4, "ngIf", "ngIfElse"], ["mobileContainer", ""], [1, "miam-recipe-details__bottom__container__action"], [3, "src"], [1, "miam-recipe-details__picture__gradient"], [3, "videoId", "width", "height"], ["class", "miam-recipe-details__picture__tag", 4, "ngIf"], [1, "miam-recipe-details__picture__tag"], [1, "miam-recipe-details__actions__icon", "miam-noPadding", 3, "recipe", "width", "height"], [1, "miam-recipe-details__picture__sponsor", 3, "src"], [1, "miam-recipe-details__info__metrics"], [1, "miam-recipe-details__metrics__row"], ["primaryColor", "var(--m-color-slate)", 3, "width", "height", "iconName"], [3, "width", "height", "iconName"], [1, "miam-recipe-details__infos__price"], [3, "recipe", "serves"], [1, "miam-recipe-details__infos__action", "m-button-fab-primary", 3, "ngClass", "click"], ["primaryColor", "#fff", 3, "width", "height", "iconName", 4, "ngIf", "ngIfElse"], ["addLoader", ""], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [1, "miam-recipe-details__tags__container"], ["class", "miam-recipe-details__tag", 4, "ngFor", "ngForOf"], [1, "miam-recipe-details__tag"], ["class", "miam-recipe-details__tag__icon", 3, "src", 4, "ngIf"], [1, "miam-recipe-details__tag__name"], [1, "miam-recipe-details__tag__icon", 3, "src"], [3, "recipe", "showAddon"], [1, "miam-recipe-details__bottom__container"], [1, "miam-recipe-details__bottom__container__ingredients"], [1, "miam-recipe-details__bottom__container__header"], [1, "miam-recipe-details__ingredients__row"], [1, "miam-recipe-details__ingredients__counter"], [3, "counter", "counterChange"], [1, "miam-recipe-details__ingredients__counter__print"], [1, "miam-recipe-details__ingredients__row__qty"], [1, "miam-recipe-details__ingredients__list"], ["class", "miam-recipe-details__ingredients__row", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "miam-recipe-details__bottom__container__steps"], [1, "miam-recipe-details__steps__list"], ["class", "miam-recipe-details__steps__list__panel", 3, "active", "miam-recipe-details__panel__done", "click", 4, "ngFor", "ngForOf"], [1, "miam-recipe-details__ingredients__row", 3, "ngClass"], [1, "miam-recipe-details__ingredients__row__picture", 3, "src"], [1, "miam-recipe-details__steps__list__panel", 3, "click"], [1, "miam-recipe-details__panel__idx"], [1, "miam-recipe-details__panel__text"], ["class", "miam-recipe-details__panel__checkIcon", "primaryColor", "var(--m-color-secondary)", 3, "height", "width", "iconName", 4, "ngIf"], ["primaryColor", "var(--m-color-secondary)", 1, "miam-recipe-details__panel__checkIcon", 3, "height", "width", "iconName"], [1, "miam-recipe-details__mobile__container"], ["mobileContainerTop", ""], [1, "miam-recipe-details__mobile__header"], [1, "m-button-secondary", 3, "ngClass", "click"], [4, "ngIf", "ngIfElse"], ["stepsContainer", ""], [3, "recipe", "hideAddon"]], template: function RecipeDetailsComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, RecipeDetailsComponent_div_0_Template, 64, 48, "div", 0);
+                i0.ɵɵtemplate(0, RecipeDetailsComponent_div_0_Template, 61, 44, "div", 0);
                 i0.ɵɵtemplate(1, RecipeDetailsComponent_ng_template_1_Template, 1, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
                 var _r1 = i0.ɵɵreference(2);
                 i0.ɵɵproperty("ngIf", ctx.showDetail)("ngIfElse", _r1);
             }
-        }, directives: [i8.NgIf, IconComponent, i8.NgSwitch, i8.NgSwitchCase, i8.NgSwitchDefault, RecipePricingComponent, i34.YouTubePlayer, LikeButtonComponent, i8.NgClass, LoaderComponent, i8.NgForOf, AddonLinkComponent, CounterInputComponent, RecipeAddonComponent], pipes: [i8.AsyncPipe, i8.TitleCasePipe, CapitalizeFirstLetterPipe, ReadableFloatNumberPipe], styles: [".miam-recipe-details{border-radius:var(--m-border-radius);display:inline-flex;flex-direction:row;flex-wrap:wrap;height:calc(80vh - 80px);margin:40px 8px;min-width:calc(100% - 32px);padding:0 16px}.miam-recipe-details::-webkit-scrollbar-button{height:20px}.miam-recipe-details::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__top__container{display:flex;justify-content:space-evenly}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img{align-items:center;border-radius:var(--m-border-radius);display:flex;height:400px;overflow:hidden;position:relative;width:370px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img img{-o-object-fit:cover;-webkit-print-color-adjust:exact;display:block;height:100%;object-fit:cover;transform:translateX(-25%)}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__gradient{background:linear-gradient(180deg,transparent 57.92%,rgba(0,0,0,.75) 100%,rgba(0,0,0,.75) 0);border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);display:block;height:100%;position:absolute;top:0;width:100%}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__gradient{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{background-color:var(--m-color-primary-light);border-radius:5px;bottom:16px;color:var(--m-color-primary);font-weight:500;left:16px;padding:8px;position:absolute;text-transform:uppercase}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{display:flex;flex-direction:column;justify-content:space-evenly;position:absolute;right:16px;top:16px;z-index:var(--m-z-index-position-absolute-hight)}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon{-o-object-fit:contain;background-color:#fff;border-radius:var(--m-border-radius-circle);box-shadow:var(--m-shadow-small);margin:0 0 16px;object-fit:contain;padding:8px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon.miam-noPadding{padding:0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__sponsor{-o-object-fit:contain;bottom:16px;height:auto;max-height:72px;max-width:96px;object-fit:contain;position:absolute;right:16px;transform:none;width:auto}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;margin-left:40px;padding:16px;position:relative}@media (max-width:1022px){.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__infos__price__wrapper{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top{display:flex;flex-direction:column;position:relative}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__type{color:var(--m-color-black);font-size:14px;line-height:1.14;padding-bottom:16px;text-align:left}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__title{color:var(--m-color-secondary);font-size:32px;font-weight:700;line-height:1.1;text-align:left}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__difficulty{display:flex;padding:16px 0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__difficulty ng-miam-icon{margin-right:8px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics{align-items:center;display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics span{color:var(--m-color-black);font-size:14px;margin-left:12px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics .miam-recipe-details__metrics__row{display:flex}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description{color:var(--m-color-grey-text-dark);display:flex;flex:1;flex-direction:column;font-size:17px;line-height:1.62;margin-bottom:24px;overflow-y:auto;text-align:left;word-break:break-word}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{align-items:center;display:flex;margin-top:16px}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action>*{cursor:pointer}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action>:hover{color:var(--m-color-primary);text-decoration:underline}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action ng-miam-icon{margin-right:10px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper{align-items:flex-end;display:flex;flex-direction:column;height:100%;justify-content:flex-start;max-height:225px;padding-left:16px;position:relative}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price{margin-bottom:4px;padding:4px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{color:var(--m-color-primary);flex-direction:row}@media (max-width:1022px){.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{display:flex;flex-direction:column}}@media print{.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{display:none}}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{font-size:20px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{font-size:14px;margin-left:12px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{border-radius:20px;color:var(--m-color-white);font-size:16px;padding:8px 20px}@media print{.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{display:none}}@media (min-width:1022px){.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action:hover{color:var(--m-color-primary)}}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action ng-miam-icon{margin-left:16px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action .loader{border:var(--m-loader-thickness) solid transparent;border-top:var(--m-loader-thickness) solid var(--m-color-white);height:24px;width:24px}.miam-recipe-details .miam-recipe-details__top__container__info{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;padding:16px 0;width:370px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__metrics{align-items:center;display:flex;justify-content:center}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__metrics span{color:var(--m-color-primary);font-size:19px;font-weight:700;margin-left:12px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times{align-items:center;display:flex;justify-content:space-evenly}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics{flex-direction:column;margin-right:24px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics span{color:var(--m-color-black);font-size:13px;font-weight:400;line-height:16px;margin-left:4px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics .miam-recipe-details__metrics__row{align-items:center;display:flex}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics .miam-recipe-details__metrics__row span{font-size:19px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics{align-items:center;display:flex;justify-content:center;z-index:0}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics ng-miam-icon{display:flex;justify-content:center;margin-right:4px;min-height:32px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics span{font-size:15px}.miam-recipe-details .miam-recipe-details__mid__container{border-bottom:1px dashed var(--m-color-primary);display:flex;padding-bottom:16px;width:100%}.miam-recipe-details .miam-recipe-details__tags__container{display:flex;flex-wrap:wrap;padding:20px;width:100%}.miam-recipe-details .miam-recipe-details__tags__container .miam-recipe-details__tag{background-color:var(--m-color-grey05);border-radius:var(--m-border-radius-pill);display:flex;margin:4px;padding:4px 8px}.miam-recipe-details .miam-recipe-details__tags__container .miam-recipe-details__tag .miam-recipe-details__tag__icon{height:16px;width:16px}.miam-recipe-details .miam-recipe-details__tags__container .miam-recipe-details__tag .miam-recipe-details__tag__name{font-size:16px}.miam-recipe-details .miam-recipe-details__bottom__container{display:flex;width:100%}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__header{border-bottom:1px solid var(--m-color-grey-text);color:var(--m-color-primary);display:block;font-size:20px;font-size:17px;font-weight:700;margin:24px 0;padding:16px 0 8px;position:relative}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter{align-items:center;display:flex}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter ng-miam-counter-input .miam-counter-input__icon{margin-right:16px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:none}@media print{.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter ng-miam-counter-input{display:none}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:block}}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list{flex:1 1;overflow-y:auto;padding-bottom:40px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__row{color:var(--m-color-black);display:flex;font-size:14px;font-weight:700;height:40px;justify-content:space-between;padding-bottom:16px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__row .miam-recipe-details__ingredients__row__qty{color:var(--m-color-grey-text-dark);font-size:14px;font-weight:500;padding-right:10px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__ingredients{display:flex;flex:1;flex-direction:column;padding:0 40px 0 0}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps{display:flex;flex:1;flex-direction:column}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list{flex:1 1;overflow-y:auto;padding-bottom:40px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--m-color-primary-text);border-radius:var(--m-border-radius);cursor:pointer;display:flex;flex-direction:row;margin:0 16px 8px 0;text-align:left;transition:var(--m-default-transition)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__idx{color:var(--m-color-secondary);flex:0 0 auto;font-size:20px;margin-right:20px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__text{font-size:14px;word-break:break-word}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__checkIcon{flex:0 0 auto}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel.miam-recipe-details__panel__done{background-color:var(--m-color-secondary-light)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel div{flex:1;margin:10px}.miam-recipe-details .miam-recipe-details__bottom__container__action{width:100%}@media print{.miam-recipe-details{height:unset}}@media (max-width:1022px){.miam-recipe-details{height:80vh;margin:0;min-width:100vw;overflow-y:auto;padding:0 0 80px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper{align-items:center;background-color:var(--m-color-white);bottom:0;flex-direction:row;height:unset;justify-content:space-between;left:0;padding:4px 16px;position:fixed;right:0}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-pricing__wrapper{flex-direction:column}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{font-size:10px;margin-left:0}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{padding:8px 10px}.miam-recipe-details .miam-recipe-details__top__container{flex-wrap:wrap}.miam-recipe-details .miam-recipe-details__top__container div .miam-recipe-details__top__left{position:-webkit-sticky;position:sticky;top:0;z-index:3}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__info__times{position:-webkit-sticky;position:sticky;top:0;z-index:1}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img{height:220px;position:-webkit-sticky;position:sticky;top:-5vh;width:100vw;z-index:3}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img img{height:unset;transform:none;width:100%}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{bottom:unset;left:16px;top:16px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{bottom:0;flex-direction:unset;left:8px;right:unset;top:unset}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.65);background-color:unset;box-shadow:none;margin:0 4px 8px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos{flex:unset;margin-left:unset;padding:0 16px;width:100vw;z-index:0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__type{display:none}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__title{font-size:24px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description{margin-bottom:16px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{display:none}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__info{background-color:var(--m-color-white);width:unset;z-index:1}.miam-recipe-details .miam-recipe-details__mobile__container{display:flex;flex-direction:column;min-height:80vh;padding-bottom:50px;position:relative;width:100vw}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header{background-color:var(--m-color-white);border-radius:32px 32px 0 0;display:flex;justify-content:space-evenly;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header button{margin-right:0}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header button.active{background-color:var(--m-color-primary);color:var(--m-color-white)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row{align-items:center;color:var(--m-color-black);display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding-bottom:16px;padding-right:16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row div{width:100%}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row .miam-recipe-details__ingredients__row__qty{color:var(--m-color-grey-text-dark);font-size:14px;font-weight:500;margin-right:16px;padding-right:10px;text-align:end}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__counter{display:flex;justify-content:space-between;padding:16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:none}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__list{display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__list .miam-recipe-details__ingredients__row{display:flex;font-size:16px;justify-content:space-between;padding:0 16px 16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel{-webkit-tap-highlight-color:transparent;align-items:center;align-items:flex-start;background-color:transparent;border-radius:var(--m-border-radius);cursor:pointer;display:flex;flex-direction:row;margin:0 8px 32px;padding:0;position:relative;text-align:left;transition:var(--m-default-transition)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel:not(:last-child):before{background-color:var(--m-color-grey);content:\"\";height:50%;left:29px;position:absolute;top:60px;width:1px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel.miam-recipe-details__panel__done{background-color:var(--miam-color-primary-light)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__idx{align-items:center;background-color:var(--m-color-primary);border-radius:40px;color:#fff;display:flex;flex:0 0 auto;font-size:17px;font-weight:700;height:40px;justify-content:center;margin-right:20px;width:40px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__text{font-size:14px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__checkIcon{flex:0 0 auto}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel div{flex:1;margin:10px}.miam-recipe-details .miam-recipe-details__bottom__container__action{background:var(--m-color-white);bottom:0;left:0;padding:0 16px;position:fixed;right:0;width:100vw;z-index:4}}"], encapsulation: 2, changeDetection: 0 });
+        }, directives: [i8.NgIf, IconComponent, i8.NgSwitch, i8.NgSwitchCase, i8.NgSwitchDefault, i34.YouTubePlayer, LikeButtonComponent, RecipePricingComponent, i8.NgClass, LoaderComponent, i8.NgForOf, AddonLinkComponent, CounterInputComponent, RecipeAddonComponent], pipes: [i8.AsyncPipe, i8.TitleCasePipe, CapitalizeFirstLetterPipe, ReadableFloatNumberPipe], styles: [".miam-recipe-details{border-radius:var(--m-border-radius);display:inline-flex;flex-direction:row;flex-wrap:wrap;height:calc(80vh - 80px);margin:40px 8px;min-width:calc(100% - 32px);padding:0 16px}.miam-recipe-details::-webkit-scrollbar-button{height:20px}.miam-recipe-details::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__top__container{display:flex;justify-content:space-evenly}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img{align-items:center;border-radius:var(--m-border-radius);display:flex;height:400px;overflow:hidden;position:relative;width:370px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img img{-o-object-fit:cover;-webkit-print-color-adjust:exact;display:block;height:100%;object-fit:cover;transform:translateX(-25%)}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__gradient{background:linear-gradient(180deg,transparent 57.92%,rgba(0,0,0,.75) 100%,rgba(0,0,0,.75) 0);border-top-left-radius:var(--m-border-radius);border-top-right-radius:var(--m-border-radius);display:block;height:100%;position:absolute;top:0;width:100%}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__gradient{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{background-color:var(--m-color-primary-light);border-radius:5px;bottom:16px;color:var(--m-color-primary);font-weight:500;left:16px;padding:8px;position:absolute;text-transform:uppercase}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{display:flex;flex-direction:column;justify-content:space-evenly;position:absolute;right:16px;top:16px;z-index:var(--m-z-index-position-absolute-hight)}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon{-o-object-fit:contain;background-color:#fff;border-radius:var(--m-border-radius-circle);box-shadow:var(--m-shadow-small);margin:0 0 16px;object-fit:contain;padding:8px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon.miam-noPadding{padding:0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__sponsor{-o-object-fit:contain;bottom:16px;height:auto;max-height:72px;max-width:96px;object-fit:contain;position:absolute;right:16px;transform:none;width:auto}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;margin-left:40px;padding:16px;position:relative}@media (max-width:1022px){.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__infos__price__wrapper{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top{display:flex;flex-direction:column;position:relative}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__type{color:var(--m-color-black);font-size:14px;line-height:1.14;padding-bottom:16px;text-align:left}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__title{color:var(--m-color-secondary);font-size:32px;font-weight:700;line-height:1.1;text-align:left}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__difficulty{display:flex;padding:16px 0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__difficulty ng-miam-icon{margin-right:8px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics{align-items:center;display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics span{color:var(--m-color-black);font-size:14px;margin-left:12px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__metrics .miam-recipe-details__metrics__row{display:flex}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description{color:var(--m-color-grey-text-dark);display:flex;flex:1;flex-direction:column;font-size:17px;line-height:1.62;margin-bottom:24px;overflow-y:auto;text-align:left;word-break:break-word}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{align-items:center;display:flex;margin-top:16px}@media print{.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{display:none}}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action>*{cursor:pointer}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action>:hover{color:var(--m-color-primary);text-decoration:underline}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action ng-miam-icon{margin-right:10px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper{align-items:flex-end;display:flex;flex-direction:column;height:100%;justify-content:flex-start;max-height:225px;padding-left:16px;position:relative}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price{margin-bottom:4px;padding:4px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{color:var(--m-color-primary);flex-direction:row}@media (max-width:1022px){.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{display:flex;flex-direction:column}}@media print{.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper{display:none}}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{font-size:20px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{font-size:14px;margin-left:12px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{border-radius:20px;color:var(--m-color-white);font-size:16px;padding:8px 20px}@media print{.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{display:none}}@media (min-width:1022px){.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action:hover{color:var(--m-color-primary)}}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action ng-miam-icon{margin-left:16px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action .loader{border:var(--m-loader-thickness) solid transparent;border-top:var(--m-loader-thickness) solid var(--m-color-white);height:24px;width:24px}.miam-recipe-details .miam-recipe-details__top__container__info{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;padding:16px 0;width:370px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__metrics{align-items:center;display:flex;justify-content:center}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__metrics span{color:var(--m-color-primary);font-size:19px;font-weight:700;margin-left:12px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times{align-items:center;display:flex;justify-content:space-evenly}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics{flex-direction:column;margin-right:24px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics span{color:var(--m-color-black);font-size:13px;font-weight:400;line-height:16px;margin-left:4px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics .miam-recipe-details__metrics__row{align-items:center;display:flex}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics .miam-recipe-details__metrics__row span{font-size:19px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics{align-items:center;display:flex;justify-content:center;z-index:0}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics ng-miam-icon{display:flex;justify-content:center;margin-right:4px;min-height:32px}.miam-recipe-details .miam-recipe-details__top__container__info .miam-recipe-details__info__times .miam-recipe-details__info__metrics span{font-size:15px}.miam-recipe-details .miam-recipe-details__mid__container{border-bottom:1px dashed var(--m-color-primary);display:flex;padding-bottom:16px;width:100%}.miam-recipe-details .miam-recipe-details__tags__container{display:flex;flex-wrap:wrap;padding:20px;width:100%}.miam-recipe-details .miam-recipe-details__tags__container .miam-recipe-details__tag{background-color:var(--m-color-grey05);border-radius:var(--m-border-radius-pill);display:flex;margin:4px;padding:4px 8px}.miam-recipe-details .miam-recipe-details__tags__container .miam-recipe-details__tag .miam-recipe-details__tag__icon{height:16px;width:16px}.miam-recipe-details .miam-recipe-details__tags__container .miam-recipe-details__tag .miam-recipe-details__tag__name{font-size:16px}.miam-recipe-details .miam-recipe-details__bottom__container{display:flex;width:100%}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__header{border-bottom:1px solid var(--m-color-grey-text);color:var(--m-color-primary);display:block;font-size:20px;font-size:17px;font-weight:700;margin:24px 0;padding:16px 0 8px;position:relative}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter{align-items:center;display:flex}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter ng-miam-counter-input .miam-counter-input__icon{margin-right:16px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:none}@media print{.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter ng-miam-counter-input{display:none}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:block}}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list{flex:1 1;overflow-y:auto;padding-bottom:40px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__list::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__row{color:var(--m-color-black);display:flex;font-size:14px;font-weight:700;height:40px;justify-content:space-between;padding-bottom:16px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__ingredients__row .miam-recipe-details__ingredients__row__qty{color:var(--m-color-grey-text-dark);font-size:14px;font-weight:500;padding-right:10px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__ingredients{display:flex;flex:1;flex-direction:column;padding:0 40px 0 0}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps{display:flex;flex:1;flex-direction:column}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list{flex:1 1;overflow-y:auto;padding-bottom:40px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--m-color-primary-text);border-radius:var(--m-border-radius);cursor:pointer;display:flex;flex-direction:row;margin:0 16px 8px 0;text-align:left;transition:var(--m-default-transition)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__idx{color:var(--m-color-secondary);flex:0 0 auto;font-size:20px;margin-right:20px}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__text{font-size:14px;word-break:break-word}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__checkIcon{flex:0 0 auto}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel.miam-recipe-details__panel__done{background-color:var(--m-color-secondary-light)}.miam-recipe-details .miam-recipe-details__bottom__container .miam-recipe-details__bottom__container__steps .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel div{flex:1;margin:10px}.miam-recipe-details .miam-recipe-details__bottom__container__action{width:100%}@media print{.miam-recipe-details{height:unset}}@media (max-width:1022px){.miam-recipe-details{height:80vh;margin:0;min-width:100vw;overflow-y:auto;padding:0 0 80px}.miam-recipe-details .miam-recipe-details__infos__price__wrapper{align-items:center;background-color:var(--m-color-white);bottom:0;flex-direction:row;height:unset;justify-content:space-between;left:0;padding:4px 16px;position:fixed;right:0}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-pricing__wrapper{flex-direction:column}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{font-size:10px;margin-left:0}.miam-recipe-details .miam-recipe-details__infos__price__wrapper .miam-recipe-details__infos__action{padding:8px 10px}.miam-recipe-details .miam-recipe-details__top__container{flex-wrap:wrap}.miam-recipe-details .miam-recipe-details__top__container div .miam-recipe-details__top__left{position:-webkit-sticky;position:sticky;top:0;z-index:3}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__info__times{position:-webkit-sticky;position:sticky;top:0;z-index:1}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img{height:220px;position:-webkit-sticky;position:sticky;top:-5vh;width:100vw;z-index:3}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img img{height:unset;transform:none;width:100%}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__picture__tag{bottom:unset;left:16px;top:16px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions{bottom:0;flex-direction:unset;left:8px;right:unset;top:unset}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__img .miam-recipe-details__img__actions .miam-recipe-details__actions__icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.65);background-color:unset;box-shadow:none;margin:0 4px 8px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos{flex:unset;margin-left:unset;padding:0 16px;width:100vw;z-index:0}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__type{display:none}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__title{font-size:24px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description{margin-bottom:16px}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__infos .miam-recipe-details__top__container__infos__top .miam-recipe-details__infos__description .miam-recipe-details__description__action{display:none}.miam-recipe-details .miam-recipe-details__top__container .miam-recipe-details__top__container__info{background-color:var(--m-color-white);width:unset;z-index:1}.miam-recipe-details .miam-recipe-details__mobile__container{display:flex;flex-direction:column;min-height:80vh;padding-bottom:50px;position:relative;width:100vw}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header{background-color:var(--m-color-white);border-radius:32px 32px 0 0;display:flex;justify-content:space-evenly;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header button{margin-right:0}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__mobile__header button.active{background-color:var(--m-color-primary);color:var(--m-color-white)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row{align-items:center;color:var(--m-color-black);display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding-bottom:16px;padding-right:16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row div{width:100%}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__row .miam-recipe-details__ingredients__row__qty{color:var(--m-color-grey-text-dark);font-size:14px;font-weight:500;margin-right:16px;padding-right:10px;text-align:end}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__counter{display:flex;justify-content:space-between;padding:16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__counter .miam-recipe-details__ingredients__counter__print{display:none}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__list{display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__ingredients__list .miam-recipe-details__ingredients__row{display:flex;font-size:16px;justify-content:space-between;padding:0 16px 16px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel{-webkit-tap-highlight-color:transparent;align-items:center;align-items:flex-start;background-color:transparent;border-radius:var(--m-border-radius);cursor:pointer;display:flex;flex-direction:row;margin:0 8px 32px;padding:0;position:relative;text-align:left;transition:var(--m-default-transition)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel:not(:last-child):before{background-color:var(--m-color-grey);content:\"\";height:50%;left:29px;position:absolute;top:60px;width:1px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel.miam-recipe-details__panel__done{background-color:var(--miam-color-primary-light)}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__idx{align-items:center;background-color:var(--m-color-primary);border-radius:40px;color:#fff;display:flex;flex:0 0 auto;font-size:17px;font-weight:700;height:40px;justify-content:center;margin-right:20px;width:40px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__text{font-size:14px}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel .miam-recipe-details__panel__checkIcon{flex:0 0 auto}.miam-recipe-details .miam-recipe-details__mobile__container .miam-recipe-details__steps__list .miam-recipe-details__steps__list__panel div{flex:1;margin:10px}.miam-recipe-details .miam-recipe-details__bottom__container__action{background:var(--m-color-white);bottom:0;left:0;padding:0 16px;position:fixed;right:0;width:100vw;z-index:4}}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(RecipeDetailsComponent, [{
                 type: i0.Component,
@@ -15231,6 +16012,10 @@
                     type: i0.Input
                 }], displayTagsIcons: [{
                     type: i0.Input
+                }], displayPricing: [{
+                    type: i0.Input
+                }], displayAddedOnPicture: [{
+                    type: i0.Input
                 }], recipeAdded: [{
                     type: i0.Output
                 }], recipeChanged: [{
@@ -15831,7 +16616,7 @@
             this.mediaMatcher = mediaMatcher;
             this.stringDetailLocation = 'dans l\'onglet Mes Repas';
             this.close = new i0.EventEmitter();
-            this.moreInfo = new i0.EventEmitter();
+            // @Output() moreInfo = new EventEmitter();
             this.icon = exports.Icon;
             this.isMobile = false;
             this.isDisplayed = false;
@@ -15850,16 +16635,16 @@
             this.recipesService.toggleHelper();
             this.close.emit();
         };
-        RecipeHelperComponent.prototype.onMoreInfo = function () {
-            this.moreInfo.emit();
-        };
+        // onMoreInfo() {
+        //   this.moreInfo.emit();
+        // }
         RecipeHelperComponent.prototype.ngOnDestroy = function () {
             this.subscriptions.forEach(function (sub) { return sub.unsubscribe(); });
         };
         return RecipeHelperComponent;
     }());
     RecipeHelperComponent.ɵfac = function RecipeHelperComponent_Factory(t) { return new (t || RecipeHelperComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(i1$2.MediaMatcher)); };
-    RecipeHelperComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeHelperComponent, selectors: [["ng-miam-recipe-helper"]], inputs: { stringDetailLocation: "stringDetailLocation" }, outputs: { close: "close", moreInfo: "moreInfo" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "miam-shadow-overlay", 3, "click"], [1, "miam-recipe-helper"], [1, "miam-recipe-helper__header"], [3, "width", "height", "iconName", 4, "ngIf", "ngIfElse"], ["mobileIcon", ""], [1, "miam-recipe-helper__title"], [1, "miam-recipe-helper__description"], [1, "miam-recipe-helper__how"], [1, "miam-recipe-helper__step"], [1, "miam-recipe-helper__step__number"], [1, "miam-recipe-helper__step__description"], [1, "m-button-fab-primary", "miam-recipe-helper__step__icon"], ["primaryColor", "var(--m-color-white)", 3, "width", "height", "iconName"], [1, "miam-recipe-helper__actions"], [1, "m-button-secondary", 3, "click"], [3, "width", "height", "iconName"]], template: function RecipeHelperComponent_Template(rf, ctx) {
+    RecipeHelperComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeHelperComponent, selectors: [["ng-miam-recipe-helper"]], inputs: { stringDetailLocation: "stringDetailLocation" }, outputs: { close: "close" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "miam-shadow-overlay", 3, "click"], [1, "miam-recipe-helper"], [1, "miam-recipe-helper__header"], [3, "width", "height", "iconName", 4, "ngIf", "ngIfElse"], ["mobileIcon", ""], [1, "miam-recipe-helper__title"], [1, "miam-recipe-helper__description"], [1, "miam-recipe-helper__how"], [1, "miam-recipe-helper__step"], [1, "miam-recipe-helper__step__number"], [1, "miam-recipe-helper__step__description"], [1, "m-button-fab-primary", "miam-recipe-helper__step__icon"], ["primaryColor", "var(--m-color-white)", 3, "width", "height", "iconName"], [1, "miam-recipe-helper__actions"], [1, "m-button-secondary", 3, "click"], [3, "width", "height", "iconName"]], template: function RecipeHelperComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵtemplate(0, RecipeHelperComponent_ng_container_0_Template, 41, 6, "ng-container", 0);
             }
@@ -15881,8 +16666,6 @@
                     type: i0.Input
                 }], close: [{
                     type: i0.Output
-                }], moreInfo: [{
-                    type: i0.Output
                 }] });
     })();
 
@@ -16280,7 +17063,7 @@
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r2.displayTags);
             i0.ɵɵadvance(5);
-            i0.ɵɵproperty("buttonText", (ctx_r2.recipeForm == null ? null : (tmp_6_0 = ctx_r2.recipeForm.get("attributes")) == null ? null : (tmp_6_1 = tmp_6_0.get("media-url")) == null ? null : tmp_6_1.value == null ? null : tmp_6_1.value.length) > 0 ? "Modifier la photo (2MB max)" : "Ajouter une photo (2MB max)")("formControl", ctx_r2.recipeForm == null ? null : (tmp_7_0 = ctx_r2.recipeForm.get("attributes")) == null ? null : tmp_7_0.get("media-url"))("imageUrl", ctx_r2.recipeForm == null ? null : (tmp_8_0 = ctx_r2.recipeForm.get("attributes")) == null ? null : (tmp_8_1 = tmp_8_0.get("media-url")) == null ? null : tmp_8_1.value)("photoMode", true);
+            i0.ɵɵproperty("buttonText", (ctx_r2.recipeForm == null ? null : (tmp_6_0 = ctx_r2.recipeForm.get("attributes")) == null ? null : (tmp_6_1 = tmp_6_0.get("media-url")) == null ? null : tmp_6_1.value == null ? null : tmp_6_1.value.length) > 0 ? "Modifier la photo (2MB max)" : "Ajouter une photo (2MB max)")("formControl", ctx_r2.recipeForm == null ? null : (tmp_7_0 = ctx_r2.recipeForm.get("attributes")) == null ? null : tmp_7_0.get("media-url"))("imageUrl", ctx_r2.recipeForm == null ? null : (tmp_8_0 = ctx_r2.recipeForm.get("attributes")) == null ? null : (tmp_8_1 = tmp_8_0.get("media-url")) == null ? null : tmp_8_1.value)("photoMode", false);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r2.bigImageWarning);
             i0.ɵɵadvance(3);
@@ -17112,9 +17895,12 @@
         };
         // If the recipe is already in basket, update the number of guests (= append recipe to list again)
         RecipeModalComponent.prototype.recipeChanged = function () {
-            if (this.groceriesListsService.list$.value.hasRecipe(this.recipe.id)) {
-                this.groceriesListsService.appendRecipeToList(this.recipe.id, this.recipe.modifiedGuests, 'recipe-modal').subscribe();
-            }
+            var _this = this;
+            this.groceriesListsService.recipeIsInList(this.recipe.id).subscribe(function (recipeIsInList) {
+                if (recipeIsInList) {
+                    _this.groceriesListsService.appendRecipeToList(_this.recipe.id, _this.recipe.modifiedGuests, 'recipe-modal').subscribe();
+                }
+            });
             this.recipesService.displayedRecipeChanged.emit();
         };
         return RecipeModalComponent;
@@ -17169,7 +17955,7 @@
         }
         if (rf & 2) {
             var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("recipe", ctx_r0.recipe)("headerText", ctx_r0.headerText);
+            i0.ɵɵproperty("recipe", ctx_r0.recipe)("headerText", ctx_r0.headerText)("displayPricing", ctx_r0.displayPricing)("displayAddedOnPicture", ctx_r0.displayAddedOnPicture);
         }
     }
     /**
@@ -17203,19 +17989,19 @@
         // 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 () {
-            if (this.groceriesListsService.list$.value.hasRecipe(this.recipe.id)) {
-                this.addRecipe(false);
-            }
+            var _this = this;
+            this.subscriptions.push(this.groceriesListsService.recipeIsInList(this.recipe.id).subscribe(function (recipeIsInList) {
+                if (recipeIsInList) {
+                    _this.addRecipe(false);
+                }
+            }));
         };
         SuggestionCardComponent.prototype.loadRecipe = function () {
             var _this = this;
-            this.subscriptions.push(rxjs.combineLatest([
-                this.groceriesListsService.list$,
-                this.fetchRecipes()
-            ]).pipe(operators.skipWhile(function (results) { return !results[0] || !results[1]; }), operators.catchError(function (err) {
+            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[0], results[1]); }));
+            })).subscribe(function (results) { return _this.processResults(results); }));
         };
         SuggestionCardComponent.prototype.fetchRecipes = function () {
             var _a, _b, _c;
@@ -17228,15 +18014,22 @@
         };
         // 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 (list, recipes) {
+        SuggestionCardComponent.prototype.processResults = function (recipes) {
+            var _this = this;
             var _a, _b;
             this.isEmpty = (!recipes || recipes.length === 0);
-            if (list && !this.isEmpty) {
+            if (!this.isEmpty) {
                 var recipeChanged = ((_a = this.recipe) === null || _a === void 0 ? void 0 : _a.id) !== ((_b = recipes[0]) === null || _b === void 0 ? void 0 : _b.id);
                 // 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);
-                this.recipe.modifiedGuests = list.guestsForRecipe(this.recipe) || +this.recipe.guests;
+                // 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.initIngredientsString();
                 this.recipeCard.cdr.markForCheck();
                 if (recipeChanged) {
@@ -17264,9 +18057,9 @@
             if (rf & 1) {
                 i0.ɵɵlistener("scroll", function SuggestionCardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, false, i0.ɵɵresolveWindow);
             }
-        }, inputs: { randomModeEnable: "randomModeEnable", context: "context" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[3, "recipe", "headerText", "guestsChanged", 4, "ngIf"], [3, "recipe", "headerText", "guestsChanged"], ["recipeCard", ""]], template: function SuggestionCardComponent_Template(rf, ctx) {
+        }, inputs: { randomModeEnable: "randomModeEnable", context: "context" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[3, "recipe", "headerText", "displayPricing", "displayAddedOnPicture", "guestsChanged", 4, "ngIf"], [3, "recipe", "headerText", "displayPricing", "displayAddedOnPicture", "guestsChanged"], ["recipeCard", ""]], template: function SuggestionCardComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, SuggestionCardComponent_ng_miam_recipe_card_0_Template, 2, 2, "ng-miam-recipe-card", 0);
+                i0.ɵɵtemplate(0, SuggestionCardComponent_ng_miam_recipe_card_0_Template, 2, 4, "ng-miam-recipe-card", 0);
             }
             if (rf & 2) {
                 i0.ɵɵproperty("ngIf", !ctx.isEmpty);