ng-miam 6.0.1 → 6.0.2

package/bundles/ng-miam.umd.js

@@ -2162,6 +2162,7 @@
                 'catalog-category': false,
                 'catalog-position': '',
                 'recipes-count': '',
+                'media-url': '',
                 settings: {}
             };
             _this.relationships = {
@@ -4142,7 +4143,34 @@
             if (itemsToAdd.length === 0) {
                 return;
             }
-            this.pushProductsToBasket(itemsToAdd);
+            if (this.pushBasketEntriesToBasket) {
+                this.pushBasketEntriesAndManagePFTs(itemsToAdd);
+            }
+            else {
+                this.pushProductsToBasket(itemsToAdd);
+            }
+        };
+        // DEPRECATED: REMOVE AS SOON AS WE CAN
+        BasketsSynchronizerService.prototype.pushBasketEntriesAndManagePFTs = function (itemsToAdd) {
+            var _this = this;
+            this.basketsService.basketEntries().pipe(operators.take(1)).subscribe(function (entries) {
+                _this.pushBasketEntriesToBasket(itemsToAdd.map(function (i) {
+                    var entry = entries.find(function (e) { return e.selectedItem.attributes['ext-id'] === i.id; }) ?
+                        entries.find(function (e) { return e.selectedItem.attributes['ext-id'] === i.id; }) :
+                        undefined;
+                    if (entry) {
+                        var bei = entry.attributes['basket-entries-items'].find(function (b) { return String(b.item_id) === entry.selectedItem.id; }) || {};
+                        Object.assign(entry.selectedItem.attributes, {
+                            // tslint:disable-next-line: no-string-literal
+                            'pft-checksum': bei['pft_checksum'],
+                            // tslint:disable-next-line: no-string-literal
+                            'pft-plages': bei['pft_plages']
+                        });
+                        return { basketEntry: entry, quantity: i.quantity };
+                    }
+                    return { removedId: i.id, quantity: i.quantity };
+                }));
+            });
         };
         /**
          * Remove entries from Miam's basket if there are entries that need to be removed
@@ -4256,6 +4284,9 @@
                     definePushProductsToBasket: function (pushProductsToBasket) {
                         _this.basketHandler.pushProductsToBasket = pushProductsToBasket;
                     },
+                    definePushBasketEntriesToBasket: function (pushBasketEntriesToBasket) {
+                        _this.basketHandler.pushBasketEntriesToBasket = pushBasketEntriesToBasket;
+                    },
                     retailerBasketChanged: function (comparableProducts) {
                         _this.basketHandler.retailerBasketChanged(comparableProducts);
                         _this.suppliersService.lastSupplierBasket = comparableProducts;
@@ -4296,11 +4327,12 @@
                     addRecipe: function (recipeId, guests) {
                         return _this.listsService.appendRecipeToList(recipeId, guests, { originPath: 'client', props: { recipe_id: recipeId } });
                     },
-                    hasRecipe: function (recipeId) { return _this.listsService.recipeIsInList(recipeId); }
+                    hasRecipe: function (recipeId) { return _this.listsService.recipeIsInList(recipeId); },
+                    recipeCount: this.listsService.list$.pipe(operators.skipWhile(function (l) { return !l; }), operators.map(function (l) { return l.attributes['recipes-ids'].length; }))
                 },
                 pos: {
-                    loadWithExtId: function (extId) {
-                        _this.posService.loadPosWithExtId(extId);
+                    load: function (externalId) {
+                        _this.posService.loadPosWithExtId(externalId);
                     }
                 },
                 recipes: {
@@ -17912,11 +17944,11 @@
             var _r17_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 17);
             i0.ɵɵlistener("click", function RecipeTagsComponent_ng_template_1_div_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r17_1); var ctx_r16 = i0.ɵɵnextContext(2); return ctx_r16.toggleModal(); });
-            i0.ɵɵelementStart(1, "span");
+            i0.ɵɵelementStart(1, "span", 18);
             i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(3, "span");
-            i0.ɵɵi18n(4, 18);
+            i0.ɵɵi18n(4, 19);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
@@ -17926,46 +17958,55 @@
             i0.ɵɵtextInterpolate(ctx_r14.recipePreviewLines.length);
         }
     }
-    function RecipeTagsComponent_ng_template_1_div_3_Template(rf, ctx) {
+    function RecipeTagsComponent_ng_template_1_ng_miam_modal_1_div_2_Template(rf, ctx) {
         if (rf & 1) {
-            var _r22_1 = i0.ɵɵgetCurrentView();
+            var _r23_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 11, 12);
             i0.ɵɵelementStart(2, "ng-miam-icon", 13);
-            i0.ɵɵlistener("click", function RecipeTagsComponent_ng_template_1_div_3_Template_ng_miam_icon_click_2_listener() { i0.ɵɵrestoreView(_r22_1); var recipeLine_r18 = ctx.$implicit; var ctx_r21 = i0.ɵɵnextContext(2); return ctx_r21.toggleRecipe(recipeLine_r18.id); });
+            i0.ɵɵlistener("click", function RecipeTagsComponent_ng_template_1_ng_miam_modal_1_div_2_Template_ng_miam_icon_click_2_listener() { i0.ɵɵrestoreView(_r23_1); var recipeLine_r19 = ctx.$implicit; var ctx_r22 = i0.ɵɵnextContext(3); return ctx_r22.toggleRecipe(recipeLine_r19.id); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(3, "span", 14);
-            i0.ɵɵlistener("click", function RecipeTagsComponent_ng_template_1_div_3_Template_span_click_3_listener() { i0.ɵɵrestoreView(_r22_1); var recipeLine_r18 = ctx.$implicit; var ctx_r23 = i0.ɵɵnextContext(2); return ctx_r23.toggleRecipe(recipeLine_r18.id); });
+            i0.ɵɵlistener("click", function RecipeTagsComponent_ng_template_1_ng_miam_modal_1_div_2_Template_span_click_3_listener() { i0.ɵɵrestoreView(_r23_1); var recipeLine_r19 = ctx.$implicit; var ctx_r24 = i0.ɵɵnextContext(3); return ctx_r24.toggleRecipe(recipeLine_r19.id); });
             i0.ɵɵtext(4);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var recipeLine_r18 = ctx.$implicit;
-            var ctx_r15 = i0.ɵɵnextContext(2);
+            var recipeLine_r19 = ctx.$implicit;
+            var ctx_r18 = i0.ɵɵnextContext(3);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("iconName", ctx_r15.icon.Meal);
+            i0.ɵɵproperty("iconName", ctx_r18.icon.Meal);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(recipeLine_r18.title);
+            i0.ɵɵtextInterpolate(recipeLine_r19.title);
         }
     }
-    function RecipeTagsComponent_ng_template_1_Template(rf, ctx) {
+    function RecipeTagsComponent_ng_template_1_ng_miam_modal_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r25_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵtemplate(0, RecipeTagsComponent_ng_template_1_div_0_Template, 5, 1, "div", 15);
-            i0.ɵɵelementStart(1, "ng-miam-modal", 16);
-            i0.ɵɵlistener("close", function RecipeTagsComponent_ng_template_1_Template_ng_miam_modal_close_1_listener() { i0.ɵɵrestoreView(_r25_1); var ctx_r24 = i0.ɵɵnextContext(); return ctx_r24.toggleModal(); });
-            i0.ɵɵelementStart(2, "div", 4);
-            i0.ɵɵtemplate(3, RecipeTagsComponent_ng_template_1_div_3_Template, 5, 2, "div", 5);
+            var _r26_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "ng-miam-modal", 20);
+            i0.ɵɵlistener("close", function RecipeTagsComponent_ng_template_1_ng_miam_modal_1_Template_ng_miam_modal_close_0_listener() { i0.ɵɵrestoreView(_r26_1); var ctx_r25 = i0.ɵɵnextContext(2); return ctx_r25.toggleModal(); });
+            i0.ɵɵelementStart(1, "div", 4);
+            i0.ɵɵtemplate(2, RecipeTagsComponent_ng_template_1_ng_miam_modal_1_div_2_Template, 5, 2, "div", 5);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
+        if (rf & 2) {
+            var ctx_r15 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("isAngularComponent", true)("expanded", ctx_r15.modalIsOpened)("noHeaderMode", false)("recipesCount", ctx_r15.recipePreviewLines.length);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngForOf", ctx_r15.recipePreviewLines);
+        }
+    }
+    function RecipeTagsComponent_ng_template_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵtemplate(0, RecipeTagsComponent_ng_template_1_div_0_Template, 5, 1, "div", 15);
+            i0.ɵɵtemplate(1, RecipeTagsComponent_ng_template_1_ng_miam_modal_1_Template, 3, 5, "ng-miam-modal", 16);
+        }
         if (rf & 2) {
             var ctx_r2 = i0.ɵɵnextContext();
             i0.ɵɵproperty("ngIf", (ctx_r2.recipePreviewLines == null ? null : ctx_r2.recipePreviewLines.length) > 0);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("isAngularComponent", true)("expanded", ctx_r2.modalIsOpened)("noHeaderMode", false)("recipesCount", ctx_r2.recipePreviewLines.length);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngForOf", ctx_r2.recipePreviewLines);
+            i0.ɵɵproperty("ngIf", (ctx_r2.recipePreviewLines == null ? null : ctx_r2.recipePreviewLines.length) > 0);
         }
     }
     var RecipeTagsComponent = /** @class */ (function (_super) {
@@ -18061,17 +18102,17 @@
             else {
                 i18n_4 = $localize(templateObject_1$s || (templateObject_1$s = __makeTemplateObject([":\u241F3c5bb82ed6e0c7ec470e7e044e3d12f9642d5356\u241F8273924711540568207:repas"], [":\u241F3c5bb82ed6e0c7ec470e7e044e3d12f9642d5356\u241F8273924711540568207:repas"])));
             }
-            return [[4, "ngIf", "ngIfElse"], ["reduced", ""], ["class", "miam-recipe-tags__container", 3, "ngStyle", 4, "ngIf"], [1, "miam-recipe-tags__container", 3, "ngStyle"], [1, "miam-recipe-tags__container__list"], ["class", "miam-recipe-tags__list__badge", 4, "ngFor", "ngForOf"], [1, "miam-recipe-tags__container__toggle", 3, "ngClass"], [1, "miam-recipe-tags__toggle__open", 3, "click"], [1, "miam-recipe-tags__toggle__ligne"], [1, "miam-recipe-tags__toggle__close", 3, "ngStyle", "click"], ["width", "24", "height", "24", "primaryColor", "var(--m-color-white)", 3, "iconName"], [1, "miam-recipe-tags__list__badge"], ["tag", ""], ["primaryColor", "var(--m-color-white)", 1, "miam-recipe-tags__badge__icon", 3, "iconName", "click"], [1, "miam-recipe-tag__badge__text", 3, "click"], ["class", "miam-recipe-tags__recipes", 3, "click", 4, "ngIf"], [1, "miam-recipe-tags__modal", 3, "isAngularComponent", "expanded", "noHeaderMode", "recipesCount", "close"], [1, "miam-recipe-tags__recipes", 3, "click"], i18n_4];
+            return [[4, "ngIf", "ngIfElse"], ["reduced", ""], ["class", "miam-recipe-tags__container", 3, "ngStyle", 4, "ngIf"], [1, "miam-recipe-tags__container", 3, "ngStyle"], [1, "miam-recipe-tags__container__list"], ["class", "miam-recipe-tags__list__badge", 4, "ngFor", "ngForOf"], [1, "miam-recipe-tags__container__toggle", 3, "ngClass"], [1, "miam-recipe-tags__toggle__open", 3, "click"], [1, "miam-recipe-tags__toggle__ligne"], [1, "miam-recipe-tags__toggle__close", 3, "ngStyle", "click"], ["width", "24", "height", "24", "primaryColor", "var(--m-color-white)", 3, "iconName"], [1, "miam-recipe-tags__list__badge"], ["tag", ""], ["primaryColor", "var(--m-color-white)", 1, "miam-recipe-tags__badge__icon", 3, "iconName", "click"], [1, "miam-recipe-tag__badge__text", 3, "click"], ["class", "miam-recipe-tags__recipes", 3, "click", 4, "ngIf"], ["class", "miam-recipe-tags__modal", 3, "isAngularComponent", "expanded", "noHeaderMode", "recipesCount", "close", 4, "ngIf"], [1, "miam-recipe-tags__recipes", 3, "click"], [1, "miam-recipe-tags__recipes__count"], i18n_4, [1, "miam-recipe-tags__modal", 3, "isAngularComponent", "expanded", "noHeaderMode", "recipesCount", "close"]];
         }, template: function RecipeTagsComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵtemplate(0, RecipeTagsComponent_ng_container_0_Template, 2, 1, "ng-container", 0);
-                i0.ɵɵtemplate(1, RecipeTagsComponent_ng_template_1_Template, 4, 6, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵtemplate(1, RecipeTagsComponent_ng_template_1_Template, 2, 2, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
                 var _r1 = i0.ɵɵreference(2);
                 i0.ɵɵproperty("ngIf", !ctx.reduce)("ngIfElse", _r1);
             }
-        }, directives: [i2.NgIf, i2.NgStyle, i2.NgForOf, i2.NgClass, IconComponent, ModalComponent], pipes: [EllipsisPipe], styles: [".miam-recipe-tags__container__list{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.miam-recipe-tags__container__list .miam-recipe-tags__list__badge{align-items:center;border:1px solid #e9e9e9;border-radius:100px;box-sizing:border-box;cursor:pointer;display:flex;height:24px;max-width:50vw;padding:0 8px 0 0;position:relative}.miam-recipe-tags__container__list .miam-recipe-tags__list__badge .miam-recipe-tags__badge__icon{background:var(--m-color-primary);border-radius:100px 0 0 100px;flex:none;flex-grow:0;order:0;padding:4px 8px}.miam-recipe-tags__container__list .miam-recipe-tags__list__badge .miam-recipe-tag__badge__text{color:#676767;flex:1;font-size:12px;line-height:16px;margin:0 8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miam-recipe-tags__container{display:flex;margin-top:16px;overflow:hidden;padding:0 8px;transition:height .25s cubic-bezier(0,0,.2,1)}.miam-recipe-tags__container .miam-recipe-tags__container__toggle{align-items:center;display:flex;flex-direction:column;visibility:visible;width:80px}.miam-recipe-tags__container .miam-recipe-tags__container__toggle.miam-recipe-tags__container__toggle__hidden{visibility:hidden}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__open{background:#f6f6f6;border-radius:100px;cursor:pointer;display:flex;height:24px;justify-content:center;min-width:40px;padding:4px 8px}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__ligne{background-color:var(--m-color-grey);flex:1;transform:height 1s linear;width:2px}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__close{background:var(--m-color-primary);border-radius:100px;cursor:pointer;min-width:40px;transition:opacity .2s linear}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__close ng-miam-icon .icon-container{transform:rotate(180deg)}.miam-recipe-tags__recipes{align-items:center;border:1px solid #e9e9e9;border-radius:100px;box-sizing:border-box;cursor:pointer;display:flex;height:24px;max-width:50vw;padding:0 8px 0 0;position:relative}.miam-recipe-tags__modal .miam-modal{-webkit-animation-name:none;animation-name:none;height:auto;right:50%;top:50%;transform:translate3d(50%,-50%,0)}.miam-recipe-tags__modal .miam-modal .miam-modal__container .miam-recipe-tags__container__list{display:flex;flex-flow:row wrap;max-width:480px;padding:24px}@media (max-width:1023px){.miam-recipe-tags__modal .miam-modal .miam-modal__container .miam-recipe-tags__container__list{flex-flow:column}}"], encapsulation: 2, changeDetection: 0 });
+        }, directives: [i2.NgIf, i2.NgStyle, i2.NgForOf, i2.NgClass, IconComponent, ModalComponent], pipes: [EllipsisPipe], styles: [".miam-recipe-tags__container__list{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.miam-recipe-tags__container__list .miam-recipe-tags__list__badge{align-items:center;border:1px solid #e9e9e9;border-radius:100px;box-sizing:border-box;cursor:pointer;display:flex;height:24px;max-width:50vw;padding:0 8px 0 0;position:relative}.miam-recipe-tags__container__list .miam-recipe-tags__list__badge .miam-recipe-tags__badge__icon{background:var(--m-color-primary);border-radius:100px 0 0 100px;flex:none;flex-grow:0;order:0;padding:4px 8px}.miam-recipe-tags__container__list .miam-recipe-tags__list__badge .miam-recipe-tag__badge__text{color:#676767;flex:1;font-size:12px;line-height:16px;margin:0 8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miam-recipe-tags__container{display:flex;margin-top:16px;overflow:hidden;padding:0 8px;transition:height .25s cubic-bezier(0,0,.2,1)}.miam-recipe-tags__container .miam-recipe-tags__container__toggle{align-items:center;display:flex;flex-direction:column;visibility:visible;width:80px}.miam-recipe-tags__container .miam-recipe-tags__container__toggle.miam-recipe-tags__container__toggle__hidden{visibility:hidden}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__open{background:#f6f6f6;border-radius:100px;cursor:pointer;display:flex;height:24px;justify-content:center;min-width:40px;padding:4px 8px}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__ligne{background-color:var(--m-color-grey);flex:1;transform:height 1s linear;width:2px}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__close{background:var(--m-color-primary);border-radius:100px;cursor:pointer;min-width:40px;transition:opacity .2s linear}.miam-recipe-tags__container .miam-recipe-tags__container__toggle .miam-recipe-tags__toggle__close ng-miam-icon .icon-container{transform:rotate(180deg)}.miam-recipe-tags__recipes{align-items:center;border:1px solid #e9e9e9;border-radius:100px;box-sizing:border-box;cursor:pointer;display:flex;height:24px;max-width:50vw;padding:0 8px 0 0;position:relative}.miam-recipe-tags__recipes .miam-recipe-tags__recipes__count{margin-right:4px}.miam-recipe-tags__modal .miam-modal{-webkit-animation-name:none;animation-name:none;height:auto;right:50%;top:50%;transform:translate3d(50%,-50%,0)}.miam-recipe-tags__modal .miam-modal .miam-modal__container .miam-recipe-tags__container__list{display:flex;flex-flow:row wrap;max-width:480px;padding:24px}@media (max-width:1023px){.miam-recipe-tags__modal .miam-modal .miam-modal__container .miam-recipe-tags__container__list{flex-flow:column}}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(RecipeTagsComponent, [{
                 type: i0.Component,
@@ -20017,13 +20058,16 @@
         };
         CatalogListComponent.prototype.loadRecipesPage = function (page) {
             var _this = this;
+            var _a;
             if (this.noMoreRecipes) {
                 return rxjs.of([]);
             }
             // keep a copy of the filters when request is sent, so we can check they are still the same when it is received
             // Because if it's not the case we have to ignore the results
             var requestFilters = this.filters.copy();
-            return this.recipesService.filter(requestFilters, { size: 20, number: page }, null, this.randomMode, 'position').pipe(operators.switchMap(function (result) { return _this.processResults(result, requestFilters, page); }));
+            return this.recipesService.filter(requestFilters, { size: 20, number: page }, null, this.randomMode, 
+            // tslint:disable-next-line: no-string-literal
+            ((_a = requestFilters.additionalFilters) === null || _a === void 0 ? void 0 : _a.filters['packages']) ? 'position' : '').pipe(operators.switchMap(function (result) { return _this.processResults(result, requestFilters, page); }));
         };
         CatalogListComponent.prototype.processResults = function (results, requestFilters, page) {
             var _this = this;
@@ -22059,7 +22103,7 @@
                 i0.ɵɵadvance(2);
                 i0.ɵɵproperty("ngIf", !ctx.creatingRecipe)("ngIfElse", _r2);
             }
-        }, directives: [i2.NgIf, CatalogHeaderComponent, RecipeFiltersComponent, IconComponent, CatalogListComponent, i2.NgForOf, CatalogCategoryComponent, ExplainBannerComponent, RecipeStepperComponent], pipes: [i2.AsyncPipe], styles: [".miam-recipe-catalog{display:flex;justify-content:space-between}.miam-recipe-catalog,.miam-recipe-catalog .miam-recipe-catalog__content{position:relative;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title{align-items:center;display:flex;font-size:24px;font-weight:700;line-height:34px;margin-bottom:24px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title ng-miam-icon{cursor:pointer;margin-right:20px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title ng-miam-icon .icon-container{transform:rotate(90deg)}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories{display:flex;flex-direction:column;padding:32px 24px;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__list{padding:24px;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__list .miam-recipe-catalog__list__create___button{align-items:center;border:1px solid var(--miam-color-primary);border-radius:20px;color:var(--miam-color-primary);cursor:pointer;display:flex;padding:4px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button{align-items:center;background:var(--m-color-primary);border-radius:0 0 20px 20px;cursor:pointer;display:flex;height:50px;justify-content:space-around;left:unset;position:absolute;right:50px;width:200px}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button .miam-recipe-catalog__myMeal__button__text{color:var(--m-color-white);font-weight:700}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button .miam-recipe-catalog__myMeal__second__icon{transform:rotate(-90deg)}@media (max-width:1023px){.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button{border-radius:20px 20px 0 0;bottom:0;left:8px;position:fixed;right:8px;width:auto;z-index:2}}"], encapsulation: 2, changeDetection: 0 });
+        }, directives: [i2.NgIf, CatalogHeaderComponent, RecipeFiltersComponent, IconComponent, CatalogListComponent, i2.NgForOf, CatalogCategoryComponent, ExplainBannerComponent, RecipeStepperComponent], pipes: [i2.AsyncPipe], styles: [".miam-recipe-catalog{display:flex;justify-content:space-between}.miam-recipe-catalog,.miam-recipe-catalog .miam-recipe-catalog__content{position:relative;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title{align-items:center;display:flex;font-size:24px;font-weight:700;line-height:34px;margin-bottom:24px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title ng-miam-icon{cursor:pointer;margin-right:20px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__content__title ng-miam-icon .icon-container{transform:rotate(90deg)}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories{display:flex;flex-direction:column;padding:48px 24px;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__list{padding:24px;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__list .miam-recipe-catalog__list__create___button{align-items:center;border:1px solid var(--miam-color-primary);border-radius:20px;color:var(--miam-color-primary);cursor:pointer;display:flex;padding:4px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button{align-items:center;background:var(--m-color-primary);border-radius:0 0 20px 20px;cursor:pointer;display:flex;height:50px;justify-content:space-around;left:unset;position:absolute;right:50px;width:200px}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button .miam-recipe-catalog__myMeal__button__text{color:var(--m-color-white);font-weight:700}.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button .miam-recipe-catalog__myMeal__second__icon{transform:rotate(-90deg)}@media (max-width:1023px){.miam-recipe-catalog .miam-recipe-catalog__content__myMeal__button{border-radius:20px 20px 0 0;bottom:0;left:8px;position:fixed;right:8px;width:auto;z-index:2}}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(RecipeCatalogComponent, [{
                 type: i0.Component,