ng-miam 3.7.3 → 3.7.4

package/bundles/ng-miam.umd.js

@@ -2651,6 +2651,18 @@
             _this.fetchReviewedUnits();
             return _this;
         }
+        IngredientsService.prototype.getReviewedNames = function () {
+            if (!this.reviewedNames) {
+                this.fetchReviewedNames();
+            }
+            return this.reviewedNames;
+        };
+        IngredientsService.prototype.getReviewedUnits = function () {
+            if (!this.reviewedUnits) {
+                this.fetchReviewedUnits();
+            }
+            return this.reviewedUnits;
+        };
         IngredientsService.prototype.fetchReviewedNames = function () {
             var _this = this;
             return this.http.get(MIAM_API_HOST + "ingredients-definitions/reviewed_names").subscribe(function (reviewedNames) {
@@ -2690,10 +2702,11 @@
                 return this.http.get(MIAM_API_HOST + "quantity-units/reviewed_names").pipe(operators.switchMap(function (reviewedUnits) {
                     _this.reviewedUnits = __spread(reviewedUnits.map(function (unitObject) { return unitObject['name']; }));
                     // check if unit is in the list
-                    return rxjs.of(_this.reviewedUnits.some(function (el) { return el === unit; }));
+                    // rem: the case is not always lowered for all units
+                    return rxjs.of(_this.reviewedUnits.some(function (el) { return el.toLowerCase() === unit.toLowerCase(); }));
                 }));
             }
-            return rxjs.of(this.reviewedUnits.some(function (el) { return el === unit; }));
+            return rxjs.of(this.reviewedUnits.some(function (el) { return el.toLowerCase() === unit.toLowerCase(); }));
         };
         IngredientsService.prototype.formatIngredients = function (listIngredient) {
             var _this = this;
@@ -4113,15 +4126,42 @@
             }], function () { return [{ type: i1$1.HttpClient }, { type: RecipeProviderService }, { type: ToastrService }, { type: SuppliersService }]; }, null);
     })();
 
+    var MIAM_API_HOST$5 = environment.miamAPI + "/api/v1/";
+    var UserFavoriteItemsService = /** @class */ (function () {
+        function UserFavoriteItemsService(http, suppliersService) {
+            this.http = http;
+            this.suppliersService = suppliersService;
+        }
+        UserFavoriteItemsService.prototype.set_from_ext_ids = function (favoriteProductIds) {
+            var _this = this;
+            return this.suppliersService.supplier$.asObservable().pipe(operators.skipWhile(function (supp) { return !supp; }), operators.take(1), operators.switchMap(function (supplier) {
+                var body = { item_ext_ids: favoriteProductIds, supplier_id: supplier.id };
+                return _this.http.post(MIAM_API_HOST$5 + "user-favorite-items/set_from_ext_ids", body);
+            }));
+        };
+        return UserFavoriteItemsService;
+    }());
+    UserFavoriteItemsService.ɵfac = function UserFavoriteItemsService_Factory(t) { return new (t || UserFavoriteItemsService)(i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(SuppliersService)); };
+    UserFavoriteItemsService.ɵprov = i0.ɵɵdefineInjectable({ token: UserFavoriteItemsService, factory: UserFavoriteItemsService.ɵfac, providedIn: 'root' });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(UserFavoriteItemsService, [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], function () { return [{ type: i1$1.HttpClient }, { type: SuppliersService }]; }, null);
+    })();
+
     var SMALL_SCREEN_BP = '(min-width: 1023px)';
     // Context shared between Miam SDK & host app
     var ContextService = /** @class */ (function () {
-        function ContextService(posService, listsService, basketsService, userService, recipesProvidersService, analyticsService, recipesService, mediaMatcher, suppliersService, breakpointObserver) {
+        function ContextService(posService, listsService, basketsService, userService, userFavoriteItemsService, recipesProvidersService, analyticsService, recipesService, mediaMatcher, suppliersService, breakpointObserver) {
             var _this = this;
             this.posService = posService;
             this.listsService = listsService;
             this.basketsService = basketsService;
             this.userService = userService;
+            this.userFavoriteItemsService = userFavoriteItemsService;
             this.recipesProvidersService = recipesProvidersService;
             this.analyticsService = analyticsService;
             this.recipesService = recipesService;
@@ -4259,6 +4299,9 @@
                         _this.listsService.refreshCurrentList();
                         _this.userService.resetUserInfo();
                     },
+                    setFavoriteItems: function (favoriteProductIds) {
+                        return _this.userFavoriteItemsService.set_from_ext_ids(favoriteProductIds);
+                    },
                     device: this.mediaMatcher,
                     isSmallScreen$: this.isSmallScreen$.asObservable()
                 },
@@ -4304,7 +4347,7 @@
         };
         return ContextService;
     }());
-    ContextService.ɵfac = function ContextService_Factory(t) { return new (t || ContextService)(i0.ɵɵinject(PointOfSalesService), i0.ɵɵinject(GroceriesListsService), i0.ɵɵinject(BasketsService), i0.ɵɵinject(UserService), i0.ɵɵinject(RecipeProviderService), i0.ɵɵinject(AnalyticsService), i0.ɵɵinject(RecipesService), i0.ɵɵinject(i1$2.MediaMatcher), i0.ɵɵinject(SuppliersService), i0.ɵɵinject(i1$2.BreakpointObserver)); };
+    ContextService.ɵfac = function ContextService_Factory(t) { return new (t || ContextService)(i0.ɵɵinject(PointOfSalesService), i0.ɵɵinject(GroceriesListsService), i0.ɵɵinject(BasketsService), i0.ɵɵinject(UserService), i0.ɵɵinject(UserFavoriteItemsService), i0.ɵɵinject(RecipeProviderService), i0.ɵɵinject(AnalyticsService), i0.ɵɵinject(RecipesService), i0.ɵɵinject(i1$2.MediaMatcher), i0.ɵɵinject(SuppliersService), i0.ɵɵinject(i1$2.BreakpointObserver)); };
     ContextService.ɵprov = i0.ɵɵdefineInjectable({ token: ContextService, factory: ContextService.ɵfac, providedIn: 'root' });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(ContextService, [{
@@ -4312,7 +4355,7 @@
                 args: [{
                         providedIn: 'root'
                     }]
-            }], function () { return [{ type: PointOfSalesService }, { type: GroceriesListsService }, { type: BasketsService }, { type: UserService }, { type: RecipeProviderService }, { type: AnalyticsService }, { type: RecipesService }, { type: i1$2.MediaMatcher }, { type: SuppliersService }, { type: i1$2.BreakpointObserver }]; }, null);
+            }], function () { return [{ type: PointOfSalesService }, { type: GroceriesListsService }, { type: BasketsService }, { type: UserService }, { type: UserFavoriteItemsService }, { type: RecipeProviderService }, { type: AnalyticsService }, { type: RecipesService }, { type: i1$2.MediaMatcher }, { type: SuppliersService }, { type: i1$2.BreakpointObserver }]; }, null);
     })();
 
     var _c0 = function (a0, a1) { return { "width": a0, "height": a1 }; };
@@ -6044,50 +6087,69 @@
             i0.ɵɵproperty("ngForOf", ctx_r4.list.controls)("ngForTrackBy", ctx_r4.trackByIndex);
         }
     }
+    function ListInputComponent_ul_4_ng_template_2_li_0_option_9_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "option", 37);
+            i0.ɵɵpipe(1, "capitalizeFirstLetter");
+        }
+        if (rf & 2) {
+            var ing_r26 = ctx.$implicit;
+            i0.ɵɵproperty("value", i0.ɵɵpipeBind1(1, 1, ing_r26));
+        }
+    }
+    function ListInputComponent_ul_4_ng_template_2_li_0_option_14_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "option", 37);
+        }
+        if (rf & 2) {
+            var unit_r27 = ctx.$implicit;
+            i0.ɵɵproperty("value", unit_r27);
+        }
+    }
     var _c0$1 = function (a0) { return { clickable: a0 }; };
-    function ListInputComponent_ul_4_ng_template_2_li_0_label_12_img_1_Template(rf, ctx) {
+    function ListInputComponent_ul_4_ng_template_2_li_0_label_16_img_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "img", 39);
+            i0.ɵɵelement(0, "img", 41);
         }
         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);
+            var ctx_r28 = i0.ɵɵnextContext(3);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0$1, ctx_r28.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) {
+    function ListInputComponent_ul_4_ng_template_2_li_0_label_16_ng_miam_icon_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "ng-miam-icon", 40);
+            i0.ɵɵelement(0, "ng-miam-icon", 42);
         }
         if (rf & 2) {
-            var ctx_r25 = i0.ɵɵnextContext(5);
-            i0.ɵɵproperty("iconName", ctx_r25.icon.Picture);
+            var ctx_r29 = i0.ɵɵnextContext(5);
+            i0.ɵɵproperty("iconName", ctx_r29.icon.Picture);
         }
     }
-    function ListInputComponent_ul_4_ng_template_2_li_0_label_12_Template(rf, ctx) {
+    function ListInputComponent_ul_4_ng_template_2_li_0_label_16_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.ɵɵelementStart(0, "label", 38);
+            i0.ɵɵtemplate(1, ListInputComponent_ul_4_ng_template_2_li_0_label_16_img_1_Template, 1, 4, "img", 39);
+            i0.ɵɵtemplate(2, ListInputComponent_ul_4_ng_template_2_li_0_label_16_ng_miam_icon_2_Template, 1, 1, "ng-miam-icon", 40);
             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);
+            var ctx_r31 = i0.ɵɵnextContext();
+            var i_r19 = ctx_r31.index;
+            var row_r18 = ctx_r31.$implicit;
+            var ctx_r22 = 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);
+            i0.ɵɵproperty("ngIf", !(row_r18.controls.attributes.controls["picture-url"] == null ? null : row_r18.controls.attributes.controls["picture-url"].value) && ctx_r22.ingredientsPictures.editable);
         }
     }
-    function ListInputComponent_ul_4_ng_template_2_li_0_input_13_Template(rf, ctx) {
+    function ListInputComponent_ul_4_ng_template_2_li_0_input_17_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"]); });
+            var _r33_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "input", 43);
+            i0.ɵɵlistener("change", function ListInputComponent_ul_4_ng_template_2_li_0_input_17_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r33_1); var row_r18 = i0.ɵɵnextContext().$implicit; var ctx_r32 = i0.ɵɵnextContext(3); return ctx_r32.uploadIngredientPicture($event.target.files, row_r18.controls.attributes.controls["picture-url"]); });
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -6095,35 +6157,35 @@
             i0.ɵɵpropertyInterpolate1("id", "ing-picture-", i_r19, "");
         }
     }
-    function ListInputComponent_ul_4_ng_template_2_li_0_div_15_Template(rf, ctx) {
+    function ListInputComponent_ul_4_ng_template_2_li_0_div_19_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelement(0, "div", 23);
         }
     }
-    function ListInputComponent_ul_4_ng_template_2_li_0_div_16_Template(rf, ctx) {
+    function ListInputComponent_ul_4_ng_template_2_li_0_div_20_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 24);
-            i0.ɵɵelement(1, "ng-miam-icon", 42);
-            i0.ɵɵelementStart(2, "span", 43);
+            i0.ɵɵelement(1, "ng-miam-icon", 44);
+            i0.ɵɵelementStart(2, "span", 45);
             i0.ɵɵtext(3);
             i0.ɵɵpipe(4, "capitalizeFirstLetter");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "span", 43);
+            i0.ɵɵelementStart(5, "span", 45);
             i0.ɵɵtext(6);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "span", 43);
+            i0.ɵɵelementStart(7, "span", 45);
             i0.ɵɵtext(8);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
             var row_r18 = i0.ɵɵnextContext().$implicit;
-            var ctx_r23 = i0.ɵɵnextContext(3);
+            var ctx_r25 = 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_r23.icon.Grip);
+            i0.ɵɵproperty("iconName", ctx_r25.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);
@@ -6134,7 +6196,7 @@
     }
     function ListInputComponent_ul_4_ng_template_2_li_0_Template(rf, ctx) {
         if (rf & 1) {
-            var _r34_1 = i0.ɵɵgetCurrentView();
+            var _r38_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "li", 14);
             i0.ɵɵelementStart(1, "div", 27);
             i0.ɵɵelementStart(2, "div", 28);
@@ -6144,21 +6206,27 @@
             i0.ɵɵelement(5, "input", 30);
             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(_r34_1); var i_r19 = ctx.index; var ctx_r33 = i0.ɵɵnextContext(3); return ctx_r33.updateQuantityValue($event, i_r19); });
+            i0.ɵɵelementStart(8, "datalist");
+            i0.ɵɵtemplate(9, ListInputComponent_ul_4_ng_template_2_li_0_option_9_Template, 2, 3, "option", 31);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "input", 32);
+            i0.ɵɵlistener("ngModelChange", function ListInputComponent_ul_4_ng_template_2_li_0_Template_input_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r38_1); var i_r19 = ctx.index; var ctx_r37 = i0.ɵɵnextContext(3); return ctx_r37.updateQuantityValue($event, i_r19); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(11, "input", 33);
+            i0.ɵɵpipe(12, "async");
+            i0.ɵɵelementStart(13, "datalist");
+            i0.ɵɵtemplate(14, ListInputComponent_ul_4_ng_template_2_li_0_option_14_Template, 1, 1, "option", 31);
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(9, "input", 32);
-            i0.ɵɵpipe(10, "async");
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            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.ɵɵelementStart(15, "div", 34);
+            i0.ɵɵtemplate(16, ListInputComponent_ul_4_ng_template_2_li_0_label_16_Template, 3, 3, "label", 35);
+            i0.ɵɵtemplate(17, ListInputComponent_ul_4_ng_template_2_li_0_input_17_Template, 1, 1, "input", 36);
+            i0.ɵɵelementStart(18, "ng-miam-icon", 20);
+            i0.ɵɵlistener("click", function ListInputComponent_ul_4_ng_template_2_li_0_Template_ng_miam_icon_click_18_listener() { i0.ɵɵrestoreView(_r38_1); var i_r19 = ctx.index; var ctx_r39 = i0.ɵɵnextContext(3); return ctx_r39.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.ɵɵtemplate(19, ListInputComponent_ul_4_ng_template_2_li_0_div_19_Template, 1, 0, "div", 21);
+            i0.ɵɵtemplate(20, ListInputComponent_ul_4_ng_template_2_li_0_div_20_Template, 9, 6, "div", 22);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
@@ -6171,12 +6239,22 @@
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("iconName", ctx_r17.icon.Grip);
             i0.ɵɵadvance(2);
-            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.ɵɵproperty("ngClass", i0.ɵɵpipeBind1(6, 18, ctx_r17.isIngredientReviewed(row_r18["controls"]["attributes"]["controls"]["name"].value)) ? "alert-success" : "alert-danger")("ngModel", i0.ɵɵpipeBind1(7, 20, row_r18["controls"]["attributes"]["controls"]["name"].value))("formControl", row_r18["controls"]["attributes"]["controls"]["name"]);
+            i0.ɵɵattribute("list", "miam-list-input-dropdown-ingredients-id" + i_r19);
             i0.ɵɵadvance(3);
+            i0.ɵɵattribute("id", "miam-list-input-dropdown-ingredients-id" + i_r19);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", ctx_r17.getFilteredNameFromIndex(i_r19));
+            i0.ɵɵadvance(1);
             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, 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("ngClass", i0.ɵɵpipeBind1(12, 22, ctx_r17.isQuantityReviewed(row_r18["controls"]["attributes"]["controls"]["unit"].value)) ? "alert-success" : "alert-danger")("formControl", row_r18["controls"]["attributes"]["controls"]["unit"]);
+            i0.ɵɵattribute("list", "miam-list-input-dropdown-units-id" + i_r19);
+            i0.ɵɵadvance(2);
+            i0.ɵɵattribute("id", "miam-list-input-dropdown-units-id" + i_r19);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", ctx_r17.getFilteredUnitsFromIndex(i_r19));
+            i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx_r17.ingredientsPictures.visible);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r17.ingredientsPictures.visible && ctx_r17.ingredientsPictures.editable);
@@ -6186,7 +6264,7 @@
     }
     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, 17, 18, "li", 13);
+            i0.ɵɵtemplate(0, ListInputComponent_ul_4_ng_template_2_li_0_Template, 21, 24, "li", 13);
         }
         if (rf & 2) {
             var ctx_r6 = i0.ɵɵnextContext(2);
@@ -6195,9 +6273,9 @@
     }
     function ListInputComponent_ul_4_Template(rf, ctx) {
         if (rf & 1) {
-            var _r37_1 = i0.ɵɵgetCurrentView();
+            var _r41_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "ul", 10);
-            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.ɵɵlistener("cdkDropListDropped", function ListInputComponent_ul_4_Template_ul_cdkDropListDropped_0_listener($event) { i0.ɵɵrestoreView(_r41_1); var ctx_r40 = i0.ɵɵnextContext(); return ctx_r40.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();
@@ -6211,9 +6289,9 @@
     }
     function ListInputComponent_ng_template_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 44);
-            i0.ɵɵelement(1, "ng-miam-icon", 45);
-            i0.ɵɵelementStart(2, "span", 46);
+            i0.ɵɵelementStart(0, "div", 46);
+            i0.ɵɵelement(1, "ng-miam-icon", 47);
+            i0.ɵɵelementStart(2, "span", 48);
             i0.ɵɵtext(3);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
@@ -6228,7 +6306,7 @@
     }
     function ListInputComponent_div_13_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 47);
+            i0.ɵɵelementStart(0, "div", 49);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
@@ -6251,6 +6329,7 @@
             this.deleteId = new i0.EventEmitter();
             this.orderHasChanged = new i0.EventEmitter();
             this.previousQuantities = [];
+            this.maxSelectionNumber = 5;
         }
         ListInputComponent.prototype.delete = function (index) {
             var _a;
@@ -6355,10 +6434,59 @@
                 _this.cdr.detectChanges();
             };
         };
+        /**
+         * filter using the input the possible ingredient name the user might want
+         * @param index
+         */
+        ListInputComponent.prototype.getFilteredNameFromIndex = function (index) {
+            var input = this.list.controls[index].value.attributes.name.toLowerCase();
+            var possibleSelection = this.ingredientService.getReviewedNames();
+            return this.filterPossibleSelectionFromInput(input, possibleSelection);
+        };
+        /**
+         * filter using the input the possible unit the user might want
+         * @param index
+         */
+        ListInputComponent.prototype.getFilteredUnitsFromIndex = function (index) {
+            var input = this.list.controls[index].value.attributes.unit.toLowerCase();
+            var possibleSelection = this.ingredientService.getReviewedUnits();
+            return this.filterPossibleSelectionFromInput(input, possibleSelection);
+        };
+        /**
+         * Generic method to filter the name and the unit
+         * @param input user input
+         * @param possibleSelection possible selection to display to the user
+         * @private
+         */
+        ListInputComponent.prototype.filterPossibleSelectionFromInput = function (input, possibleSelection) {
+            var e_1, _b;
+            var filteredSelection = [];
+            var inputLC = input.toLowerCase();
+            try {
+                for (var possibleSelection_1 = __values(possibleSelection), possibleSelection_1_1 = possibleSelection_1.next(); !possibleSelection_1_1.done; possibleSelection_1_1 = possibleSelection_1.next()) {
+                    var selection = possibleSelection_1_1.value;
+                    var selectionLC = selection.toLowerCase();
+                    if (selectionLC.includes(inputLC) && selectionLC !== inputLC) {
+                        filteredSelection.push(selection);
+                    }
+                    if (filteredSelection.length >= this.maxSelectionNumber) {
+                        break;
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (possibleSelection_1_1 && !possibleSelection_1_1.done && (_b = possibleSelection_1.return)) _b.call(possibleSelection_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            return filteredSelection;
+        };
         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", 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) {
+    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"], [3, "value", 4, "ngFor", "ngForOf"], ["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, "value"], [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);
@@ -6397,7 +6525,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}@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)}"] });
+        }, 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, i9.NgSelectOption, i9.ɵangular_packages_forms_forms_x], 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,
@@ -15541,7 +15669,7 @@
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("ngForOf", ctx_r22.recipe == null ? null : ctx_r22.recipe.modifiedIngredients);
             i0.ɵɵadvance(5);
-            i0.ɵɵproperty("ngForOf", ctx_r22.steps);
+            i0.ɵɵproperty("ngForOf", ctx_r22.recipe.steps);
         }
     }
     function RecipeDetailsComponent_div_0_ng_template_55_ng_container_7_div_9_Template(rf, ctx) {
@@ -15647,7 +15775,7 @@
         if (rf & 2) {
             var ctx_r55 = i0.ɵɵnextContext(3);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngForOf", ctx_r55.steps);
+            i0.ɵɵproperty("ngForOf", ctx_r55.recipe.steps);
         }
     }
     var _c4 = function (a0) { return { "active": a0 }; };
@@ -15914,7 +16042,6 @@
             this.isMobile = false;
             this.tab = 0;
             this.showDetail = true;
-            this.steps = [];
             this.activeStep = 0;
             this.icon = exports.Icon;
             this.ingredientsChecked = {};
@@ -15936,7 +16063,6 @@
             this.cdr.detectChanges();
             this.showVideo = this.contextService.videoRecipesEnabled && ((_a = this.recipe) === null || _a === void 0 ? void 0 : _a.videoId);
             if (this.recipe) {
-                this.steps = this.recipe.steps;
                 this.activeStep = 0;
                 this.cdr.detectChanges();
             }
@@ -18520,7 +18646,7 @@
             }], function () { return [{ type: i0.Injector }]; }, null);
     })();
 
-    var MIAM_API_HOST$5 = environment.miamAPI + "/api/v1/";
+    var MIAM_API_HOST$6 = environment.miamAPI + "/api/v1/";
     var MIAM_WEB_URL = environment.miamWeb + "/fr/app";
     var MIAM_BASKET_URL = MIAM_WEB_URL + "/mon-panier";
     i8.registerLocaleData(localeFr__default['default'], 'fr');
@@ -18565,7 +18691,7 @@
             { provide: MIAM_BASKET_PATH, useValue: MIAM_BASKET_URL },
             { provide: i0.LOCALE_ID, useValue: 'fr' }
         ], imports: [[
-                i1.NgxJsonapiModule.forRoot({ url: MIAM_API_HOST$5 }),
+                i1.NgxJsonapiModule.forRoot({ url: MIAM_API_HOST$6 }),
                 ComponentsModule,
                 WebComponentsModule,
                 animations.BrowserAnimationsModule
@@ -18582,7 +18708,7 @@
                 type: i0.NgModule,
                 args: [{
                         imports: [
-                            i1.NgxJsonapiModule.forRoot({ url: MIAM_API_HOST$5 }),
+                            i1.NgxJsonapiModule.forRoot({ url: MIAM_API_HOST$6 }),
                             ComponentsModule,
                             WebComponentsModule,
                             animations.BrowserAnimationsModule