ng-miam 3.6.2 → 3.7.2

package/fesm2015/ng-miam.js

@@ -1,4 +1,4 @@
-import { InjectionToken, ɵɵdefineInjectable, ɵsetClassMetadata, Injectable, ɵɵinject, Inject, EventEmitter, ApplicationRef, ɵɵelementStart, ɵɵelement, ɵɵelementEnd, ɵɵnextContext, ɵɵproperty, ɵɵpureFunction2, ɵɵadvance, ɵɵsanitizeUrl, ɵɵpureFunction1, ɵɵelementContainerStart, ɵɵnamespaceSVG, ɵɵelementContainerEnd, ɵɵattribute, ɵɵelementContainer, ɵɵtemplate, ɵɵdirectiveInject, ChangeDetectorRef, ɵɵdefineComponent, ɵɵNgOnChangesFeature, ɵɵtemplateRefExtractor, ɵɵreference, Component, ChangeDetectionStrategy, Input, ɵɵtext, ElementRef, ɵɵdefineDirective, ɵɵlistener, Directive, HostListener, ɵɵdefinePipe, Pipe, ɵɵtextInterpolate, ɵɵgetCurrentView, ɵɵrestoreView, ɵɵpipe, ɵɵpipeBind1, ɵɵtextInterpolate1, Output, ɵɵviewQuery, ɵɵqueryRefresh, ɵɵloadQuery, ViewEncapsulation, ViewChild, ɵɵgetInheritedFactory, ɵɵprojection, TemplateRef, ɵɵprojectionDef, ɵɵcontentQuery, ContentChild, ɵɵclassProp, ContentChildren, ɵɵpropertyInterpolate, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule, ɵɵresolveDocument, Injector, ɵɵresolveWindow, ɵɵpureFunction3, ɵɵtextInterpolate2, ViewChildren, ɵɵpipeBind2, ɵɵInheritDefinitionFeature, ɵɵstyleProp, ɵɵsanitizeHtml, ɵɵsanitizeResourceUrl, ɵɵpureFunction0, ɵɵsetComponentScope, ComponentFactoryResolver, LOCALE_ID } from '@angular/core';
+import { InjectionToken, ɵɵdefineInjectable, ɵsetClassMetadata, Injectable, ɵɵinject, Inject, EventEmitter, ApplicationRef, ɵɵelementStart, ɵɵelement, ɵɵelementEnd, ɵɵnextContext, ɵɵproperty, ɵɵpureFunction2, ɵɵadvance, ɵɵsanitizeUrl, ɵɵpureFunction1, ɵɵelementContainerStart, ɵɵnamespaceSVG, ɵɵelementContainerEnd, ɵɵattribute, ɵɵelementContainer, ɵɵtemplate, ɵɵdirectiveInject, ChangeDetectorRef, ɵɵdefineComponent, ɵɵNgOnChangesFeature, ɵɵtemplateRefExtractor, ɵɵreference, Component, ChangeDetectionStrategy, Input, ɵɵtext, ElementRef, ɵɵdefineDirective, ɵɵlistener, Directive, HostListener, ɵɵdefinePipe, Pipe, ɵɵtextInterpolate, ɵɵgetCurrentView, ɵɵrestoreView, ɵɵpropertyInterpolate1, ɵɵpipe, ɵɵpipeBind1, ɵɵtextInterpolate1, Output, ɵɵviewQuery, ɵɵqueryRefresh, ɵɵloadQuery, ViewEncapsulation, ViewChild, ɵɵgetInheritedFactory, ɵɵprojection, TemplateRef, ɵɵprojectionDef, ɵɵcontentQuery, ContentChild, ɵɵclassProp, ContentChildren, ɵɵpropertyInterpolate, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule, ɵɵresolveDocument, Injector, ɵɵresolveWindow, ɵɵpureFunction3, ɵɵtextInterpolate2, ViewChildren, ɵɵpipeBind2, ɵɵInheritDefinitionFeature, ɵɵstyleProp, ɵɵsanitizeHtml, ɵɵsanitizeResourceUrl, ɵɵpureFunction0, ɵɵsetComponentScope, ComponentFactoryResolver, LOCALE_ID } from '@angular/core';
 import { NgIf, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, NgForOf, NgClass, AsyncPipe, DatePipe, NgTemplateOutlet, CommonModule, TitleCasePipe, NgComponentOutlet, NgPlural, NgPluralCase, UpperCasePipe, LowerCasePipe, JsonPipe, SlicePipe, DecimalPipe, PercentPipe, CurrencyPipe, I18nPluralPipe, I18nSelectPipe, KeyValuePipe, registerLocaleData } from '@angular/common';
 import { Resource, DocumentCollection, Service, DocumentResource, NgxJsonapiModule } from 'ngx-jsonapi';
 import { skipWhile, take, map, tap, switchMap, debounceTime, startWith, catchError, finalize, filter } from 'rxjs/operators';
@@ -1357,14 +1357,14 @@ class IngredientsService extends Service {
                     oldIngredientAttribute.unit !== ing.attributes.unit ||
                     oldIngredientAttribute.quantity !== ing.attributes.quantity;
                 if (hasChange) {
-                    oldIngredients[oldIndex].attributes = Object.assign(Object.assign({}, oldIngredients[oldIndex].attributes), { name: ing.attributes.name, unit: ing.attributes.unit, quantity: ing.attributes.quantity });
+                    oldIngredients[oldIndex].attributes = Object.assign(Object.assign({}, oldIngredients[oldIndex].attributes), { name: ing.attributes.name, unit: ing.attributes.unit, quantity: ing.attributes.quantity, 'picture-url': ing.attributes['picture-url'] });
                     ingredientsToSave.push(oldIngredients[oldIndex]);
                 }
             }
             else {
                 const newIng = this.new();
                 delete newIng.id;
-                newIng.attributes = Object.assign(Object.assign({}, newIng.attributes), { name: ing.attributes.name, unit: ing.attributes.unit, quantity: '' + ing.attributes.quantity });
+                newIng.attributes = Object.assign(Object.assign({}, newIng.attributes), { name: ing.attributes.name, unit: ing.attributes.unit, quantity: '' + ing.attributes.quantity, 'picture-url': ing.attributes['picture-url'] });
                 newIng.addRelationship(recipe, 'recipe');
                 ingredientsToSave.push(newIng);
             }
@@ -2524,6 +2524,19 @@ class UserService {
         var _a;
         return (_a = this.userInfo$.value) === null || _a === void 0 ? void 0 : _a.forbidProfiling;
     }
+    getUserSupplier() {
+        return this.userInfo$.pipe(skipWhile(userInfo => !userInfo), switchMap((userInfo) => {
+            if (!userInfo.supplierId) {
+                return of(null);
+            }
+            else {
+                return this.suppliersService.get(userInfo.supplierId);
+            }
+        }));
+    }
+    can(permission) {
+        return this.userInfo$.pipe(map(info => { var _a, _b; return (_b = (_a = info === null || info === void 0 ? void 0 : info.app_metadata) === null || _a === void 0 ? void 0 : _a.permissions) === null || _b === void 0 ? void 0 : _b.includes(permission); }));
+    }
     initProvider() {
         return this.userInfo$.pipe(switchMap((userInfo) => {
             var _a;
@@ -2535,16 +2548,6 @@ class UserService {
         var _a, _b;
         this.userRoles$.next(((_b = (_a = this.userInfo$.value) === null || _a === void 0 ? void 0 : _a.app_metadata) === null || _b === void 0 ? void 0 : _b.roles) || []);
     }
-    getUserSupplier() {
-        return this.userInfo$.pipe(skipWhile(userInfo => !userInfo), switchMap((userInfo) => {
-            if (!userInfo.supplierId) {
-                return of(null);
-            }
-            else {
-                return this.suppliersService.get(userInfo.supplierId);
-            }
-        }));
-    }
 }
 UserService.ɵfac = function UserService_Factory(t) { return new (t || UserService)(ɵɵinject(HttpClient), ɵɵinject(RecipeProviderService), ɵɵinject(ToastrService), ɵɵinject(SuppliersService)); };
 UserService.ɵprov = ɵɵdefineInjectable({ token: UserService, factory: UserService.ɵfac, providedIn: 'root' });
@@ -4896,31 +4899,70 @@ function ListInputComponent_ul_4_ng_container_1_Template(rf, ctx) { if (rf & 1)
     ɵɵadvance(1);
     ɵɵproperty("ngForOf", ctx_r4.list.controls)("ngForTrackBy", ctx_r4.trackByIndex);
 } }
-function ListInputComponent_ul_4_ng_template_2_li_0_div_12_Template(rf, ctx) { if (rf & 1) {
+const _c0$1 = function (a0) { return { clickable: a0 }; };
+function ListInputComponent_ul_4_ng_template_2_li_0_label_12_img_1_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "img", 39);
+} if (rf & 2) {
+    const row_r18 = ɵɵnextContext(2).$implicit;
+    const ctx_r24 = ɵɵnextContext(3);
+    ɵɵproperty("ngClass", ɵɵpureFunction1(2, _c0$1, ctx_r24.ingredientsPictures.editable))("src", row_r18.controls.attributes.controls["picture-url"].value, ɵɵsanitizeUrl);
+} }
+function ListInputComponent_ul_4_ng_template_2_li_0_label_12_ng_miam_icon_2_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "ng-miam-icon", 40);
+} if (rf & 2) {
+    const ctx_r25 = ɵɵnextContext(5);
+    ɵɵproperty("iconName", ctx_r25.icon.Picture);
+} }
+function ListInputComponent_ul_4_ng_template_2_li_0_label_12_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "label", 36);
+    ɵɵtemplate(1, ListInputComponent_ul_4_ng_template_2_li_0_label_12_img_1_Template, 1, 4, "img", 37);
+    ɵɵtemplate(2, ListInputComponent_ul_4_ng_template_2_li_0_label_12_ng_miam_icon_2_Template, 1, 1, "ng-miam-icon", 38);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r27 = ɵɵnextContext();
+    const i_r19 = ctx_r27.index;
+    const row_r18 = ctx_r27.$implicit;
+    const ctx_r20 = ɵɵnextContext(3);
+    ɵɵpropertyInterpolate1("for", "ing-picture-", i_r19, "");
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", row_r18.controls.attributes.controls["picture-url"] == null ? null : row_r18.controls.attributes.controls["picture-url"].value);
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", !(row_r18.controls.attributes.controls["picture-url"] == null ? null : row_r18.controls.attributes.controls["picture-url"].value) && ctx_r20.ingredientsPictures.editable);
+} }
+function ListInputComponent_ul_4_ng_template_2_li_0_input_13_Template(rf, ctx) { if (rf & 1) {
+    const _r29 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "input", 41);
+    ɵɵlistener("change", function ListInputComponent_ul_4_ng_template_2_li_0_input_13_Template_input_change_0_listener($event) { ɵɵrestoreView(_r29); const row_r18 = ɵɵnextContext().$implicit; const ctx_r28 = ɵɵnextContext(3); return ctx_r28.uploadIngredientPicture($event.target.files, row_r18.controls.attributes.controls["picture-url"]); });
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const i_r19 = ɵɵnextContext().index;
+    ɵɵpropertyInterpolate1("id", "ing-picture-", i_r19, "");
+} }
+function ListInputComponent_ul_4_ng_template_2_li_0_div_15_Template(rf, ctx) { if (rf & 1) {
     ɵɵelement(0, "div", 23);
 } }
-function ListInputComponent_ul_4_ng_template_2_li_0_div_13_Template(rf, ctx) { if (rf & 1) {
+function ListInputComponent_ul_4_ng_template_2_li_0_div_16_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div", 24);
-    ɵɵelement(1, "ng-miam-icon", 33);
-    ɵɵelementStart(2, "span", 34);
+    ɵɵelement(1, "ng-miam-icon", 42);
+    ɵɵelementStart(2, "span", 43);
     ɵɵtext(3);
     ɵɵpipe(4, "capitalizeFirstLetter");
     ɵɵelementEnd();
-    ɵɵelementStart(5, "span", 34);
+    ɵɵelementStart(5, "span", 43);
     ɵɵtext(6);
     ɵɵelementEnd();
-    ɵɵelementStart(7, "span", 34);
+    ɵɵelementStart(7, "span", 43);
     ɵɵtext(8);
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
     const row_r18 = ɵɵnextContext().$implicit;
-    const ctx_r21 = ɵɵnextContext(3);
+    const ctx_r23 = ɵɵnextContext(3);
     var tmp_1_0 = null;
     var tmp_2_0 = null;
     var tmp_3_0 = null;
     ɵɵadvance(1);
-    ɵɵproperty("iconName", ctx_r21.icon.Grip);
+    ɵɵproperty("iconName", ctx_r23.icon.Grip);
     ɵɵadvance(2);
     ɵɵtextInterpolate(ɵɵpipeBind1(4, 4, row_r18 == null ? null : (tmp_1_0 = row_r18.get("attributes")) == null ? null : tmp_1_0.get("name").value));
     ɵɵadvance(3);
@@ -4929,7 +4971,7 @@ function ListInputComponent_ul_4_ng_template_2_li_0_div_13_Template(rf, ctx) { i
     ɵɵtextInterpolate(row_r18 == null ? null : (tmp_3_0 = row_r18.get("attributes")) == null ? null : tmp_3_0.get("unit").value);
 } }
 function ListInputComponent_ul_4_ng_template_2_li_0_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = ɵɵgetCurrentView();
+    const _r34 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "li", 14);
     ɵɵelementStart(1, "div", 27);
     ɵɵelementStart(2, "div", 28);
@@ -4940,17 +4982,21 @@ function ListInputComponent_ul_4_ng_template_2_li_0_Template(rf, ctx) { if (rf &
     ɵɵpipe(6, "async");
     ɵɵpipe(7, "capitalizeFirstLetter");
     ɵɵelementStart(8, "input", 31);
-    ɵɵlistener("ngModelChange", function ListInputComponent_ul_4_ng_template_2_li_0_Template_input_ngModelChange_8_listener($event) { ɵɵrestoreView(_r24); const i_r19 = ctx.index; const ctx_r23 = ɵɵnextContext(3); return ctx_r23.updateQuantityValue($event, i_r19); });
+    ɵɵlistener("ngModelChange", function ListInputComponent_ul_4_ng_template_2_li_0_Template_input_ngModelChange_8_listener($event) { ɵɵrestoreView(_r34); const i_r19 = ctx.index; const ctx_r33 = ɵɵnextContext(3); return ctx_r33.updateQuantityValue($event, i_r19); });
     ɵɵelementEnd();
     ɵɵelement(9, "input", 32);
     ɵɵpipe(10, "async");
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵelementStart(11, "ng-miam-icon", 20);
-    ɵɵlistener("click", function ListInputComponent_ul_4_ng_template_2_li_0_Template_ng_miam_icon_click_11_listener() { ɵɵrestoreView(_r24); const i_r19 = ctx.index; const ctx_r25 = ɵɵnextContext(3); return ctx_r25.delete(i_r19); });
+    ɵɵelementStart(11, "div", 33);
+    ɵɵtemplate(12, ListInputComponent_ul_4_ng_template_2_li_0_label_12_Template, 3, 3, "label", 34);
+    ɵɵtemplate(13, ListInputComponent_ul_4_ng_template_2_li_0_input_13_Template, 1, 1, "input", 35);
+    ɵɵelementStart(14, "ng-miam-icon", 20);
+    ɵɵlistener("click", function ListInputComponent_ul_4_ng_template_2_li_0_Template_ng_miam_icon_click_14_listener() { ɵɵrestoreView(_r34); const i_r19 = ctx.index; const ctx_r35 = ɵɵnextContext(3); return ctx_r35.delete(i_r19); });
+    ɵɵelementEnd();
+    ɵɵtemplate(15, ListInputComponent_ul_4_ng_template_2_li_0_div_15_Template, 1, 0, "div", 21);
+    ɵɵtemplate(16, ListInputComponent_ul_4_ng_template_2_li_0_div_16_Template, 9, 6, "div", 22);
     ɵɵelementEnd();
-    ɵɵtemplate(12, ListInputComponent_ul_4_ng_template_2_li_0_div_12_Template, 1, 0, "div", 21);
-    ɵɵtemplate(13, ListInputComponent_ul_4_ng_template_2_li_0_div_13_Template, 9, 6, "div", 22);
     ɵɵelementEnd();
 } if (rf & 2) {
     const row_r18 = ctx.$implicit;
@@ -4961,24 +5007,28 @@ function ListInputComponent_ul_4_ng_template_2_li_0_Template(rf, ctx) { if (rf &
     ɵɵadvance(2);
     ɵɵproperty("iconName", ctx_r17.icon.Grip);
     ɵɵadvance(2);
-    ɵɵproperty("ngClass", ɵɵpipeBind1(6, 10, ctx_r17.isIngredientReviewed(row_r18["controls"]["attributes"]["controls"]["name"].value)) ? "alert-success" : "alert-danger")("ngModel", ɵɵpipeBind1(7, 12, row_r18["controls"]["attributes"]["controls"]["name"].value))("formControl", row_r18["controls"]["attributes"]["controls"]["name"]);
+    ɵɵproperty("ngClass", ɵɵpipeBind1(6, 12, ctx_r17.isIngredientReviewed(row_r18["controls"]["attributes"]["controls"]["name"].value)) ? "alert-success" : "alert-danger")("ngModel", ɵɵpipeBind1(7, 14, row_r18["controls"]["attributes"]["controls"]["name"].value))("formControl", row_r18["controls"]["attributes"]["controls"]["name"]);
     ɵɵadvance(3);
     ɵɵproperty("ngModel", row_r18["controls"]["attributes"]["controls"]["quantity"].value)("formControl", row_r18["controls"]["attributes"]["controls"]["quantity"]);
     ɵɵadvance(1);
-    ɵɵproperty("ngClass", ɵɵpipeBind1(10, 14, ctx_r17.isQuantityReviewed(row_r18["controls"]["attributes"]["controls"]["unit"].value)) ? "alert-success" : "alert-danger")("formControl", row_r18["controls"]["attributes"]["controls"]["unit"]);
-    ɵɵadvance(2);
+    ɵɵproperty("ngClass", ɵɵpipeBind1(10, 16, ctx_r17.isQuantityReviewed(row_r18["controls"]["attributes"]["controls"]["unit"].value)) ? "alert-success" : "alert-danger")("formControl", row_r18["controls"]["attributes"]["controls"]["unit"]);
+    ɵɵadvance(3);
+    ɵɵproperty("ngIf", ctx_r17.ingredientsPictures.visible);
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", ctx_r17.ingredientsPictures.visible && ctx_r17.ingredientsPictures.editable);
+    ɵɵadvance(1);
     ɵɵproperty("iconName", ctx_r17.icon.Trash);
 } }
 function ListInputComponent_ul_4_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    ɵɵtemplate(0, ListInputComponent_ul_4_ng_template_2_li_0_Template, 14, 16, "li", 13);
+    ɵɵtemplate(0, ListInputComponent_ul_4_ng_template_2_li_0_Template, 17, 18, "li", 13);
 } if (rf & 2) {
     const ctx_r6 = ɵɵnextContext(2);
     ɵɵproperty("ngForOf", ctx_r6.list.controls)("ngForTrackBy", ctx_r6.trackByIndex);
 } }
 function ListInputComponent_ul_4_Template(rf, ctx) { if (rf & 1) {
-    const _r27 = ɵɵgetCurrentView();
+    const _r37 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "ul", 10);
-    ɵɵlistener("cdkDropListDropped", function ListInputComponent_ul_4_Template_ul_cdkDropListDropped_0_listener($event) { ɵɵrestoreView(_r27); const ctx_r26 = ɵɵnextContext(); return ctx_r26.drop($event); });
+    ɵɵlistener("cdkDropListDropped", function ListInputComponent_ul_4_Template_ul_cdkDropListDropped_0_listener($event) { ɵɵrestoreView(_r37); const ctx_r36 = ɵɵnextContext(); return ctx_r36.drop($event); });
     ɵɵtemplate(1, ListInputComponent_ul_4_ng_container_1_Template, 2, 2, "ng-container", 11);
     ɵɵtemplate(2, ListInputComponent_ul_4_ng_template_2_Template, 1, 2, "ng-template", null, 12, ɵɵtemplateRefExtractor);
     ɵɵelementEnd();
@@ -4989,9 +5039,9 @@ function ListInputComponent_ul_4_Template(rf, ctx) { if (rf & 1) {
     ɵɵproperty("ngIf", !ctx_r0.ingredientMode)("ngIfElse", _r5);
 } }
 function ListInputComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 35);
-    ɵɵelement(1, "ng-miam-icon", 36);
-    ɵɵelementStart(2, "span", 37);
+    ɵɵelementStart(0, "div", 44);
+    ɵɵelement(1, "ng-miam-icon", 45);
+    ɵɵelementStart(2, "span", 46);
     ɵɵtext(3);
     ɵɵelementEnd();
     ɵɵelementEnd();
@@ -5003,7 +5053,7 @@ function ListInputComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
     ɵɵtextInterpolate1("Oups... c\u2019est vide, commencez \u00E0 ajouter des ", ctx_r2.hint, " !");
 } }
 function ListInputComponent_div_13_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 38);
+    ɵɵelementStart(0, "div", 47);
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
@@ -5018,6 +5068,7 @@ class ListInputComponent {
         this.cdr = cdr;
         this.placeholder = '';
         this.list = new FormArray([]);
+        this.ingredientsPictures = { visible: false, editable: false };
         this.icon = Icon;
         this.fillListInput = new FormControl('');
         this.deleteId = new EventEmitter();
@@ -5111,9 +5162,22 @@ class ListInputComponent {
     trackByIndex(index, el) {
         return el;
     }
+    // TODO: size check
+    uploadIngredientPicture(files, ingForm) {
+        if (!files[0] || !ingForm) {
+            return;
+        }
+        const reader = new FileReader();
+        reader.readAsDataURL(files[0]);
+        reader.onload = () => {
+            ingForm.patchValue(reader.result);
+            this.list.markAsDirty();
+            this.cdr.detectChanges();
+        };
+    }
 }
 ListInputComponent.ɵfac = function ListInputComponent_Factory(t) { return new (t || ListInputComponent)(ɵɵdirectiveInject(IngredientsService), ɵɵdirectiveInject(FormBuilder), ɵɵdirectiveInject(ChangeDetectorRef)); };
-ListInputComponent.ɵcmp = ɵɵdefineComponent({ type: ListInputComponent, selectors: [["ng-miam-list-input"]], inputs: { hint: "hint", placeholder: "placeholder", label: "label", instructions: "instructions", ingredientMode: "ingredientMode", list: "list" }, outputs: { deleteId: "deleteId", orderHasChanged: "orderHasChanged" }, decls: 14, vars: 7, consts: [[1, "miam-list-input"], [1, "miam-list-input__list", 3, "formGroup"], [1, "miam-list-input__list__label"], ["class", "miam-list-input__container m-default-card", "cdkDropList", "", 3, "cdkDropListDropped", 4, "ngIf", "ngIfElse"], ["hintPlaceholder", ""], [1, "miam-list-input__actions"], ["matInput", "", "cdkTextareaAutosize", "", "cdkAutosizeMinRows", "4", "cdkAutosizeMaxRows", "4", 1, "m-input", 3, "formControl", "keydown.enter"], [1, "m-button-primary", 3, "mousedown", "mouseup"], [1, "miam-list-input__instructions__direction"], ["class", "miam-list-input__actions__instructions", 4, "ngIf"], ["cdkDropList", "", 1, "miam-list-input__container", "m-default-card", 3, "cdkDropListDropped"], [4, "ngIf", "ngIfElse"], ["ingredientRow", ""], ["cdkDrag", "", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["cdkDrag", ""], [3, "formGroup"], [1, "miam-list-input__container__row", "m-default-card"], ["primaryColor", "var(--m-color-grey05)", "cdkDragHandle", "", 1, "miam-list-input__row__grip", 3, "iconName"], ["cdkTextareaAutosize", "true", "cdkAutosizeMinRows", "1", "cdkAutosizeMaxRows", "50", "formControlName", "description", 1, "m-input", 3, "blur"], ["autosize", "cdkTextareaAutosize"], ["primaryColor", "var(--m-color-grey05)", 1, "miam-list-input__row__trash", 3, "iconName", "click"], ["class", "miam-list-input__row__placeholder", 4, "cdkDragPlaceholder"], ["class", "miam-list-input__row__preview m-default-card", 4, "cdkDragPreview"], [1, "miam-list-input__row__placeholder"], [1, "miam-list-input__row__preview", "m-default-card"], ["primaryColor", "var(--m-color-grey05)", "cdkDragHandle", "", 3, "iconName"], [1, "miam-list-input__preview__text", "m-body-typo"], [1, "miam-list-input__container__row", "m-default-card", 3, "formGroupName"], [1, "miam-list-input__row__left"], [1, "miam-list-input__row__right"], [1, "m-input", 3, "ngClass", "ngModel", "formControl"], ["maxSize", "4", "autoWidthInput", "", 1, "m-input", 3, "ngModel", "formControl", "ngModelChange"], ["maxSize", "8", "autoWidthInput", "", 1, "m-input", 3, "ngClass", "formControl"], ["primaryColor", "var(--m-color-grey-text-dark)", "cdkDragHandle", "", 3, "iconName"], [1, "m-body-typo"], [1, "miam-list-input__placeholder", "miam-list-input__container", "m-default-card"], ["primaryColor", "var(--m-color-grey-text-dark)", 3, "width", "height", "iconName"], [1, "miam-list-input__placeholder__hint", "m-body-typo"], [1, "miam-list-input__actions__instructions"]], template: function ListInputComponent_Template(rf, ctx) { if (rf & 1) {
+ListInputComponent.ɵcmp = ɵɵdefineComponent({ type: ListInputComponent, selectors: [["ng-miam-list-input"]], inputs: { hint: "hint", placeholder: "placeholder", label: "label", instructions: "instructions", ingredientMode: "ingredientMode", list: "list", ingredientsPictures: "ingredientsPictures" }, outputs: { deleteId: "deleteId", orderHasChanged: "orderHasChanged" }, decls: 14, vars: 7, consts: [[1, "miam-list-input"], [1, "miam-list-input__list", 3, "formGroup"], [1, "miam-list-input__list__label"], ["class", "miam-list-input__container m-default-card", "cdkDropList", "", 3, "cdkDropListDropped", 4, "ngIf", "ngIfElse"], ["hintPlaceholder", ""], [1, "miam-list-input__actions"], ["matInput", "", "cdkTextareaAutosize", "", "cdkAutosizeMinRows", "4", "cdkAutosizeMaxRows", "4", 1, "m-input", 3, "formControl", "keydown.enter"], [1, "m-button-primary", 3, "mousedown", "mouseup"], [1, "miam-list-input__instructions__direction"], ["class", "miam-list-input__actions__instructions", 4, "ngIf"], ["cdkDropList", "", 1, "miam-list-input__container", "m-default-card", 3, "cdkDropListDropped"], [4, "ngIf", "ngIfElse"], ["ingredientRow", ""], ["cdkDrag", "", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["cdkDrag", ""], [3, "formGroup"], [1, "miam-list-input__container__row", "m-default-card"], ["primaryColor", "var(--m-color-grey05)", "cdkDragHandle", "", 1, "miam-list-input__row__grip", 3, "iconName"], ["cdkTextareaAutosize", "true", "cdkAutosizeMinRows", "1", "cdkAutosizeMaxRows", "50", "formControlName", "description", 1, "m-input", 3, "blur"], ["autosize", "cdkTextareaAutosize"], ["primaryColor", "var(--m-color-grey05)", 1, "miam-list-input__row__trash", 3, "iconName", "click"], ["class", "miam-list-input__row__placeholder", 4, "cdkDragPlaceholder"], ["class", "miam-list-input__row__preview m-default-card", 4, "cdkDragPreview"], [1, "miam-list-input__row__placeholder"], [1, "miam-list-input__row__preview", "m-default-card"], ["primaryColor", "var(--m-color-grey05)", "cdkDragHandle", "", 3, "iconName"], [1, "miam-list-input__preview__text", "m-body-typo"], [1, "miam-list-input__container__row", "m-default-card", 3, "formGroupName"], [1, "miam-list-input__row__left"], [1, "miam-list-input__row__right"], [1, "m-input", 3, "ngClass", "ngModel", "formControl"], ["maxSize", "4", "autoWidthInput", "", 1, "m-input", 3, "ngModel", "formControl", "ngModelChange"], ["maxSize", "8", "autoWidthInput", "", 1, "m-input", 3, "ngClass", "formControl"], [1, "miam-list-input__row__controls"], [3, "for", 4, "ngIf"], ["type", "file", "accept", "image/jpeg, image/png, image/webp", 3, "id", "change", 4, "ngIf"], [3, "for"], ["class", "miam-list-input__row__picture", 3, "ngClass", "src", 4, "ngIf"], ["class", "miam-list-input__row__trash", "primaryColor", "var(--m-color-grey05)", 3, "iconName", 4, "ngIf"], [1, "miam-list-input__row__picture", 3, "ngClass", "src"], ["primaryColor", "var(--m-color-grey05)", 1, "miam-list-input__row__trash", 3, "iconName"], ["type", "file", "accept", "image/jpeg, image/png, image/webp", 3, "id", "change"], ["primaryColor", "var(--m-color-grey-text-dark)", "cdkDragHandle", "", 3, "iconName"], [1, "m-body-typo"], [1, "miam-list-input__placeholder", "miam-list-input__container", "m-default-card"], ["primaryColor", "var(--m-color-grey-text-dark)", 3, "width", "height", "iconName"], [1, "miam-list-input__placeholder__hint", "m-body-typo"], [1, "miam-list-input__actions__instructions"]], template: function ListInputComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵelementStart(0, "div", 0);
         ɵɵelementStart(1, "div", 1);
         ɵɵelementStart(2, "div", 2);
@@ -5149,7 +5213,7 @@ ListInputComponent.ɵcmp = ɵɵdefineComponent({ type: ListInputComponent, selec
         ɵɵattribute("placeholder", ctx.placeholder);
         ɵɵadvance(5);
         ɵɵproperty("ngIf", ctx.instructions);
-    } }, directives: [NgControlStatusGroup, FormGroupDirective, NgIf, CdkTextareaAutosize, DefaultValueAccessor, NgControlStatus, FormControlDirective, CdkDropList, NgForOf, CdkDrag, IconComponent, CdkDragHandle, FormControlName, CdkDragPlaceholder, CdkDragPreview, FormGroupName, NgClass, AutowidthInputDirective], pipes: [AsyncPipe, CapitalizeFirstLetterPipe], styles: [".miam-list-input[_ngcontent-%COMP%]{padding:8px}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]{margin-top:50px;position:relative}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   .miam-list-input__list__label[_ngcontent-%COMP%]{background-color:var(--m-color-secondary-light);border-radius:8px 8px 0 0;color:var(--m-color-secondary);font-weight:700;left:0;padding:8px 24px;position:absolute;top:-33px;width:200px;z-index:0}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   .miam-list-input__container[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:400px;margin-bottom:32px;overflow-x:hidden;overflow-y:auto;position:inherit;width:560px;z-index:1}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   .miam-list-input__container[_ngcontent-%COMP%]{height:55vh;margin-bottom:16px;width:unset}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   .miam-list-input__container[_ngcontent-%COMP%]::-webkit-scrollbar-button{height:20px}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   .miam-list-input__container[_ngcontent-%COMP%]::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   .miam-list-input__container[_ngcontent-%COMP%]::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   .miam-list-input__container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{display:flex;justify-content:flex-start;row-gap:8px}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{-moz-column-gap:8px;align-items:center;column-gap:8px;display:flex;list-style:none}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{-moz-column-gap:0;column-gap:0}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;align-items:center;display:flex;flex:1;flex-direction:row;gap:8px;justify-content:space-between;user-select:none}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]{margin-right:4px}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]{max-width:unset;padding:inherit}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .m-input[_ngcontent-%COMP%]{margin:unset;max-width:unset;min-width:unset}@media (max-width:359px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .m-input[_ngcontent-%COMP%]{max-width:60vw}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__left[_ngcontent-%COMP%]{align-items:center;display:flex;flex-direction:row}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__left[_ngcontent-%COMP%]   .miam-list-input__row__grip[_ngcontent-%COMP%]{cursor:move}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__left[_ngcontent-%COMP%]   .miam-list-input__row__grip[_ngcontent-%COMP%]{margin-left:4px}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__left[_ngcontent-%COMP%]   .m-input[_ngcontent-%COMP%]{margin-left:8px;margin-right:8px;width:200px}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]{align-items:center;display:flex;flex-direction:row}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]   .m-input[_ngcontent-%COMP%]{margin-right:8px;text-align:right}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]{flex-wrap:wrap}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]   .m-input[_ngcontent-%COMP%]{flex:1;margin-bottom:8px;margin-right:4px}}@media (max-width:359px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]{max-width:60vw}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]   .m-input[_ngcontent-%COMP%]{max-width:58vw}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]   .alert-success[_ngcontent-%COMP%]{background:var(--m-color-white);border:1px solid var(--m-color-success);border-radius:8px;box-shadow:0 0 4px var(--m-color-success)}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]   .alert-danger[_ngcontent-%COMP%]{background:var(--m-color-white);border:1px solid var(--m-color-danger);border-radius:8px;box-shadow:0 0 4px var(--m-color-danger)}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__row__trash[_ngcontent-%COMP%]{-webkit-tap-highlight-color:transparent;cursor:pointer}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]{border-radius:var(--m-border-radius);flex:1;margin:0;max-width:none;outline:none;padding:5px;resize:none}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   textarea.warnning[_ngcontent-%COMP%]{background-color:var(--m-color-secondary-light);color:var(--m-color-secondary)}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   textarea.error[_ngcontent-%COMP%]{background-color:var(--m-color-danger);color:var(--m-color-danger-text)}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   textarea[cdktextareaautosize][_ngcontent-%COMP%]{overflow:hidden}.miam-list-input[_ngcontent-%COMP%]   .hint[_ngcontent-%COMP%]{border-radius:var(--m-border-radius);flex:1;font-size:12px;font-weight:600;padding-bottom:10px}.miam-list-input[_ngcontent-%COMP%]   .hint.warnning[_ngcontent-%COMP%]{color:var(--m-color-secondary)}.miam-list-input[_ngcontent-%COMP%]   .hint.error[_ngcontent-%COMP%]{color:var(--m-color-danger)}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__placeholder[_ngcontent-%COMP%]{align-items:center;justify-content:center}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__placeholder[_ngcontent-%COMP%]   .miam-list-input__placeholder__hint[_ngcontent-%COMP%]{color:var(--m-color-secondary);margin-top:40px;opacity:.5;text-align:center}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]{-moz-column-gap:32px;column-gap:32px;display:flex;justify-content:space-between}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]{flex-direction:column}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]{flex:1;margin-top:0;outline:none;resize:none}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]{width:90vw}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]   .miam-list-input__actions__instructions[_ngcontent-%COMP%]{background-color:var(--m-color-info);border-radius:8px;color:var(--m-color-info-text);max-width:calc(98vw - 776px);padding:8px;position:absolute;top:315px;white-space:pre-line;width:400px}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]   .miam-list-input__actions__instructions[_ngcontent-%COMP%]{margin-top:16px;max-width:unset;position:unset;width:unset}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]   .miam-list-input__instructions__direction[_ngcontent-%COMP%]{margin-left:4px}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]   .miam-list-input__instructions__direction[_ngcontent-%COMP%]{display:none}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.miam-list-input__row__preview[_ngcontent-%COMP%]{align-items:center;display:flex;width:530px}@media (max-width:1023px){.miam-list-input__row__preview[_ngcontent-%COMP%]{flex-wrap:wrap;width:80vw}}.miam-list-input__row__preview[_ngcontent-%COMP%]   .miam-list-input__preview__text[_ngcontent-%COMP%]{padding:5px}.miam-list-input__row__preview[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:first-of-type{flex:1;flex-shrink:1;margin-left:8px}.miam-list-input__row__preview[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-of-type(2n){margin-right:8px}.miam-list-input__row__placeholder[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;background:var(--m-color-grey07);border-radius:8px;margin-right:24px;min-height:60px;user-select:none}.cdk-drag-animating[_ngcontent-%COMP%], .miam-list-input__row__placeholder[_ngcontent-%COMP%], ul.cdk-drop-list-dragging[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}"] });
+    } }, directives: [NgControlStatusGroup, FormGroupDirective, NgIf, CdkTextareaAutosize, DefaultValueAccessor, NgControlStatus, FormControlDirective, CdkDropList, NgForOf, CdkDrag, IconComponent, CdkDragHandle, FormControlName, CdkDragPlaceholder, CdkDragPreview, FormGroupName, NgClass, AutowidthInputDirective], pipes: [AsyncPipe, CapitalizeFirstLetterPipe], styles: [".miam-list-input[_ngcontent-%COMP%]{padding:8px}@media (min-width:1024px){.miam-list-input[_ngcontent-%COMP%]{width:calc(100% - 16px)}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]{margin-top:50px;position:relative}@media (min-width:1024px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]{width:55%}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   .miam-list-input__list__label[_ngcontent-%COMP%]{background-color:var(--m-color-secondary-light);border-radius:8px 8px 0 0;color:var(--m-color-secondary);font-weight:700;left:0;padding:8px 24px;position:absolute;top:-33px;width:200px;z-index:0}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   .miam-list-input__container[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:400px;margin-bottom:32px;overflow-x:hidden;overflow-y:auto;position:inherit;z-index:1}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   .miam-list-input__container[_ngcontent-%COMP%]{height:55vh;margin-bottom:16px;width:unset}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   .miam-list-input__container[_ngcontent-%COMP%]::-webkit-scrollbar-button{height:20px}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   .miam-list-input__container[_ngcontent-%COMP%]::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   .miam-list-input__container[_ngcontent-%COMP%]::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   .miam-list-input__container[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]{display:flex;justify-content:flex-start;row-gap:8px}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{-moz-column-gap:16px;align-items:center;column-gap:16px;display:flex;list-style:none}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{-moz-column-gap:0;column-gap:0}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;align-items:center;display:flex;flex:1;flex-direction:row;gap:16px;user-select:none}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]{margin-right:4px}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]{max-width:unset;padding:inherit}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .m-input[_ngcontent-%COMP%]{margin:unset;max-width:unset;min-width:unset}@media (max-width:359px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .m-input[_ngcontent-%COMP%]{max-width:60vw}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__left[_ngcontent-%COMP%]{align-items:center;display:flex;flex-direction:row}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__left[_ngcontent-%COMP%]   .miam-list-input__row__grip[_ngcontent-%COMP%]{cursor:move}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__left[_ngcontent-%COMP%]   .miam-list-input__row__grip[_ngcontent-%COMP%]{margin-left:4px}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__left[_ngcontent-%COMP%]   .m-input[_ngcontent-%COMP%]{margin-left:8px;margin-right:8px;width:200px}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]{align-items:center;display:flex;flex:1;flex-direction:row}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]   .m-input[_ngcontent-%COMP%]{margin-right:8px;width:80px}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]   .m-input[_ngcontent-%COMP%]:first-child{flex:1}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]   .m-input[_ngcontent-%COMP%]:last-child{margin-right:0;text-align:right}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]{flex-wrap:wrap}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]   .m-input[_ngcontent-%COMP%]{flex:1;margin-bottom:8px;margin-right:4px}}@media (max-width:359px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]{max-width:60vw}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]   .m-input[_ngcontent-%COMP%]{max-width:58vw}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]   .alert-success[_ngcontent-%COMP%]{background:var(--m-color-white);border:1px solid var(--m-color-success);border-radius:8px;box-shadow:0 0 4px var(--m-color-success)}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__container__row[_ngcontent-%COMP%]   .miam-list-input__row__right[_ngcontent-%COMP%]   .alert-danger[_ngcontent-%COMP%]{background:var(--m-color-white);border:1px solid var(--m-color-danger);border-radius:8px;box-shadow:0 0 4px var(--m-color-danger)}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__row__controls[_ngcontent-%COMP%]{align-items:center;display:flex;gap:8px;justify-content:space-between}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__row__controls[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{display:flex;justify-content:center;width:50px}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__row__controls[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]   .miam-list-input__row__picture[_ngcontent-%COMP%]{-webkit-tap-highlight-color:transparent;width:50px}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__row__controls[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]   .miam-list-input__row__picture.clickable[_ngcontent-%COMP%]{cursor:pointer}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__row__controls[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{display:none}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .miam-list-input__row__controls[_ngcontent-%COMP%]   .miam-list-input__row__trash[_ngcontent-%COMP%]{-webkit-tap-highlight-color:transparent;cursor:pointer}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]{border-radius:var(--m-border-radius);flex:1;margin:0;max-width:none;outline:none;padding:5px;resize:none}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   textarea.warnning[_ngcontent-%COMP%]{background-color:var(--m-color-secondary-light);color:var(--m-color-secondary)}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   textarea.error[_ngcontent-%COMP%]{background-color:var(--m-color-danger);color:var(--m-color-danger-text)}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__list[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   textarea[cdktextareaautosize][_ngcontent-%COMP%]{overflow:hidden}.miam-list-input[_ngcontent-%COMP%]   .hint[_ngcontent-%COMP%]{border-radius:var(--m-border-radius);flex:1;font-size:12px;font-weight:600;padding-bottom:10px}.miam-list-input[_ngcontent-%COMP%]   .hint.warnning[_ngcontent-%COMP%]{color:var(--m-color-secondary)}.miam-list-input[_ngcontent-%COMP%]   .hint.error[_ngcontent-%COMP%]{color:var(--m-color-danger)}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__placeholder[_ngcontent-%COMP%]{align-items:center;justify-content:center}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__placeholder[_ngcontent-%COMP%]   .miam-list-input__placeholder__hint[_ngcontent-%COMP%]{color:var(--m-color-secondary);margin-top:40px;opacity:.5;text-align:center}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]{-moz-column-gap:32px;column-gap:32px;display:flex;justify-content:space-between}@media (min-width:1024px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]{width:calc(45% - 32px)}}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]{flex-direction:column}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]{flex:1;margin-top:0;outline:none;resize:none}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]{width:90vw}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]   .miam-list-input__actions__instructions[_ngcontent-%COMP%]{background-color:var(--m-color-info);border-radius:8px;color:var(--m-color-info-text);max-width:calc(98vw - 776px);padding:8px;position:absolute;top:315px;white-space:pre-line;width:400px}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]   .miam-list-input__actions__instructions[_ngcontent-%COMP%]{margin-top:16px;max-width:unset;position:unset;width:unset}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]   .miam-list-input__instructions__direction[_ngcontent-%COMP%]{margin-left:4px}@media (max-width:1023px){.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]   .miam-list-input__instructions__direction[_ngcontent-%COMP%]{display:none}}.miam-list-input[_ngcontent-%COMP%]   .miam-list-input__actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.miam-list-input__row__preview[_ngcontent-%COMP%]{align-items:center;display:flex;width:530px}@media (max-width:1023px){.miam-list-input__row__preview[_ngcontent-%COMP%]{flex-wrap:wrap;width:80vw}}.miam-list-input__row__preview[_ngcontent-%COMP%]   .miam-list-input__preview__text[_ngcontent-%COMP%]{padding:5px}.miam-list-input__row__preview[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:first-of-type{flex:1;flex-shrink:1;margin-left:8px}.miam-list-input__row__preview[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-of-type(2n){margin-right:8px}.miam-list-input__row__placeholder[_ngcontent-%COMP%]{-moz-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;background:var(--m-color-grey07);border-radius:8px;margin-right:24px;min-height:60px;user-select:none}.cdk-drag-animating[_ngcontent-%COMP%], .miam-list-input__row__placeholder[_ngcontent-%COMP%], ul.cdk-drop-list-dragging[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}"] });
 /*@__PURE__*/ (function () { ɵsetClassMetadata(ListInputComponent, [{
         type: Component,
         args: [{
@@ -5169,6 +5233,8 @@ ListInputComponent.ɵcmp = ɵɵdefineComponent({ type: ListInputComponent, selec
             type: Input
         }], list: [{
             type: Input
+        }], ingredientsPictures: [{
+            type: Input
         }], deleteId: [{
             type: Output
         }], orderHasChanged: [{
@@ -5246,7 +5312,7 @@ SkeletonComponent.ɵcmp = ɵɵdefineComponent({ type: SkeletonComponent, selecto
             type: Input
         }] }); })();
 
-const _c0$1 = ["miamLeftOfSliderTrack"];
+const _c0$2 = ["miamLeftOfSliderTrack"];
 const _c1$1 = ["miamSliderColored"];
 const _c2 = ["miamSliderHandle"];
 function SliderComponent_ng_miam_icon_2_Template(rf, ctx) { if (rf & 1) {
@@ -5340,7 +5406,7 @@ class SliderComponent {
 }
 SliderComponent.ɵfac = function SliderComponent_Factory(t) { return new (t || SliderComponent)(ɵɵdirectiveInject(ChangeDetectorRef)); };
 SliderComponent.ɵcmp = ɵɵdefineComponent({ type: SliderComponent, selectors: [["ng-miam-slider"]], viewQuery: function SliderComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$1, true);
+        ɵɵviewQuery(_c0$2, true);
         ɵɵviewQuery(_c1$1, true);
         ɵɵviewQuery(_c2, true);
     } if (rf & 2) {
@@ -5672,7 +5738,7 @@ const ɵExtendedDatePipe_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(Ext
             }]
     }], null, null); })();
 
-const _c0$2 = ["counterInput"];
+const _c0$3 = ["counterInput"];
 class CounterInputComponent {
     constructor(cdr, mediaMatcher) {
         this.cdr = cdr;
@@ -5743,7 +5809,7 @@ class CounterInputComponent {
 }
 CounterInputComponent.ɵfac = function CounterInputComponent_Factory(t) { return new (t || CounterInputComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(MediaMatcher)); };
 CounterInputComponent.ɵcmp = ɵɵdefineComponent({ type: CounterInputComponent, selectors: [["ng-miam-counter-input"]], viewQuery: function CounterInputComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$2, true);
+        ɵɵviewQuery(_c0$3, true);
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.counterInput = _t.first);
@@ -5875,7 +5941,7 @@ LikeButtonComponent.ɵcmp = ɵɵdefineComponent({ type: LikeButtonComponent, sel
 function TabLabelComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵprojection(0);
 } }
-const _c0$3 = ["*"];
+const _c0$4 = ["*"];
 class TabLabelComponent {
     constructor() { }
 }
@@ -5885,7 +5951,7 @@ TabLabelComponent.ɵcmp = ɵɵdefineComponent({ type: TabLabelComponent, selecto
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.labelContent = _t.first);
-    } }, ngContentSelectors: _c0$3, decls: 1, vars: 0, template: function TabLabelComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, ngContentSelectors: _c0$4, decls: 1, vars: 0, template: function TabLabelComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵprojectionDef();
         ɵɵtemplate(0, TabLabelComponent_ng_template_0_Template, 1, 0, "ng-template");
     } }, encapsulation: 2 });
@@ -5903,7 +5969,7 @@ TabLabelComponent.ɵcmp = ɵɵdefineComponent({ type: TabLabelComponent, selecto
 function TabBodyComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵprojection(0);
 } }
-const _c0$4 = ["*"];
+const _c0$5 = ["*"];
 class TabBodyComponent {
     constructor() { }
 }
@@ -5913,7 +5979,7 @@ TabBodyComponent.ɵcmp = ɵɵdefineComponent({ type: TabBodyComponent, selectors
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.bodyContent = _t.first);
-    } }, ngContentSelectors: _c0$4, decls: 1, vars: 0, template: function TabBodyComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, ngContentSelectors: _c0$5, decls: 1, vars: 0, template: function TabBodyComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵprojectionDef();
         ɵɵtemplate(0, TabBodyComponent_ng_template_0_Template, 1, 0, "ng-template");
     } }, encapsulation: 2 });
@@ -5928,7 +5994,7 @@ TabBodyComponent.ɵcmp = ɵɵdefineComponent({ type: TabBodyComponent, selectors
             args: [TemplateRef]
         }] }); })();
 
-const _c0$5 = ["*"];
+const _c0$6 = ["*"];
 class TabItemComponent {
     constructor() { }
 }
@@ -5940,7 +6006,7 @@ TabItemComponent.ɵcmp = ɵɵdefineComponent({ type: TabItemComponent, selectors
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.bodyComponent = _t.first);
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.labelComponent = _t.first);
-    } }, inputs: { label: "label" }, ngContentSelectors: _c0$5, decls: 1, vars: 0, template: function TabItemComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { label: "label" }, ngContentSelectors: _c0$6, decls: 1, vars: 0, template: function TabItemComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵprojectionDef();
         ɵɵprojection(0);
     } }, encapsulation: 2 });
@@ -6072,7 +6138,7 @@ TabsComponent.ɵcmp = ɵɵdefineComponent({ type: TabsComponent, selectors: [["n
             args: [TabItemComponent]
         }] }); })();
 
-const _c0$6 = function (a0) { return { "colapse": a0 }; };
+const _c0$7 = function (a0) { return { "colapse": a0 }; };
 class DeleteConfirmButtonComponent {
     constructor(cdr) {
         this.cdr = cdr;
@@ -6110,9 +6176,9 @@ DeleteConfirmButtonComponent.ɵcmp = ɵɵdefineComponent({ type: DeleteConfirmBu
         ɵɵelementEnd();
         ɵɵelementEnd();
     } if (rf & 2) {
-        ɵɵproperty("ngClass", ɵɵpureFunction1(5, _c0$6, !ctx.isInComfirmStep));
+        ɵɵproperty("ngClass", ɵɵpureFunction1(5, _c0$7, !ctx.isInComfirmStep));
         ɵɵadvance(1);
-        ɵɵproperty("ngClass", ɵɵpureFunction1(7, _c0$6, !ctx.isInComfirmStep));
+        ɵɵproperty("ngClass", ɵɵpureFunction1(7, _c0$7, !ctx.isInComfirmStep));
         ɵɵadvance(2);
         ɵɵproperty("width", 24)("height", 24)("iconName", ctx.isInComfirmStep ? ctx.icon.Clear : ctx.icon.Trash);
     } }, directives: [NgClass, IconComponent], styles: [".miam-delete-confirm{align-items:center;background-color:var(--m-color-white);border:1px solid var(--m-color-secondary);border-radius:var(--m-border-radius);display:flex;margin:6px 0;outline:none}.miam-delete-confirm ng-miam-icon svg{fill:var(--m-color-secondary)}.miam-delete-confirm .miam-delete-confirm__text{color:var(--m-color-secondary);font-size:14px;height:unset;overflow:hidden;width:unset}.miam-delete-confirm .miam-delete-confirm__text:first-letter{text-transform:capitalize}.miam-delete-confirm .miam-delete-confirm__text.colapse{height:0;width:0}.miam-delete-confirm.colapse{border:none;border-radius:var(--m-border-radius-circle);margin:0;padding:8px}.miam-delete-confirm.colapse ng-miam-icon svg{fill:var(--m-color-grey-text)}@media (min-width:1022px){.miam-delete-confirm:hover{background-color:var(--m-color-grey)}}"], encapsulation: 2, changeDetection: 0 });
@@ -6445,7 +6511,7 @@ function RecipeFiltersComponent_div_25_Template(rf, ctx) { if (rf & 1) {
     ɵɵtext(1, " Fermer ");
     ɵɵelementEnd();
 } }
-const _c0$7 = function (a0) { return { "filter-collapsed": a0 }; };
+const _c0$8 = function (a0) { return { "filter-collapsed": a0 }; };
 const _c1$2 = function (a0, a1) { return { "filter-collapsed": a0, "mobile-fixed": a1 }; };
 class RecipeFiltersComponent {
     constructor(cdr, mediaMatcher, usersService) {
@@ -6596,15 +6662,15 @@ RecipeFiltersComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeFiltersComponen
         ɵɵelementEnd();
         ɵɵelementEnd();
     } if (rf & 2) {
-        ɵɵproperty("ngClass", ɵɵpureFunction1(16, _c0$7, ctx.isFilterCollapsed));
+        ɵɵproperty("ngClass", ɵɵpureFunction1(16, _c0$8, ctx.isFilterCollapsed));
         ɵɵadvance(1);
         ɵɵproperty("ngClass", ɵɵpureFunction2(18, _c1$2, ctx.isFilterCollapsed, ctx.mobileFixed));
         ɵɵadvance(1);
         ɵɵproperty("ngIf", ctx.isFilterCollapsed);
         ɵɵadvance(1);
-        ɵɵproperty("iconName", ctx.icon.ChevronDown)("height", 32)("width", 32)("ngClass", ɵɵpureFunction1(21, _c0$7, ctx.isFilterCollapsed));
+        ɵɵproperty("iconName", ctx.icon.ChevronDown)("height", 32)("width", 32)("ngClass", ɵɵpureFunction1(21, _c0$8, ctx.isFilterCollapsed));
         ɵɵadvance(1);
-        ɵɵproperty("ngClass", ɵɵpureFunction1(23, _c0$7, ctx.isFilterCollapsed));
+        ɵɵproperty("ngClass", ɵɵpureFunction1(23, _c0$8, ctx.isFilterCollapsed));
         ɵɵadvance(1);
         ɵɵproperty("ngIf", ctx.isMobile);
         ɵɵadvance(4);
@@ -6759,7 +6825,7 @@ function TextInputComponent_ng_miam_icon_4_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = ɵɵnextContext();
     ɵɵproperty("iconName", ctx_r0.icon);
 } }
-const _c0$8 = function (a0) { return { "miam-text-input__label__top": a0 }; };
+const _c0$9 = function (a0) { return { "miam-text-input__label__top": a0 }; };
 class TextInputComponent {
     constructor() {
         this.uniqueId = v4();
@@ -6778,7 +6844,7 @@ TextInputComponent.ɵcmp = ɵɵdefineComponent({ type: TextInputComponent, selec
         ɵɵadvance(1);
         ɵɵproperty("id", ctx.uniqueId)("ngModel", ctx.formControl == null ? null : ctx.formControl.value)("disabled", ctx.disable);
         ɵɵadvance(1);
-        ɵɵproperty("for", ctx.uniqueId)("ngClass", ɵɵpureFunction1(7, _c0$8, ctx.formControl == null ? null : ctx.formControl.value));
+        ɵɵproperty("for", ctx.uniqueId)("ngClass", ɵɵpureFunction1(7, _c0$9, ctx.formControl == null ? null : ctx.formControl.value));
         ɵɵadvance(1);
         ɵɵtextInterpolate(ctx.placeholder);
         ɵɵadvance(1);
@@ -6803,7 +6869,7 @@ TextInputComponent.ɵcmp = ɵɵdefineComponent({ type: TextInputComponent, selec
             type: Input
         }] }); })();
 
-const _c0$9 = function (a0) { return { "font-weight": a0 }; };
+const _c0$a = function (a0) { return { "font-weight": a0 }; };
 class RecipeTypeChooserComponent {
     constructor(cdr, recipeTypeService, mediaMatcher) {
         this.cdr = cdr;
@@ -6869,15 +6935,15 @@ RecipeTypeChooserComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeTypeChooser
         ɵɵadvance(2);
         ɵɵproperty("height", ctx.isMobile ? 128 : 64)("width", ctx.isMobile ? 128 : 64)("iconName", ctx.icon.Starter)("primaryColor", ctx.choosedType === "entr\u00E9e" ? "white" : "var(--m-color-primary)")("secondaryColor", ctx.choosedType === "entr\u00E9e" ? "var(--m-color-primary)" : "transparent");
         ɵɵadvance(1);
-        ɵɵproperty("ngStyle", ɵɵpureFunction1(18, _c0$9, ctx.choosedType === "entr\u00E9e" ? "bold" : "normal"));
+        ɵɵproperty("ngStyle", ɵɵpureFunction1(18, _c0$a, ctx.choosedType === "entr\u00E9e" ? "bold" : "normal"));
         ɵɵadvance(3);
         ɵɵproperty("height", ctx.isMobile ? 128 : 64)("width", ctx.isMobile ? 128 : 64)("primaryColor", ctx.choosedType === "plat principal" ? "white" : "var(--m-color-primary)")("secondaryColor", ctx.choosedType === "plat principal" ? "var(--m-color-primary)" : "transparent")("iconName", ctx.icon.MainDish);
         ɵɵadvance(1);
-        ɵɵproperty("ngStyle", ɵɵpureFunction1(20, _c0$9, ctx.choosedType === "plat principal" ? "bold" : "normal"));
+        ɵɵproperty("ngStyle", ɵɵpureFunction1(20, _c0$a, ctx.choosedType === "plat principal" ? "bold" : "normal"));
         ɵɵadvance(3);
         ɵɵproperty("height", ctx.isMobile ? 128 : 64)("width", ctx.isMobile ? 128 : 64)("iconName", ctx.icon.Dessert)("primaryColor", ctx.choosedType === "dessert" ? "white" : "var(--m-color-primary)")("secondaryColor", ctx.choosedType === "dessert" ? "var(--m-color-primary)" : "transparent");
         ɵɵadvance(1);
-        ɵɵproperty("ngStyle", ɵɵpureFunction1(22, _c0$9, ctx.choosedType === "dessert" ? "bold" : "normal"));
+        ɵɵproperty("ngStyle", ɵɵpureFunction1(22, _c0$a, ctx.choosedType === "dessert" ? "bold" : "normal"));
     } }, directives: [IconComponent, NgStyle], styles: [".recipe-type-chooser{align-items:center;display:flex;gap:128px;justify-content:center}@media (max-width:1023px){.recipe-type-chooser{gap:0;justify-content:space-evenly;width:90vw}}.recipe-type-chooser .recipe-type-chooser__item{-webkit-tap-highlight-color:transparent;align-items:center;color:var(--m-color-primary);cursor:pointer;display:flex;flex-direction:column;font-size:24px;gap:16px;justify-content:center;line-height:32px;text-align:center}@media (max-width:1023px){.recipe-type-chooser .recipe-type-chooser__item{font-size:16px}}.recipe-type-chooser .recipe-type-chooser__item span:before{content:attr(title);display:block;font-size:24px;font-weight:700;height:0;overflow:hidden;visibility:hidden}@media (max-width:1023px){.recipe-type-chooser .recipe-type-chooser__item span:before{font-size:16px}}"], encapsulation: 2, changeDetection: 0 });
 /*@__PURE__*/ (function () { ɵsetClassMetadata(RecipeTypeChooserComponent, [{
         type: Component,
@@ -7156,7 +7222,7 @@ function BasketPreviewDisabledComponent_div_9_div_1_button_4_span_1_Template(rf,
 function BasketPreviewDisabledComponent_div_9_div_1_button_4_ng_miam_loader_2_Template(rf, ctx) { if (rf & 1) {
     ɵɵelement(0, "ng-miam-loader");
 } }
-const _c0$a = function (a0) { return { loading: a0 }; };
+const _c0$b = function (a0) { return { loading: a0 }; };
 function BasketPreviewDisabledComponent_div_9_div_1_button_4_Template(rf, ctx) { if (rf & 1) {
     const _r8 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "button", 12);
@@ -7167,7 +7233,7 @@ function BasketPreviewDisabledComponent_div_9_div_1_button_4_Template(rf, ctx) {
 } if (rf & 2) {
     const entry_r2 = ɵɵnextContext().$implicit;
     const ctx_r3 = ɵɵnextContext(2);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$a, ctx_r3.loading[entry_r2.id]));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$b, ctx_r3.loading[entry_r2.id]));
     ɵɵadvance(1);
     ɵɵproperty("ngIf", !ctx_r3.loading[entry_r2.id]);
     ɵɵadvance(1);
@@ -7349,7 +7415,7 @@ function BasketPreviewLineComponent_div_14_Template(rf, ctx) { if (rf & 1) {
     ɵɵtext(1, " Voir la recette ");
     ɵɵelementEnd();
 } }
-const _c0$b = function (a0) { return { "disable": a0 }; };
+const _c0$c = function (a0) { return { "disable": a0 }; };
 function BasketPreviewLineComponent_div_15_Template(rf, ctx) { if (rf & 1) {
     const _r20 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 29);
@@ -7361,7 +7427,7 @@ function BasketPreviewLineComponent_div_15_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r4 = ɵɵnextContext();
     ɵɵadvance(1);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(1, _c0$b, ctx_r4.disableItemSelector));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(1, _c0$c, ctx_r4.disableItemSelector));
 } }
 function BasketPreviewLineComponent_div_16_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div", 31);
@@ -7950,7 +8016,7 @@ function BasketPreviewBlockComponent_div_0_ng_container_2_h3_1_button_2_Template
     ɵɵadvance(1);
     ɵɵproperty("iconName", ctx_r10.icon.Trash);
 } }
-const _c0$c = function (a0) { return { "miam-basket-preview-block__chevron__down": a0 }; };
+const _c0$d = function (a0) { return { "miam-basket-preview-block__chevron__down": a0 }; };
 function BasketPreviewBlockComponent_div_0_ng_container_2_h3_1_Template(rf, ctx) { if (rf & 1) {
     const _r14 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "h3", 9);
@@ -7967,7 +8033,7 @@ function BasketPreviewBlockComponent_div_0_ng_container_2_h3_1_Template(rf, ctx)
     ɵɵadvance(2);
     ɵɵproperty("ngIf", ctx_r7.showLines);
     ɵɵadvance(1);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$c, !ctx_r7.showLines));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$d, !ctx_r7.showLines));
     ɵɵadvance(1);
     ɵɵproperty("iconName", ctx_r7.icon.ChevronDown);
 } }
@@ -8657,7 +8723,7 @@ function RecipeCardComponent_div_0_div_14_ng_container_4_Template(rf, ctx) { if
 function RecipeCardComponent_div_0_div_14_ng_container_5_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainer(0);
 } }
-const _c0$d = function (a0, a1, a2) { return { "easy": a0, "medium": a1, "hard": a2 }; };
+const _c0$e = function (a0, a1, a2) { return { "easy": a0, "medium": a1, "hard": a2 }; };
 function RecipeCardComponent_div_0_div_14_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div", 49);
     ɵɵelementContainerStart(1, 50);
@@ -8672,7 +8738,7 @@ function RecipeCardComponent_div_0_div_14_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r11 = ɵɵnextContext(2);
-    ɵɵproperty("ngClass", ɵɵpureFunction3(6, _c0$d, (ctx_r11.recipe == null ? null : ctx_r11.recipe.difficultyLabel) === "facile", (ctx_r11.recipe == null ? null : ctx_r11.recipe.difficultyLabel) === "moyen", (ctx_r11.recipe == null ? null : ctx_r11.recipe.difficultyLabel) === "difficile"));
+    ɵɵproperty("ngClass", ɵɵpureFunction3(6, _c0$e, (ctx_r11.recipe == null ? null : ctx_r11.recipe.difficultyLabel) === "facile", (ctx_r11.recipe == null ? null : ctx_r11.recipe.difficultyLabel) === "moyen", (ctx_r11.recipe == null ? null : ctx_r11.recipe.difficultyLabel) === "difficile"));
     ɵɵadvance(1);
     ɵɵproperty("ngSwitch", ctx_r11.recipe == null ? null : ctx_r11.recipe.difficultyLabel);
     ɵɵadvance(1);
@@ -8987,7 +9053,7 @@ RecipeCardComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeCardComponent, sel
             type: Output
         }] }); })();
 
-const _c0$e = ["miamMoreActions"];
+const _c0$f = ["miamMoreActions"];
 function CatalogRecipeCardComponent_div_4_div_3_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div");
     ɵɵelement(1, "img", 32);
@@ -9281,7 +9347,7 @@ class CatalogRecipeCardComponent extends RecipeCardComponent {
 }
 CatalogRecipeCardComponent.ɵfac = function CatalogRecipeCardComponent_Factory(t) { return new (t || CatalogRecipeCardComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(RecipesService), ɵɵdirectiveInject(RecipeEventsService), ɵɵdirectiveInject(GroceriesListsService), ɵɵdirectiveInject(UserService), ɵɵdirectiveInject(PointOfSalesService), ɵɵdirectiveInject(ContextService), ɵɵdirectiveInject(AnalyticsService), ɵɵdirectiveInject(MediaMatcher), ɵɵdirectiveInject(ElementRef)); };
 CatalogRecipeCardComponent.ɵcmp = ɵɵdefineComponent({ type: CatalogRecipeCardComponent, selectors: [["ng-miam-catalog-recipe-card"]], viewQuery: function CatalogRecipeCardComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$e, true);
+        ɵɵviewQuery(_c0$f, true);
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.moreActions = _t.first);
@@ -9388,7 +9454,7 @@ CatalogRecipeCardComponent.ɵcmp = ɵɵdefineComponent({ type: CatalogRecipeCard
             args: ['window:scroll']
         }] }); })();
 
-const _c0$f = ["categoryContent"];
+const _c0$g = ["categoryContent"];
 const _c1$8 = ["categoryCards"];
 function CatalogCategoryComponent_div_0_div_11_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div", 15);
@@ -9640,7 +9706,7 @@ class CatalogCategoryComponent {
 }
 CatalogCategoryComponent.ɵfac = function CatalogCategoryComponent_Factory(t) { return new (t || CatalogCategoryComponent)(ɵɵdirectiveInject(RecipesService), ɵɵdirectiveInject(RecipeLikesService), ɵɵdirectiveInject(ArticlesService), ɵɵdirectiveInject(ContextService), ɵɵdirectiveInject(ChangeDetectorRef)); };
 CatalogCategoryComponent.ɵcmp = ɵɵdefineComponent({ type: CatalogCategoryComponent, selectors: [["ng-miam-catalog-category"]], viewQuery: function CatalogCategoryComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$f, true);
+        ɵɵviewQuery(_c0$g, true);
         ɵɵviewQuery(_c1$8, true);
         ɵɵviewQuery(CatalogRecipeCardComponent, true);
     } if (rf & 2) {
@@ -9723,7 +9789,7 @@ function CatalogHeaderComponent_div_0_div_14_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("iconName", ctx_r2.icon.Video)("width", 50)("height", 50);
 } }
-const _c0$g = function (a0) { return { video: a0 }; };
+const _c0$h = function (a0) { return { video: a0 }; };
 function CatalogHeaderComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r8 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 1);
@@ -9759,7 +9825,7 @@ function CatalogHeaderComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("ngIf", ctx_r0.displayReturnButton);
     ɵɵadvance(3);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(7, _c0$g, ctx_r0.context.videoRecipesEnabled && !ctx_r0.displayReturnButton));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(7, _c0$h, ctx_r0.context.videoRecipesEnabled && !ctx_r0.displayReturnButton));
     ɵɵadvance(1);
     ɵɵtextInterpolate1(" ", ctx_r0.title, " ");
     ɵɵadvance(2);
@@ -10230,7 +10296,7 @@ CatalogListComponent.ɵcmp = ɵɵdefineComponent({ type: CatalogListComponent, s
             args: [CatalogRecipeCardComponent]
         }] }); })();
 
-const _c0$h = ["fileInput"];
+const _c0$i = ["fileInput"];
 function DragDropInputComponent_input_1_Template(rf, ctx) { if (rf & 1) {
     const _r6 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "input", 7, 8);
@@ -10332,7 +10398,7 @@ class DragDropInputComponent {
 }
 DragDropInputComponent.ɵfac = function DragDropInputComponent_Factory(t) { return new (t || DragDropInputComponent)(ɵɵdirectiveInject(ChangeDetectorRef)); };
 DragDropInputComponent.ɵcmp = ɵɵdefineComponent({ type: DragDropInputComponent, selectors: [["ng-miam-drag-drop-input"]], viewQuery: function DragDropInputComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$h, true);
+        ɵɵviewQuery(_c0$i, true);
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.fileInput = _t.first);
@@ -10568,7 +10634,7 @@ PosCardComponent.ɵcmp = ɵɵdefineComponent({ type: PosCardComponent, selectors
             type: Output
         }] }); })();
 
-const _c0$i = ["selectedPosCard"];
+const _c0$j = ["selectedPosCard"];
 function PosSelectionComponent_ng_container_0_div_6_ng_miam_pos_card_1_Template(rf, ctx) { if (rf & 1) {
     const _r7 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "ng-miam-pos-card", 10);
@@ -10779,7 +10845,7 @@ class PosSelectionComponent {
 }
 PosSelectionComponent.ɵfac = function PosSelectionComponent_Factory(t) { return new (t || PosSelectionComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(ContextService), ɵɵdirectiveInject(PointOfSalesService), ɵɵdirectiveInject(AnalyticsService)); };
 PosSelectionComponent.ɵcmp = ɵɵdefineComponent({ type: PosSelectionComponent, selectors: [["ng-miam-pos-selection"]], viewQuery: function PosSelectionComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$i, true);
+        ɵɵviewQuery(_c0$j, true);
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.selectedPosCard = _t.first);
@@ -10885,7 +10951,7 @@ function DrawerComponent_div_11_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("ngIf", ctx_r3.loading);
 } }
-const _c0$j = function (a0) { return { expand: a0 }; };
+const _c0$k = function (a0) { return { expand: a0 }; };
 class DrawerComponent {
     constructor(cdr, listsService, posService, basketsService, analyticsService) {
         this.cdr = cdr;
@@ -11009,13 +11075,13 @@ DrawerComponent.ɵcmp = ɵɵdefineComponent({ type: DrawerComponent, selectors:
     } if (rf & 2) {
         ɵɵproperty("ngIf", ctx.expand);
         ɵɵadvance(1);
-        ɵɵproperty("ngClass", ɵɵpureFunction1(8, _c0$j, ctx.expand));
+        ɵɵproperty("ngClass", ɵɵpureFunction1(8, _c0$k, ctx.expand));
         ɵɵadvance(1);
         ɵɵclassProp("jiggle", ctx.jiggle);
         ɵɵadvance(1);
         ɵɵproperty("ngIf", ctx.recipesCount && ctx.recipesCount > 0);
         ɵɵadvance(1);
-        ɵɵproperty("ngClass", ɵɵpureFunction1(10, _c0$j, ctx.expand));
+        ɵɵproperty("ngClass", ɵɵpureFunction1(10, _c0$k, ctx.expand));
         ɵɵadvance(6);
         ɵɵproperty("ngIf", ctx.expand);
         ɵɵadvance(1);
@@ -11038,7 +11104,7 @@ DrawerComponent.ɵcmp = ɵɵdefineComponent({ type: DrawerComponent, selectors:
             args: ['document:click', ['$event']]
         }] }); })();
 
-const _c0$k = ["miamCatalogTopAnchor"];
+const _c0$l = ["miamCatalogTopAnchor"];
 function RecipeCatalogComponent_div_2_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r10 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 12);
@@ -11446,7 +11512,7 @@ class RecipeCatalogComponent {
 RecipeCatalogComponent.ɵfac = function RecipeCatalogComponent_Factory(t) { return new (t || RecipeCatalogComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(RecipeTypeService), ɵɵdirectiveInject(SponsorService), ɵɵdirectiveInject(SuppliersService), ɵɵdirectiveInject(PackageService), ɵɵdirectiveInject(RecipesService), ɵɵdirectiveInject(MediaMatcher), ɵɵdirectiveInject(UserService)); };
 RecipeCatalogComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeCatalogComponent, selectors: [["ng-miam-recipe-catalog"]], viewQuery: function RecipeCatalogComponent_Query(rf, ctx) { if (rf & 1) {
         ɵɵviewQuery(CatalogHeaderComponent, true);
-        ɵɵviewQuery(_c0$k, true);
+        ɵɵviewQuery(_c0$l, true);
         ɵɵviewQuery(CatalogCategoryComponent, true);
     } if (rf & 2) {
         var _t;
@@ -11502,7 +11568,7 @@ function FavoritePageComponent_div_2_div_6_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("iconName", ctx_r5.icon.ChevronDown);
 } }
-const _c0$l = function (a0) { return { "filter-collapsed": a0 }; };
+const _c0$m = function (a0) { return { "filter-collapsed": a0 }; };
 function FavoritePageComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r13 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 4);
@@ -11525,7 +11591,7 @@ function FavoritePageComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("ngIf", !(ctx_r1.listIsEmpty && ctx_r1.isMobile && ctx_r1.areFiltersEmpty()));
     ɵɵadvance(1);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(9, _c0$l, ctx_r1.isFilterCollapsed));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(9, _c0$m, ctx_r1.isFilterCollapsed));
     ɵɵadvance(1);
     ɵɵproperty("displayReturnButton", false)("forcedPictureUrl", ctx_r1.forcedPictureUrl)("title", ctx_r1.homePageTitle);
     ɵɵadvance(2);
@@ -11635,14 +11701,14 @@ function ListScanOverlayButtonComponent_ng_miam_icon_3_Template(rf, ctx) { if (r
     const ctx_r0 = ɵɵnextContext();
     ɵɵproperty("iconName", ctx_r0.icon.ListScanner);
 } }
-const _c0$m = function (a0) { return { reduced: a0 }; };
+const _c0$n = function (a0) { return { reduced: a0 }; };
 function ListScanOverlayButtonComponent_div_4_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div", 10);
     ɵɵtext(1, "Scanner ma liste de courses");
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = ɵɵnextContext();
-    ɵɵproperty("ngClass", ɵɵpureFunction1(1, _c0$m, ctx_r1.reduced == "true"));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(1, _c0$n, ctx_r1.reduced == "true"));
 } }
 function ListScanOverlayButtonComponent_ng_miam_loader_5_Template(rf, ctx) { if (rf & 1) {
     ɵɵelement(0, "ng-miam-loader");
@@ -11709,7 +11775,7 @@ ListScanOverlayButtonComponent.ɵcmp = ɵɵdefineComponent({ type: ListScanOverl
         ɵɵadvance(1);
         ɵɵproperty("ngIf", ctx.loading);
         ɵɵadvance(1);
-        ɵɵproperty("ngClass", ɵɵpureFunction1(8, _c0$m, ctx.reduced == "true"));
+        ɵɵproperty("ngClass", ɵɵpureFunction1(8, _c0$n, ctx.reduced == "true"));
     } }, directives: [NgClass, NgIf, IconComponent, LoaderComponent], styles: [".miam-list-scan__overlay-button[_ngcontent-%COMP%]{display:inline-block;position:relative}.miam-list-scan__overlay-button.overlay[_ngcontent-%COMP%]{bottom:20px;position:fixed;right:20px}.miam-list-scan__overlay-button[_ngcontent-%COMP%]   .inputfile[_ngcontent-%COMP%]{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.miam-list-scan__overlay-button[_ngcontent-%COMP%]   .miam-list-scan__overlay-button__label[_ngcontent-%COMP%]{max-height:50px;min-width:0}.miam-list-scan__overlay-button[_ngcontent-%COMP%]   .miam-list-scan__overlay-button__label[_ngcontent-%COMP%]   ng-miam-icon[_ngcontent-%COMP%]{margin:0}.miam-list-scan__overlay-button[_ngcontent-%COMP%]   .miam-list-scan__overlay-button__label[_ngcontent-%COMP%]   .button-label[_ngcontent-%COMP%]{margin-left:10px}.miam-list-scan__overlay-button[_ngcontent-%COMP%]   .miam-list-scan__overlay-button__label[_ngcontent-%COMP%]   .button-label.reduced[_ngcontent-%COMP%]{display:none}.miam-list-scan__overlay-button[_ngcontent-%COMP%]   .miam-list-scan__overlay-button__reduce[_ngcontent-%COMP%]{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 5px rgba(0,0,0,.25);cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-9px;width:24px}.miam-list-scan__overlay-button[_ngcontent-%COMP%]   .miam-list-scan__overlay-button__reduce.reduced[_ngcontent-%COMP%]{display:none}"], changeDetection: 0 });
 /*@__PURE__*/ (function () { ɵsetClassMetadata(ListScanOverlayButtonComponent, [{
         type: Component,
@@ -11736,7 +11802,7 @@ function ListScanIngredientsListComponent_div_0_Template(rf, ctx) { if (rf & 1)
     ɵɵadvance(1);
     ɵɵproperty("iconName", ctx_r0.icon.DrawerHorizontalCloseBar);
 } }
-const _c0$n = function (a0) { return { overlay: a0 }; };
+const _c0$o = function (a0) { return { overlay: a0 }; };
 function ListScanIngredientsListComponent_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r6 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 9);
@@ -11772,7 +11838,7 @@ function ListScanIngredientsListComponent_div_4_Template(rf, ctx) { if (rf & 1)
 } if (rf & 2) {
     const e_r4 = ctx.$implicit;
     const ctx_r1 = ɵɵnextContext();
-    ɵɵproperty("ngClass", ɵɵpureFunction1(5, _c0$n, ctx_r1.overlay));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(5, _c0$o, ctx_r1.overlay));
     ɵɵadvance(2);
     ɵɵproperty("iconName", ctx_r1.icon.Trash);
     ɵɵadvance(4);
@@ -12007,7 +12073,7 @@ function ListScanComponent_ng_miam_list_scan_overlay_button_1_Template(rf, ctx)
     const ctx_r0 = ɵɵnextContext();
     ɵɵproperty("overlay", ctx_r0.overlay);
 } }
-const _c0$o = function (a0) { return { overlay: a0 }; };
+const _c0$p = function (a0) { return { overlay: a0 }; };
 function ListScanComponent_ng_miam_list_scan_ingredients_list_2_Template(rf, ctx) { if (rf & 1) {
     const _r6 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "ng-miam-list-scan-ingredients-list", 5);
@@ -12015,7 +12081,7 @@ function ListScanComponent_ng_miam_list_scan_ingredients_list_2_Template(rf, ctx
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = ɵɵnextContext();
-    ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$o, ctx_r1.overlay))("overlay", ctx_r1.overlay)("entries", ctx_r1.entries);
+    ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$p, ctx_r1.overlay))("overlay", ctx_r1.overlay)("entries", ctx_r1.entries);
 } }
 function ListScanComponent_ng_miam_list_scan_basket_preview_3_Template(rf, ctx) { if (rf & 1) {
     const _r9 = ɵɵgetCurrentView();
@@ -12024,7 +12090,7 @@ function ListScanComponent_ng_miam_list_scan_basket_preview_3_Template(rf, ctx)
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = ɵɵnextContext();
-    ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$o, ctx_r2.overlay))("overlay", ctx_r2.overlay)("entries", ctx_r2.entries);
+    ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$p, ctx_r2.overlay))("overlay", ctx_r2.overlay)("entries", ctx_r2.entries);
 } }
 class ListScanComponent {
     constructor(cdr) {
@@ -12155,7 +12221,7 @@ function ModalComponent_ng_container_0_button_13_Template(rf, ctx) { if (rf & 1)
     ɵɵadvance(1);
     ɵɵtextInterpolate1(" ", ctx_r5.confirmButtonText, " ");
 } }
-const _c0$p = function (a0, a1) { return { "with-header": a0, "without-header": a1 }; };
+const _c0$q = function (a0, a1) { return { "with-header": a0, "without-header": a1 }; };
 function ModalComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     const _r11 = ɵɵgetCurrentView();
     ɵɵelementContainerStart(0);
@@ -12185,7 +12251,7 @@ function ModalComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     const _r2 = ɵɵreference(10);
     const ctx_r0 = ɵɵnextContext();
     ɵɵadvance(2);
-    ɵɵproperty("ngClass", ɵɵpureFunction2(9, _c0$p, !ctx_r0.noHeaderMode, ctx_r0.noHeaderMode));
+    ɵɵproperty("ngClass", ɵɵpureFunction2(9, _c0$q, !ctx_r0.noHeaderMode, ctx_r0.noHeaderMode));
     ɵɵadvance(4);
     ɵɵtextInterpolate(ctx_r0.title);
     ɵɵadvance(1);
@@ -12408,7 +12474,7 @@ function PersonalRecipesComponent_div_2_div_7_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("iconName", ctx_r6.icon.ChevronDown);
 } }
-const _c0$q = function (a0) { return { "filter-collapsed": a0 }; };
+const _c0$r = function (a0) { return { "filter-collapsed": a0 }; };
 function PersonalRecipesComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r16 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 4);
@@ -12432,7 +12498,7 @@ function PersonalRecipesComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("ngIf", !(ctx_r1.listIsEmpty && ctx_r1.isMobile && ctx_r1.areFiltersEmpty()));
     ɵɵadvance(1);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(11, _c0$q, ctx_r1.isFilterCollapsed));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(11, _c0$r, ctx_r1.isFilterCollapsed));
     ɵɵadvance(1);
     ɵɵproperty("displayReturnButton", false)("forcedPictureUrl", ctx_r1.forcedPictureUrl)("title", ctx_r1.homePageTitle);
     ɵɵadvance(2);
@@ -12591,7 +12657,7 @@ CalendarEventsService.ɵprov = ɵɵdefineInjectable({ token: CalendarEventsServi
             }]
     }], function () { return []; }, null); })();
 
-const _c0$r = function (a0) { return { event: a0 }; };
+const _c0$s = function (a0) { return { event: a0 }; };
 function PlannerSideMenuComponent_div_7_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div", 3);
     ɵɵelement(1, "img", 4);
@@ -12599,7 +12665,7 @@ function PlannerSideMenuComponent_div_7_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementEnd();
 } if (rf & 2) {
     const event_r1 = ctx.$implicit;
-    ɵɵproperty("dropData", ɵɵpureFunction1(3, _c0$r, event_r1));
+    ɵɵproperty("dropData", ɵɵpureFunction1(3, _c0$s, event_r1));
     ɵɵadvance(1);
     ɵɵproperty("src", event_r1.recipe == null ? null : event_r1.recipe.attributes["media-url"], ɵɵsanitizeUrl);
     ɵɵadvance(1);
@@ -12818,7 +12884,7 @@ RecipeAddonComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeAddonComponent, s
             type: Output
         }] }); })();
 
-const _c0$s = ["topContainerImg"];
+const _c0$t = ["topContainerImg"];
 const _c1$e = ["mainContainer"];
 function RecipeDetailsComponent_div_0_img_6_Template(rf, ctx) { if (rf & 1) {
     ɵɵelement(0, "img", 40);
@@ -13607,7 +13673,7 @@ class RecipeDetailsComponent {
 }
 RecipeDetailsComponent.ɵfac = function RecipeDetailsComponent_Factory(t) { return new (t || RecipeDetailsComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(MediaMatcher), ɵɵdirectiveInject(GroceriesListsService), ɵɵdirectiveInject(UserService), ɵɵdirectiveInject(PointOfSalesService), ɵɵdirectiveInject(RecipeEventsService), ɵɵdirectiveInject(ContextService)); };
 RecipeDetailsComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeDetailsComponent, selectors: [["ng-miam-recipe-details"]], viewQuery: function RecipeDetailsComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$s, true);
+        ɵɵviewQuery(_c0$t, true);
         ɵɵviewQuery(_c1$e, true);
     } if (rf & 2) {
         var _t;
@@ -13699,7 +13765,7 @@ function RecipeFormComponent_form_0_div_22_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(2);
     ɵɵproperty("formControl", ctx_r2.recipeForm == null ? null : (tmp_4_0 = ctx_r2.recipeForm.get("attributes")) == null ? null : tmp_4_0.get("description"));
 } }
-const _c0$t = function () { return ["number-of-guests"]; };
+const _c0$u = function () { return ["number-of-guests"]; };
 function RecipeFormComponent_form_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "form", 4);
@@ -13756,7 +13822,7 @@ function RecipeFormComponent_form_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(3);
     ɵɵproperty("formControl", ctx_r0.recipeForm == null ? null : (tmp_3_0 = ctx_r0.recipeForm.get("attributes")) == null ? null : tmp_3_0.get("media-url"))("imageUrl", ctx_r0.recipeForm == null ? null : (tmp_4_0 = ctx_r0.recipeForm.get("attributes")) == null ? null : (tmp_4_1 = tmp_4_0.get("media-url")) == null ? null : tmp_4_1.value)("photoMode", true);
     ɵɵadvance(4);
-    ɵɵproperty("formControl", ctx_r0.recipeForm.controls["attributes"]["controls"][ɵɵpureFunction0(19, _c0$t)]);
+    ɵɵproperty("formControl", ctx_r0.recipeForm.controls["attributes"]["controls"][ɵɵpureFunction0(19, _c0$u)]);
     ɵɵadvance(2);
     ɵɵproperty("options", ɵɵpipeBind1(12, 17, ctx_r0.recipeTypeService == null ? null : ctx_r0.recipeTypeService.getTypes()))("formControl", ctx_r0.recipeForm == null ? null : ctx_r0.recipeForm.get("recipe-type"));
     ɵɵadvance(4);
@@ -13927,7 +13993,8 @@ class RecipeFormComponent {
                 attributes: this.fb.group({
                     quantity: new FormControl(ingredient.attributes.quantity, Validators.required),
                     unit: new FormControl(ingredient.attributes.unit, Validators.required),
-                    name: new FormControl(ingredient.attributes.name, Validators.required)
+                    name: new FormControl(ingredient.attributes.name, Validators.required),
+                    'picture-url': new FormControl(ingredient.attributes['picture-url'])
                 })
             }));
         });
@@ -14269,7 +14336,7 @@ function TagsSelectorComponent_ng_miam_modal_0_div_12_Template(rf, ctx) { if (rf
     ɵɵadvance(1);
     ɵɵtextInterpolate1(" ", tag_r2.attributes.name, " ");
 } }
-const _c0$u = function (a0) { return { "active": a0 }; };
+const _c0$v = function (a0) { return { "active": a0 }; };
 function TagsSelectorComponent_ng_miam_modal_0_Template(rf, ctx) { if (rf & 1) {
     const _r6 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "ng-miam-modal", 1);
@@ -14302,13 +14369,13 @@ function TagsSelectorComponent_ng_miam_modal_0_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = ɵɵnextContext();
     ɵɵproperty("isAngularComponent", true)("noHeaderMode", false)("expanded", true);
     ɵɵadvance(3);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(8, _c0$u, (ctx_r0.selectedTabTags[0] == null ? null : ctx_r0.selectedTabTags[0].tagType) === "meal_type"));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(8, _c0$v, (ctx_r0.selectedTabTags[0] == null ? null : ctx_r0.selectedTabTags[0].tagType) === "meal_type"));
     ɵɵadvance(2);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(10, _c0$u, (ctx_r0.selectedTabTags[0] == null ? null : ctx_r0.selectedTabTags[0].tagType) === "ingredient_category"));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(10, _c0$v, (ctx_r0.selectedTabTags[0] == null ? null : ctx_r0.selectedTabTags[0].tagType) === "ingredient_category"));
     ɵɵadvance(2);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(12, _c0$u, (ctx_r0.selectedTabTags[0] == null ? null : ctx_r0.selectedTabTags[0].tagType) === "equipment"));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(12, _c0$v, (ctx_r0.selectedTabTags[0] == null ? null : ctx_r0.selectedTabTags[0].tagType) === "equipment"));
     ɵɵadvance(2);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(14, _c0$u, (ctx_r0.selectedTabTags[0] == null ? null : ctx_r0.selectedTabTags[0].tagType) === "diet"));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(14, _c0$v, (ctx_r0.selectedTabTags[0] == null ? null : ctx_r0.selectedTabTags[0].tagType) === "diet"));
     ɵɵadvance(3);
     ɵɵproperty("ngForOf", ctx_r0.selectedTabTags);
 } }
@@ -14406,7 +14473,7 @@ TagsSelectorComponent.ɵcmp = ɵɵdefineComponent({ type: TagsSelectorComponent,
             type: Output
         }] }); })();
 
-const _c0$v = ["topAnchor"];
+const _c0$w = ["topAnchor"];
 const _c1$f = ["stepperLinks"];
 const _c2$3 = ["step"];
 function RecipeStepperComponent_ng_container_28_div_16_div_4_Template(rf, ctx) { if (rf & 1) {
@@ -14510,7 +14577,7 @@ function RecipeStepperComponent_ng_container_28_ng_miam_list_input_41_Template(r
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r13 = ɵɵnextContext(2);
-    ɵɵproperty("placeholder", ctx_r13.INGREDIENT_PLACEHOLDER)("ingredientMode", true)("list", ctx_r13.recipeForm.get("ingredients"))("instructions", ctx_r13.INGREDIENT_INSTRUCTIONS);
+    ɵɵproperty("placeholder", ctx_r13.INGREDIENT_PLACEHOLDER)("instructions", ctx_r13.INGREDIENT_INSTRUCTIONS)("list", ctx_r13.recipeForm.get("ingredients"))("ingredientMode", true)("ingredientsPictures", ctx_r13.ingredientsPictures);
 } }
 function RecipeStepperComponent_ng_container_28_ng_miam_list_input_42_Template(rf, ctx) { if (rf & 1) {
     const _r28 = ɵɵgetCurrentView();
@@ -14582,7 +14649,7 @@ function RecipeStepperComponent_ng_container_28_Template(rf, ctx) { if (rf & 1)
     ɵɵelementContainerEnd();
     ɵɵelementStart(38, "div", 19, 20);
     ɵɵtemplate(40, RecipeStepperComponent_ng_container_28_div_40_Template, 5, 6, "div", 40);
-    ɵɵtemplate(41, RecipeStepperComponent_ng_container_28_ng_miam_list_input_41_Template, 1, 4, "ng-miam-list-input", 41);
+    ɵɵtemplate(41, RecipeStepperComponent_ng_container_28_ng_miam_list_input_41_Template, 1, 5, "ng-miam-list-input", 41);
     ɵɵtemplate(42, RecipeStepperComponent_ng_container_28_ng_miam_list_input_42_Template, 1, 3, "ng-miam-list-input", 42);
     ɵɵelementEnd();
     ɵɵelementContainerEnd();
@@ -14613,7 +14680,7 @@ function RecipeStepperComponent_ng_container_28_Template(rf, ctx) { if (rf & 1)
     ɵɵadvance(1);
     ɵɵproperty("ngIf", ctx_r2.displayTags);
     ɵɵadvance(5);
-    ɵɵ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);
+    ɵɵ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);
     ɵɵadvance(1);
     ɵɵproperty("ngIf", ctx_r2.bigImageWarning);
     ɵɵadvance(3);
@@ -14649,6 +14716,7 @@ class RecipeStepperComponent extends RecipeFormComponent {
     constructor() {
         super(...arguments);
         this.displayTags = false;
+        this.ingredientsPictures = { visible: false, editable: false };
         this.INGREDIENT_PLACEHOLDER = 'Exemple :\n500g de farine\n250g de beurre\nhuile d\'olive\n4 tranches de jambon';
         this.STEP_PLACEHOLDER = `Exemple :\nHacher grossièrement le céleri et l'oignon.\nCouper le chou-fleur en petits bouquets.`;
         this.INGREDIENT_INSTRUCTIONS = 'Vous pouvez saisir un ingrédient ou copier coller une liste d’ingrédients. \n Une ligne correspond à un ingrédient.';
@@ -14747,7 +14815,7 @@ class RecipeStepperComponent extends RecipeFormComponent {
 }
 RecipeStepperComponent.ɵfac = function RecipeStepperComponent_Factory(t) { return ɵRecipeStepperComponent_BaseFactory(t || RecipeStepperComponent); };
 RecipeStepperComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeStepperComponent, selectors: [["ng-miam-recipe-stepper"]], viewQuery: function RecipeStepperComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$v, true);
+        ɵɵviewQuery(_c0$w, true);
         ɵɵviewQuery(_c1$f, true);
         ɵɵviewQuery(_c2$3, true);
     } if (rf & 2) {
@@ -14755,7 +14823,7 @@ RecipeStepperComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeStepperComponen
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.topAnchor = _t.first);
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.stepperLinks = _t.first);
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.steps = _t);
-    } }, inputs: { displayTags: "displayTags" }, features: [ɵɵInheritDefinitionFeature], decls: 37, vars: 17, consts: [[1, "miam-recipe-stepper__anchor"], ["topAnchor", ""], [1, "miam-recipe-stepper"], [1, "miam-recipe-stepper__padding"], [1, "m-button-secondary", 3, "click"], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], [1, "miam-recipe-stepper__links"], ["stepperLinks", ""], [1, "miam-recipe-stepper__link", 3, "ngClass", "click"], [1, "miam-recipe-stepper__link__number"], [1, "m-body-typo", "miam-recipe-stepper__link__name"], [1, "miam-recipe-stepper__link__divider"], [3, "formGroup", 4, "ngIf", "ngIfElse"], ["loading", ""], [1, "miam-recipe-stepper__footer"], [1, "m-button-secondary", 3, "disabled", "click"], [1, "m-button-primary", 3, "disabled", "click"], [3, "display", "currentTags", "close", "savedTags", 4, "ngIf"], [3, "formGroup"], [1, "miam-recipe-stepper__section"], ["step", ""], [1, "miam-recipe-stepper__mandatory"], ["ngDefaultControl", "", "placeholder", "Titre de la recette", 1, "m-title-text-input", 3, "formControl"], [1, "miam-recipe-stepper__type__label"], ["ngDefaultControl", "", 3, "formControl"], [1, "miam-recipe-stepper__section__guests", "m-default-card"], [1, "miam-recipe-stepper__guests__label"], ["ngDefaultControl", "", "formControlName", "number-of-guests", "minRange", "1", "maxRange", "999", 3, "counter", "counterChange"], ["class", "miam-recipe-stepper__tags", 4, "ngIf"], [1, "miam-recipe-stepper__section__row"], [1, "miam-recipe-stepper__picture"], ["ngDefaultControl", "", 3, "buttonText", "formControl", "imageUrl", "photoMode", "bigFileDropped", "onFileDropped"], ["class", "miam-recipe-stepper__picture__warning", 4, "ngIf"], [1, "miam-recipe-stepper__row__description"], [1, "m-h1-typo"], ["cdkTextareaAutosize", "", "cdkAutosizeMinRows", "20", "cdkAutosizeMaxRows", "50", "maxlength", "250", 1, "m-input", 3, "formControl"], [1, "miam-recipe-stepper__description__counter"], ["class", "miam-recipe-stepper__section__times", 4, "ngIf"], [1, "miam-recipe-stepper__attibutes__slider"], ["ngDefaultControl", "", 3, "steps", "formControl", "icons"], ["class", "miam-recipe-stepper__mobile__buttons", 4, "ngIf"], ["label", "Ingr\u00E9dients", "ngDefaultControl", "", "formArrayName", "ingredients", "hint", "ingr\u00E9dients", 3, "placeholder", "ingredientMode", "list", "instructions", "deleteId", "orderHasChanged", 4, "ngIf"], ["ngDefaultControl", "", "label", "\u00C9tapes", "formArrayName", "steps", "hint", "\u00E9tapes", 3, "placeholder", "list", "instructions", "deleteId", "orderHasChanged", 4, "ngIf"], [1, "miam-recipe-stepper__tags"], [1, "miam-recipe-stepper__tags__title"], [1, "miam-recipe-stepper__tags__recap"], ["class", "miam-recipe-stepper__tag", 3, "ngClass", 4, "ngFor", "ngForOf"], ["primaryColor", "var(--m-color-onyx)", 3, "iconName"], [1, "miam-recipe-stepper__tag", 3, "ngClass"], [1, "miam-recipe-stepper__tag__name"], ["primaryColor", "var(--m-color-grey01)", 1, "miam-recipe-stepper__tag__icon", 3, "iconName", "click"], [1, "miam-recipe-stepper__picture__warning"], ["primaryColor", "var(--m-color-warning-text)", 3, "iconName"], [1, "miam-recipe-stepper__picture__warning__background"], [1, "miam-recipe-stepper__section__times"], ["ngDefaultControl", "", "title", "Temps de pr\u00E9paration", 3, "formControl", "icon"], ["ngDefaultControl", "", "title", "Temps de cuisson", 3, "formControl", "icon"], ["ngDefaultControl", "", "title", "Temps de repos", 3, "formControl", "icon"], [1, "miam-recipe-stepper__mobile__buttons"], [1, "m-button-secondary", 3, "ngClass", "click"], ["label", "Ingr\u00E9dients", "ngDefaultControl", "", "formArrayName", "ingredients", "hint", "ingr\u00E9dients", 3, "placeholder", "ingredientMode", "list", "instructions", "deleteId", "orderHasChanged"], ["ngDefaultControl", "", "label", "\u00C9tapes", "formArrayName", "steps", "hint", "\u00E9tapes", 3, "placeholder", "list", "instructions", "deleteId", "orderHasChanged"], [3, "display", "currentTags", "close", "savedTags"]], template: function RecipeStepperComponent_Template(rf, ctx) { if (rf & 1) {
+    } }, inputs: { displayTags: "displayTags", ingredientsPictures: "ingredientsPictures" }, features: [ɵɵInheritDefinitionFeature], decls: 37, vars: 17, consts: [[1, "miam-recipe-stepper__anchor"], ["topAnchor", ""], [1, "miam-recipe-stepper"], [1, "miam-recipe-stepper__padding"], [1, "m-button-secondary", 3, "click"], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], [1, "miam-recipe-stepper__links"], ["stepperLinks", ""], [1, "miam-recipe-stepper__link", 3, "ngClass", "click"], [1, "miam-recipe-stepper__link__number"], [1, "m-body-typo", "miam-recipe-stepper__link__name"], [1, "miam-recipe-stepper__link__divider"], [3, "formGroup", 4, "ngIf", "ngIfElse"], ["loading", ""], [1, "miam-recipe-stepper__footer"], [1, "m-button-secondary", 3, "disabled", "click"], [1, "m-button-primary", 3, "disabled", "click"], [3, "display", "currentTags", "close", "savedTags", 4, "ngIf"], [3, "formGroup"], [1, "miam-recipe-stepper__section"], ["step", ""], [1, "miam-recipe-stepper__mandatory"], ["ngDefaultControl", "", "placeholder", "Titre de la recette", 1, "m-title-text-input", 3, "formControl"], [1, "miam-recipe-stepper__type__label"], ["ngDefaultControl", "", 3, "formControl"], [1, "miam-recipe-stepper__section__guests", "m-default-card"], [1, "miam-recipe-stepper__guests__label"], ["ngDefaultControl", "", "formControlName", "number-of-guests", "minRange", "1", "maxRange", "999", 3, "counter", "counterChange"], ["class", "miam-recipe-stepper__tags", 4, "ngIf"], [1, "miam-recipe-stepper__section__row"], [1, "miam-recipe-stepper__picture"], ["ngDefaultControl", "", 3, "buttonText", "formControl", "imageUrl", "photoMode", "bigFileDropped", "onFileDropped"], ["class", "miam-recipe-stepper__picture__warning", 4, "ngIf"], [1, "miam-recipe-stepper__row__description"], [1, "m-h1-typo"], ["cdkTextareaAutosize", "", "cdkAutosizeMinRows", "20", "cdkAutosizeMaxRows", "50", "maxlength", "250", 1, "m-input", 3, "formControl"], [1, "miam-recipe-stepper__description__counter"], ["class", "miam-recipe-stepper__section__times", 4, "ngIf"], [1, "miam-recipe-stepper__attibutes__slider"], ["ngDefaultControl", "", 3, "steps", "formControl", "icons"], ["class", "miam-recipe-stepper__mobile__buttons", 4, "ngIf"], ["ngDefaultControl", "", "label", "Ingr\u00E9dients", "hint", "ingr\u00E9dients", "formArrayName", "ingredients", 3, "placeholder", "instructions", "list", "ingredientMode", "ingredientsPictures", "deleteId", "orderHasChanged", 4, "ngIf"], ["ngDefaultControl", "", "label", "\u00C9tapes", "formArrayName", "steps", "hint", "\u00E9tapes", 3, "placeholder", "list", "instructions", "deleteId", "orderHasChanged", 4, "ngIf"], [1, "miam-recipe-stepper__tags"], [1, "miam-recipe-stepper__tags__title"], [1, "miam-recipe-stepper__tags__recap"], ["class", "miam-recipe-stepper__tag", 3, "ngClass", 4, "ngFor", "ngForOf"], ["primaryColor", "var(--m-color-onyx)", 3, "iconName"], [1, "miam-recipe-stepper__tag", 3, "ngClass"], [1, "miam-recipe-stepper__tag__name"], ["primaryColor", "var(--m-color-grey01)", 1, "miam-recipe-stepper__tag__icon", 3, "iconName", "click"], [1, "miam-recipe-stepper__picture__warning"], ["primaryColor", "var(--m-color-warning-text)", 3, "iconName"], [1, "miam-recipe-stepper__picture__warning__background"], [1, "miam-recipe-stepper__section__times"], ["ngDefaultControl", "", "title", "Temps de pr\u00E9paration", 3, "formControl", "icon"], ["ngDefaultControl", "", "title", "Temps de cuisson", 3, "formControl", "icon"], ["ngDefaultControl", "", "title", "Temps de repos", 3, "formControl", "icon"], [1, "miam-recipe-stepper__mobile__buttons"], [1, "m-button-secondary", 3, "ngClass", "click"], ["ngDefaultControl", "", "label", "Ingr\u00E9dients", "hint", "ingr\u00E9dients", "formArrayName", "ingredients", 3, "placeholder", "instructions", "list", "ingredientMode", "ingredientsPictures", "deleteId", "orderHasChanged"], ["ngDefaultControl", "", "label", "\u00C9tapes", "formArrayName", "steps", "hint", "\u00E9tapes", 3, "placeholder", "list", "instructions", "deleteId", "orderHasChanged"], [3, "display", "currentTags", "close", "savedTags"]], template: function RecipeStepperComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵelement(0, "div", 0, 1);
         ɵɵelementStart(2, "div", 2);
         ɵɵelementStart(3, "div", 3);
@@ -14835,7 +14903,7 @@ RecipeStepperComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeStepperComponen
         ɵɵtextInterpolate1(" ", ctx.primaryActionText, " ");
         ɵɵadvance(1);
         ɵɵproperty("ngIf", ctx.displayTags && ctx.recipe);
-    } }, directives: [IconComponent, NgClass, NgIf, NgControlStatusGroup, FormGroupDirective, TextInputComponent, DefaultValueAccessor, NgControlStatus, FormControlDirective, RecipeTypeChooserComponent, CounterInputComponent, FormControlName, DragDropInputComponent, MaxLengthValidator, SliderComponent, NgForOf, TimePickerComponent, ListInputComponent, FormArrayName, LoaderComponent, TagsSelectorComponent], styles: ["@charset \"UTF-8\";.miam-recipe-stepper__anchor{bottom:0;height:250px;margin-top:-250px;position:relative}.miam-recipe-stepper{display:flex;flex-direction:column;width:100%}.miam-recipe-stepper label{font-size:19px;line-height:24px}.miam-recipe-stepper label span{color:var(--m-color-secondary)}.miam-recipe-stepper .miam-recipe-stepper__padding{background-color:var(--m-color-unpure-white);height:32px;position:relative;width:100%}.miam-recipe-stepper .miam-recipe-stepper__padding button{left:40px;padding:8px 16px;position:absolute;z-index:3}.miam-recipe-stepper .miam-recipe-stepper__padding button ng-miam-icon{height:16px;margin-left:0;padding-top:20px;transform:rotate(90deg)}.miam-recipe-stepper .miam-recipe-stepper__padding button ng-miam-icon svg path:first-of-type{fill:none}.miam-recipe-stepper .miam-recipe-stepper__links{align-items:center;background-color:var(--m-color-unpure-white);display:flex;justify-content:space-evenly;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:3}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__links{align-items:baseline;justify-content:center;width:100vw}}.miam-recipe-stepper .miam-recipe-stepper__links .miam-recipe-stepper__link{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center}.miam-recipe-stepper .miam-recipe-stepper__links .miam-recipe-stepper__link .miam-recipe-stepper__link__number{align-items:center;border:1px solid;border-radius:64px;color:var(--m-color-grey02);display:flex;font-size:32px;font-style:normal;font-weight:700;height:64px;justify-content:center;line-height:44px;width:64px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__links .miam-recipe-stepper__link .miam-recipe-stepper__link__number{font-size:22px;height:40px;line-height:32px;width:40px}}.miam-recipe-stepper .miam-recipe-stepper__links .miam-recipe-stepper__link .miam-recipe-stepper__link__name{color:var(--m-color-grey02);padding-top:8px}.miam-recipe-stepper .miam-recipe-stepper__links .miam-recipe-stepper__link.active .miam-recipe-stepper__link__number{background-color:var(--m-color-secondary);border-color:var(--m-color-secondary);color:var(--m-color-unpure-white)}.miam-recipe-stepper .miam-recipe-stepper__links .miam-recipe-stepper__link.active .miam-recipe-stepper__link__name{color:var(--m-color-secondary)}.miam-recipe-stepper .miam-recipe-stepper__links .miam-recipe-stepper__link__divider{background-color:var(--m-color-slate);height:1px;width:64px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__links .miam-recipe-stepper__link__divider{width:40px}}.miam-recipe-stepper .miam-recipe-stepper__section{align-items:center;display:flex;flex-direction:column;gap:64px;justify-content:center;padding:84px 0;position:relative;scroll-margin-top:175px;width:100%}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section{gap:0;justify-content:flex-start;padding:24px 36px;width:100vw}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__mandatory{bottom:0;color:var(--m-color-danger);position:absolute;right:32px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__mandatory{right:16px}}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .m-title-text-input .m-input{align-items:flex-start;background-color:transparent;border:none;display:flex;flex-direction:column-reverse;justify-content:flex-start;max-width:unset;min-width:unset}.miam-recipe-stepper .miam-recipe-stepper__section .m-title-text-input .miam-text-input__input{border:1px solid var(--m-color-light-slate);border-radius:4px;max-width:90vw;min-width:90vw}.miam-recipe-stepper .miam-recipe-stepper__section .m-title-text-input .miam-text-input__label.input__label__top,.miam-recipe-stepper .miam-recipe-stepper__section .m-title-text-input .miam-text-input__label:not(.input__label__top){background-color:transparent;color:var(--m-color-black);font-size:24px;font-weight:700;padding-bottom:16px;position:static;transform:none}.miam-recipe-stepper .miam-recipe-stepper__section .m-title-text-input .miam-text-input__label:after{color:var(--m-color-warning-text);content:\"*\"}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__type__label{color:var(--m-color-black);font-size:24px;font-weight:700;padding-bottom:16px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__type__label{padding:16px 0;width:90vw}}.miam-recipe-stepper .miam-recipe-stepper__section:nth-child(2n){background-color:var(--m-color-primary-light)}.miam-recipe-stepper .miam-recipe-stepper__section ng-miam-text-input .miam-text-input{background-color:var(--m-color-unpure-white)}.miam-recipe-stepper .miam-recipe-stepper__section ng-miam-select-input .miam-select{background-color:var(--m-color-unpure-white);width:330px}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__guests{display:flex;gap:16px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__guests{align-items:center;flex-direction:column;justify-content:center;margin:16px 0;width:90vw}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags{align-items:center;display:flex;flex-direction:column}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__title{font-size:16px;font-weight:700}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__recap{align-items:center;display:flex;flex-flow:row wrap;margin:10px 8px;max-width:80vw}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__recap .miam-recipe-stepper__tag{align-items:center;background-color:var(--m-color-primary-light);border-radius:4px;display:flex;margin:6px;padding:8px 12px}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__recap .miam-recipe-stepper__tag.meal_type{background-color:var(--m-color-tag-meal-type)}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__recap .miam-recipe-stepper__tag.ingredient_category{background-color:var(--m-color-tag-ingredient-category)}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__recap .miam-recipe-stepper__tag.equipment{background-color:var(--m-color-tag-equipment)}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__recap .miam-recipe-stepper__tag.diet{background-color:var(--m-color-tag-diet)}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__recap .miam-recipe-stepper__tag .miam-recipe-stepper__tag__name{color:var(--m-color-grey01)}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__recap .miam-recipe-stepper__tag .miam-recipe-stepper__tag__icon .icon-container{-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0 0 0 16px}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .m-button-secondary ng-miam-icon{margin:0 16px 0 0}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row{display:flex;flex-wrap:wrap;gap:64px;justify-content:center;width:100%}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row{gap:0;width:100vw}}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__row__description{width:90vw}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__row__description label{margin-top:16px}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__row__description textarea.m-input{height:150px;max-width:700px;resize:none;width:700px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__row__description textarea.m-input{width:90vw}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__row__description .miam-recipe-stepper__description__counter{color:var(--m-color-light-slate);margin:8px;text-align:end}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__picture{display:flex;flex-direction:column;gap:8px;width:330px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__picture{width:90vw}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__picture .miam-uploader{margin-bottom:0}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__picture .miam-recipe-stepper__picture__warning{border:1px solid var(--m-color-warning);border-radius:8px;color:var(--m-color-warning-text);display:flex;gap:12px;padding:8px;position:relative}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__picture .miam-recipe-stepper__picture__warning .miam-recipe-stepper__picture__warning__background{background-color:var(--m-color-warning);border-radius:8px;height:100%;left:0;opacity:.15;position:absolute;top:0;width:100%}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__times{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-evenly}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__times .miam-time-picker{align-items:center;flex-direction:column;justify-content:center;margin-bottom:16px;width:90vw}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__attibutes__slider{width:560px}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__attibutes__slider label{text-align:center;width:100%}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__attibutes__slider{width:90vw}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__attibutes__slider label{width:100vw}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-list-input{display:flex;flex-direction:row-reverse;gap:32px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-list-input{flex-direction:column;gap:0;width:90vw}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-list-input .miam-list-input__actions{margin-top:50px;position:relative}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-list-input .miam-list-input__actions{margin-top:0}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-list-input .miam-list-input__actions textarea{height:300px!important;max-height:300px!important;max-width:calc(98vw - 776px);min-height:300px!important;width:400px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-list-input .miam-list-input__actions textarea{height:unset!important;max-width:unset!important;min-height:110px!important;width:unset!important}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-list-input .miam-list-input__actions button{margin-top:16px}.miam-recipe-stepper .miam-recipe-stepper__section ng-miam-list-input:first-of-type .miam-list-input__actions .miam-list-input__actions__instructions:before{content:\"Merci d'indiquer la quantit\u00E9 en premier comme indiqu\u00E9 dans les exemples.\\a\\a\";font-weight:700}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__mobile__buttons{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__mobile__buttons button{margin-right:0}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__mobile__buttons button.active{background-color:var(--m-color-primary);color:var(--m-color-white)}.miam-recipe-stepper ng-miam-loader{display:flex;justify-content:center;padding:50vh;width:100%}.miam-recipe-stepper .miam-recipe-stepper__footer{display:flex;gap:64px;justify-content:center;padding:64px 0}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__footer{display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:16px 8px}}"], encapsulation: 2, changeDetection: 0 });
+    } }, directives: [IconComponent, NgClass, NgIf, NgControlStatusGroup, FormGroupDirective, TextInputComponent, DefaultValueAccessor, NgControlStatus, FormControlDirective, RecipeTypeChooserComponent, CounterInputComponent, FormControlName, DragDropInputComponent, MaxLengthValidator, SliderComponent, NgForOf, TimePickerComponent, ListInputComponent, FormArrayName, LoaderComponent, TagsSelectorComponent], styles: ["@charset \"UTF-8\";.miam-recipe-stepper__anchor{bottom:0;height:250px;margin-top:-250px;position:relative}.miam-recipe-stepper{display:flex;flex-direction:column;width:100%}.miam-recipe-stepper label{font-size:19px;line-height:24px}.miam-recipe-stepper label span{color:var(--m-color-secondary)}.miam-recipe-stepper .miam-recipe-stepper__padding{background-color:var(--m-color-unpure-white);height:32px;position:relative;width:100%}.miam-recipe-stepper .miam-recipe-stepper__padding button{left:40px;padding:8px 16px;position:absolute;z-index:3}.miam-recipe-stepper .miam-recipe-stepper__padding button ng-miam-icon{height:16px;margin-left:0;padding-top:20px;transform:rotate(90deg)}.miam-recipe-stepper .miam-recipe-stepper__padding button ng-miam-icon svg path:first-of-type{fill:none}.miam-recipe-stepper .miam-recipe-stepper__links{align-items:center;background-color:var(--m-color-unpure-white);display:flex;justify-content:space-evenly;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:3}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__links{align-items:baseline;justify-content:center;width:100vw}}.miam-recipe-stepper .miam-recipe-stepper__links .miam-recipe-stepper__link{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center}.miam-recipe-stepper .miam-recipe-stepper__links .miam-recipe-stepper__link .miam-recipe-stepper__link__number{align-items:center;border:1px solid;border-radius:64px;color:var(--m-color-grey02);display:flex;font-size:32px;font-style:normal;font-weight:700;height:64px;justify-content:center;line-height:44px;width:64px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__links .miam-recipe-stepper__link .miam-recipe-stepper__link__number{font-size:22px;height:40px;line-height:32px;width:40px}}.miam-recipe-stepper .miam-recipe-stepper__links .miam-recipe-stepper__link .miam-recipe-stepper__link__name{color:var(--m-color-grey02);padding-top:8px}.miam-recipe-stepper .miam-recipe-stepper__links .miam-recipe-stepper__link.active .miam-recipe-stepper__link__number{background-color:var(--m-color-secondary);border-color:var(--m-color-secondary);color:var(--m-color-unpure-white)}.miam-recipe-stepper .miam-recipe-stepper__links .miam-recipe-stepper__link.active .miam-recipe-stepper__link__name{color:var(--m-color-secondary)}.miam-recipe-stepper .miam-recipe-stepper__links .miam-recipe-stepper__link__divider{background-color:var(--m-color-slate);height:1px;width:64px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__links .miam-recipe-stepper__link__divider{width:40px}}.miam-recipe-stepper .miam-recipe-stepper__section{align-items:center;display:flex;flex-direction:column;gap:64px;justify-content:center;padding:84px 0;position:relative;scroll-margin-top:175px;width:100%}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section{gap:0;justify-content:flex-start;padding:24px 36px;width:100vw}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__mandatory{bottom:0;color:var(--m-color-danger);position:absolute;right:32px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__mandatory{right:16px}}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .m-title-text-input .m-input{align-items:flex-start;background-color:transparent;border:none;display:flex;flex-direction:column-reverse;justify-content:flex-start;max-width:unset;min-width:unset}.miam-recipe-stepper .miam-recipe-stepper__section .m-title-text-input .miam-text-input__input{border:1px solid var(--m-color-light-slate);border-radius:4px;max-width:90vw;min-width:90vw}.miam-recipe-stepper .miam-recipe-stepper__section .m-title-text-input .miam-text-input__label.input__label__top,.miam-recipe-stepper .miam-recipe-stepper__section .m-title-text-input .miam-text-input__label:not(.input__label__top){background-color:transparent;color:var(--m-color-black);font-size:24px;font-weight:700;padding-bottom:16px;position:static;transform:none}.miam-recipe-stepper .miam-recipe-stepper__section .m-title-text-input .miam-text-input__label:after{color:var(--m-color-warning-text);content:\"*\"}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__type__label{color:var(--m-color-black);font-size:24px;font-weight:700;padding-bottom:16px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__type__label{padding:16px 0;width:90vw}}.miam-recipe-stepper .miam-recipe-stepper__section:nth-child(2n){background-color:var(--m-color-primary-light)}.miam-recipe-stepper .miam-recipe-stepper__section ng-miam-text-input .miam-text-input{background-color:var(--m-color-unpure-white)}.miam-recipe-stepper .miam-recipe-stepper__section ng-miam-select-input .miam-select{background-color:var(--m-color-unpure-white);width:330px}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__guests{display:flex;gap:16px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__guests{align-items:center;flex-direction:column;justify-content:center;margin:16px 0;width:90vw}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags{align-items:center;display:flex;flex-direction:column}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__title{font-size:16px;font-weight:700}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__recap{align-items:center;display:flex;flex-flow:row wrap;margin:10px 8px;max-width:80vw}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__recap .miam-recipe-stepper__tag{align-items:center;background-color:var(--m-color-primary-light);border-radius:4px;display:flex;margin:6px;padding:8px 12px}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__recap .miam-recipe-stepper__tag.meal_type{background-color:var(--m-color-tag-meal-type)}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__recap .miam-recipe-stepper__tag.ingredient_category{background-color:var(--m-color-tag-ingredient-category)}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__recap .miam-recipe-stepper__tag.equipment{background-color:var(--m-color-tag-equipment)}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__recap .miam-recipe-stepper__tag.diet{background-color:var(--m-color-tag-diet)}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__recap .miam-recipe-stepper__tag .miam-recipe-stepper__tag__name{color:var(--m-color-grey01)}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .miam-recipe-stepper__tags__recap .miam-recipe-stepper__tag .miam-recipe-stepper__tag__icon .icon-container{-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0 0 0 16px}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__tags .m-button-secondary ng-miam-icon{margin:0 16px 0 0}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row{display:flex;flex-wrap:wrap;gap:64px;justify-content:center;width:100%}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row{gap:0;width:100vw}}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__row__description{width:90vw}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__row__description label{margin-top:16px}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__row__description textarea.m-input{height:150px;max-width:700px;resize:none;width:700px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__row__description textarea.m-input{width:90vw}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__row__description .miam-recipe-stepper__description__counter{color:var(--m-color-light-slate);margin:8px;text-align:end}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__picture{display:flex;flex-direction:column;gap:8px;width:330px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__picture{width:90vw}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__picture .miam-uploader{margin-bottom:0}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__picture .miam-recipe-stepper__picture__warning{border:1px solid var(--m-color-warning);border-radius:8px;color:var(--m-color-warning-text);display:flex;gap:12px;padding:8px;position:relative}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__row .miam-recipe-stepper__picture .miam-recipe-stepper__picture__warning .miam-recipe-stepper__picture__warning__background{background-color:var(--m-color-warning);border-radius:8px;height:100%;left:0;opacity:.15;position:absolute;top:0;width:100%}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__times{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-evenly}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__section__times .miam-time-picker{align-items:center;flex-direction:column;justify-content:center;margin-bottom:16px;width:90vw}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__attibutes__slider{width:560px}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__attibutes__slider label{text-align:center;width:100%}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__attibutes__slider{width:90vw}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__attibutes__slider label{width:100vw}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-list-input{display:flex;flex-direction:row-reverse;gap:32px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-list-input{flex-direction:column;gap:0;width:90vw}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-list-input .miam-list-input__actions{margin-top:50px;position:relative}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-list-input .miam-list-input__actions{margin-top:0}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-list-input .miam-list-input__actions textarea{height:300px!important;max-height:300px!important;max-width:calc(98vw - 776px);min-height:300px!important;width:400px}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__section .miam-list-input .miam-list-input__actions textarea{height:unset!important;max-width:unset!important;min-height:110px!important;width:unset!important}}.miam-recipe-stepper .miam-recipe-stepper__section .miam-list-input .miam-list-input__actions button{margin-top:16px}@media (min-width:1024px){.miam-recipe-stepper .miam-recipe-stepper__section ng-miam-list-input{width:calc(100% - 16px)}}.miam-recipe-stepper .miam-recipe-stepper__section ng-miam-list-input:first-of-type .miam-list-input__actions .miam-list-input__actions__instructions:before{content:\"Merci d'indiquer la quantit\u00E9 en premier comme indiqu\u00E9 dans les exemples.\\a\\a\";font-weight:700}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__mobile__buttons{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__mobile__buttons button{margin-right:0}.miam-recipe-stepper .miam-recipe-stepper__section .miam-recipe-stepper__mobile__buttons button.active{background-color:var(--m-color-primary);color:var(--m-color-white)}.miam-recipe-stepper ng-miam-loader{display:flex;justify-content:center;padding:50vh;width:100%}.miam-recipe-stepper .miam-recipe-stepper__footer{display:flex;gap:64px;justify-content:center;padding:64px 0}@media (max-width:1023px){.miam-recipe-stepper .miam-recipe-stepper__footer{display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:16px 8px}}"], encapsulation: 2, changeDetection: 0 });
 const ɵRecipeStepperComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(RecipeStepperComponent);
 /*@__PURE__*/ (function () { ɵsetClassMetadata(RecipeStepperComponent, [{
         type: Component,
@@ -14848,6 +14916,8 @@ const ɵRecipeStepperComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFacto
             }]
     }], null, { displayTags: [{
             type: Input
+        }], ingredientsPictures: [{
+            type: Input
         }], topAnchor: [{
             type: ViewChild,
             args: ['topAnchor']
@@ -14859,7 +14929,7 @@ const ɵRecipeStepperComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFacto
             args: ['step']
         }] }); })();
 
-const _c0$w = ["tag"];
+const _c0$x = ["tag"];
 function RecipeTagsComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r6 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 9, 10);
@@ -14979,7 +15049,7 @@ class RecipeTagsComponent {
 }
 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) {
-        ɵɵviewQuery(_c0$w, true);
+        ɵɵviewQuery(_c0$x, true);
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.tags = _t);
@@ -15083,7 +15153,7 @@ function RecipesHistoryComponent_div_6_div_8_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("ngIf", ɵɵpipeBind1(2, 1, line_r8));
 } }
-const _c0$x = function (a0) { return { rotate: a0 }; };
+const _c0$y = function (a0) { return { rotate: a0 }; };
 const _c1$h = function (a0) { return { wrap: a0 }; };
 function RecipesHistoryComponent_div_6_Template(rf, ctx) { if (rf & 1) {
     const _r12 = ɵɵgetCurrentView();
@@ -15108,7 +15178,7 @@ function RecipesHistoryComponent_div_6_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(3);
     ɵɵtextInterpolate(ɵɵpipeBind1(4, 5, group_r6.date));
     ɵɵadvance(2);
-    ɵɵproperty("ngClass", ɵɵpureFunction1(7, _c0$x, !group_r6.show));
+    ɵɵproperty("ngClass", ɵɵpureFunction1(7, _c0$y, !group_r6.show));
     ɵɵadvance(1);
     ɵɵproperty("iconName", ctx_r2.icon.ChevronDown);
     ɵɵadvance(1);
@@ -15271,7 +15341,7 @@ PrintService.ɵprov = ɵɵdefineInjectable({ token: PrintService, factory: Print
             }]
     }], function () { return []; }, null); })();
 
-const _c0$y = ["details"];
+const _c0$z = ["details"];
 function RecipeModalComponent_ng_miam_recipe_details_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "ng-miam-recipe-details", 3, 4);
@@ -15359,7 +15429,7 @@ class RecipeModalComponent {
 }
 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"]], viewQuery: function RecipeModalComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$y, true);
+        ɵɵviewQuery(_c0$z, true);
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.content = _t.first);
@@ -15389,7 +15459,7 @@ RecipeModalComponent.ɵcmp = ɵɵdefineComponent({ type: RecipeModalComponent, s
             args: ['details']
         }] }); })();
 
-const _c0$z = ["recipeCard"];
+const _c0$A = ["recipeCard"];
 function SuggestionCardComponent_ng_miam_recipe_card_0_Template(rf, ctx) { if (rf & 1) {
     const _r3 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "ng-miam-recipe-card", 1, 2);
@@ -15481,7 +15551,7 @@ class SuggestionCardComponent extends AbstractRecipeCardComponent {
 }
 SuggestionCardComponent.ɵfac = function SuggestionCardComponent_Factory(t) { return new (t || SuggestionCardComponent)(ɵɵdirectiveInject(ChangeDetectorRef), ɵɵdirectiveInject(RecipesService), ɵɵdirectiveInject(GroceriesListsService), ɵɵdirectiveInject(UserService), ɵɵdirectiveInject(PointOfSalesService), ɵɵdirectiveInject(ContextService), ɵɵdirectiveInject(AnalyticsService), ɵɵdirectiveInject(RecipeEventsService), ɵɵdirectiveInject(ElementRef)); };
 SuggestionCardComponent.ɵcmp = ɵɵdefineComponent({ type: SuggestionCardComponent, selectors: [["ng-miam-suggestion-card"]], viewQuery: function SuggestionCardComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$z, true);
+        ɵɵviewQuery(_c0$A, true);
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.recipeCard = _t.first);