ng-miam 3.6.2 → 3.7.2

package/bundles/ng-miam.umd.js

@@ -2717,14 +2717,14 @@
                         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 {
                     var 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);
                 }
@@ -4072,6 +4072,20 @@
             var _a;
             return (_a = this.userInfo$.value) === null || _a === void 0 ? void 0 : _a.forbidProfiling;
         };
+        UserService.prototype.getUserSupplier = function () {
+            var _this = this;
+            return this.userInfo$.pipe(operators.skipWhile(function (userInfo) { return !userInfo; }), operators.switchMap(function (userInfo) {
+                if (!userInfo.supplierId) {
+                    return rxjs.of(null);
+                }
+                else {
+                    return _this.suppliersService.get(userInfo.supplierId);
+                }
+            }));
+        };
+        UserService.prototype.can = function (permission) {
+            return this.userInfo$.pipe(operators.map(function (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); }));
+        };
         UserService.prototype.initProvider = function () {
             var _this = this;
             return this.userInfo$.pipe(operators.switchMap(function (userInfo) {
@@ -4084,17 +4098,6 @@
             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) || []);
         };
-        UserService.prototype.getUserSupplier = function () {
-            var _this = this;
-            return this.userInfo$.pipe(operators.skipWhile(function (userInfo) { return !userInfo; }), operators.switchMap(function (userInfo) {
-                if (!userInfo.supplierId) {
-                    return rxjs.of(null);
-                }
-                else {
-                    return _this.suppliersService.get(userInfo.supplierId);
-                }
-            }));
-        };
         return UserService;
     }());
     UserService.ɵfac = function UserService_Factory(t) { return new (t || UserService)(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(RecipeProviderService), i0.ɵɵinject(ToastrService), i0.ɵɵinject(SuppliersService)); };
@@ -6039,35 +6042,86 @@
             i0.ɵɵproperty("ngForOf", ctx_r4.list.controls)("ngForTrackBy", ctx_r4.trackByIndex);
         }
     }
-    function ListInputComponent_ul_4_ng_template_2_li_0_div_12_Template(rf, ctx) {
+    var _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) {
+            i0.ɵɵelement(0, "img", 39);
+        }
+        if (rf & 2) {
+            var row_r18 = i0.ɵɵnextContext(2).$implicit;
+            var ctx_r24 = i0.ɵɵnextContext(3);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0$1, ctx_r24.ingredientsPictures.editable))("src", row_r18.controls.attributes.controls["picture-url"].value, i0.ɵɵsanitizeUrl);
+        }
+    }
+    function ListInputComponent_ul_4_ng_template_2_li_0_label_12_ng_miam_icon_2_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "ng-miam-icon", 40);
+        }
+        if (rf & 2) {
+            var ctx_r25 = i0.ɵɵnextContext(5);
+            i0.ɵɵproperty("iconName", ctx_r25.icon.Picture);
+        }
+    }
+    function ListInputComponent_ul_4_ng_template_2_li_0_label_12_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "label", 36);
+            i0.ɵɵtemplate(1, ListInputComponent_ul_4_ng_template_2_li_0_label_12_img_1_Template, 1, 4, "img", 37);
+            i0.ɵɵtemplate(2, ListInputComponent_ul_4_ng_template_2_li_0_label_12_ng_miam_icon_2_Template, 1, 1, "ng-miam-icon", 38);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r27 = i0.ɵɵnextContext();
+            var i_r19 = ctx_r27.index;
+            var row_r18 = ctx_r27.$implicit;
+            var ctx_r20 = i0.ɵɵnextContext(3);
+            i0.ɵɵpropertyInterpolate1("for", "ing-picture-", i_r19, "");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", row_r18.controls.attributes.controls["picture-url"] == null ? null : row_r18.controls.attributes.controls["picture-url"].value);
+            i0.ɵɵadvance(1);
+            i0.ɵɵ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) {
+            var _r29_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "input", 41);
+            i0.ɵɵlistener("change", function ListInputComponent_ul_4_ng_template_2_li_0_input_13_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r29_1); var row_r18 = i0.ɵɵnextContext().$implicit; var ctx_r28 = i0.ɵɵnextContext(3); return ctx_r28.uploadIngredientPicture($event.target.files, row_r18.controls.attributes.controls["picture-url"]); });
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var i_r19 = i0.ɵɵnextContext().index;
+            i0.ɵɵpropertyInterpolate1("id", "ing-picture-", i_r19, "");
+        }
+    }
+    function ListInputComponent_ul_4_ng_template_2_li_0_div_15_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "div", 23);
         }
     }
-    function ListInputComponent_ul_4_ng_template_2_li_0_div_13_Template(rf, ctx) {
+    function ListInputComponent_ul_4_ng_template_2_li_0_div_16_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 24);
-            i0.ɵɵelement(1, "ng-miam-icon", 33);
-            i0.ɵɵelementStart(2, "span", 34);
+            i0.ɵɵelement(1, "ng-miam-icon", 42);
+            i0.ɵɵelementStart(2, "span", 43);
             i0.ɵɵtext(3);
             i0.ɵɵpipe(4, "capitalizeFirstLetter");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "span", 34);
+            i0.ɵɵelementStart(5, "span", 43);
             i0.ɵɵtext(6);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "span", 34);
+            i0.ɵɵelementStart(7, "span", 43);
             i0.ɵɵtext(8);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
             var row_r18 = i0.ɵɵnextContext().$implicit;
-            var ctx_r21 = i0.ɵɵnextContext(3);
+            var ctx_r23 = i0.ɵɵnextContext(3);
             var tmp_1_0 = null;
             var tmp_2_0 = null;
             var tmp_3_0 = null;
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("iconName", ctx_r21.icon.Grip);
+            i0.ɵɵproperty("iconName", ctx_r23.icon.Grip);
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 4, row_r18 == null ? null : (tmp_1_0 = row_r18.get("attributes")) == null ? null : tmp_1_0.get("name").value));
             i0.ɵɵadvance(3);
@@ -6078,7 +6132,7 @@
     }
     function ListInputComponent_ul_4_ng_template_2_li_0_Template(rf, ctx) {
         if (rf & 1) {
-            var _r24_1 = i0.ɵɵgetCurrentView();
+            var _r34_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "li", 14);
             i0.ɵɵelementStart(1, "div", 27);
             i0.ɵɵelementStart(2, "div", 28);
@@ -6089,17 +6143,21 @@
             i0.ɵɵpipe(6, "async");
             i0.ɵɵpipe(7, "capitalizeFirstLetter");
             i0.ɵɵelementStart(8, "input", 31);
-            i0.ɵɵlistener("ngModelChange", function ListInputComponent_ul_4_ng_template_2_li_0_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r24_1); var i_r19 = ctx.index; var ctx_r23 = i0.ɵɵnextContext(3); return ctx_r23.updateQuantityValue($event, i_r19); });
+            i0.ɵɵlistener("ngModelChange", function ListInputComponent_ul_4_ng_template_2_li_0_Template_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r34_1); var i_r19 = ctx.index; var ctx_r33 = i0.ɵɵnextContext(3); return ctx_r33.updateQuantityValue($event, i_r19); });
             i0.ɵɵelementEnd();
             i0.ɵɵelement(9, "input", 32);
             i0.ɵɵpipe(10, "async");
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(11, "ng-miam-icon", 20);
-            i0.ɵɵlistener("click", function ListInputComponent_ul_4_ng_template_2_li_0_Template_ng_miam_icon_click_11_listener() { i0.ɵɵrestoreView(_r24_1); var i_r19 = ctx.index; var ctx_r25 = i0.ɵɵnextContext(3); return ctx_r25.delete(i_r19); });
+            i0.ɵɵelementStart(11, "div", 33);
+            i0.ɵɵtemplate(12, ListInputComponent_ul_4_ng_template_2_li_0_label_12_Template, 3, 3, "label", 34);
+            i0.ɵɵtemplate(13, ListInputComponent_ul_4_ng_template_2_li_0_input_13_Template, 1, 1, "input", 35);
+            i0.ɵɵelementStart(14, "ng-miam-icon", 20);
+            i0.ɵɵlistener("click", function ListInputComponent_ul_4_ng_template_2_li_0_Template_ng_miam_icon_click_14_listener() { i0.ɵɵrestoreView(_r34_1); var i_r19 = ctx.index; var ctx_r35 = i0.ɵɵnextContext(3); return ctx_r35.delete(i_r19); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(15, ListInputComponent_ul_4_ng_template_2_li_0_div_15_Template, 1, 0, "div", 21);
+            i0.ɵɵtemplate(16, ListInputComponent_ul_4_ng_template_2_li_0_div_16_Template, 9, 6, "div", 22);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(12, ListInputComponent_ul_4_ng_template_2_li_0_div_12_Template, 1, 0, "div", 21);
-            i0.ɵɵtemplate(13, ListInputComponent_ul_4_ng_template_2_li_0_div_13_Template, 9, 6, "div", 22);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -6111,18 +6169,22 @@
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("iconName", ctx_r17.icon.Grip);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpipeBind1(6, 10, ctx_r17.isIngredientReviewed(row_r18["controls"]["attributes"]["controls"]["name"].value)) ? "alert-success" : "alert-danger")("ngModel", i0.ɵɵpipeBind1(7, 12, row_r18["controls"]["attributes"]["controls"]["name"].value))("formControl", row_r18["controls"]["attributes"]["controls"]["name"]);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpipeBind1(6, 12, ctx_r17.isIngredientReviewed(row_r18["controls"]["attributes"]["controls"]["name"].value)) ? "alert-success" : "alert-danger")("ngModel", i0.ɵɵpipeBind1(7, 14, row_r18["controls"]["attributes"]["controls"]["name"].value))("formControl", row_r18["controls"]["attributes"]["controls"]["name"]);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngModel", row_r18["controls"]["attributes"]["controls"]["quantity"].value)("formControl", row_r18["controls"]["attributes"]["controls"]["quantity"]);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpipeBind1(10, 14, ctx_r17.isQuantityReviewed(row_r18["controls"]["attributes"]["controls"]["unit"].value)) ? "alert-success" : "alert-danger")("formControl", row_r18["controls"]["attributes"]["controls"]["unit"]);
-            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpipeBind1(10, 16, ctx_r17.isQuantityReviewed(row_r18["controls"]["attributes"]["controls"]["unit"].value)) ? "alert-success" : "alert-danger")("formControl", row_r18["controls"]["attributes"]["controls"]["unit"]);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", ctx_r17.ingredientsPictures.visible);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx_r17.ingredientsPictures.visible && ctx_r17.ingredientsPictures.editable);
+            i0.ɵɵadvance(1);
             i0.ɵɵproperty("iconName", ctx_r17.icon.Trash);
         }
     }
     function ListInputComponent_ul_4_ng_template_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵtemplate(0, ListInputComponent_ul_4_ng_template_2_li_0_Template, 14, 16, "li", 13);
+            i0.ɵɵtemplate(0, ListInputComponent_ul_4_ng_template_2_li_0_Template, 17, 18, "li", 13);
         }
         if (rf & 2) {
             var ctx_r6 = i0.ɵɵnextContext(2);
@@ -6131,9 +6193,9 @@
     }
     function ListInputComponent_ul_4_Template(rf, ctx) {
         if (rf & 1) {
-            var _r27_1 = i0.ɵɵgetCurrentView();
+            var _r37_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "ul", 10);
-            i0.ɵɵlistener("cdkDropListDropped", function ListInputComponent_ul_4_Template_ul_cdkDropListDropped_0_listener($event) { i0.ɵɵrestoreView(_r27_1); var ctx_r26 = i0.ɵɵnextContext(); return ctx_r26.drop($event); });
+            i0.ɵɵlistener("cdkDropListDropped", function ListInputComponent_ul_4_Template_ul_cdkDropListDropped_0_listener($event) { i0.ɵɵrestoreView(_r37_1); var ctx_r36 = i0.ɵɵnextContext(); return ctx_r36.drop($event); });
             i0.ɵɵtemplate(1, ListInputComponent_ul_4_ng_container_1_Template, 2, 2, "ng-container", 11);
             i0.ɵɵtemplate(2, ListInputComponent_ul_4_ng_template_2_Template, 1, 2, "ng-template", null, 12, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵelementEnd();
@@ -6147,9 +6209,9 @@
     }
     function ListInputComponent_ng_template_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 35);
-            i0.ɵɵelement(1, "ng-miam-icon", 36);
-            i0.ɵɵelementStart(2, "span", 37);
+            i0.ɵɵelementStart(0, "div", 44);
+            i0.ɵɵelement(1, "ng-miam-icon", 45);
+            i0.ɵɵelementStart(2, "span", 46);
             i0.ɵɵtext(3);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
@@ -6164,7 +6226,7 @@
     }
     function ListInputComponent_div_13_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 38);
+            i0.ɵɵelementStart(0, "div", 47);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
@@ -6181,6 +6243,7 @@
             this.cdr = cdr;
             this.placeholder = '';
             this.list = new i9.FormArray([]);
+            this.ingredientsPictures = { visible: false, editable: false };
             this.icon = exports.Icon;
             this.fillListInput = new i9.FormControl('');
             this.deleteId = new i0.EventEmitter();
@@ -6276,10 +6339,24 @@
         ListInputComponent.prototype.trackByIndex = function (index, el) {
             return el;
         };
+        // TODO: size check
+        ListInputComponent.prototype.uploadIngredientPicture = function (files, ingForm) {
+            var _this = this;
+            if (!files[0] || !ingForm) {
+                return;
+            }
+            var reader = new FileReader();
+            reader.readAsDataURL(files[0]);
+            reader.onload = function () {
+                ingForm.patchValue(reader.result);
+                _this.list.markAsDirty();
+                _this.cdr.detectChanges();
+            };
+        };
         return ListInputComponent;
     }());
     ListInputComponent.ɵfac = function ListInputComponent_Factory(t) { return new (t || ListInputComponent)(i0.ɵɵdirectiveInject(IngredientsService), i0.ɵɵdirectiveInject(i9.FormBuilder), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    ListInputComponent.ɵcmp = i0.ɵɵ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) {
+    ListInputComponent.ɵcmp = i0.ɵɵ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) {
                 i0.ɵɵelementStart(0, "div", 0);
                 i0.ɵɵelementStart(1, "div", 1);
@@ -6318,7 +6395,7 @@
                 i0.ɵɵadvance(5);
                 i0.ɵɵproperty("ngIf", ctx.instructions);
             }
-        }, directives: [i9.NgControlStatusGroup, i9.FormGroupDirective, i8.NgIf, i4.CdkTextareaAutosize, i9.DefaultValueAccessor, i9.NgControlStatus, i9.FormControlDirective, i5.CdkDropList, i8.NgForOf, i5.CdkDrag, IconComponent, i5.CdkDragHandle, i9.FormControlName, i5.CdkDragPlaceholder, i5.CdkDragPreview, i9.FormGroupName, i8.NgClass, AutowidthInputDirective], pipes: [i8.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: [i9.NgControlStatusGroup, i9.FormGroupDirective, i8.NgIf, i4.CdkTextareaAutosize, i9.DefaultValueAccessor, i9.NgControlStatus, i9.FormControlDirective, i5.CdkDropList, i8.NgForOf, i5.CdkDrag, IconComponent, i5.CdkDragHandle, i9.FormControlName, i5.CdkDragPlaceholder, i5.CdkDragPreview, i9.FormGroupName, i8.NgClass, AutowidthInputDirective], pipes: [i8.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 () {
         i0.ɵsetClassMetadata(ListInputComponent, [{
                 type: i0.Component,
@@ -6339,6 +6416,8 @@
                     type: i0.Input
                 }], list: [{
                     type: i0.Input
+                }], ingredientsPictures: [{
+                    type: i0.Input
                 }], deleteId: [{
                     type: i0.Output
                 }], orderHasChanged: [{
@@ -6432,7 +6511,7 @@
                 }] });
     })();
 
-    var _c0$1 = ["miamLeftOfSliderTrack"];
+    var _c0$2 = ["miamLeftOfSliderTrack"];
     var _c1$1 = ["miamSliderColored"];
     var _c2 = ["miamSliderHandle"];
     function SliderComponent_ng_miam_icon_2_Template(rf, ctx) {
@@ -6543,7 +6622,7 @@
     SliderComponent.ɵfac = function SliderComponent_Factory(t) { return new (t || SliderComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     SliderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SliderComponent, selectors: [["ng-miam-slider"]], viewQuery: function SliderComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵviewQuery(_c0$1, true);
+                i0.ɵɵviewQuery(_c0$2, true);
                 i0.ɵɵviewQuery(_c1$1, true);
                 i0.ɵɵviewQuery(_c2, true);
             }
@@ -6908,7 +6987,7 @@
             }], null, null);
     })();
 
-    var _c0$2 = ["counterInput"];
+    var _c0$3 = ["counterInput"];
     var CounterInputComponent = /** @class */ (function () {
         function CounterInputComponent(cdr, mediaMatcher) {
             this.cdr = cdr;
@@ -6982,7 +7061,7 @@
     CounterInputComponent.ɵfac = function CounterInputComponent_Factory(t) { return new (t || CounterInputComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$2.MediaMatcher)); };
     CounterInputComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CounterInputComponent, selectors: [["ng-miam-counter-input"]], viewQuery: function CounterInputComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵviewQuery(_c0$2, true);
+                i0.ɵɵviewQuery(_c0$3, true);
             }
             if (rf & 2) {
                 var _t;
@@ -7130,7 +7209,7 @@
             i0.ɵɵprojection(0);
         }
     }
-    var _c0$3 = ["*"];
+    var _c0$4 = ["*"];
     var TabLabelComponent = /** @class */ (function () {
         function TabLabelComponent() {
         }
@@ -7145,7 +7224,7 @@
                 var _t;
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.labelContent = _t.first);
             }
-        }, ngContentSelectors: _c0$3, decls: 1, vars: 0, template: function TabLabelComponent_Template(rf, ctx) {
+        }, ngContentSelectors: _c0$4, decls: 1, vars: 0, template: function TabLabelComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵprojectionDef();
                 i0.ɵɵtemplate(0, TabLabelComponent_ng_template_0_Template, 1, 0, "ng-template");
@@ -7169,7 +7248,7 @@
             i0.ɵɵprojection(0);
         }
     }
-    var _c0$4 = ["*"];
+    var _c0$5 = ["*"];
     var TabBodyComponent = /** @class */ (function () {
         function TabBodyComponent() {
         }
@@ -7184,7 +7263,7 @@
                 var _t;
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.bodyContent = _t.first);
             }
-        }, ngContentSelectors: _c0$4, decls: 1, vars: 0, template: function TabBodyComponent_Template(rf, ctx) {
+        }, ngContentSelectors: _c0$5, decls: 1, vars: 0, template: function TabBodyComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵprojectionDef();
                 i0.ɵɵtemplate(0, TabBodyComponent_ng_template_0_Template, 1, 0, "ng-template");
@@ -7203,7 +7282,7 @@
                 }] });
     })();
 
-    var _c0$5 = ["*"];
+    var _c0$6 = ["*"];
     var TabItemComponent = /** @class */ (function () {
         function TabItemComponent() {
         }
@@ -7220,7 +7299,7 @@
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.bodyComponent = _t.first);
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.labelComponent = _t.first);
             }
-        }, inputs: { label: "label" }, ngContentSelectors: _c0$5, decls: 1, vars: 0, template: function TabItemComponent_Template(rf, ctx) {
+        }, inputs: { label: "label" }, ngContentSelectors: _c0$6, decls: 1, vars: 0, template: function TabItemComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵprojectionDef();
                 i0.ɵɵprojection(0);
@@ -7382,7 +7461,7 @@
                 }] });
     })();
 
-    var _c0$6 = function (a0) { return { "colapse": a0 }; };
+    var _c0$7 = function (a0) { return { "colapse": a0 }; };
     var DeleteConfirmButtonComponent = /** @class */ (function () {
         function DeleteConfirmButtonComponent(cdr) {
             this.cdr = cdr;
@@ -7423,9 +7502,9 @@
                 i0.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$6, !ctx.isInComfirmStep));
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$7, !ctx.isInComfirmStep));
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$6, !ctx.isInComfirmStep));
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$7, !ctx.isInComfirmStep));
                 i0.ɵɵadvance(2);
                 i0.ɵɵproperty("width", 24)("height", 24)("iconName", ctx.isInComfirmStep ? ctx.icon.Clear : ctx.icon.Trash);
             }
@@ -7815,7 +7894,7 @@
             i0.ɵɵelementEnd();
         }
     }
-    var _c0$7 = function (a0) { return { "filter-collapsed": a0 }; };
+    var _c0$8 = function (a0) { return { "filter-collapsed": a0 }; };
     var _c1$2 = function (a0, a1) { return { "filter-collapsed": a0, "mobile-fixed": a1 }; };
     var RecipeFiltersComponent = /** @class */ (function () {
         function RecipeFiltersComponent(cdr, mediaMatcher, usersService) {
@@ -7981,15 +8060,15 @@
                 i0.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(16, _c0$7, ctx.isFilterCollapsed));
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(16, _c0$8, ctx.isFilterCollapsed));
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(18, _c1$2, ctx.isFilterCollapsed, ctx.mobileFixed));
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngIf", ctx.isFilterCollapsed);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("iconName", ctx.icon.ChevronDown)("height", 32)("width", 32)("ngClass", i0.ɵɵpureFunction1(21, _c0$7, ctx.isFilterCollapsed));
+                i0.ɵɵproperty("iconName", ctx.icon.ChevronDown)("height", 32)("width", 32)("ngClass", i0.ɵɵpureFunction1(21, _c0$8, ctx.isFilterCollapsed));
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(23, _c0$7, ctx.isFilterCollapsed));
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(23, _c0$8, ctx.isFilterCollapsed));
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngIf", ctx.isMobile);
                 i0.ɵɵadvance(4);
@@ -8165,7 +8244,7 @@
             i0.ɵɵproperty("iconName", ctx_r0.icon);
         }
     }
-    var _c0$8 = function (a0) { return { "miam-text-input__label__top": a0 }; };
+    var _c0$9 = function (a0) { return { "miam-text-input__label__top": a0 }; };
     var TextInputComponent = /** @class */ (function () {
         function TextInputComponent() {
             this.uniqueId = uuid.v4();
@@ -8187,7 +8266,7 @@
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("id", ctx.uniqueId)("ngModel", ctx.formControl == null ? null : ctx.formControl.value)("disabled", ctx.disable);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("for", ctx.uniqueId)("ngClass", i0.ɵɵpureFunction1(7, _c0$8, ctx.formControl == null ? null : ctx.formControl.value));
+                i0.ɵɵproperty("for", ctx.uniqueId)("ngClass", i0.ɵɵpureFunction1(7, _c0$9, ctx.formControl == null ? null : ctx.formControl.value));
                 i0.ɵɵadvance(1);
                 i0.ɵɵtextInterpolate(ctx.placeholder);
                 i0.ɵɵadvance(1);
@@ -8215,7 +8294,7 @@
                 }] });
     })();
 
-    var _c0$9 = function (a0) { return { "font-weight": a0 }; };
+    var _c0$a = function (a0) { return { "font-weight": a0 }; };
     var RecipeTypeChooserComponent = /** @class */ (function () {
         function RecipeTypeChooserComponent(cdr, recipeTypeService, mediaMatcher) {
             this.cdr = cdr;
@@ -8284,15 +8363,15 @@
                 i0.ɵɵadvance(2);
                 i0.ɵɵ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");
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(18, _c0$9, ctx.choosedType === "entr\u00E9e" ? "bold" : "normal"));
+                i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(18, _c0$a, ctx.choosedType === "entr\u00E9e" ? "bold" : "normal"));
                 i0.ɵɵadvance(3);
                 i0.ɵɵ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);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(20, _c0$9, ctx.choosedType === "plat principal" ? "bold" : "normal"));
+                i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(20, _c0$a, ctx.choosedType === "plat principal" ? "bold" : "normal"));
                 i0.ɵɵadvance(3);
                 i0.ɵɵ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");
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(22, _c0$9, ctx.choosedType === "dessert" ? "bold" : "normal"));
+                i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(22, _c0$a, ctx.choosedType === "dessert" ? "bold" : "normal"));
             }
         }, directives: [IconComponent, i8.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 () {
@@ -8611,7 +8690,7 @@
             i0.ɵɵelement(0, "ng-miam-loader");
         }
     }
-    var _c0$a = function (a0) { return { loading: a0 }; };
+    var _c0$b = function (a0) { return { loading: a0 }; };
     function BasketPreviewDisabledComponent_div_9_div_1_button_4_Template(rf, ctx) {
         if (rf & 1) {
             var _r8_1 = i0.ɵɵgetCurrentView();
@@ -8624,7 +8703,7 @@
         if (rf & 2) {
             var entry_r2 = i0.ɵɵnextContext().$implicit;
             var ctx_r3 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$a, ctx_r3.loading[entry_r2.id]));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$b, ctx_r3.loading[entry_r2.id]));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", !ctx_r3.loading[entry_r2.id]);
             i0.ɵɵadvance(1);
@@ -8837,7 +8916,7 @@
             i0.ɵɵelementEnd();
         }
     }
-    var _c0$b = function (a0) { return { "disable": a0 }; };
+    var _c0$c = function (a0) { return { "disable": a0 }; };
     function BasketPreviewLineComponent_div_15_Template(rf, ctx) {
         if (rf & 1) {
             var _r20_1 = i0.ɵɵgetCurrentView();
@@ -8851,7 +8930,7 @@
         if (rf & 2) {
             var ctx_r4 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c0$b, ctx_r4.disableItemSelector));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c0$c, ctx_r4.disableItemSelector));
         }
     }
     function BasketPreviewLineComponent_div_16_Template(rf, ctx) {
@@ -9500,7 +9579,7 @@
             i0.ɵɵproperty("iconName", ctx_r10.icon.Trash);
         }
     }
-    var _c0$c = function (a0) { return { "miam-basket-preview-block__chevron__down": a0 }; };
+    var _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) {
             var _r14_1 = i0.ɵɵgetCurrentView();
@@ -9519,7 +9598,7 @@
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx_r7.showLines);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$c, !ctx_r7.showLines));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$d, !ctx_r7.showLines));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("iconName", ctx_r7.icon.ChevronDown);
         }
@@ -10314,7 +10393,7 @@
             i0.ɵɵelementContainer(0);
         }
     }
-    var _c0$d = function (a0, a1, a2) { return { "easy": a0, "medium": a1, "hard": a2 }; };
+    var _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) {
             i0.ɵɵelementStart(0, "div", 49);
@@ -10331,7 +10410,7 @@
         }
         if (rf & 2) {
             var ctx_r11 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵ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"));
+            i0.ɵɵproperty("ngClass", i0.ɵɵ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"));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngSwitch", ctx_r11.recipe == null ? null : ctx_r11.recipe.difficultyLabel);
             i0.ɵɵadvance(1);
@@ -10688,7 +10767,7 @@
                 }] });
     })();
 
-    var _c0$e = ["miamMoreActions"];
+    var _c0$f = ["miamMoreActions"];
     function CatalogRecipeCardComponent_div_4_div_3_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div");
@@ -11048,7 +11127,7 @@
     CatalogRecipeCardComponent.ɵfac = function CatalogRecipeCardComponent_Factory(t) { return new (t || CatalogRecipeCardComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(RecipeEventsService), i0.ɵɵdirectiveInject(GroceriesListsService), i0.ɵɵdirectiveInject(UserService), i0.ɵɵdirectiveInject(PointOfSalesService), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(AnalyticsService), i0.ɵɵdirectiveInject(i1$2.MediaMatcher), i0.ɵɵdirectiveInject(i0.ElementRef)); };
     CatalogRecipeCardComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CatalogRecipeCardComponent, selectors: [["ng-miam-catalog-recipe-card"]], viewQuery: function CatalogRecipeCardComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵviewQuery(_c0$e, true);
+                i0.ɵɵviewQuery(_c0$f, true);
             }
             if (rf & 2) {
                 var _t;
@@ -11166,7 +11245,7 @@
                 }] });
     })();
 
-    var _c0$f = ["categoryContent"];
+    var _c0$g = ["categoryContent"];
     var _c1$8 = ["categoryCards"];
     function CatalogCategoryComponent_div_0_div_11_Template(rf, ctx) {
         if (rf & 1) {
@@ -11441,7 +11520,7 @@
     CatalogCategoryComponent.ɵfac = function CatalogCategoryComponent_Factory(t) { return new (t || CatalogCategoryComponent)(i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(RecipeLikesService), i0.ɵɵdirectiveInject(ArticlesService), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     CatalogCategoryComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CatalogCategoryComponent, selectors: [["ng-miam-catalog-category"]], viewQuery: function CatalogCategoryComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵviewQuery(_c0$f, true);
+                i0.ɵɵviewQuery(_c0$g, true);
                 i0.ɵɵviewQuery(_c1$8, true);
                 i0.ɵɵviewQuery(CatalogRecipeCardComponent, true);
             }
@@ -11537,7 +11616,7 @@
             i0.ɵɵproperty("iconName", ctx_r2.icon.Video)("width", 50)("height", 50);
         }
     }
-    var _c0$g = function (a0) { return { video: a0 }; };
+    var _c0$h = function (a0) { return { video: a0 }; };
     function CatalogHeaderComponent_div_0_Template(rf, ctx) {
         if (rf & 1) {
             var _r8_1 = i0.ɵɵgetCurrentView();
@@ -11575,7 +11654,7 @@
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r0.displayReturnButton);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$g, ctx_r0.context.videoRecipesEnabled && !ctx_r0.displayReturnButton));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$h, ctx_r0.context.videoRecipesEnabled && !ctx_r0.displayReturnButton));
             i0.ɵɵadvance(1);
             i0.ɵɵtextInterpolate1(" ", ctx_r0.title, " ");
             i0.ɵɵadvance(2);
@@ -12116,7 +12195,7 @@
                 }] });
     })();
 
-    var _c0$h = ["fileInput"];
+    var _c0$i = ["fileInput"];
     function DragDropInputComponent_input_1_Template(rf, ctx) {
         if (rf & 1) {
             var _r6_1 = i0.ɵɵgetCurrentView();
@@ -12228,7 +12307,7 @@
     DragDropInputComponent.ɵfac = function DragDropInputComponent_Factory(t) { return new (t || DragDropInputComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     DragDropInputComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DragDropInputComponent, selectors: [["ng-miam-drag-drop-input"]], viewQuery: function DragDropInputComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵviewQuery(_c0$h, true);
+                i0.ɵɵviewQuery(_c0$i, true);
             }
             if (rf & 2) {
                 var _t;
@@ -12493,7 +12572,7 @@
                 }] });
     })();
 
-    var _c0$i = ["selectedPosCard"];
+    var _c0$j = ["selectedPosCard"];
     function PosSelectionComponent_ng_container_0_div_6_ng_miam_pos_card_1_Template(rf, ctx) {
         if (rf & 1) {
             var _r7_1 = i0.ɵɵgetCurrentView();
@@ -12736,7 +12815,7 @@
     PosSelectionComponent.ɵfac = function PosSelectionComponent_Factory(t) { return new (t || PosSelectionComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(PointOfSalesService), i0.ɵɵdirectiveInject(AnalyticsService)); };
     PosSelectionComponent.ɵcmp = i0.ɵɵdefineComponent({ type: PosSelectionComponent, selectors: [["ng-miam-pos-selection"]], viewQuery: function PosSelectionComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵviewQuery(_c0$i, true);
+                i0.ɵɵviewQuery(_c0$j, true);
             }
             if (rf & 2) {
                 var _t;
@@ -12869,7 +12948,7 @@
             i0.ɵɵproperty("ngIf", ctx_r3.loading);
         }
     }
-    var _c0$j = function (a0) { return { expand: a0 }; };
+    var _c0$k = function (a0) { return { expand: a0 }; };
     var DrawerComponent = /** @class */ (function () {
         function DrawerComponent(cdr, listsService, posService, basketsService, analyticsService) {
             this.cdr = cdr;
@@ -13001,13 +13080,13 @@
             if (rf & 2) {
                 i0.ɵɵproperty("ngIf", ctx.expand);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$j, ctx.expand));
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$k, ctx.expand));
                 i0.ɵɵadvance(1);
                 i0.ɵɵclassProp("jiggle", ctx.jiggle);
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngIf", ctx.recipesCount && ctx.recipesCount > 0);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$j, ctx.expand));
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$k, ctx.expand));
                 i0.ɵɵadvance(6);
                 i0.ɵɵproperty("ngIf", ctx.expand);
                 i0.ɵɵadvance(1);
@@ -13033,7 +13112,7 @@
                 }] });
     })();
 
-    var _c0$k = ["miamCatalogTopAnchor"];
+    var _c0$l = ["miamCatalogTopAnchor"];
     function RecipeCatalogComponent_div_2_div_4_Template(rf, ctx) {
         if (rf & 1) {
             var _r10_1 = i0.ɵɵgetCurrentView();
@@ -13485,7 +13564,7 @@
     RecipeCatalogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeCatalogComponent, selectors: [["ng-miam-recipe-catalog"]], viewQuery: function RecipeCatalogComponent_Query(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵviewQuery(CatalogHeaderComponent, true);
-                i0.ɵɵviewQuery(_c0$k, true);
+                i0.ɵɵviewQuery(_c0$l, true);
                 i0.ɵɵviewQuery(CatalogCategoryComponent, true);
             }
             if (rf & 2) {
@@ -13554,7 +13633,7 @@
             i0.ɵɵproperty("iconName", ctx_r5.icon.ChevronDown);
         }
     }
-    var _c0$l = function (a0) { return { "filter-collapsed": a0 }; };
+    var _c0$m = function (a0) { return { "filter-collapsed": a0 }; };
     function FavoritePageComponent_div_2_Template(rf, ctx) {
         if (rf & 1) {
             var _r13_1 = i0.ɵɵgetCurrentView();
@@ -13579,7 +13658,7 @@
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", !(ctx_r1.listIsEmpty && ctx_r1.isMobile && ctx_r1.areFiltersEmpty()));
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$l, ctx_r1.isFilterCollapsed));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(9, _c0$m, ctx_r1.isFilterCollapsed));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("displayReturnButton", false)("forcedPictureUrl", ctx_r1.forcedPictureUrl)("title", ctx_r1.homePageTitle);
             i0.ɵɵadvance(2);
@@ -13707,7 +13786,7 @@
             i0.ɵɵproperty("iconName", ctx_r0.icon.ListScanner);
         }
     }
-    var _c0$m = function (a0) { return { reduced: a0 }; };
+    var _c0$n = function (a0) { return { reduced: a0 }; };
     function ListScanOverlayButtonComponent_div_4_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 10);
@@ -13716,7 +13795,7 @@
         }
         if (rf & 2) {
             var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c0$m, ctx_r1.reduced == "true"));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c0$n, ctx_r1.reduced == "true"));
         }
     }
     function ListScanOverlayButtonComponent_ng_miam_loader_5_Template(rf, ctx) {
@@ -13790,7 +13869,7 @@
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngIf", ctx.loading);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$m, ctx.reduced == "true"));
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$n, ctx.reduced == "true"));
             }
         }, directives: [i8.NgClass, i8.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 () {
@@ -13823,7 +13902,7 @@
             i0.ɵɵproperty("iconName", ctx_r0.icon.DrawerHorizontalCloseBar);
         }
     }
-    var _c0$n = function (a0) { return { overlay: a0 }; };
+    var _c0$o = function (a0) { return { overlay: a0 }; };
     function ListScanIngredientsListComponent_div_4_Template(rf, ctx) {
         if (rf & 1) {
             var _r6_1 = i0.ɵɵgetCurrentView();
@@ -13861,7 +13940,7 @@
         if (rf & 2) {
             var e_r4 = ctx.$implicit;
             var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$n, ctx_r1.overlay));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$o, ctx_r1.overlay));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("iconName", ctx_r1.icon.Trash);
             i0.ɵɵadvance(4);
@@ -14131,7 +14210,7 @@
             i0.ɵɵproperty("overlay", ctx_r0.overlay);
         }
     }
-    var _c0$o = function (a0) { return { overlay: a0 }; };
+    var _c0$p = function (a0) { return { overlay: a0 }; };
     function ListScanComponent_ng_miam_list_scan_ingredients_list_2_Template(rf, ctx) {
         if (rf & 1) {
             var _r6_1 = i0.ɵɵgetCurrentView();
@@ -14141,7 +14220,7 @@
         }
         if (rf & 2) {
             var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$o, ctx_r1.overlay))("overlay", ctx_r1.overlay)("entries", ctx_r1.entries);
+            i0.ɵɵproperty("ngClass", i0.ɵɵ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) {
@@ -14153,7 +14232,7 @@
         }
         if (rf & 2) {
             var ctx_r2 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$o, ctx_r2.overlay))("overlay", ctx_r2.overlay)("entries", ctx_r2.entries);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$p, ctx_r2.overlay))("overlay", ctx_r2.overlay)("entries", ctx_r2.entries);
         }
     }
     var ListScanComponent = /** @class */ (function () {
@@ -14306,7 +14385,7 @@
             i0.ɵɵtextInterpolate1(" ", ctx_r5.confirmButtonText, " ");
         }
     }
-    var _c0$p = function (a0, a1) { return { "with-header": a0, "without-header": a1 }; };
+    var _c0$q = function (a0, a1) { return { "with-header": a0, "without-header": a1 }; };
     function ModalComponent_ng_container_0_Template(rf, ctx) {
         if (rf & 1) {
             var _r11_1 = i0.ɵɵgetCurrentView();
@@ -14338,7 +14417,7 @@
             var _r2 = i0.ɵɵreference(10);
             var ctx_r0 = i0.ɵɵnextContext();
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(9, _c0$p, !ctx_r0.noHeaderMode, ctx_r0.noHeaderMode));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(9, _c0$q, !ctx_r0.noHeaderMode, ctx_r0.noHeaderMode));
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate(ctx_r0.title);
             i0.ɵɵadvance(1);
@@ -14585,7 +14664,7 @@
             i0.ɵɵproperty("iconName", ctx_r6.icon.ChevronDown);
         }
     }
-    var _c0$q = function (a0) { return { "filter-collapsed": a0 }; };
+    var _c0$r = function (a0) { return { "filter-collapsed": a0 }; };
     function PersonalRecipesComponent_div_2_Template(rf, ctx) {
         if (rf & 1) {
             var _r16_1 = i0.ɵɵgetCurrentView();
@@ -14611,7 +14690,7 @@
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", !(ctx_r1.listIsEmpty && ctx_r1.isMobile && ctx_r1.areFiltersEmpty()));
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$q, ctx_r1.isFilterCollapsed));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c0$r, ctx_r1.isFilterCollapsed));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("displayReturnButton", false)("forcedPictureUrl", ctx_r1.forcedPictureUrl)("title", ctx_r1.homePageTitle);
             i0.ɵɵadvance(2);
@@ -14805,7 +14884,7 @@
             }], function () { return []; }, null);
     })();
 
-    var _c0$r = function (a0) { return { event: a0 }; };
+    var _c0$s = function (a0) { return { event: a0 }; };
     function PlannerSideMenuComponent_div_7_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 3);
@@ -14815,7 +14894,7 @@
         }
         if (rf & 2) {
             var event_r1 = ctx.$implicit;
-            i0.ɵɵproperty("dropData", i0.ɵɵpureFunction1(3, _c0$r, event_r1));
+            i0.ɵɵproperty("dropData", i0.ɵɵpureFunction1(3, _c0$s, event_r1));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("src", event_r1.recipe == null ? null : event_r1.recipe.attributes["media-url"], i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
@@ -15064,7 +15143,7 @@
                 }] });
     })();
 
-    var _c0$s = ["topContainerImg"];
+    var _c0$t = ["topContainerImg"];
     var _c1$e = ["mainContainer"];
     function RecipeDetailsComponent_div_0_img_6_Template(rf, ctx) {
         if (rf & 1) {
@@ -15972,7 +16051,7 @@
     RecipeDetailsComponent.ɵfac = function RecipeDetailsComponent_Factory(t) { return new (t || RecipeDetailsComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$2.MediaMatcher), i0.ɵɵdirectiveInject(GroceriesListsService), i0.ɵɵdirectiveInject(UserService), i0.ɵɵdirectiveInject(PointOfSalesService), i0.ɵɵdirectiveInject(RecipeEventsService), i0.ɵɵdirectiveInject(ContextService)); };
     RecipeDetailsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeDetailsComponent, selectors: [["ng-miam-recipe-details"]], viewQuery: function RecipeDetailsComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵviewQuery(_c0$s, true);
+                i0.ɵɵviewQuery(_c0$t, true);
                 i0.ɵɵviewQuery(_c1$e, true);
             }
             if (rf & 2) {
@@ -16077,7 +16156,7 @@
             i0.ɵɵproperty("formControl", ctx_r2.recipeForm == null ? null : (tmp_4_0 = ctx_r2.recipeForm.get("attributes")) == null ? null : tmp_4_0.get("description"));
         }
     }
-    var _c0$t = function () { return ["number-of-guests"]; };
+    var _c0$u = function () { return ["number-of-guests"]; };
     function RecipeFormComponent_form_0_Template(rf, ctx) {
         if (rf & 1) {
             var _r4_1 = i0.ɵɵgetCurrentView();
@@ -16136,7 +16215,7 @@
             i0.ɵɵadvance(3);
             i0.ɵɵ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);
             i0.ɵɵadvance(4);
-            i0.ɵɵproperty("formControl", ctx_r0.recipeForm.controls["attributes"]["controls"][i0.ɵɵpureFunction0(19, _c0$t)]);
+            i0.ɵɵproperty("formControl", ctx_r0.recipeForm.controls["attributes"]["controls"][i0.ɵɵpureFunction0(19, _c0$u)]);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("options", i0.ɵɵpipeBind1(12, 17, ctx_r0.recipeTypeService == null ? null : ctx_r0.recipeTypeService.getTypes()))("formControl", ctx_r0.recipeForm == null ? null : ctx_r0.recipeForm.get("recipe-type"));
             i0.ɵɵadvance(4);
@@ -16315,7 +16394,8 @@
                     attributes: _this.fb.group({
                         quantity: new i9.FormControl(ingredient.attributes.quantity, i9.Validators.required),
                         unit: new i9.FormControl(ingredient.attributes.unit, i9.Validators.required),
-                        name: new i9.FormControl(ingredient.attributes.name, i9.Validators.required)
+                        name: new i9.FormControl(ingredient.attributes.name, i9.Validators.required),
+                        'picture-url': new i9.FormControl(ingredient.attributes['picture-url'])
                     })
                 }));
             });
@@ -16685,7 +16765,7 @@
             i0.ɵɵtextInterpolate1(" ", tag_r2.attributes.name, " ");
         }
     }
-    var _c0$u = function (a0) { return { "active": a0 }; };
+    var _c0$v = function (a0) { return { "active": a0 }; };
     function TagsSelectorComponent_ng_miam_modal_0_Template(rf, ctx) {
         if (rf & 1) {
             var _r6_1 = i0.ɵɵgetCurrentView();
@@ -16720,13 +16800,13 @@
             var ctx_r0 = i0.ɵɵnextContext();
             i0.ɵɵproperty("isAngularComponent", true)("noHeaderMode", false)("expanded", true);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$u, (ctx_r0.selectedTabTags[0] == null ? null : ctx_r0.selectedTabTags[0].tagType) === "meal_type"));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c0$v, (ctx_r0.selectedTabTags[0] == null ? null : ctx_r0.selectedTabTags[0].tagType) === "meal_type"));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$u, (ctx_r0.selectedTabTags[0] == null ? null : ctx_r0.selectedTabTags[0].tagType) === "ingredient_category"));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$v, (ctx_r0.selectedTabTags[0] == null ? null : ctx_r0.selectedTabTags[0].tagType) === "ingredient_category"));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c0$u, (ctx_r0.selectedTabTags[0] == null ? null : ctx_r0.selectedTabTags[0].tagType) === "equipment"));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c0$v, (ctx_r0.selectedTabTags[0] == null ? null : ctx_r0.selectedTabTags[0].tagType) === "equipment"));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(14, _c0$u, (ctx_r0.selectedTabTags[0] == null ? null : ctx_r0.selectedTabTags[0].tagType) === "diet"));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(14, _c0$v, (ctx_r0.selectedTabTags[0] == null ? null : ctx_r0.selectedTabTags[0].tagType) === "diet"));
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngForOf", ctx_r0.selectedTabTags);
         }
@@ -16833,7 +16913,7 @@
                 }] });
     })();
 
-    var _c0$v = ["topAnchor"];
+    var _c0$w = ["topAnchor"];
     var _c1$f = ["stepperLinks"];
     var _c2$3 = ["step"];
     function RecipeStepperComponent_ng_container_28_div_16_div_4_Template(rf, ctx) {
@@ -16954,7 +17034,7 @@
         }
         if (rf & 2) {
             var ctx_r13 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("placeholder", ctx_r13.INGREDIENT_PLACEHOLDER)("ingredientMode", true)("list", ctx_r13.recipeForm.get("ingredients"))("instructions", ctx_r13.INGREDIENT_INSTRUCTIONS);
+            i0.ɵɵ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) {
@@ -17031,7 +17111,7 @@
             i0.ɵɵelementContainerEnd();
             i0.ɵɵelementStart(38, "div", 19, 20);
             i0.ɵɵtemplate(40, RecipeStepperComponent_ng_container_28_div_40_Template, 5, 6, "div", 40);
-            i0.ɵɵtemplate(41, RecipeStepperComponent_ng_container_28_ng_miam_list_input_41_Template, 1, 4, "ng-miam-list-input", 41);
+            i0.ɵɵtemplate(41, RecipeStepperComponent_ng_container_28_ng_miam_list_input_41_Template, 1, 5, "ng-miam-list-input", 41);
             i0.ɵɵtemplate(42, RecipeStepperComponent_ng_container_28_ng_miam_list_input_42_Template, 1, 3, "ng-miam-list-input", 42);
             i0.ɵɵelementEnd();
             i0.ɵɵelementContainerEnd();
@@ -17063,7 +17143,7 @@
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r2.displayTags);
             i0.ɵɵadvance(5);
-            i0.ɵɵproperty("buttonText", (ctx_r2.recipeForm == null ? null : (tmp_6_0 = ctx_r2.recipeForm.get("attributes")) == null ? null : (tmp_6_1 = tmp_6_0.get("media-url")) == null ? null : tmp_6_1.value == null ? null : tmp_6_1.value.length) > 0 ? "Modifier la photo (2MB max)" : "Ajouter une photo (2MB max)")("formControl", ctx_r2.recipeForm == null ? null : (tmp_7_0 = ctx_r2.recipeForm.get("attributes")) == null ? null : tmp_7_0.get("media-url"))("imageUrl", ctx_r2.recipeForm == null ? null : (tmp_8_0 = ctx_r2.recipeForm.get("attributes")) == null ? null : (tmp_8_1 = tmp_8_0.get("media-url")) == null ? null : tmp_8_1.value)("photoMode", false);
+            i0.ɵɵproperty("buttonText", (ctx_r2.recipeForm == null ? null : (tmp_6_0 = ctx_r2.recipeForm.get("attributes")) == null ? null : (tmp_6_1 = tmp_6_0.get("media-url")) == null ? null : tmp_6_1.value == null ? null : tmp_6_1.value.length) > 0 ? "Modifier la photo (2MB max)" : "Ajouter une photo (2MB max)")("formControl", ctx_r2.recipeForm == null ? null : (tmp_7_0 = ctx_r2.recipeForm.get("attributes")) == null ? null : tmp_7_0.get("media-url"))("imageUrl", ctx_r2.recipeForm == null ? null : (tmp_8_0 = ctx_r2.recipeForm.get("attributes")) == null ? null : (tmp_8_1 = tmp_8_0.get("media-url")) == null ? null : tmp_8_1.value)("photoMode", true);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r2.bigImageWarning);
             i0.ɵɵadvance(3);
@@ -17106,6 +17186,7 @@
         function RecipeStepperComponent() {
             var _this = _super.apply(this, __spread(arguments)) || this;
             _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\u00E8rement le c\u00E9leri 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.';
@@ -17214,7 +17295,7 @@
     RecipeStepperComponent.ɵfac = function RecipeStepperComponent_Factory(t) { return ɵRecipeStepperComponent_BaseFactory(t || RecipeStepperComponent); };
     RecipeStepperComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeStepperComponent, selectors: [["ng-miam-recipe-stepper"]], viewQuery: function RecipeStepperComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵviewQuery(_c0$v, true);
+                i0.ɵɵviewQuery(_c0$w, true);
                 i0.ɵɵviewQuery(_c1$f, true);
                 i0.ɵɵviewQuery(_c2$3, true);
             }
@@ -17224,7 +17305,7 @@
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stepperLinks = _t.first);
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.steps = _t);
             }
-        }, inputs: { displayTags: "displayTags" }, features: [i0.ɵɵ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) {
+        }, inputs: { displayTags: "displayTags", ingredientsPictures: "ingredientsPictures" }, features: [i0.ɵɵ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) {
                 i0.ɵɵelement(0, "div", 0, 1);
                 i0.ɵɵelementStart(2, "div", 2);
@@ -17307,7 +17388,7 @@
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngIf", ctx.displayTags && ctx.recipe);
             }
-        }, directives: [IconComponent, i8.NgClass, i8.NgIf, i9.NgControlStatusGroup, i9.FormGroupDirective, TextInputComponent, i9.DefaultValueAccessor, i9.NgControlStatus, i9.FormControlDirective, RecipeTypeChooserComponent, CounterInputComponent, i9.FormControlName, DragDropInputComponent, i9.MaxLengthValidator, SliderComponent, i8.NgForOf, TimePickerComponent, ListInputComponent, i9.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, i8.NgClass, i8.NgIf, i9.NgControlStatusGroup, i9.FormGroupDirective, TextInputComponent, i9.DefaultValueAccessor, i9.NgControlStatus, i9.FormControlDirective, RecipeTypeChooserComponent, CounterInputComponent, i9.FormControlName, DragDropInputComponent, i9.MaxLengthValidator, SliderComponent, i8.NgForOf, TimePickerComponent, ListInputComponent, i9.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 });
     var ɵRecipeStepperComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(RecipeStepperComponent);
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(RecipeStepperComponent, [{
@@ -17321,6 +17402,8 @@
                     }]
             }], null, { displayTags: [{
                     type: i0.Input
+                }], ingredientsPictures: [{
+                    type: i0.Input
                 }], topAnchor: [{
                     type: i0.ViewChild,
                     args: ['topAnchor']
@@ -17333,7 +17416,7 @@
                 }] });
     })();
 
-    var _c0$w = ["tag"];
+    var _c0$x = ["tag"];
     function RecipeTagsComponent_div_0_div_2_Template(rf, ctx) {
         if (rf & 1) {
             var _r6_1 = i0.ɵɵgetCurrentView();
@@ -17463,7 +17546,7 @@
     RecipeTagsComponent.ɵfac = function RecipeTagsComponent_Factory(t) { return new (t || RecipeTagsComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(BasketsService), i0.ɵɵdirectiveInject(ContextService)); };
     RecipeTagsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeTagsComponent, selectors: [["ng-miam-recipe-tags"]], viewQuery: function RecipeTagsComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵviewQuery(_c0$w, true);
+                i0.ɵɵviewQuery(_c0$x, true);
             }
             if (rf & 2) {
                 var _t;
@@ -17601,7 +17684,7 @@
             i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(2, 1, line_r8));
         }
     }
-    var _c0$x = function (a0) { return { rotate: a0 }; };
+    var _c0$y = function (a0) { return { rotate: a0 }; };
     var _c1$h = function (a0) { return { wrap: a0 }; };
     function RecipesHistoryComponent_div_6_Template(rf, ctx) {
         if (rf & 1) {
@@ -17628,7 +17711,7 @@
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 5, group_r6.date));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$x, !group_r6.show));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$y, !group_r6.show));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("iconName", ctx_r2.icon.ChevronDown);
             i0.ɵɵadvance(1);
@@ -17805,7 +17888,7 @@
             }], function () { return []; }, null);
     })();
 
-    var _c0$y = ["details"];
+    var _c0$z = ["details"];
     function RecipeModalComponent_ng_miam_recipe_details_1_Template(rf, ctx) {
         if (rf & 1) {
             var _r4_1 = i0.ɵɵgetCurrentView();
@@ -17908,7 +17991,7 @@
     RecipeModalComponent.ɵfac = function RecipeModalComponent_Factory(t) { return new (t || RecipeModalComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(PrintService), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(GroceriesListsService)); };
     RecipeModalComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeModalComponent, selectors: [["ng-miam-recipe-modal"]], viewQuery: function RecipeModalComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵviewQuery(_c0$y, true);
+                i0.ɵɵviewQuery(_c0$z, true);
             }
             if (rf & 2) {
                 var _t;
@@ -17945,7 +18028,7 @@
                 }] });
     })();
 
-    var _c0$z = ["recipeCard"];
+    var _c0$A = ["recipeCard"];
     function SuggestionCardComponent_ng_miam_recipe_card_0_Template(rf, ctx) {
         if (rf & 1) {
             var _r3_1 = i0.ɵɵgetCurrentView();
@@ -18047,7 +18130,7 @@
     SuggestionCardComponent.ɵfac = function SuggestionCardComponent_Factory(t) { return new (t || SuggestionCardComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(GroceriesListsService), i0.ɵɵdirectiveInject(UserService), i0.ɵɵdirectiveInject(PointOfSalesService), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(AnalyticsService), i0.ɵɵdirectiveInject(RecipeEventsService), i0.ɵɵdirectiveInject(i0.ElementRef)); };
     SuggestionCardComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SuggestionCardComponent, selectors: [["ng-miam-suggestion-card"]], viewQuery: function SuggestionCardComponent_Query(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵviewQuery(_c0$z, true);
+                i0.ɵɵviewQuery(_c0$A, true);
             }
             if (rf & 2) {
                 var _t;