ng-miam 4.1.2 → 4.2.0

package/fesm2015/ng-miam.js

@@ -296,10 +296,32 @@ class GroceriesListsService extends Service {
             }));
         }));
     }
+    /**
+     * Will create a temporary list and set it in _list$. The list won't be marked as current and thus
+     * will not be reused
+     */
+    createTemporaryList() {
+        this.listIsFetching = true;
+        this.new().save({ include: ['groceries-entries'] }).subscribe((temporaryList) => {
+            this._list$.next(this.afterSave(temporaryList));
+            this.listIsFetching = false;
+        });
+    }
+    /**
+     * save() returns an object that isn't a resource so methods aren't attached, so we have to do a little trick
+     * @param res result of the save
+     * @returns correct GroceriesList with the right attributes & methods
+     */
+    afterSave(res) {
+        const list = this.new();
+        list.fill(res);
+        return list;
+    }
     saveList(list, openBasket = false) {
         delete (list.attributes['recipes-ids']);
-        return list.save().pipe(skipWhile(l => l.is_loading), tap(() => {
-            this._list$.next(list);
+        delete (list.relationships['groceries-entries']);
+        return list.save({ include: ['groceries-entries'] }).pipe(skipWhile((l) => l.is_loading), tap(l => {
+            this._list$.next(this.afterSave(l));
             if (this.saveOperationType === 'ADD') {
                 this.recipeWasAdded$.next(list.recipeInfos);
             }
@@ -2333,12 +2355,12 @@ class RecipesService extends Service {
             this.displayObject(recipe, { previewAllowed, guests, previewMode });
         });
     }
-    displayObject(recipe, { previewAllowed = true, guests = null, previewMode = false }) {
+    displayObject(recipe, { previewAllowed = true, guests = null, previewMode = false, wasAdded = false }) {
         if (!recipe) {
             return;
         }
         recipe.modifiedGuests = guests || +recipe.guests;
-        this.displayedRecipe$.next({ previewAllowed, recipe, previewMode });
+        this.displayedRecipe$.next({ previewAllowed, recipe, previewMode, wasAdded });
         if (!previewMode) {
             this.recipeEventsService.sendEvent(recipe, this.recipeEventsService.ACTION_DISPLAYED);
         }
@@ -2832,6 +2854,12 @@ class ComparisonMap {
         this.addEntryInMapFromRetailer(retailerBasket);
         this._setFromMiam(miamBasket);
     }
+    setAllProductsAsRetailers() {
+        Object.keys(this._extIdToComparisonItem).forEach((extId) => {
+            this._extIdToComparisonItem[extId].miamQuantity = 0;
+            this._extIdToComparisonItem[extId].miamTargetQuantity = 0;
+        });
+    }
     /**
      *
      * @param extId
@@ -3064,6 +3092,9 @@ class BasketsComparator {
         const toRemoveFromMiam = this._comparisonMap.resolveFromRetailer();
         this.sendUpdateToMiam(toRemoveFromMiam);
     }
+    setAllProductsAsRetailers() {
+        this._comparisonMap.setAllProductsAsRetailers();
+    }
     /**
      *
      * @param {*} basket
@@ -3125,6 +3156,9 @@ class BasketHandler {
     constructor(wrapper) {
         this.basketWrapper = wrapper;
     }
+    setAllProductsAsRetailers() {
+        this.comparator.setAllProductsAsRetailers();
+    }
     /**
      * Handle payment first if necessary then start basket synchronization
      */
@@ -3326,8 +3360,16 @@ class ContextService {
                 },
                 removeEntries: (entries) => this.basketsService.removeBasketEntries(entries),
                 initBasketSynchro: () => {
+                    // We need to initialise the basket and list or the basketSync might not work
+                    this.basketsService.initBasket();
                     this.basketHandler = new BasketHandler(this.basketWrapper);
                     this.basketHandler.initBasketProcess();
+                },
+                // Modify the comparion-map to make it as is all products were added by the retailer. Useful to reset the list without emptying the retailer's basket
+                setAllProductsAsRetailers: () => {
+                    if (this.basketHandler) {
+                        this.basketHandler.setAllProductsAsRetailers();
+                    }
                 }
             },
             basketMapper: {
@@ -3368,7 +3410,9 @@ class ContextService {
             list: {
                 reset: () => this.listsService.resetList().subscribe(),
                 addRecipe: (recipeId, guests) => this.listsService.appendRecipeToList(recipeId, guests, 'client'),
-                hasRecipe: (recipeId) => this.listsService.recipeIsInList(recipeId)
+                hasRecipe: (recipeId) => this.listsService.recipeIsInList(recipeId),
+                createTemporaryList: () => this.listsService.createTemporaryList(),
+                refresh: () => this.listsService.refreshCurrentList()
             },
             pos: {
                 load: (posId) => {
@@ -8451,15 +8495,19 @@ function BasketPreviewBlockComponent_div_0_ng_container_2_div_3_Template(rf, ctx
     ɵɵelementStart(0, "div", 24);
     ɵɵelement(1, "ng-miam-loader");
     ɵɵelementStart(2, "div");
-    ɵɵtext(3, "Chargement des repas...");
+    ɵɵtext(3);
     ɵɵelementEnd();
     ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r9 = ɵɵnextContext(3);
+    ɵɵadvance(3);
+    ɵɵtextInterpolate1(" ", ctx_r9.recipeId ? "Chargement du repas..." : "Chargement des repas...", " ");
 } }
 function BasketPreviewBlockComponent_div_0_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainerStart(0);
     ɵɵtemplate(1, BasketPreviewBlockComponent_div_0_ng_container_2_h3_1_Template, 5, 5, "h3", 6);
     ɵɵtemplate(2, BasketPreviewBlockComponent_div_0_ng_container_2_div_2_Template, 5, 5, "div", 7);
-    ɵɵtemplate(3, BasketPreviewBlockComponent_div_0_ng_container_2_div_3_Template, 4, 0, "div", 8);
+    ɵɵtemplate(3, BasketPreviewBlockComponent_div_0_ng_container_2_div_3_Template, 4, 1, "div", 8);
     ɵɵpipe(4, "async");
     ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -8536,6 +8584,11 @@ class BasketPreviewBlockComponent {
             this.basketsService.basketStats$.pipe(tap(stats => this.statsUpdated.emit(stats))).subscribe()
         ];
     }
+    ngOnChanges(changes) {
+        if (Object.keys(changes).includes('recipeId')) {
+            this.loading.next(true);
+        }
+    }
     ngOnDestroy() {
         this.subscriptions.forEach((sub) => sub.unsubscribe());
     }
@@ -8613,14 +8666,14 @@ BasketPreviewBlockComponent.ɵcmp = ɵɵdefineComponent({ type: BasketPreviewBlo
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.lineComponents = _t);
-    } }, inputs: { recipeId: "recipeId", showNotice: "showNotice", recipesAlwaysExpanded: "recipesAlwaysExpanded", itemsAlwaysExpanded: "itemsAlwaysExpanded", displayItemsUnitaryPrice: "displayItemsUnitaryPrice" }, outputs: { statsUpdated: "statsUpdated", guestCountChanged: "guestCountChanged", loading: "loading" }, decls: 5, vars: 2, consts: [["class", "miam-basket-preview-block", 4, "ngIf", "ngIfElse"], ["cors", ""], ["noPos", ""], [1, "miam-basket-preview-block"], ["previewBlockTop", ""], [4, "ngIf", "ngIfElse"], ["class", "miam-basket-preview-block__header", 4, "ngIf"], ["class", "miam-basket-preview-block__lines", 4, "ngIf"], ["class", "miam-basket-preview-block__lines__loader", 4, "ngIf"], [1, "miam-basket-preview-block__header"], [1, "miam-basket-preview-block__header__actions"], ["class", "m-button-secondary miam-basket-preview-block__header__empty-basket", 3, "click", 4, "ngIf"], [1, "miam-basket-preview-block__header__chevron", 3, "ngClass", "click"], ["height", "32", "width", "32", 3, "iconName"], [1, "m-button-secondary", "miam-basket-preview-block__header__empty-basket", 3, "click"], ["primaryColor", "var(--m-color-secondary)", 3, "iconName"], [1, "miam-basket-preview-block__lines"], [3, "line", "blockStates", "uniqueLine", "recipesAlwaysExpanded", "itemsAlwaysExpanded", "displayItemsUnitaryPrice", "ngStyle", "removed", "countChanged", "replaceItem", 4, "ngFor", "ngForOf"], [3, "line", "selected", 4, "ngIf"], ["class", "miam-basket-preview-block__lines__not-found", 4, "ngIf"], [3, "line", "blockStates", "uniqueLine", "recipesAlwaysExpanded", "itemsAlwaysExpanded", "displayItemsUnitaryPrice", "ngStyle", "removed", "countChanged", "replaceItem"], [3, "line", "selected"], [1, "miam-basket-preview-block__lines__not-found"], [4, "ngIf"], [1, "miam-basket-preview-block__lines__loader"], [1, "miam-basket-preview-block__noPos"]], template: function BasketPreviewBlockComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { recipeId: "recipeId", showNotice: "showNotice", recipesAlwaysExpanded: "recipesAlwaysExpanded", itemsAlwaysExpanded: "itemsAlwaysExpanded", displayItemsUnitaryPrice: "displayItemsUnitaryPrice" }, outputs: { statsUpdated: "statsUpdated", guestCountChanged: "guestCountChanged", loading: "loading" }, features: [ɵɵNgOnChangesFeature], decls: 5, vars: 2, consts: [["class", "miam-basket-preview-block", 4, "ngIf", "ngIfElse"], ["cors", ""], ["noPos", ""], [1, "miam-basket-preview-block"], ["previewBlockTop", ""], [4, "ngIf", "ngIfElse"], ["class", "miam-basket-preview-block__header", 4, "ngIf"], ["class", "miam-basket-preview-block__lines", 4, "ngIf"], ["class", "miam-basket-preview-block__lines__loader", 4, "ngIf"], [1, "miam-basket-preview-block__header"], [1, "miam-basket-preview-block__header__actions"], ["class", "m-button-secondary miam-basket-preview-block__header__empty-basket", 3, "click", 4, "ngIf"], [1, "miam-basket-preview-block__header__chevron", 3, "ngClass", "click"], ["height", "32", "width", "32", 3, "iconName"], [1, "m-button-secondary", "miam-basket-preview-block__header__empty-basket", 3, "click"], ["primaryColor", "var(--m-color-secondary)", 3, "iconName"], [1, "miam-basket-preview-block__lines"], [3, "line", "blockStates", "uniqueLine", "recipesAlwaysExpanded", "itemsAlwaysExpanded", "displayItemsUnitaryPrice", "ngStyle", "removed", "countChanged", "replaceItem", 4, "ngFor", "ngForOf"], [3, "line", "selected", 4, "ngIf"], ["class", "miam-basket-preview-block__lines__not-found", 4, "ngIf"], [3, "line", "blockStates", "uniqueLine", "recipesAlwaysExpanded", "itemsAlwaysExpanded", "displayItemsUnitaryPrice", "ngStyle", "removed", "countChanged", "replaceItem"], [3, "line", "selected"], [1, "miam-basket-preview-block__lines__not-found"], [4, "ngIf"], [1, "miam-basket-preview-block__lines__loader"], [1, "miam-basket-preview-block__noPos"]], template: function BasketPreviewBlockComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵtemplate(0, BasketPreviewBlockComponent_div_0_Template, 4, 4, "div", 0);
         ɵɵtemplate(1, BasketPreviewBlockComponent_ng_template_1_Template, 1, 0, "ng-template", null, 1, ɵɵtemplateRefExtractor);
         ɵɵtemplate(3, BasketPreviewBlockComponent_ng_template_3_Template, 6, 0, "ng-template", null, 2, ɵɵtemplateRefExtractor);
     } if (rf & 2) {
         const _r1 = ɵɵreference(2);
         ɵɵproperty("ngIf", !ctx.corsIssues)("ngIfElse", _r1);
-    } }, directives: [NgIf, NgClass, IconComponent, NgForOf, BasketPreviewLineComponent, NgStyle, ReplaceItemComponent, LoaderComponent, CORSOverlayComponent], pipes: [AsyncPipe], styles: [":host ::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}:host ::-webkit-scrollbar-track{background:var(--m-color-grey)}:host ::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-basket-preview-block{position:relative}.miam-basket-preview-block .miam-basket-preview-block__recipe__link{-webkit-tap-highlight-color:transparent;color:var(--m-color-grey-text);cursor:pointer;position:absolute;right:300px;text-decoration:underline;top:60px;transition:var(--m-default-transition)}@media (min-width:1022px){.miam-basket-preview-block .miam-basket-preview-block__recipe__link:hover{color:var(--m-color-primary)}}.miam-basket-preview-block .miam-basket-preview-block__header{display:flex;justify-content:space-between;margin-bottom:0;padding-bottom:10px}.miam-basket-preview-block .miam-basket-preview-block__header .miam-basket-preview-block__header__actions{align-items:center;display:flex}.miam-basket-preview-block .miam-basket-preview-block__header .miam-basket-preview-block__header__actions .miam-basket-preview-block__header__empty-basket{margin-right:20px}.miam-basket-preview-block .miam-basket-preview-block__header .miam-basket-preview-block__header__actions .miam-basket-preview-block__header__empty-basket .fa-trash-alt{margin-right:8px;margin-top:-1px;width:13px}.miam-basket-preview-block .miam-basket-preview-block__header .miam-basket-preview-block__header__actions .miam-basket-preview-block__header__chevron{cursor:pointer;transition-duration:.5s}.miam-basket-preview-block .miam-basket-preview-block__header .miam-basket-preview-block__header__actions .miam-basket-preview-block__header__chevron svg{width:18px}.miam-basket-preview-block .miam-basket-preview-block__header .miam-basket-preview-block__header__actions .miam-basket-preview-block__chevron__down{transform:rotate(-180deg)}.miam-basket-preview-block .miam-basket-preview-block__lines{transition:height .3s}.miam-basket-preview-block .miam-basket-preview-block__lines .miam-basket-preview-block__lines__not-found{margin-left:20px;margin-top:15px}.miam-basket-preview-block .miam-basket-preview-block__lines .miam-basket-preview-block__lines__loader,.miam-basket-preview-block .miam-basket-preview-block__lines__loader{align-items:center;display:flex;flex-direction:column;justify-content:center}.miam-basket-preview-block .miam-basket-preview-block__lines__loader{padding:10px}.miam-basket-preview-block .miam-basket-preview-block__noPos{font-size:17px}"], encapsulation: 2, changeDetection: 0 });
+    } }, directives: [NgIf, NgClass, IconComponent, NgForOf, BasketPreviewLineComponent, NgStyle, ReplaceItemComponent, LoaderComponent, CORSOverlayComponent], pipes: [AsyncPipe], styles: [":host ::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}:host ::-webkit-scrollbar-track{background:var(--m-color-grey)}:host ::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-basket-preview-block{height:100%;position:relative}.miam-basket-preview-block .miam-basket-preview-block__recipe__link{-webkit-tap-highlight-color:transparent;color:var(--m-color-grey-text);cursor:pointer;position:absolute;right:300px;text-decoration:underline;top:60px;transition:var(--m-default-transition)}@media (min-width:1022px){.miam-basket-preview-block .miam-basket-preview-block__recipe__link:hover{color:var(--m-color-primary)}}.miam-basket-preview-block .miam-basket-preview-block__header{display:flex;justify-content:space-between;margin-bottom:0;padding-bottom:10px}.miam-basket-preview-block .miam-basket-preview-block__header .miam-basket-preview-block__header__actions{align-items:center;display:flex}.miam-basket-preview-block .miam-basket-preview-block__header .miam-basket-preview-block__header__actions .miam-basket-preview-block__header__empty-basket{margin-right:20px}.miam-basket-preview-block .miam-basket-preview-block__header .miam-basket-preview-block__header__actions .miam-basket-preview-block__header__empty-basket .fa-trash-alt{margin-right:8px;margin-top:-1px;width:13px}.miam-basket-preview-block .miam-basket-preview-block__header .miam-basket-preview-block__header__actions .miam-basket-preview-block__header__chevron{cursor:pointer;transition-duration:.5s}.miam-basket-preview-block .miam-basket-preview-block__header .miam-basket-preview-block__header__actions .miam-basket-preview-block__header__chevron svg{width:18px}.miam-basket-preview-block .miam-basket-preview-block__header .miam-basket-preview-block__header__actions .miam-basket-preview-block__chevron__down{transform:rotate(-180deg)}.miam-basket-preview-block .miam-basket-preview-block__lines{transition:height .3s}.miam-basket-preview-block .miam-basket-preview-block__lines .miam-basket-preview-block__lines__not-found{margin-left:20px;margin-top:15px}.miam-basket-preview-block .miam-basket-preview-block__lines .miam-basket-preview-block__lines__loader,.miam-basket-preview-block .miam-basket-preview-block__lines__loader{align-items:center;display:flex;flex-direction:column;justify-content:center}.miam-basket-preview-block .miam-basket-preview-block__lines__loader{padding:10px}.miam-basket-preview-block .miam-basket-preview-block__noPos{font-size:17px}"], encapsulation: 2, changeDetection: 0 });
 /*@__PURE__*/ (function () { ɵsetClassMetadata(BasketPreviewBlockComponent, [{
         type: Component,
         args: [{
@@ -8828,7 +8881,8 @@ class AbstractRecipeCardComponent {
     }
     addRecipeActionOK(display) {
         this.subscriptions.push(this.groceriesListsService.recipeIsInList(this.recipe.id).subscribe(recipeIsInList => {
-            if (!recipeIsInList) {
+            const recipeWasAdded = !recipeIsInList;
+            if (recipeWasAdded) {
                 this.recipeEventsService.sendEvent(this.recipe, this.recipeEventsService.ACTION_ADDED);
             }
             this.subscriptions.push(this.groceriesListsService.appendRecipeToList(this.recipe.id, this.recipe.modifiedGuests, this.cardType)
@@ -8836,7 +8890,7 @@ class AbstractRecipeCardComponent {
                 this.toggleButtonLoader(false);
             }));
             if (display) {
-                this.recipeService.displayObject(this.recipe, { guests: +this.recipe.modifiedGuests, previewMode: true });
+                this.recipeService.displayObject(this.recipe, { guests: +this.recipe.modifiedGuests, previewMode: true, wasAdded: recipeWasAdded });
             }
         }));
     }
@@ -10053,7 +10107,7 @@ CatalogCategoryComponent.ɵcmp = ɵɵdefineComponent({ type: CatalogCategoryComp
         ɵɵtemplate(0, CatalogCategoryComponent_div_0_Template, 21, 13, "div", 0);
     } if (rf & 2) {
         ɵɵproperty("ngIf", !ctx.hide);
-    } }, directives: [NgIf, IconComponent, NgStyle, NgForOf, LoaderComponent, CatalogRecipeCardComponent, CatalogArticleCardComponent], pipes: [AsyncPipe], styles: [".miam-catalog-category__slider{-webkit-backdrop-filter:blur(12px);align-items:center;backdrop-filter:blur(12px);background-color:rgba(32,32,32,.3);cursor:pointer;display:flex;height:calc(100% - 28px);justify-content:center;margin:12px 0 16px;position:absolute;top:0;width:48px}@media (max-width:1022px){.miam-catalog-category__slider{display:none}}.miam-catalog-category{display:flex;flex-direction:column;margin-bottom:40px}.miam-catalog-category .miam-catalog-category__header{align-items:flex-end;display:flex;flex-direction:row;margin-bottom:16px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left{flex:1}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title{-webkit-tap-highlight-color:transparent;color:var(--m-color-black);cursor:pointer;font-size:24px;font-weight:700;line-height:34px;margin-bottom:4px}@media (min-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title:hover{text-decoration:underline}}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__subtitle{color:var(--m-color-black);font-size:14px;line-height:22px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right{align-items:center;display:flex}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right .miam-catalog-category__link{-webkit-tap-highlight-color:transparent;color:var(--m-color-primary);cursor:pointer;font-size:16px;line-height:24px}@media (min-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right .miam-catalog-category__link:hover{text-decoration:underline}}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right ng-miam-icon{margin-top:3px}.miam-catalog-category .miam-catalog-category__header .icon-container{cursor:pointer;margin-bottom:3px;transform:rotate(-90deg)}.miam-catalog-category .miam-catalog-category__content{height:calc(var(--m-catalog-card-height) + var(--m-catalog-cards-spacing));margin:calc(0px - var(--m-catalog-cards-spacing)/2);overflow:hidden;padding:0;position:relative;width:calc(100% + var(--m-catalog-cards-spacing))}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards{display:flex;flex-direction:row;flex-wrap:wrap;transition-duration:.5s}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__loader{color:var(--m-color-grey-text);font-size:20px;font-weight:700;text-align:center;width:100%}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__loader .loader{height:80px;margin-bottom:16px;margin-left:calc(50% - 40px);margin-top:80px;width:80px}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__left,.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__right{display:none}@media (max-width:1095px){.miam-catalog-category .miam-catalog-category__content{overflow-x:auto}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards{flex-wrap:nowrap}}@media (max-width:607px){.miam-catalog-category .miam-catalog-category__header{align-items:flex-start;flex-direction:column;margin-bottom:8px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left{margin-bottom:4px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title{margin-bottom:0}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right{align-self:flex-end}}"], encapsulation: 2, changeDetection: 0 });
+    } }, directives: [NgIf, IconComponent, NgStyle, NgForOf, LoaderComponent, CatalogRecipeCardComponent, CatalogArticleCardComponent], pipes: [AsyncPipe], styles: [".miam-catalog-category__slider{-webkit-backdrop-filter:blur(12px);align-items:center;backdrop-filter:blur(12px);background-color:rgba(32,32,32,.3);cursor:pointer;display:flex;height:calc(100% - 28px);justify-content:center;margin:12px 0 16px;position:absolute;top:0;width:48px}@media (max-width:1022px){.miam-catalog-category__slider{display:none}}.miam-catalog-category{display:flex;flex-direction:column;margin-bottom:40px}.miam-catalog-category .miam-catalog-category__header{align-items:flex-end;display:flex;flex-direction:row;margin-bottom:16px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left{flex:1}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title{-webkit-tap-highlight-color:transparent;color:var(--m-color-black);cursor:pointer;font-size:24px;font-weight:700;line-height:34px;margin-bottom:4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (min-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title:hover{text-decoration:underline}}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__subtitle{color:var(--m-color-black);font-size:14px;line-height:22px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right{align-items:center;display:flex}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right .miam-catalog-category__link{-webkit-tap-highlight-color:transparent;color:var(--m-color-primary);cursor:pointer;font-size:16px;line-height:24px}@media (min-width:1022px){.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right .miam-catalog-category__link:hover{text-decoration:underline}}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right ng-miam-icon{margin-top:3px}.miam-catalog-category .miam-catalog-category__header .icon-container{cursor:pointer;margin-bottom:3px;transform:rotate(-90deg)}.miam-catalog-category .miam-catalog-category__content{height:calc(var(--m-catalog-card-height) + var(--m-catalog-cards-spacing));margin:calc(0px - var(--m-catalog-cards-spacing)/2);overflow:hidden;padding:0;position:relative;width:calc(100% + var(--m-catalog-cards-spacing))}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards{display:flex;flex-direction:row;flex-wrap:wrap;transition-duration:.5s}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__loader{color:var(--m-color-grey-text);font-size:20px;font-weight:700;text-align:center;width:100%}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards .miam-catalog-category__loader .loader{height:80px;margin-bottom:16px;margin-left:calc(50% - 40px);margin-top:80px;width:80px}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__left,.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__slider__right{display:none}@media (max-width:1095px){.miam-catalog-category .miam-catalog-category__content{overflow-x:auto}.miam-catalog-category .miam-catalog-category__content .miam-catalog-category__cards{flex-wrap:nowrap}}@media (max-width:607px){.miam-catalog-category .miam-catalog-category__header{align-items:flex-start;flex-direction:column;margin-bottom:8px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left{margin-bottom:4px}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__left .miam-catalog-category__title{margin-bottom:0}.miam-catalog-category .miam-catalog-category__header .miam-catalog-category__right{align-self:flex-end}}"], encapsulation: 2, changeDetection: 0 });
 /*@__PURE__*/ (function () { ɵsetClassMetadata(CatalogCategoryComponent, [{
         type: Component,
         args: [{
@@ -10094,8 +10148,8 @@ function CatalogHeaderComponent_ng_miam_icon_8_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = ɵɵnextContext();
     ɵɵproperty("iconName", ctx_r0.icon.ChevronDown);
 } }
-function CatalogHeaderComponent_span_9_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "span");
+function CatalogHeaderComponent_a_9_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "a", 16);
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
@@ -10104,14 +10158,14 @@ function CatalogHeaderComponent_span_9_Template(rf, ctx) { if (rf & 1) {
     ɵɵtextInterpolate(ctx_r1.title);
 } }
 function CatalogHeaderComponent_div_11_img_1_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "img", 18);
+    ɵɵelement(0, "img", 19);
 } if (rf & 2) {
     const ctx_r6 = ɵɵnextContext(2);
     ɵɵproperty("src", ctx_r6.titlePictureUrl, ɵɵsanitizeUrl);
 } }
 function CatalogHeaderComponent_div_11_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 16);
-    ɵɵtemplate(1, CatalogHeaderComponent_div_11_img_1_Template, 1, 1, "img", 17);
+    ɵɵelementStart(0, "div", 17);
+    ɵɵtemplate(1, CatalogHeaderComponent_div_11_img_1_Template, 1, 1, "img", 18);
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = ɵɵnextContext();
@@ -10120,12 +10174,12 @@ function CatalogHeaderComponent_div_11_Template(rf, ctx) { if (rf & 1) {
 } }
 function CatalogHeaderComponent_div_13_Template(rf, ctx) { if (rf & 1) {
     const _r8 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 19);
-    ɵɵelementStart(1, "input", 20);
+    ɵɵelementStart(0, "div", 20);
+    ɵɵelementStart(1, "input", 21);
     ɵɵlistener("ngModelChange", function CatalogHeaderComponent_div_13_Template_input_ngModelChange_1_listener($event) { ɵɵrestoreView(_r8); const ctx_r7 = ɵɵnextContext(); return ctx_r7.searchString = $event; })("keydown.enter", function CatalogHeaderComponent_div_13_Template_input_keydown_enter_1_listener() { ɵɵrestoreView(_r8); const ctx_r9 = ɵɵnextContext(); return ctx_r9.emitSearchString(); })("blur", function CatalogHeaderComponent_div_13_Template_input_blur_1_listener() { ɵɵrestoreView(_r8); const ctx_r10 = ɵɵnextContext(); return ctx_r10.emitSearchString(); });
     ɵɵelementEnd();
-    ɵɵelementStart(2, "button", 21);
-    ɵɵelementStart(3, "ng-miam-icon", 22);
+    ɵɵelementStart(2, "button", 22);
+    ɵɵelementStart(3, "ng-miam-icon", 23);
     ɵɵlistener("click", function CatalogHeaderComponent_div_13_Template_ng_miam_icon_click_3_listener() { ɵɵrestoreView(_r8); const ctx_r11 = ɵɵnextContext(); return ctx_r11.emitSearchString(); });
     ɵɵelementEnd();
     ɵɵelementEnd();
@@ -10143,7 +10197,7 @@ function CatalogHeaderComponent_button_15_span_2_Template(rf, ctx) { if (rf & 1)
     ɵɵelementEnd();
 } }
 function CatalogHeaderComponent_button_15_div_3_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 26);
+    ɵɵelementStart(0, "div", 28);
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
@@ -10154,11 +10208,11 @@ function CatalogHeaderComponent_button_15_div_3_Template(rf, ctx) { if (rf & 1)
 const _c0$h = function (a0, a1) { return { reverse: a0, reduced: a1 }; };
 function CatalogHeaderComponent_button_15_Template(rf, ctx) { if (rf & 1) {
     const _r15 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "button", 23);
+    ɵɵelementStart(0, "button", 24);
     ɵɵlistener("click", function CatalogHeaderComponent_button_15_Template_button_click_0_listener() { ɵɵrestoreView(_r15); const ctx_r14 = ɵɵnextContext(); return ctx_r14.filterButtonPressed.emit(); });
-    ɵɵelement(1, "ng-miam-icon", 24);
-    ɵɵtemplate(2, CatalogHeaderComponent_button_15_span_2_Template, 2, 0, "span", 8);
-    ɵɵtemplate(3, CatalogHeaderComponent_button_15_div_3_Template, 2, 1, "div", 25);
+    ɵɵelement(1, "ng-miam-icon", 25);
+    ɵɵtemplate(2, CatalogHeaderComponent_button_15_span_2_Template, 2, 0, "span", 26);
+    ɵɵtemplate(3, CatalogHeaderComponent_button_15_div_3_Template, 2, 1, "div", 27);
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r4 = ɵɵnextContext();
@@ -10178,10 +10232,10 @@ function CatalogHeaderComponent_button_16_span_2_Template(rf, ctx) { if (rf & 1)
 const _c1$9 = function (a0, a1) { return { "m-button-primary": a0, reduced: a1 }; };
 function CatalogHeaderComponent_button_16_Template(rf, ctx) { if (rf & 1) {
     const _r18 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "button", 27);
+    ɵɵelementStart(0, "button", 29);
     ɵɵlistener("click", function CatalogHeaderComponent_button_16_Template_button_click_0_listener() { ɵɵrestoreView(_r18); const ctx_r17 = ɵɵnextContext(); return ctx_r17.favoritesButtonPressed.emit(); });
-    ɵɵelement(1, "ng-miam-icon", 24);
-    ɵɵtemplate(2, CatalogHeaderComponent_button_16_span_2_Template, 2, 0, "span", 8);
+    ɵɵelement(1, "ng-miam-icon", 25);
+    ɵɵtemplate(2, CatalogHeaderComponent_button_16_span_2_Template, 2, 0, "span", 26);
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r5 = ɵɵnextContext();
@@ -10227,7 +10281,7 @@ class CatalogHeaderComponent {
     }
 }
 CatalogHeaderComponent.ɵfac = function CatalogHeaderComponent_Factory(t) { return new (t || CatalogHeaderComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(ContextService)); };
-CatalogHeaderComponent.ɵcmp = ɵɵdefineComponent({ type: CatalogHeaderComponent, selectors: [["ng-miam-catalog-header"]], inputs: { title: "title", homeLabel: "homeLabel", pictureUrl: "pictureUrl", titlePictureUrl: "titlePictureUrl", searchBarHidden: "searchBarHidden", filterButtonHidden: "filterButtonHidden", favoritesButtonHidden: "favoritesButtonHidden", filterBadgeCount: "filterBadgeCount" }, outputs: { returnButtonPressed: "returnButtonPressed", filterButtonPressed: "filterButtonPressed", favoritesButtonPressed: "favoritesButtonPressed", searchStringChanged: "searchStringChanged" }, features: [ɵɵNgOnChangesFeature], decls: 17, vars: 18, consts: [[1, "miam-catalog-header", 3, "ngClass"], [1, "miam-catalog-header__content"], [1, "miam-catalog-header__nav"], ["href", "/"], ["width", "18", "height", "18", 3, "iconName", "primaryColor"], ["width", "24", "height", "24", 1, "chevron-right", 3, "iconName"], ["href", "javascript:void(0)", 3, "click"], ["class", "chevron-right", "width", "24", "height", "24", 3, "iconName", 4, "ngIf"], [4, "ngIf"], [1, "miam-catalog-header__title-and-search"], ["class", "miam-catalog-header__title", 4, "ngIf"], [1, "miam-catalog-header__search-and-filters", 3, "ngClass"], ["class", "miam-catalog-header__searchbar", 4, "ngIf"], [1, "miam-catalog-header__controls"], ["class", "miam-catalog-header__controls__filter m-button-primary", 3, "ngClass", "click", 4, "ngIf"], ["class", "miam-catalog-header__controls__favorites", 3, "ngClass", "click", 4, "ngIf"], [1, "miam-catalog-header__title"], [3, "src", 4, "ngIf"], [3, "src"], [1, "miam-catalog-header__searchbar"], ["type", "text", "placeholder", "Chercher un ingr\u00E9dient ou un repas", 1, "miam-catalog-header__searchbar__input", 3, "ngModel", "ngModelChange", "keydown.enter", "blur"], [1, "miam-catalog-header__searchbar__button", "m-button-primary"], ["width", "20", "height", "20", 1, "miam-catalog-header__searchbar__icon", 3, "iconName", "click"], [1, "miam-catalog-header__controls__filter", "m-button-primary", 3, "ngClass", "click"], ["width", "18", "height", "18", 3, "iconName"], ["class", "miam-catalog-header__controls__filter-badge", 4, "ngIf"], [1, "miam-catalog-header__controls__filter-badge"], [1, "miam-catalog-header__controls__favorites", 3, "ngClass", "click"]], template: function CatalogHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+CatalogHeaderComponent.ɵcmp = ɵɵdefineComponent({ type: CatalogHeaderComponent, selectors: [["ng-miam-catalog-header"]], inputs: { title: "title", homeLabel: "homeLabel", pictureUrl: "pictureUrl", titlePictureUrl: "titlePictureUrl", searchBarHidden: "searchBarHidden", filterButtonHidden: "filterButtonHidden", favoritesButtonHidden: "favoritesButtonHidden", filterBadgeCount: "filterBadgeCount" }, outputs: { returnButtonPressed: "returnButtonPressed", filterButtonPressed: "filterButtonPressed", favoritesButtonPressed: "favoritesButtonPressed", searchStringChanged: "searchStringChanged" }, features: [ɵɵNgOnChangesFeature], decls: 17, vars: 18, consts: [[1, "miam-catalog-header", 3, "ngClass"], [1, "miam-catalog-header__content"], [1, "miam-catalog-header__nav"], ["href", "/"], ["width", "18", "height", "18", 3, "iconName", "primaryColor"], ["width", "24", "height", "24", 1, "chevron-right", 3, "iconName"], ["href", "javascript:void(0)", 3, "click"], ["class", "chevron-right", "width", "24", "height", "24", 3, "iconName", 4, "ngIf"], ["href", "javascript:void(0)", 4, "ngIf"], [1, "miam-catalog-header__title-and-search"], ["class", "miam-catalog-header__title", 4, "ngIf"], [1, "miam-catalog-header__search-and-filters", 3, "ngClass"], ["class", "miam-catalog-header__searchbar", 4, "ngIf"], [1, "miam-catalog-header__controls"], ["class", "miam-catalog-header__controls__filter m-button-primary", 3, "ngClass", "click", 4, "ngIf"], ["class", "miam-catalog-header__controls__favorites", 3, "ngClass", "click", 4, "ngIf"], ["href", "javascript:void(0)"], [1, "miam-catalog-header__title"], [3, "src", 4, "ngIf"], [3, "src"], [1, "miam-catalog-header__searchbar"], ["type", "text", "placeholder", "Chercher un ingr\u00E9dient ou un repas", 1, "miam-catalog-header__searchbar__input", 3, "ngModel", "ngModelChange", "keydown.enter", "blur"], [1, "miam-catalog-header__searchbar__button", "m-button-primary"], ["width", "20", "height", "20", 1, "miam-catalog-header__searchbar__icon", 3, "iconName", "click"], [1, "miam-catalog-header__controls__filter", "m-button-primary", 3, "ngClass", "click"], ["width", "18", "height", "18", 3, "iconName"], [4, "ngIf"], ["class", "miam-catalog-header__controls__filter-badge", 4, "ngIf"], [1, "miam-catalog-header__controls__filter-badge"], [1, "miam-catalog-header__controls__favorites", 3, "ngClass", "click"]], template: function CatalogHeaderComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵelementStart(0, "div", 0);
         ɵɵelementStart(1, "div", 1);
         ɵɵelementStart(2, "div", 2);
@@ -10240,7 +10294,7 @@ CatalogHeaderComponent.ɵcmp = ɵɵdefineComponent({ type: CatalogHeaderComponen
         ɵɵtext(7);
         ɵɵelementEnd();
         ɵɵtemplate(8, CatalogHeaderComponent_ng_miam_icon_8_Template, 1, 1, "ng-miam-icon", 7);
-        ɵɵtemplate(9, CatalogHeaderComponent_span_9_Template, 2, 1, "span", 8);
+        ɵɵtemplate(9, CatalogHeaderComponent_a_9_Template, 2, 1, "a", 8);
         ɵɵelementEnd();
         ɵɵelementStart(10, "div", 9);
         ɵɵtemplate(11, CatalogHeaderComponent_div_11_Template, 2, 1, "div", 10);
@@ -11438,34 +11492,66 @@ function ModalComponent_ng_container_0_ng_content_8_Template(rf, ctx) { if (rf &
 function ModalComponent_ng_container_0_ng_template_9_Template(rf, ctx) { if (rf & 1) {
     ɵɵelement(0, "slot", 12);
 } }
+function ModalComponent_ng_container_0_button_12_span_1_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "span");
+    ɵɵtext(1);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r6 = ɵɵnextContext(3);
+    ɵɵadvance(1);
+    ɵɵtextInterpolate(ctx_r6.cancelButtonText);
+} }
+function ModalComponent_ng_container_0_button_12_ng_miam_loader_2_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-loader");
+} }
 function ModalComponent_ng_container_0_button_12_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = ɵɵgetCurrentView();
+    const _r9 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "button", 13);
-    ɵɵlistener("click", function ModalComponent_ng_container_0_button_12_Template_button_click_0_listener() { ɵɵrestoreView(_r7); const ctx_r6 = ɵɵnextContext(2); return ctx_r6.onCancel(); });
-    ɵɵtext(1);
+    ɵɵlistener("click", function ModalComponent_ng_container_0_button_12_Template_button_click_0_listener() { ɵɵrestoreView(_r9); const ctx_r8 = ɵɵnextContext(2); return ctx_r8.onCancel(); });
+    ɵɵtemplate(1, ModalComponent_ng_container_0_button_12_span_1_Template, 2, 1, "span", 0);
+    ɵɵtemplate(2, ModalComponent_ng_container_0_button_12_ng_miam_loader_2_Template, 1, 0, "ng-miam-loader", 0);
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r4 = ɵɵnextContext(2);
+    ɵɵproperty("disabled", ctx_r4.cancelButtonDisabled);
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", !ctx_r4.cancelButtonIsLoading);
     ɵɵadvance(1);
-    ɵɵtextInterpolate1(" ", ctx_r4.cancelButtonText, " ");
+    ɵɵproperty("ngIf", ctx_r4.cancelButtonIsLoading);
+} }
+function ModalComponent_ng_container_0_button_13_span_1_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "span");
+    ɵɵtext(1);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r10 = ɵɵnextContext(3);
+    ɵɵadvance(1);
+    ɵɵtextInterpolate(ctx_r10.confirmButtonText);
+} }
+function ModalComponent_ng_container_0_button_13_ng_miam_loader_2_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-loader");
 } }
 function ModalComponent_ng_container_0_button_13_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = ɵɵgetCurrentView();
+    const _r13 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "button", 14);
-    ɵɵlistener("click", function ModalComponent_ng_container_0_button_13_Template_button_click_0_listener() { ɵɵrestoreView(_r9); const ctx_r8 = ɵɵnextContext(2); return ctx_r8.onConfirm(); });
-    ɵɵtext(1);
+    ɵɵlistener("click", function ModalComponent_ng_container_0_button_13_Template_button_click_0_listener() { ɵɵrestoreView(_r13); const ctx_r12 = ɵɵnextContext(2); return ctx_r12.onConfirm(); });
+    ɵɵtemplate(1, ModalComponent_ng_container_0_button_13_span_1_Template, 2, 1, "span", 0);
+    ɵɵtemplate(2, ModalComponent_ng_container_0_button_13_ng_miam_loader_2_Template, 1, 0, "ng-miam-loader", 0);
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r5 = ɵɵnextContext(2);
+    ɵɵproperty("disabled", ctx_r5.confirmButtonDisabled);
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", !ctx_r5.confirmButtonIsLoading);
     ɵɵadvance(1);
-    ɵɵtextInterpolate1(" ", ctx_r5.confirmButtonText, " ");
+    ɵɵproperty("ngIf", ctx_r5.confirmButtonIsLoading);
 } }
 const _c0$l = function (a0, a1) { return { "with-header": a0, "without-header": a1 }; };
 function ModalComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = ɵɵgetCurrentView();
+    const _r15 = ɵɵgetCurrentView();
     ɵɵelementContainerStart(0);
     ɵɵelementStart(1, "div", 1);
-    ɵɵlistener("click", function ModalComponent_ng_container_0_Template_div_click_1_listener() { ɵɵrestoreView(_r11); const ctx_r10 = ɵɵnextContext(); return ctx_r10.onClose(); });
+    ɵɵlistener("click", function ModalComponent_ng_container_0_Template_div_click_1_listener() { ɵɵrestoreView(_r15); const ctx_r14 = ɵɵnextContext(); return ctx_r14.onClose(); });
     ɵɵelementEnd();
     ɵɵelementStart(2, "div", 2);
     ɵɵelementStart(3, "div", 3);
@@ -11474,14 +11560,14 @@ function ModalComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵtext(6);
     ɵɵelementEnd();
     ɵɵelementStart(7, "ng-miam-icon", 6);
-    ɵɵlistener("click", function ModalComponent_ng_container_0_Template_ng_miam_icon_click_7_listener() { ɵɵrestoreView(_r11); const ctx_r12 = ɵɵnextContext(); return ctx_r12.onClose(); });
+    ɵɵlistener("click", function ModalComponent_ng_container_0_Template_ng_miam_icon_click_7_listener() { ɵɵrestoreView(_r15); const ctx_r16 = ɵɵnextContext(); return ctx_r16.onClose(); });
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵtemplate(8, ModalComponent_ng_container_0_ng_content_8_Template, 1, 0, "ng-content", 7);
     ɵɵtemplate(9, ModalComponent_ng_container_0_ng_template_9_Template, 1, 0, "ng-template", null, 8, ɵɵtemplateRefExtractor);
     ɵɵelementStart(11, "div", 9);
-    ɵɵtemplate(12, ModalComponent_ng_container_0_button_12_Template, 2, 1, "button", 10);
-    ɵɵtemplate(13, ModalComponent_ng_container_0_button_13_Template, 2, 1, "button", 11);
+    ɵɵtemplate(12, ModalComponent_ng_container_0_button_12_Template, 3, 3, "button", 10);
+    ɵɵtemplate(13, ModalComponent_ng_container_0_button_13_Template, 3, 3, "button", 11);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
@@ -11591,12 +11677,12 @@ class ModalComponent {
     }
 }
 ModalComponent.ɵfac = function ModalComponent_Factory(t) { return new (t || ModalComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(MediaMatcher), ɵɵdirectiveInject(ContextService)); };
-ModalComponent.ɵcmp = ɵɵdefineComponent({ type: ModalComponent, selectors: [["ng-miam-modal"]], inputs: { title: "title", expanded: "expanded", confirmButtonText: "confirmButtonText", cancelButtonText: "cancelButtonText", isAngularComponent: "isAngularComponent", noHeaderMode: "noHeaderMode", containerElement: "containerElement" }, outputs: { expandedChange: "expandedChange", close: "close", cancel: "cancel", confirm: "confirm" }, features: [ɵɵNgOnChangesFeature], ngContentSelectors: _c1$c, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "miam-shadow-overlay", 3, "click"], [1, "miam-modal", 3, "ngClass"], [1, "miam-modal__container"], [1, "miam-modal__header"], [1, "miam-modal__title"], ["primaryColor", "var(--m-color-grey-text-dark)", 1, "miam-modal__close__icon", 3, "width", "height", "iconName", "click"], [4, "ngIf", "ngIfElse"], ["isWebC", ""], [1, "miam-modal__actions"], ["class", "m-button-secondary", 3, "click", 4, "ngIf"], ["class", "m-button-primary", 3, "click", 4, "ngIf"], ["name", "modal-content"], [1, "m-button-secondary", 3, "click"], [1, "m-button-primary", 3, "click"]], template: function ModalComponent_Template(rf, ctx) { if (rf & 1) {
+ModalComponent.ɵcmp = ɵɵdefineComponent({ type: ModalComponent, selectors: [["ng-miam-modal"]], inputs: { title: "title", expanded: "expanded", confirmButtonText: "confirmButtonText", cancelButtonText: "cancelButtonText", isAngularComponent: "isAngularComponent", confirmButtonIsLoading: "confirmButtonIsLoading", cancelButtonIsLoading: "cancelButtonIsLoading", confirmButtonDisabled: "confirmButtonDisabled", cancelButtonDisabled: "cancelButtonDisabled", noHeaderMode: "noHeaderMode", containerElement: "containerElement" }, outputs: { expandedChange: "expandedChange", close: "close", cancel: "cancel", confirm: "confirm" }, features: [ɵɵNgOnChangesFeature], ngContentSelectors: _c1$c, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "miam-shadow-overlay", 3, "click"], [1, "miam-modal", 3, "ngClass"], [1, "miam-modal__container"], [1, "miam-modal__header"], [1, "miam-modal__title"], ["primaryColor", "var(--m-color-grey-text-dark)", 1, "miam-modal__close__icon", 3, "width", "height", "iconName", "click"], [4, "ngIf", "ngIfElse"], ["isWebC", ""], [1, "miam-modal__actions"], ["class", "m-button-secondary", 3, "disabled", "click", 4, "ngIf"], ["class", "m-button-primary", 3, "disabled", "click", 4, "ngIf"], ["name", "modal-content"], [1, "m-button-secondary", 3, "disabled", "click"], [1, "m-button-primary", 3, "disabled", "click"]], template: function ModalComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵprojectionDef();
         ɵɵtemplate(0, ModalComponent_ng_container_0_Template, 14, 12, "ng-container", 0);
     } if (rf & 2) {
         ɵɵproperty("ngIf", ctx.expanded);
-    } }, directives: [NgIf, NgClass, IconComponent], styles: [".miam-shadow-overlay{-webkit-animation-duration:.3s;-webkit-animation-name:show;-webkit-animation-timing-function:ease-in-out;-webkit-tap-highlight-color:transparent;animation-duration:.3s;animation-name:show;animation-timing-function:ease-in-out;background:var(--m-color-black);height:100vh;left:0;opacity:.6;position:fixed;top:0;width:100vw;z-index:var(--m-z-index-modal-overlay)}.miam-modal{-webkit-animation-duration:.5s;-webkit-animation-name:open;-webkit-animation-timing-function:cubic-bezier(.75,0,.2,1);animation-duration:.5s;animation-name:open;animation-timing-function:cubic-bezier(.75,0,.2,1);background-color:var(--m-color-white);height:100%;max-width:1200px;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0;width:80%;z-index:var(--m-z-index-modal)}@media print{.miam-modal{height:unset!important;overflow-y:unset!important;position:unset!important}}@-webkit-keyframes open{0%{right:-1200px}to{right:0}}@keyframes open{0%{right:-1200px}to{right:0}}.miam-modal.with-header .miam-modal__header{background-color:var(--m-color-grey);color:var(--m-color-grey-text-dark);display:flex;flex-direction:row;justify-content:space-between}.miam-modal.with-header .miam-modal__title{color:var(--m-color-grey-text-dark);font-size:var(--m-font-size-large);font-weight:700;overflow:hidden;padding:20px;text-overflow:ellipsis}.miam-modal.with-header .miam-modal__close__icon{-webkit-tap-highlight-color:transparent;height:40px}.miam-modal.without-header .miam-modal__close__icon{border-radius:var(--m-border-radius-circle);display:flex;height:60px;justify-items:center;position:absolute;right:0;top:0;z-index:var(--m-z-index-position-absolute-high)}.miam-modal .miam-modal__container{display:flex;flex-direction:column;height:100%;position:relative}.miam-modal .miam-modal__container .miam-modal__close__icon{cursor:pointer;margin:10px}@media print{.miam-modal .miam-modal__container .miam-modal__close__icon{display:none}}.miam-modal .miam-modal__container .miam-modal__actions{align-items:center;display:flex;justify-content:space-evenly;margin:20px}@-webkit-keyframes show{0%{opacity:0}to{opacity:.6}}@keyframes show{0%{opacity:0}to{opacity:.6}}@media (max-width:1022px){.miam-modal{-webkit-animation-duration:.5s;-webkit-animation-name:openBottomSheet;-webkit-animation-timing-function:cubic-bezier(.075,.82,.165,1);animation-duration:.5s;animation-name:openBottomSheet;animation-timing-function:cubic-bezier(.075,.82,.165,1);background-color:var(--m-color-white);bottom:0;left:0;max-width:100vw;overflow-x:hidden;overflow-y:hidden;position:fixed;right:0;top:100vh;top:unset;width:100vw;z-index:var(--m-z-index-modal)}.miam-modal.with-header .miam-modal__header{align-items:center;background-color:unset}.miam-modal.with-header .miam-modal__title{padding:0 0 0 16px}.miam-modal.with-header ng-miam-icon.miam-modal__close__icon .icon-container{align-items:center;border:1px solid var(--m-color-light-slate);border-radius:36px;display:grid}.miam-modal.with-header ng-miam-icon.miam-modal__close__icon .icon-container svg{fill:var(--m-color-white);height:24px!important;width:24px!important}.miam-modal.without-header .miam-modal__close__icon{height:28px;z-index:8}.miam-modal .miam-modal__actions{background-color:var(--m-color-white);bottom:0;left:0;margin:0!important;position:fixed;right:0;z-index:8}.miam-modal .miam-modal__actions button{font-size:12px;height:44px;margin:16px 5px 5px 0;padding:5px}.miam-modal .miam-modal__actions button:first-of-type{margin:16px 5px 5px}@-webkit-keyframes openBottomSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes openBottomSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}}"], encapsulation: 2, changeDetection: 0 });
+    } }, directives: [NgIf, NgClass, IconComponent, LoaderComponent], styles: [".miam-shadow-overlay{-webkit-animation-duration:.3s;-webkit-animation-name:show;-webkit-animation-timing-function:ease-in-out;-webkit-tap-highlight-color:transparent;animation-duration:.3s;animation-name:show;animation-timing-function:ease-in-out;background:var(--m-color-black);height:100vh;left:0;opacity:.6;position:fixed;top:0;width:100vw;z-index:var(--m-z-index-modal-overlay)}.miam-modal{-webkit-animation-duration:.5s;-webkit-animation-name:open;-webkit-animation-timing-function:cubic-bezier(.75,0,.2,1);animation-duration:.5s;animation-name:open;animation-timing-function:cubic-bezier(.75,0,.2,1);background-color:var(--m-color-white);height:100%;max-width:1200px;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0;width:80%;z-index:var(--m-z-index-modal)}@media print{.miam-modal{height:unset!important;overflow-y:unset!important;position:unset!important}}@-webkit-keyframes open{0%{right:-1200px}to{right:0}}@keyframes open{0%{right:-1200px}to{right:0}}.miam-modal.with-header .miam-modal__header{background-color:var(--m-color-grey);color:var(--m-color-grey-text-dark);display:flex;flex-direction:row;justify-content:space-between}.miam-modal.with-header .miam-modal__title{color:var(--m-color-grey-text-dark);font-size:var(--m-font-size-large);font-weight:700;overflow:hidden;padding:20px;text-overflow:ellipsis}.miam-modal.with-header .miam-modal__close__icon{-webkit-tap-highlight-color:transparent;height:40px}.miam-modal.without-header .miam-modal__close__icon{border-radius:var(--m-border-radius-circle);display:flex;height:60px;justify-items:center;position:absolute;right:0;top:0;z-index:var(--m-z-index-position-absolute-high)}.miam-modal .miam-modal__container{display:flex;flex-direction:column;height:100%;position:relative}.miam-modal .miam-modal__container .miam-modal__close__icon{cursor:pointer;margin:10px}@media print{.miam-modal .miam-modal__container .miam-modal__close__icon{display:none}}.miam-modal .miam-modal__container .miam-modal__actions{align-items:center;display:flex;justify-content:space-evenly;margin:20px}@-webkit-keyframes show{0%{opacity:0}to{opacity:.6}}@keyframes show{0%{opacity:0}to{opacity:.6}}@media (max-width:1022px){.miam-modal{-webkit-animation-duration:.5s;-webkit-animation-name:openBottomSheet;-webkit-animation-timing-function:cubic-bezier(.075,.82,.165,1);animation-duration:.5s;animation-name:openBottomSheet;animation-timing-function:cubic-bezier(.075,.82,.165,1);background-color:var(--m-color-white);bottom:0;left:0;max-width:100vw;overflow-x:hidden;overflow-y:hidden;position:fixed;right:0;top:100vh;top:unset;width:100vw;z-index:var(--m-z-index-modal)}.miam-modal.with-header .miam-modal__header{align-items:center;background-color:unset}.miam-modal.with-header .miam-modal__title{padding:0 0 0 16px}.miam-modal.with-header ng-miam-icon.miam-modal__close__icon .icon-container{align-items:center;border:1px solid var(--m-color-light-slate);border-radius:36px;display:grid}.miam-modal.with-header ng-miam-icon.miam-modal__close__icon .icon-container svg{fill:var(--m-color-white);height:24px!important;width:24px!important}.miam-modal.without-header .miam-modal__close__icon{height:28px;z-index:8}.miam-modal .miam-modal__actions{background-color:var(--m-color-white);bottom:0;left:0;margin:0!important;position:fixed;right:0;z-index:8}.miam-modal .miam-modal__actions button{font-size:12px;height:44px;margin:16px 5px 5px 0;padding:5px}.miam-modal .miam-modal__actions button:first-of-type{margin:16px 5px 5px}@-webkit-keyframes openBottomSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes openBottomSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}}"], encapsulation: 2, changeDetection: 0 });
 /*@__PURE__*/ (function () { ɵsetClassMetadata(ModalComponent, [{
         type: Component,
         args: [{
@@ -11616,6 +11702,14 @@ ModalComponent.ɵcmp = ɵɵdefineComponent({ type: ModalComponent, selectors: [[
             type: Input
         }], isAngularComponent: [{
             type: Input
+        }], confirmButtonIsLoading: [{
+            type: Input
+        }], cancelButtonIsLoading: [{
+            type: Input
+        }], confirmButtonDisabled: [{
+            type: Input
+        }], cancelButtonDisabled: [{
+            type: Input
         }], noHeaderMode: [{
             type: Input
         }], containerElement: [{
@@ -11732,7 +11826,7 @@ class ListScanFilesInputsComponent {
         this.loading = true;
         this.cdr.detectChanges();
         // takeFirstList to make sure the list is initialised before checking its value
-        this.listsService.takeFirstList().subscribe(currentList => {
+        this.listsService.takeFirstList().subscribe((currentList) => {
             const precedentEntries = currentList.entries.data;
             this.listsService.addEntriesFromPicture(file, ['groceries-entries'], this.disableIngredientsMatching).subscribe(list => {
                 const addedEntries = list.entries.data
@@ -12378,10 +12472,12 @@ ModalModule.ɵinj = ɵɵdefineInjector({ factory: function ModalModule_Factory(t
             CommonModule,
             FormsModule,
             ComponentsModule,
+            LoaderModule
         ]] });
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(ModalModule, { declarations: [ModalComponent], imports: [CommonModule,
         FormsModule,
-        ComponentsModule], exports: [ModalComponent] }); })();
+        ComponentsModule,
+        LoaderModule], exports: [ModalComponent] }); })();
 /*@__PURE__*/ (function () { ɵsetClassMetadata(ModalModule, [{
         type: NgModule,
         args: [{
@@ -12389,6 +12485,7 @@ ModalModule.ɵinj = ɵɵdefineInjector({ factory: function ModalModule_Factory(t
                     CommonModule,
                     FormsModule,
                     ComponentsModule,
+                    LoaderModule
                 ],
                 declarations: [
                     ModalComponent
@@ -13975,7 +14072,7 @@ RecipeDetailsComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeDetailsComponen
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.topContainerImg = _t.first);
-    } }, inputs: { recipe: "recipe", previewAllowed: "previewAllowed", ingredientsPictures: "ingredientsPictures", forceDisplayTags: "forceDisplayTags", displayTagsIcons: "displayTagsIcons", displayPricing: "displayPricing", displayAddedOnPicture: "displayAddedOnPicture" }, outputs: { recipeAdded: "recipeAdded", recipeChanged: "recipeChanged", recipeError: "recipeError" }, features: [ɵɵNgOnChangesFeature], decls: 3, vars: 2, consts: [["class", "miam-recipe-details", 4, "ngIf", "ngIfElse"], ["addon", ""], [1, "miam-recipe-details"], ["mainContainer", ""], [1, "miam-recipe-details__header"], [1, "miam-recipe-details__bookmark"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-bookmark.svg", 4, "ngIf", "ngIfElse"], ["stamp", ""], ["class", "miam-recipe-details__title", 4, "ngIf"], [1, "miam-recipe-details__header__link", 3, "href"], [1, "miam-recipe-details__container"], [1, "miam-recipe-details__summary"], [1, "miam-recipe-details__summary__container"], [1, "miam-recipe-details__sponsor"], [3, "recipe", "showAddon", 4, "ngIf"], [1, "miam-recipe-details__picture"], ["topContainerImg", ""], [3, "src", "ngClass", 4, "ngIf"], [3, "videoId", "width", "height", 4, "ngIf"], [1, "miam-recipe-details__actionbar"], [1, "miam-recipe-details__actionbar__group"], ["class", "miam-recipe-details__actions__icon", 3, "recipe", "width", "height", 4, "ngIf"], ["primaryColor", "var(--m-color-primary)", 1, "miam-recipe-details__actions__icon", 3, "width", "height", "iconName", "click"], ["primaryColor", "var(--m-color-grey02)", "secondaryColor", "var(--m-color-grey07)", 1, "miam-recipe-details__actions__icon", 3, "width", "height", "iconName", "click"], [3, "recipe", "displayTags", "displayTagsIcons", 4, "ngIf"], ["id", "miam-recipe-details__content", 1, "miam-recipe-details__content"], ["class", "miam-recipe-details__title", "id", "miam-recipe-details__title", 4, "ngIf"], ["class", "miam-recipe-details__content__description", 4, "ngIf"], [3, "recipe", "ingredientsPictures", "recipeChanged"], [3, "recipe"], [1, "miam-recipe-details__action__container"], [1, "miam-recipe-details__price"], ["guestsText", "par personne", 3, "recipe", "serves", 4, "ngIf"], ["class", "miam-recipe-details__addbasket", 3, "ngClass", "click", 4, "ngIf"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-bookmark.svg"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-stamp.svg"], [1, "miam-recipe-details__title"], [3, "recipe", "showAddon"], [3, "src", "ngClass"], [3, "videoId", "width", "height"], [1, "miam-recipe-details__actions__icon", 3, "recipe", "width", "height"], [3, "recipe", "displayTags", "displayTagsIcons"], ["id", "miam-recipe-details__title", 1, "miam-recipe-details__title"], [1, "miam-recipe-details__content__description"], ["guestsText", "par personne", 3, "recipe", "serves"], [1, "miam-recipe-details__addbasket", 3, "ngClass", "click"], ["class", "miam-recipe-details__addbasket__cta", 4, "ngIf", "ngIfElse"], ["addLoader", ""], [1, "miam-recipe-details__addbasket__cta"], ["primaryColor", "#fff", 3, "width", "height", "iconName", 4, "ngIf"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [3, "recipe", "hideAddon"]], template: function RecipeDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { recipe: "recipe", previewAllowed: "previewAllowed", ingredientsPictures: "ingredientsPictures", forceDisplayTags: "forceDisplayTags", displayTagsIcons: "displayTagsIcons", displayPricing: "displayPricing", displayAddedOnPicture: "displayAddedOnPicture" }, outputs: { recipeAdded: "recipeAdded", recipeChanged: "recipeChanged", recipeError: "recipeError" }, features: [ɵɵNgOnChangesFeature], decls: 3, vars: 2, consts: [["class", "miam-recipe-details", 4, "ngIf", "ngIfElse"], ["addon", ""], [1, "miam-recipe-details"], ["mainContainer", ""], [1, "miam-recipe-details__header"], [1, "miam-recipe-details__bookmark"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-bookmark.svg", 4, "ngIf", "ngIfElse"], ["stamp", ""], ["class", "miam-recipe-details__title", 4, "ngIf"], [1, "miam-recipe-details__header__link", 3, "href"], [1, "miam-recipe-details__container"], [1, "miam-recipe-details__summary"], [1, "miam-recipe-details__summary__container"], [1, "miam-recipe-details__sponsor"], [3, "recipe", "showAddon", 4, "ngIf"], [1, "miam-recipe-details__picture"], ["topContainerImg", ""], [3, "src", "ngClass", 4, "ngIf"], [3, "videoId", "width", "height", 4, "ngIf"], [1, "miam-recipe-details__actionbar"], [1, "miam-recipe-details__actionbar__group"], ["class", "miam-recipe-details__actions__icon like", 3, "recipe", "width", "height", 4, "ngIf"], ["primaryColor", "var(--m-color-primary)", 1, "miam-recipe-details__actions__icon", "print", 3, "width", "height", "iconName", "click"], ["primaryColor", "var(--m-color-grey02)", "secondaryColor", "var(--m-color-grey07)", 1, "miam-recipe-details__actions__icon", "help", 3, "width", "height", "iconName", "click"], [3, "recipe", "displayTags", "displayTagsIcons", 4, "ngIf"], ["id", "miam-recipe-details__content", 1, "miam-recipe-details__content"], ["class", "miam-recipe-details__title", "id", "miam-recipe-details__title", 4, "ngIf"], ["class", "miam-recipe-details__content__description", 4, "ngIf"], [3, "recipe", "ingredientsPictures", "recipeChanged"], [3, "recipe"], [1, "miam-recipe-details__action__container"], [1, "miam-recipe-details__price"], ["guestsText", "par personne", 3, "recipe", "serves", 4, "ngIf"], ["class", "miam-recipe-details__addbasket", 3, "ngClass", "click", 4, "ngIf"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-bookmark.svg"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/recipe-details/recipe-details-stamp.svg"], [1, "miam-recipe-details__title"], [3, "recipe", "showAddon"], [3, "src", "ngClass"], [3, "videoId", "width", "height"], [1, "miam-recipe-details__actions__icon", "like", 3, "recipe", "width", "height"], [3, "recipe", "displayTags", "displayTagsIcons"], ["id", "miam-recipe-details__title", 1, "miam-recipe-details__title"], [1, "miam-recipe-details__content__description"], ["guestsText", "par personne", 3, "recipe", "serves"], [1, "miam-recipe-details__addbasket", 3, "ngClass", "click"], ["class", "miam-recipe-details__addbasket__cta", 4, "ngIf", "ngIfElse"], ["addLoader", ""], [1, "miam-recipe-details__addbasket__cta"], ["primaryColor", "#fff", 3, "width", "height", "iconName", 4, "ngIf"], ["primaryColor", "#fff", 3, "width", "height", "iconName"], [3, "recipe", "hideAddon"]], template: function RecipeDetailsComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵtemplate(0, RecipeDetailsComponent_div_0_Template, 38, 25, "div", 0);
         ɵɵtemplate(1, RecipeDetailsComponent_ng_template_1_Template, 1, 1, "ng-template", null, 1, ɵɵtemplateRefExtractor);
     } if (rf & 2) {
@@ -15294,60 +15391,118 @@ const ɵRecipeStepperComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFacto
         }] }); })();
 
 const _c0$y = ["tag"];
-function RecipeTagsComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 9, 10);
-    ɵɵelementStart(2, "ng-miam-icon", 11);
-    ɵɵlistener("click", function RecipeTagsComponent_div_0_div_2_Template_ng_miam_icon_click_2_listener() { ɵɵrestoreView(_r6); const recipeLine_r2 = ctx.$implicit; const ctx_r5 = ɵɵnextContext(2); return ctx_r5.toggleRecipe(recipeLine_r2.id); });
+function RecipeTagsComponent_ng_container_0_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 11, 12);
+    ɵɵelementStart(2, "ng-miam-icon", 13);
+    ɵɵlistener("click", function RecipeTagsComponent_ng_container_0_div_1_div_2_Template_ng_miam_icon_click_2_listener() { ɵɵrestoreView(_r9); const recipeLine_r5 = ctx.$implicit; const ctx_r8 = ɵɵnextContext(3); return ctx_r8.toggleRecipe(recipeLine_r5.id); });
     ɵɵelementEnd();
-    ɵɵelementStart(3, "span", 12);
-    ɵɵlistener("click", function RecipeTagsComponent_div_0_div_2_Template_span_click_3_listener() { ɵɵrestoreView(_r6); const recipeLine_r2 = ctx.$implicit; const ctx_r7 = ɵɵnextContext(2); return ctx_r7.toggleRecipe(recipeLine_r2.id); });
+    ɵɵelementStart(3, "span", 14);
+    ɵɵlistener("click", function RecipeTagsComponent_ng_container_0_div_1_div_2_Template_span_click_3_listener() { ɵɵrestoreView(_r9); const recipeLine_r5 = ctx.$implicit; const ctx_r10 = ɵɵnextContext(3); return ctx_r10.toggleRecipe(recipeLine_r5.id); });
     ɵɵtext(4);
     ɵɵpipe(5, "ellipsis");
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const recipeLine_r2 = ctx.$implicit;
-    const ctx_r1 = ɵɵnextContext(2);
+    const recipeLine_r5 = ctx.$implicit;
+    const ctx_r4 = ɵɵnextContext(3);
     ɵɵadvance(2);
-    ɵɵproperty("iconName", ctx_r1.icon.Meal);
+    ɵɵproperty("iconName", ctx_r4.icon.Meal);
     ɵɵadvance(2);
-    ɵɵtextInterpolate(ɵɵpipeBind2(5, 2, recipeLine_r2.title, 6));
+    ɵɵtextInterpolate(ɵɵpipeBind2(5, 2, recipeLine_r5.title, 6));
 } }
 const _c1$h = function (a0) { return { "height.px": a0 }; };
 const _c2$6 = function (a0) { return { "miam-recipe-tags__container__toggle__hidden": a0 }; };
 const _c3$3 = function (a0) { return { "opacity": a0 }; };
-function RecipeTagsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 1);
-    ɵɵelementStart(1, "div", 2);
-    ɵɵtemplate(2, RecipeTagsComponent_div_0_div_2_Template, 6, 5, "div", 3);
+function RecipeTagsComponent_ng_container_0_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 3);
+    ɵɵelementStart(1, "div", 4);
+    ɵɵtemplate(2, RecipeTagsComponent_ng_container_0_div_1_div_2_Template, 6, 5, "div", 5);
     ɵɵelementEnd();
-    ɵɵelementStart(3, "div", 4);
-    ɵɵelementStart(4, "span", 5);
-    ɵɵlistener("click", function RecipeTagsComponent_div_0_Template_span_click_4_listener() { ɵɵrestoreView(_r9); const ctx_r8 = ɵɵnextContext(); return ctx_r8.toggleList(); });
+    ɵɵelementStart(3, "div", 6);
+    ɵɵelementStart(4, "span", 7);
+    ɵɵlistener("click", function RecipeTagsComponent_ng_container_0_div_1_Template_span_click_4_listener() { ɵɵrestoreView(_r12); const ctx_r11 = ɵɵnextContext(2); return ctx_r11.toggleList(); });
     ɵɵtext(5);
     ɵɵelementEnd();
-    ɵɵelement(6, "div", 6);
-    ɵɵelementStart(7, "span", 7);
-    ɵɵlistener("click", function RecipeTagsComponent_div_0_Template_span_click_7_listener() { ɵɵrestoreView(_r9); const ctx_r10 = ɵɵnextContext(); return ctx_r10.toggleList(); });
-    ɵɵelement(8, "ng-miam-icon", 8);
+    ɵɵelement(6, "div", 8);
+    ɵɵelementStart(7, "span", 9);
+    ɵɵlistener("click", function RecipeTagsComponent_ng_container_0_div_1_Template_span_click_7_listener() { ɵɵrestoreView(_r12); const ctx_r13 = ɵɵnextContext(2); return ctx_r13.toggleList(); });
+    ɵɵelement(8, "ng-miam-icon", 10);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = ɵɵnextContext();
-    ɵɵproperty("ngStyle", ɵɵpureFunction1(6, _c1$h, ctx_r0.isListOpen ? 32 * ctx_r0.rowCount : 24));
+    const ctx_r3 = ɵɵnextContext(2);
+    ɵɵproperty("ngStyle", ɵɵpureFunction1(6, _c1$h, ctx_r3.isListOpen ? 32 * ctx_r3.rowCount : 24));
     ɵɵadvance(2);
-    ɵɵproperty("ngForOf", ctx_r0.recipePreviewLines);
+    ɵɵproperty("ngForOf", ctx_r3.recipePreviewLines);
     ɵɵadvance(1);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(8, _c2$6, !ctx_r0.rowCount || ctx_r0.wrappedItemsCount === 0));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(8, _c2$6, !ctx_r3.rowCount || ctx_r3.wrappedItemsCount === 0));
     ɵɵadvance(2);
-    ɵɵtextInterpolate1(" ", ctx_r0.isListOpen ? " " : "+" + ctx_r0.wrappedItemsCount, "");
+    ɵɵtextInterpolate1(" ", ctx_r3.isListOpen ? " " : "+" + ctx_r3.wrappedItemsCount, "");
     ɵɵadvance(2);
-    ɵɵproperty("ngStyle", ɵɵpureFunction1(10, _c3$3, ctx_r0.isListOpen ? 1 : 0));
+    ɵɵproperty("ngStyle", ɵɵpureFunction1(10, _c3$3, ctx_r3.isListOpen ? 1 : 0));
     ɵɵadvance(1);
-    ɵɵproperty("iconName", ctx_r0.icon.ChevronDown);
+    ɵɵproperty("iconName", ctx_r3.icon.ChevronDown);
+} }
+function RecipeTagsComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementContainerStart(0);
+    ɵɵtemplate(1, RecipeTagsComponent_ng_container_0_div_1_Template, 9, 12, "div", 2);
+    ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r0 = ɵɵnextContext();
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", (ctx_r0.recipePreviewLines == null ? null : ctx_r0.recipePreviewLines.length) > 0);
+} }
+function RecipeTagsComponent_ng_template_1_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 17);
+    ɵɵlistener("click", function RecipeTagsComponent_ng_template_1_div_0_Template_div_click_0_listener() { ɵɵrestoreView(_r17); const ctx_r16 = ɵɵnextContext(2); return ctx_r16.toggleModal(); });
+    ɵɵelementStart(1, "span");
+    ɵɵtext(2);
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r14 = ɵɵnextContext(2);
+    ɵɵadvance(2);
+    ɵɵtextInterpolate1("", ctx_r14.recipePreviewLines.length, " recettes");
+} }
+function RecipeTagsComponent_ng_template_1_div_3_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 11, 12);
+    ɵɵelementStart(2, "ng-miam-icon", 13);
+    ɵɵlistener("click", function RecipeTagsComponent_ng_template_1_div_3_Template_ng_miam_icon_click_2_listener() { ɵɵrestoreView(_r22); const recipeLine_r18 = ctx.$implicit; const ctx_r21 = ɵɵnextContext(2); return ctx_r21.toggleRecipe(recipeLine_r18.id); });
+    ɵɵelementEnd();
+    ɵɵelementStart(3, "span", 14);
+    ɵɵlistener("click", function RecipeTagsComponent_ng_template_1_div_3_Template_span_click_3_listener() { ɵɵrestoreView(_r22); const recipeLine_r18 = ctx.$implicit; const ctx_r23 = ɵɵnextContext(2); return ctx_r23.toggleRecipe(recipeLine_r18.id); });
+    ɵɵtext(4);
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const recipeLine_r18 = ctx.$implicit;
+    const ctx_r15 = ɵɵnextContext(2);
+    ɵɵadvance(2);
+    ɵɵproperty("iconName", ctx_r15.icon.Meal);
+    ɵɵadvance(2);
+    ɵɵtextInterpolate(recipeLine_r18.title);
+} }
+function RecipeTagsComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = ɵɵgetCurrentView();
+    ɵɵtemplate(0, RecipeTagsComponent_ng_template_1_div_0_Template, 3, 1, "div", 15);
+    ɵɵelementStart(1, "ng-miam-modal", 16);
+    ɵɵlistener("close", function RecipeTagsComponent_ng_template_1_Template_ng_miam_modal_close_1_listener() { ɵɵrestoreView(_r25); const ctx_r24 = ɵɵnextContext(); return ctx_r24.toggleModal(); });
+    ɵɵelementStart(2, "div", 4);
+    ɵɵtemplate(3, RecipeTagsComponent_ng_template_1_div_3_Template, 5, 2, "div", 5);
+    ɵɵelementEnd();
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = ɵɵnextContext();
+    ɵɵproperty("ngIf", (ctx_r2.recipePreviewLines == null ? null : ctx_r2.recipePreviewLines.length) > 0);
+    ɵɵadvance(1);
+    ɵɵproperty("isAngularComponent", true)("expanded", ctx_r2.modalIsOpened)("noHeaderMode", false)("title", ctx_r2.modalTitle);
+    ɵɵadvance(2);
+    ɵɵproperty("ngForOf", ctx_r2.recipePreviewLines);
 } }
 class RecipeTagsComponent {
     constructor(cdr, basketService, contexteservice) {
@@ -15355,7 +15510,9 @@ class RecipeTagsComponent {
         this.basketService = basketService;
         this.contexteservice = contexteservice;
         this.recipeDetailPreviewAllowed = true;
+        this.reduce = false;
         this.icon = Icon;
+        this.modalIsOpened = false;
         this.subscriptions = [];
     }
     ngOnChanges(simpleChanges) {
@@ -15410,6 +15567,13 @@ class RecipeTagsComponent {
         this.isListOpen = !this.isListOpen;
         this.cdr.detectChanges();
     }
+    toggleModal() {
+        if (!this.modalIsOpened) {
+            this.modalTitle = 'Utilisé dans ' + this.recipePreviewLines.length + ' recettes';
+        }
+        this.modalIsOpened = !this.modalIsOpened;
+        this.cdr.detectChanges();
+    }
 }
 RecipeTagsComponent.ɵfac = function RecipeTagsComponent_Factory(t) { return new (t || RecipeTagsComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(BasketsService), ɵɵdirectiveInject(ContextService)); };
 RecipeTagsComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeTagsComponent, selectors: [["ng-miam-recipe-tags"]], viewQuery: function RecipeTagsComponent_Query(rf, ctx) { if (rf & 1) {
@@ -15417,11 +15581,13 @@ RecipeTagsComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeTagsComponent, sel
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.tags = _t);
-    } }, inputs: { extId: "extId", recipeDetailPreviewAllowed: "recipeDetailPreviewAllowed" }, features: [ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "miam-recipe-tags__container", 3, "ngStyle", 4, "ngIf"], [1, "miam-recipe-tags__container", 3, "ngStyle"], [1, "miam-recipe-tags__container__list"], ["class", "miam-recipe-tags__list__badge", 4, "ngFor", "ngForOf"], [1, "miam-recipe-tags__container__toggle", 3, "ngClass"], [1, "miam-recipe-tags__toggle__open", 3, "click"], [1, "miam-recipe-tags__toggle__ligne"], [1, "miam-recipe-tags__toggle__close", 3, "ngStyle", "click"], ["width", "24", "height", "24", "primaryColor", "var(--m-color-white)", 3, "iconName"], [1, "miam-recipe-tags__list__badge"], ["tag", ""], ["primaryColor", "var(--m-color-white)", 1, "miam-recipe-tags__badge__icon", 3, "iconName", "click"], [1, "miam-recipe-tag__badge__text", 3, "click"]], template: function RecipeTagsComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵtemplate(0, RecipeTagsComponent_div_0_Template, 9, 12, "div", 0);
+    } }, inputs: { extId: "extId", recipeDetailPreviewAllowed: "recipeDetailPreviewAllowed", reduce: "reduce" }, features: [ɵɵNgOnChangesFeature], decls: 3, vars: 2, consts: [[4, "ngIf", "ngIfElse"], ["reduced", ""], ["class", "miam-recipe-tags__container", 3, "ngStyle", 4, "ngIf"], [1, "miam-recipe-tags__container", 3, "ngStyle"], [1, "miam-recipe-tags__container__list"], ["class", "miam-recipe-tags__list__badge", 4, "ngFor", "ngForOf"], [1, "miam-recipe-tags__container__toggle", 3, "ngClass"], [1, "miam-recipe-tags__toggle__open", 3, "click"], [1, "miam-recipe-tags__toggle__ligne"], [1, "miam-recipe-tags__toggle__close", 3, "ngStyle", "click"], ["width", "24", "height", "24", "primaryColor", "var(--m-color-white)", 3, "iconName"], [1, "miam-recipe-tags__list__badge"], ["tag", ""], ["primaryColor", "var(--m-color-white)", 1, "miam-recipe-tags__badge__icon", 3, "iconName", "click"], [1, "miam-recipe-tag__badge__text", 3, "click"], ["class", "miam-recipe-tags__recipes", 3, "click", 4, "ngIf"], [1, "miam-recipe-tags__modal", 3, "isAngularComponent", "expanded", "noHeaderMode", "title", "close"], [1, "miam-recipe-tags__recipes", 3, "click"]], template: function RecipeTagsComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵtemplate(0, RecipeTagsComponent_ng_container_0_Template, 2, 1, "ng-container", 0);
+        ɵɵtemplate(1, RecipeTagsComponent_ng_template_1_Template, 4, 6, "ng-template", null, 1, ɵɵtemplateRefExtractor);
     } if (rf & 2) {
-        ɵɵproperty("ngIf", (ctx.recipePreviewLines == null ? null : ctx.recipePreviewLines.length) > 0);
-    } }, directives: [NgIf, NgStyle, NgForOf, NgClass, IconComponent], pipes: [EllipsisPipe], styles: [".miam-recipe-tags__container{display:flex;margin-top:16px;overflow:hidden;padding:0 8px;transition:height .25s cubic-bezier(0,0,.2,1)}.miam-recipe-tags__container .miam-recipe-tags__container__list{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.miam-recipe-tags__container .miam-recipe-tags__container__list .miam-recipe-tags__list__badge{align-items:center;border:1px solid #e9e9e9;border-radius:100px;box-sizing:border-box;cursor:pointer;display:flex;height:24px;max-width:50vw;padding:0 8px 0 0;position:relative}.miam-recipe-tags__container .miam-recipe-tags__container__list .miam-recipe-tags__list__badge .miam-recipe-tags__badge__icon{background:var(--m-color-primary);border-radius:100px 0 0 100px;flex:none;flex-grow:0;order:0;padding:4px 8px}.miam-recipe-tags__container .miam-recipe-tags__container__list .miam-recipe-tags__list__badge .miam-recipe-tag__badge__text{color:#676767;flex:1;font-size:12px;line-height:16px;margin:0 8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miam-recipe-tags__container .miam-recipe-tags__container__toggle{align-items:center;display:flex;flex-direction:column;visibility:visible;width:80px}.miam-recipe-tags__container .miam-recipe-tags__container__toggle.miam-recipe-tags__container__toggle__hidden{visibility:hidden}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__open{background:#f6f6f6;border-radius:100px;cursor:pointer;display:flex;height:24px;justify-content:center;min-width:40px;padding:4px 8px}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__ligne{background-color:var(--m-color-grey);flex:1;transform:height 1s linear;width:2px}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__close{background:var(--m-color-primary);border-radius:100px;cursor:pointer;min-width:40px;transition:opacity .2s linear}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__close ng-miam-icon .icon-container{transform:rotate(180deg)}"], encapsulation: 2, changeDetection: 0 });
+        const _r1 = ɵɵreference(2);
+        ɵɵproperty("ngIf", !ctx.reduce)("ngIfElse", _r1);
+    } }, directives: [NgIf, NgStyle, NgForOf, NgClass, IconComponent, ModalComponent], pipes: [EllipsisPipe], styles: [".miam-recipe-tags__container__list{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.miam-recipe-tags__container__list .miam-recipe-tags__list__badge{align-items:center;border:1px solid #e9e9e9;border-radius:100px;box-sizing:border-box;cursor:pointer;display:flex;height:24px;max-width:50vw;padding:0 8px 0 0;position:relative}.miam-recipe-tags__container__list .miam-recipe-tags__list__badge .miam-recipe-tags__badge__icon{background:var(--m-color-primary);border-radius:100px 0 0 100px;flex:none;flex-grow:0;order:0;padding:4px 8px}.miam-recipe-tags__container__list .miam-recipe-tags__list__badge .miam-recipe-tag__badge__text{color:#676767;flex:1;font-size:12px;line-height:16px;margin:0 8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miam-recipe-tags__container{display:flex;margin-top:16px;overflow:hidden;padding:0 8px;transition:height .25s cubic-bezier(0,0,.2,1)}.miam-recipe-tags__container .miam-recipe-tags__container__toggle{align-items:center;display:flex;flex-direction:column;visibility:visible;width:80px}.miam-recipe-tags__container .miam-recipe-tags__container__toggle.miam-recipe-tags__container__toggle__hidden{visibility:hidden}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__open{background:#f6f6f6;border-radius:100px;cursor:pointer;display:flex;height:24px;justify-content:center;min-width:40px;padding:4px 8px}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__ligne{background-color:var(--m-color-grey);flex:1;transform:height 1s linear;width:2px}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__close{background:var(--m-color-primary);border-radius:100px;cursor:pointer;min-width:40px;transition:opacity .2s linear}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__close ng-miam-icon .icon-container{transform:rotate(180deg)}.miam-recipe-tags__recipes{align-items:center;border:1px solid #e9e9e9;border-radius:100px;box-sizing:border-box;cursor:pointer;display:flex;height:24px;max-width:50vw;padding:0 8px 0 0;position:relative}.miam-recipe-tags__modal .miam-modal{-webkit-animation-name:none;animation-name:none;height:auto;right:50%;top:50%;transform:translate3d(50%,-50%,0)}.miam-recipe-tags__modal .miam-modal .miam-modal__container .miam-recipe-tags__container__list{display:flex;flex-flow:row wrap;max-width:480px;padding:24px}@media (max-width:1023px){.miam-recipe-tags__modal .miam-modal .miam-modal__container .miam-recipe-tags__container__list{flex-flow:column}}"], encapsulation: 2, changeDetection: 0 });
 /*@__PURE__*/ (function () { ɵsetClassMetadata(RecipeTagsComponent, [{
         type: Component,
         args: [{
@@ -15435,6 +15601,8 @@ RecipeTagsComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeTagsComponent, sel
             type: Input
         }], recipeDetailPreviewAllowed: [{
             type: Input
+        }], reduce: [{
+            type: Input
         }], tags: [{
             type: ViewChildren,
             args: ['tag']
@@ -15729,7 +15897,7 @@ function RecipeModalComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r8 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 5);
     ɵɵelementStart(1, "ng-miam-basket-preview-block", 6);
-    ɵɵlistener("guestCountChanged", function RecipeModalComponent_div_2_Template_ng_miam_basket_preview_block_guestCountChanged_1_listener($event) { ɵɵrestoreView(_r8); const ctx_r7 = ɵɵnextContext(); return ctx_r7.updateRecipeGuests($event); });
+    ɵɵlistener("guestCountChanged", function RecipeModalComponent_div_2_Template_ng_miam_basket_preview_block_guestCountChanged_1_listener($event) { ɵɵrestoreView(_r8); const ctx_r7 = ɵɵnextContext(); return ctx_r7.updateRecipeGuests($event); })("loading", function RecipeModalComponent_div_2_Template_ng_miam_basket_preview_block_loading_1_listener($event) { ɵɵrestoreView(_r8); const ctx_r9 = ɵɵnextContext(); return ctx_r9.setModalClosable($event); });
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
@@ -15738,14 +15906,20 @@ function RecipeModalComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     ɵɵproperty("recipeId", ctx_r1.recipe && ctx_r1.recipe.id);
 } }
 class RecipeModalComponent {
-    constructor(cdr, recipesService, printService, elRef, groceriesListsService) {
+    constructor(cdr, recipesService, printService, elRef, groceriesListsService, basketsService) {
         this.cdr = cdr;
         this.recipesService = recipesService;
         this.printService = printService;
         this.elRef = elRef;
         this.groceriesListsService = groceriesListsService;
+        this.basketsService = basketsService;
         this.show = false;
         this.previewMode = false;
+        this.canCloseModal = true;
+        this.removeIsLoading = false;
+        this.basketChangedSinceOpened = false; // true if show = true and basket is different since last time show was false
+        this.recipeWasAdded = false;
+        this.hasChangesOnClose = new EventEmitter(false);
     }
     ngOnInit() {
         this.recipesService.displayedRecipe$.subscribe(result => {
@@ -15755,6 +15929,7 @@ class RecipeModalComponent {
                 this.cdr.detectChanges();
             }
             else {
+                this.recipeWasAdded = result.wasAdded;
                 this.recipe = result.recipe;
                 this.previewMode = result.previewMode;
                 this.previewAllowed = result.previewAllowed;
@@ -15767,21 +15942,38 @@ class RecipeModalComponent {
                 this.cdr.detectChanges();
             }
         });
+        this.basketsService._basket$.subscribe(() => {
+            if (this.show) {
+                this.basketChangedSinceOpened = true;
+            }
+        });
     }
     hide() {
-        this.show = false;
-        this.previewMode = false;
-        this.recipesService.hide();
-        this.printService.dissmissPrinting();
-        this.cdr.detectChanges();
+        if (this.canCloseModal) {
+            this.show = false;
+            this.previewMode = false;
+            this.recipesService.hide();
+            this.printService.dissmissPrinting();
+            this.hasChangesOnClose.emit(this.basketChangedSinceOpened);
+            this.basketChangedSinceOpened = false;
+            this.cdr.detectChanges();
+        }
     }
     togglePreviewMode() {
         this.previewMode = !this.previewMode;
         this.cdr.detectChanges();
     }
     removeRecipe() {
-        this.groceriesListsService.removeRecipeFromList(this.recipe.id).subscribe();
-        this.hide();
+        if (this.canCloseModal) {
+            this.removeIsLoading = true;
+            this.cdr.detectChanges();
+            this.groceriesListsService.removeRecipeFromList(this.recipe.id).subscribe(() => {
+                // if remove and recipe was added, then no change was made to basket, and if removed and not added it's a change to the basket
+                this.basketChangedSinceOpened = !this.recipeWasAdded;
+                this.removeIsLoading = false;
+                this.hide();
+            });
+        }
     }
     updateRecipeGuests(guests) {
         this.recipe.modifiedGuests = guests;
@@ -15795,30 +15987,39 @@ class RecipeModalComponent {
         });
         this.recipesService.displayedRecipeChanged.emit();
     }
+    /**
+     * If the preview is opened and loading, block the user from closing the modal
+     */
+    setModalClosable(previewLoading) {
+        this.canCloseModal = !(previewLoading && this.previewMode);
+    }
 }
-RecipeModalComponent.ɵfac = function RecipeModalComponent_Factory(t) { return new (t || RecipeModalComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(RecipesService), ɵɵdirectiveInject(PrintService), ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(GroceriesListsService)); };
-RecipeModalComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeModalComponent, selectors: [["ng-miam-recipe-modal"]], decls: 3, vars: 9, consts: [[3, "isAngularComponent", "noHeaderMode", "expanded", "title", "cancelButtonText", "confirmButtonText", "expandedChange", "close", "cancel", "confirm"], [3, "recipe", "previewAllowed", "recipeAdded", "recipeChanged", "recipeError", 4, "ngIf"], ["class", "miam-wrapper-preview", 4, "ngIf"], [3, "recipe", "previewAllowed", "recipeAdded", "recipeChanged", "recipeError"], ["details", ""], [1, "miam-wrapper-preview"], [3, "recipeId", "guestCountChanged"]], template: function RecipeModalComponent_Template(rf, ctx) { if (rf & 1) {
+RecipeModalComponent.ɵfac = function RecipeModalComponent_Factory(t) { return new (t || RecipeModalComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(RecipesService), ɵɵdirectiveInject(PrintService), ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(GroceriesListsService), ɵɵdirectiveInject(BasketsService)); };
+RecipeModalComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeModalComponent, selectors: [["ng-miam-recipe-modal"]], outputs: { hasChangesOnClose: "hasChangesOnClose" }, decls: 3, vars: 12, consts: [[3, "isAngularComponent", "noHeaderMode", "expanded", "title", "cancelButtonText", "confirmButtonText", "cancelButtonDisabled", "confirmButtonDisabled", "cancelButtonIsLoading", "expandedChange", "close", "cancel", "confirm"], [3, "recipe", "previewAllowed", "recipeAdded", "recipeChanged", "recipeError", 4, "ngIf"], ["class", "miam-wrapper-preview", 4, "ngIf"], [3, "recipe", "previewAllowed", "recipeAdded", "recipeChanged", "recipeError"], ["details", ""], [1, "miam-wrapper-preview"], [3, "recipeId", "guestCountChanged", "loading"]], template: function RecipeModalComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵelementStart(0, "ng-miam-modal", 0);
         ɵɵlistener("expandedChange", function RecipeModalComponent_Template_ng_miam_modal_expandedChange_0_listener($event) { return ctx.show = $event; })("close", function RecipeModalComponent_Template_ng_miam_modal_close_0_listener() { return ctx.hide(); })("cancel", function RecipeModalComponent_Template_ng_miam_modal_cancel_0_listener() { return ctx.removeRecipe(); })("confirm", function RecipeModalComponent_Template_ng_miam_modal_confirm_0_listener() { return ctx.hide(); });
         ɵɵtemplate(1, RecipeModalComponent_ng_miam_recipe_details_1_Template, 2, 2, "ng-miam-recipe-details", 1);
         ɵɵtemplate(2, RecipeModalComponent_div_2_Template, 2, 1, "div", 2);
         ɵɵelementEnd();
     } if (rf & 2) {
-        ɵɵproperty("isAngularComponent", true)("noHeaderMode", true)("expanded", ctx.show)("noHeaderMode", !ctx.previewMode)("title", ctx.previewMode ? "1 repas ajout\u00E9 \u00E0 votre panier :" : "")("cancelButtonText", ctx.previewMode ? "Retirer le repas" : "")("confirmButtonText", ctx.previewMode ? "Ok, continuer mes courses" : "");
+        ɵɵproperty("isAngularComponent", true)("noHeaderMode", true)("expanded", ctx.show)("noHeaderMode", !ctx.previewMode)("title", ctx.previewMode ? "1 repas ajout\u00E9 \u00E0 votre panier :" : "")("cancelButtonText", ctx.previewMode ? "Retirer le repas" : "")("confirmButtonText", ctx.previewMode ? "Ok, continuer mes courses" : "")("cancelButtonDisabled", !ctx.canCloseModal)("confirmButtonDisabled", !ctx.canCloseModal)("cancelButtonIsLoading", ctx.removeIsLoading);
         ɵɵadvance(1);
         ɵɵproperty("ngIf", ctx.recipe && !ctx.previewMode);
         ɵɵadvance(1);
         ɵɵproperty("ngIf", ctx.previewMode);
-    } }, directives: [ModalComponent, NgIf, RecipeDetailsComponent, BasketPreviewBlockComponent], styles: [".miam-wrapper-preview[_ngcontent-%COMP%]{background-color:#fff;flex:1;overflow-y:auto;padding:20px}@media (max-width:1022px){.miam-wrapper-preview[_ngcontent-%COMP%]{padding-bottom:80px}}.miam-wrapper-preview[_ngcontent-%COMP%]::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-wrapper-preview[_ngcontent-%COMP%]::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-wrapper-preview[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}"], changeDetection: 0 });
+    } }, directives: [ModalComponent, NgIf, RecipeDetailsComponent, BasketPreviewBlockComponent], styles: [".miam-wrapper-preview{background-color:#fff;flex:1;overflow-y:auto;padding:20px}@media (max-width:1022px){.miam-wrapper-preview{padding-bottom:80px}}.miam-wrapper-preview::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-wrapper-preview::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-wrapper-preview::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}"], encapsulation: 2, changeDetection: 0 });
 /*@__PURE__*/ (function () { ɵsetClassMetadata(RecipeModalComponent, [{
         type: Component,
         args: [{
                 selector: 'ng-miam-recipe-modal',
                 templateUrl: './recipe-modal.component.html',
                 styleUrls: ['./recipe-modal.component.scss'],
-                changeDetection: ChangeDetectionStrategy.OnPush
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                encapsulation: ViewEncapsulation.None
             }]
-    }], function () { return [{ type: ChangeDetectorRef }, { type: RecipesService }, { type: PrintService }, { type: ElementRef }, { type: GroceriesListsService }]; }, null); })();
+    }], function () { return [{ type: ChangeDetectorRef }, { type: RecipesService }, { type: PrintService }, { type: ElementRef }, { type: GroceriesListsService }, { type: BasketsService }]; }, { hasChangesOnClose: [{
+            type: Output
+        }] }); })();
 
 const _c0$A = ["recipeCard"];
 function SuggestionCardComponent_ng_miam_recipe_card_0_Template(rf, ctx) { if (rf & 1) {