ng-miam 6.4.4 → 6.4.6

package/bundles/ng-miam.umd.js

@@ -7070,7 +7070,7 @@
                 i0.ɵɵadvance(4);
                 i0.ɵɵproperty("iconName", ctx.icon.Trash);
             }
-        }, directives: [IconComponent], styles: [".miam-actions-popin{background-color:var(--m-color-white);border-radius:16px;box-shadow:0 1px 16px rgba(0,0,0,.2);position:absolute;right:16px;top:108px;z-index:1}.miam-actions-popin .miam-actions-popin__actions{padding:12px}.miam-actions-popin .miam-actions-popin__actions .miam-actions-popin__action{-webkit-tap-highlight-color:transparent;cursor:pointer;display:flex;margin:12px}.miam-actions-popin .miam-actions-popin__actions .miam-actions-popin__action span{margin-left:18px}.miam-actions-popin .miam-actions-popin__actions .miam-actions-popin__action:last-of-type{color:var(--m-color-danger)}"], encapsulation: 2, changeDetection: 0 });
+        }, directives: [IconComponent], styles: [".miam-actions-popin{background-color:var(--m-color-white);border-radius:16px;box-shadow:0 1px 16px rgba(0,0,0,.2);position:absolute;right:16px;top:16px;z-index:1}.miam-actions-popin .miam-actions-popin__actions{padding:12px}.miam-actions-popin .miam-actions-popin__actions .miam-actions-popin__action{-webkit-tap-highlight-color:transparent;cursor:pointer;display:flex;margin:12px}.miam-actions-popin .miam-actions-popin__actions .miam-actions-popin__action span{margin-left:18px}.miam-actions-popin .miam-actions-popin__actions .miam-actions-popin__action:last-of-type{color:var(--m-color-danger)}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(ActionsPopinComponent, [{
                 type: i0.Component,
@@ -12188,7 +12188,7 @@
             request = request.clone({
                 setHeaders: {
                     'miam-origin': context.origin.value,
-                    'miam-front-version': '6.4.4',
+                    'miam-front-version': '6.4.6',
                     'miam-front-type': 'web',
                     'miam-api-version': '4.7.0'
                 }
@@ -13286,8 +13286,8 @@
             i0.ɵɵelement(2, "ng-miam-icon", 16);
             i0.ɵɵelement(3, "img", 17);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 15);
-            i0.ɵɵelementStart(5, "div", 18);
+            i0.ɵɵelementStart(4, "div", 18);
+            i0.ɵɵelementStart(5, "div", 19);
             i0.ɵɵelementStart(6, "div", 7);
             i0.ɵɵtext(7);
             i0.ɵɵelementEnd();
@@ -13394,7 +13394,7 @@
             else {
                 i18n_2 = $localize(templateObject_2$a || (templateObject_2$a = __makeTemplateObject([":\u241F91e9ea6729d4b4c5b7f668863ce79497de831d63\u241F3678412541193319304:Remplacer cet article par :"], [":\u241F91e9ea6729d4b4c5b7f668863ce79497de831d63\u241F3678412541193319304:Remplacer cet article par :"])));
             }
-            return [[1, "miam-replace-item"], [1, "m-button-primary", 3, "click"], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], i18n_0, [1, "miam-replace-item__selected"], ["alt", "Image non disponible", 1, "miam-replace-item__selected__picture", 3, "src"], [1, "miam-replace-item__selected__column"], [1, "miam-replace-item__description"], [1, "miam-replace-item__price"], [1, "miam-replace-item__choices"], [1, "miam-replace-item__choices__action"], i18n_2, [1, "miam-replace-item__choices__list"], ["class", "miam-replace-item__choice", 3, "click", 4, "ngFor", "ngForOf"], [1, "miam-replace-item__choice", 3, "click"], [1, "miam-replace-item__choice__column"], [1, "miam-replace-item__choice__swap", 3, "height", "width", "iconName"], [3, "src"], [1, "miam-replace-item__choice__content"]];
+            return [[1, "miam-replace-item"], [1, "m-button-primary", 3, "click"], ["primaryColor", "var(--m-color-primary)", 3, "iconName"], i18n_0, [1, "miam-replace-item__selected"], ["alt", "Image non disponible", 1, "miam-replace-item__selected__picture", 3, "src"], [1, "miam-replace-item__selected__column"], [1, "miam-replace-item__description"], [1, "miam-replace-item__price"], [1, "miam-replace-item__choices"], [1, "miam-replace-item__choices__action"], i18n_2, [1, "miam-replace-item__choices__list"], ["class", "miam-replace-item__choice", 3, "click", 4, "ngFor", "ngForOf"], [1, "miam-replace-item__choice", 3, "click"], [1, "miam-replace-item__choice__column"], [1, "miam-replace-item__choice__swap", 3, "height", "width", "iconName"], [3, "src"], [1, "miam-replace-item__choice__column", "fill"], [1, "miam-replace-item__choice__content"]];
         }, template: function ReplaceItemComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "div", 0);
@@ -13453,7 +13453,7 @@
                 i0.ɵɵadvance(7);
                 i0.ɵɵproperty("ngForOf", ctx.line == null ? null : ctx.line.record == null ? null : ctx.line.record.candidateItems);
             }
-        }, directives: [IconComponent, i2.NgForOf], pipes: [i2.AsyncPipe], styles: [".miam-replace-item{background:var(--m-color-white);height:100%;width:100%}.miam-replace-item button ng-miam-icon{height:16px;margin-left:0;transform:rotate(90deg)}.miam-replace-item button ng-miam-icon svg path:first-of-type{fill:none}.miam-replace-item .miam-replace-item__selected{align-items:center;border:1px solid var(--m-color-primary);border-radius:16px;display:flex;margin:16px;padding:16px}.miam-replace-item .miam-replace-item__selected .miam-replace-item__selected__picture{height:70px;margin:8px}.miam-replace-item .miam-replace-item__selected .miam-replace-item__selected__column{display:flex;flex-direction:column;padding:10px;width:100%}.miam-replace-item .miam-replace-item__selected .miam-replace-item__selected__column .miam-replace-item__description{text-align:left}.miam-replace-item .miam-replace-item__choices{display:flex;flex-direction:column;margin:auto;min-width:100%;padding-bottom:80px;position:relative;width:auto}@media (max-width:475px){.miam-replace-item .miam-replace-item__choices{min-width:unset}}.miam-replace-item .miam-replace-item__choices ::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-replace-item .miam-replace-item__choices ::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-replace-item .miam-replace-item__choices ::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__action{align-items:center;display:flex;justify-content:space-between;top:0}@media (max-width:475px){.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__action{margin-left:16px}}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__action div{font-size:16px;font-weight:700}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__action .miam-replace-item__choices__close{border:none;padding:0}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list{display:flex;flex-wrap:wrap;gap:16px;padding:16px}@media (max-width:475px){.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list{display:flex;gap:0;justify-content:space-between;margin:auto;padding:0;width:90vw}}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice{-webkit-tap-highlight-color:transparent;border:1px solid var(--m-color-hairlines);border-radius:var(--m-border-radius);cursor:pointer;display:flex;flex-direction:column;width:160px}@media (max-width:475px){.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice{margin-top:8px;width:40vw}}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice .miam-replace-item__choice__column{align-items:center;display:inline-flex;flex-direction:column;gap:8px;margin:8px}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice .miam-replace-item__choice__column .miam-replace-item__choice__content{align-items:center;display:flex;flex-direction:column}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice .miam-replace-item__choice__column img{-o-object-fit:cover;border-radius:var(--m-border-radius);height:50px;object-fit:cover;width:50px}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice .miam-replace-item__choice__swap{background-color:var(--m-color-secondary);border:1px solid var(--m-color-secondary);border-radius:16px;padding:4px;transition:var(--m-default-transition)}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice .miam-replace-item__choice__swap .icon-container svg{fill:var(--m-color-white)}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice:hover{background-color:var(--m-color-white)}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice:hover .miam-replace-item__choice__swap{background-color:#fff;color:var(--m-color-secondary);transform:scale(1.1)}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice:hover .miam-replace-item__choice__swap .icon-container svg{fill:var(--m-color-secondary)}.miam-replace-item .miam-replace-item__title{display:inline-block;font-size:16px;font-weight:700;white-space:normal}.miam-replace-item .miam-replace-item__title:first-letter{text-transform:capitalize}.miam-replace-item .miam-replace-item__description{font-size:14px;text-align:center;white-space:normal}.miam-replace-item .miam-replace-item__price{font-size:20px;font-weight:700;text-align:right}"], encapsulation: 2, changeDetection: 0 });
+        }, directives: [IconComponent, i2.NgForOf], pipes: [i2.AsyncPipe], styles: [".miam-replace-item{background:var(--m-color-white);height:100%;width:100%}.miam-replace-item button ng-miam-icon{height:16px;margin-left:0;transform:rotate(90deg)}.miam-replace-item button ng-miam-icon svg path:first-of-type{fill:none}.miam-replace-item .miam-replace-item__selected{align-items:center;border:1px solid var(--m-color-primary);border-radius:16px;display:flex;margin:16px;padding:16px}.miam-replace-item .miam-replace-item__selected .miam-replace-item__selected__picture{height:70px;margin:8px}.miam-replace-item .miam-replace-item__selected .miam-replace-item__selected__column{display:flex;flex-direction:column;padding:10px;width:100%}.miam-replace-item .miam-replace-item__selected .miam-replace-item__selected__column .miam-replace-item__description{text-align:left}.miam-replace-item .miam-replace-item__choices{display:flex;flex-direction:column;margin:auto;min-width:100%;padding-bottom:80px;position:relative;width:auto}@media (max-width:475px){.miam-replace-item .miam-replace-item__choices{min-width:unset}}.miam-replace-item .miam-replace-item__choices ::-webkit-scrollbar{cursor:-webkit-grab;height:7px;width:5px}.miam-replace-item .miam-replace-item__choices ::-webkit-scrollbar-track{background:var(--m-color-grey)}.miam-replace-item .miam-replace-item__choices ::-webkit-scrollbar-thumb{background:var(--m-color-primary);border-radius:5px}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__action{align-items:center;display:flex;justify-content:space-between;top:0}@media (max-width:475px){.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__action{margin-left:16px}}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__action div{font-size:16px;font-weight:700}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__action .miam-replace-item__choices__close{border:none;padding:0}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list{display:flex;flex-wrap:wrap;gap:16px;padding:16px}@media (max-width:475px){.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list{display:flex;gap:0;justify-content:space-between;margin:auto;padding:0;width:90vw}}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice{-webkit-tap-highlight-color:transparent;border:1px solid var(--m-color-hairlines);border-radius:var(--m-border-radius);cursor:pointer;display:flex;flex-direction:column;width:160px}@media (max-width:475px){.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice{margin-top:8px;width:40vw}}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice .miam-replace-item__choice__column{align-items:center;display:inline-flex;flex-direction:column;gap:8px;margin:8px}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice .miam-replace-item__choice__column.fill{flex:1}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice .miam-replace-item__choice__column .miam-replace-item__choice__content{align-items:center;display:flex;flex-direction:column}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice .miam-replace-item__choice__column img{-o-object-fit:cover;border-radius:var(--m-border-radius);height:50px;object-fit:cover;width:50px}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice .miam-replace-item__choice__swap{background-color:var(--m-color-secondary);border:1px solid var(--m-color-secondary);border-radius:16px;padding:4px;transition:var(--m-default-transition)}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice .miam-replace-item__choice__swap .icon-container svg{fill:var(--m-color-white)}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice:hover{background-color:var(--m-color-white)}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice:hover .miam-replace-item__choice__swap{background-color:#fff;color:var(--m-color-secondary);transform:scale(1.1)}.miam-replace-item .miam-replace-item__choices .miam-replace-item__choices__list .miam-replace-item__choice:hover .miam-replace-item__choice__swap .icon-container svg{fill:var(--m-color-secondary)}.miam-replace-item .miam-replace-item__title{display:inline-block;font-size:16px;font-weight:700;white-space:normal}.miam-replace-item .miam-replace-item__title:first-letter{text-transform:capitalize}.miam-replace-item .miam-replace-item__description{font-size:14px;text-align:center;white-space:normal}.miam-replace-item .miam-replace-item__price{font-size:20px;font-weight:700;text-align:right}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(ReplaceItemComponent, [{
                 type: i0.Component,
@@ -16726,7 +16726,8 @@
         };
         RecipeCardCtaComponent.prototype.searchRecipeByName = function () {
             var _this = this;
-            return this.recipeService.all({ remotefilter: { recipe_provider_id: this.contextService.origin, search: this.recipeName } }).pipe(operators.skipWhile(function (result) { return !result || result.is_loading; }), operators.map(function (response) { var _a; return ((_a = response.data[0]) === null || _a === void 0 ? void 0 : _a.attributes.title) === _this.recipeName ? response.data[0] : null; }));
+            // Until supplier ids are the same as the provider ids we use the origin to determine the provider on which we filter
+            return this.contextService.origin.pipe(operators.skipWhile(function (origin) { return !origin; }), operators.take(1), operators.switchMap(function (origin) { return _this.recipeService.all({ remotefilter: { recipe_provider_id: origin, search: _this.recipeName } }).pipe(operators.skipWhile(function (result) { return !result || result.is_loading; }), operators.map(function (response) { var _a; return ((_a = response.data[0]) === null || _a === void 0 ? void 0 : _a.attributes.title) === _this.recipeName ? response.data[0] : null; })); }));
         };
         RecipeCardCtaComponent.prototype.currentPath = function () {
             return '';
@@ -16767,8 +16768,13 @@
             }
         };
         RecipeCardCtaComponent.prototype.openRecipe = function () {
-            var videoEvent = this.contextService.videoRecipesEnabled && this.recipe.videoId;
-            this.recipeService.displayObject(this.recipe, { previewAllowed: this.previewAllowed, guests: this.recipe.modifiedGuests, displayGuests: this.displayGuests, helpButtonAllowed: this.helpButtonAllowed }, this.eventTrace());
+            // const videoEvent = this.contextService.videoRecipesEnabled && this.recipe.videoId;
+            this.recipeService.displayObject(this.recipe, {
+                previewAllowed: this.previewAllowed,
+                guests: this.recipe.modifiedGuests,
+                displayGuests: this.displayGuests,
+                helpButtonAllowed: this.helpButtonAllowed
+            }, this.eventTrace());
             this.displayed.emit();
         };
         RecipeCardCtaComponent.prototype.addRecipe = function (display) {
@@ -16798,7 +16804,7 @@
                 }
                 _this.subscriptions.push(_this.groceriesListsService.appendRecipeToList(_this.recipe.id, _this.recipe.modifiedGuests, _this.eventTrace())
                     .pipe(operators.take(1))
-                    .subscribe(function (l) {
+                    .subscribe(function () {
                     _this.toggleButtonLoader(false);
                     if (recipeWasAdded && _this.recipeService.confirmationToaster) {
                         _this.showRecipeToaster();
@@ -19267,7 +19273,8 @@
         // => Packages mixing articles with recipes is not supported yet
         CatalogListComponent.prototype.loadArticles = function (page) {
             var _this = this;
-            if (!this.context.articlesInCatalogEnabled || this.noMoreArticles || !this.filters.additionalFilters.filters.packages) {
+            var _a;
+            if (!this.context.articlesInCatalogEnabled || this.noMoreArticles || !((_a = this.filters.additionalFilters) === null || _a === void 0 ? void 0 : _a.filters.packages)) {
                 return rxjs.of([]);
             }
             return this.articlesService.all({
@@ -19967,6 +19974,7 @@
         MealsPlannerComponent.prototype.addRecipes = function () {
             var _this = this;
             this.loading = true;
+            this.scrollToTop();
             this.cdr.detectChanges();
             var previousUsedBudget = this.usedBudget;
             var basketInitialized = false;
@@ -19991,7 +19999,6 @@
                 }
                 return rxjs.of(null);
             })).subscribe(function () {
-                _this.scrollToTop();
                 _this.loading = false;
                 _this.cdr.detectChanges();
             }));
@@ -20559,8 +20566,9 @@
         };
         CatalogCategoryComponent.prototype.loadArticles = function () {
             var _this = this;
+            var _a;
             // TODO: all contents (recipes, articles...) should be related to packages, to which filters could be attached
-            if (!this.filters.additionalFilters.filters.packages || !this.context.articlesInCatalogEnabled) {
+            if (!((_a = this.filters.additionalFilters) === null || _a === void 0 ? void 0 : _a.filters.packages) || !this.context.articlesInCatalogEnabled) {
                 return rxjs.of([]);
             }
             return this.articlesService.all({
@@ -23595,7 +23603,7 @@
                 i0.ɵɵadvance(2);
                 i0.ɵɵproperty("ngIf", !ctx.creatingRecipe && ctx.catalogSettingHasLoaded)("ngIfElse", _r2);
             }
-        }, directives: [i2.NgIf, CatalogHeaderComponent, RecipeFiltersComponent, IconComponent, CatalogListComponent, i2.NgForOf, CatalogCategoryComponent, ExplainBannerComponent, MealsPlannerLinkComponent, 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__content__title span:last-child{margin-left:6px}.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__categories .miam-recipe-catalog__first-category{align-items:flex-end;display:flex;flex-direction:row;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-meals-planner-link{margin:0 22px 40px 0}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__explain_banner{margin-bottom:40px}@media (max-width:1023px){.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories{padding:48px 0 48px 24px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category{align-items:flex-start;flex-direction:column}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-catalog-category{width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-meals-planner-link{margin:0 24px 24px 0;width:calc(100% - 24px)}}.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, MealsPlannerLinkComponent, 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__content__title span:last-child{margin-left:6px}.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__categories .miam-recipe-catalog__first-category{align-items:flex-end;display:flex;flex-direction:row;width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-meals-planner-link{margin:0 22px 40px 0}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__explain_banner{margin-bottom:40px}@media (max-width:1023px){.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories{padding:48px 0 48px 24px}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category{align-items:flex-start;flex-direction:column}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-catalog-category{width:100%}.miam-recipe-catalog .miam-recipe-catalog__content .miam-recipe-catalog__categories .miam-recipe-catalog__first-category ng-miam-meals-planner-link{margin:0 24px 24px 0;width:calc(100% - 24px)}}.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;margin-bottom:24px;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,
@@ -24211,7 +24219,7 @@
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx_r0.recipe == null ? null : ctx_r0.recipe.sponsorLogoUrl);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", (ctx_r0.sponsorBlocks == null ? null : ctx_r0.sponsorBlocks.length) === 0)("ngIfElse", _r5);
+            i0.ɵɵproperty("ngIf", ctx_r0.recipe == null ? null : ctx_r0.recipe.attributes["informational-page-html"])("ngIfElse", _r5);
         }
     }
     function RecipeAddonComponent_ng_template_1_Template(rf, ctx) {
@@ -24768,7 +24776,7 @@
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngIf", ctx.displayTags && ctx.tags.length);
             }
-        }, directives: [i2.NgSwitch, i2.NgSwitchCase, i2.NgSwitchDefault, IconComponent, i2.NgIf, i2.NgForOf, i2.NgClass], styles: [".miam-recipe-details-infos{align-items:center;background-color:var(--m-color-white);display:flex;flex-direction:column;justify-content:center;padding:40px 16px}@media (min-width:1023px) and (max-height:804px){.miam-recipe-details-infos{padding:17px 24px}}.miam-recipe-details-infos .miam-recipe-details-infos__time{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:120px;padding:0 8px}.miam-recipe-details-infos .miam-recipe-details-infos__time .miam-recipe-details-infos__time__text span{font-size:16px}.miam-recipe-details-infos .miam-recipe-details-infos__time .miam-recipe-details-infos__time__text span:last-child{font-weight:700}.miam-recipe-details-infos .miam-recipe-details-infos__time ng-miam-icon{margin-bottom:8px}.miam-recipe-details-infos .miam-recipe-details-infos__main{align-items:center;display:flex;flex-direction:row;justify-content:center}.miam-recipe-details-infos .miam-recipe-details-infos__main .miam-recipe-details-infos__difficulty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:120px;padding:0 8px}.miam-recipe-details-infos .miam-recipe-details-infos__main .miam-recipe-details-infos__difficulty ng-miam-icon{margin-bottom:8px}.miam-recipe-details-infos .miam-recipe-details-infos__main .miam-recipe-details-infos__time__total .miam-recipe-details-infos__time__text span:first-child{display:none}.miam-recipe-details-infos .miam-recipe-details-infos__main .miam-recipe-details-infos__time__total .miam-recipe-details-infos__time__text span:last-child{font-weight:400}.miam-recipe-details-infos .miam-recipe-details-infos__additional{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:24px;max-height:150px;overflow:hidden;transition:var(--m-default-transition);width:100%}@media print{.miam-recipe-details-infos .miam-recipe-details-infos__additional{margin-top:24px;max-height:150px;opacity:1}}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details-infos__times{align-items:center;display:flex;justify-content:center;width:100%}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details-infos__times .miam-recipe-details-infos__time{flex:1;max-width:172px}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details-infos__times .miam-recipe-details-infos__time ng-miam-icon{display:none}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;width:100%}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag{background-color:var(--m-color-grey05);border-radius:4px;display:flex;margin:4px;padding:8px}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag .miam-recipe-details__tag__icon{height:16px;width:16px}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag .miam-recipe-details__tag__name{font-size:13px;line-height:16px}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag.meal_type{background-color:var(--m-color-tag-meal-type)}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag.ingredient_category{background-color:var(--m-color-tag-ingredient-category)}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag.equipment{background-color:var(--m-color-tag-equipment)}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag.diet{background-color:var(--m-color-tag-diet)}"], encapsulation: 2, changeDetection: 0 });
+        }, directives: [i2.NgSwitch, i2.NgSwitchCase, i2.NgSwitchDefault, IconComponent, i2.NgIf, i2.NgForOf, i2.NgClass], styles: [".miam-recipe-details-infos{align-items:center;background-color:var(--m-color-white);display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 16px}@media (min-width:1023px) and (max-height:804px){.miam-recipe-details-infos{padding:17px 24px}}.miam-recipe-details-infos .miam-recipe-details-infos__time{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:120px;padding:0 8px}.miam-recipe-details-infos .miam-recipe-details-infos__time .miam-recipe-details-infos__time__text span{font-size:16px}.miam-recipe-details-infos .miam-recipe-details-infos__time .miam-recipe-details-infos__time__text span:last-child{font-weight:700}.miam-recipe-details-infos .miam-recipe-details-infos__time ng-miam-icon{margin-bottom:8px}.miam-recipe-details-infos .miam-recipe-details-infos__main{align-items:center;display:flex;flex-direction:row;justify-content:center}.miam-recipe-details-infos .miam-recipe-details-infos__main .miam-recipe-details-infos__difficulty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:120px;padding:0 8px}.miam-recipe-details-infos .miam-recipe-details-infos__main .miam-recipe-details-infos__difficulty ng-miam-icon{margin-bottom:8px}.miam-recipe-details-infos .miam-recipe-details-infos__main .miam-recipe-details-infos__time__total .miam-recipe-details-infos__time__text span:first-child{display:none}.miam-recipe-details-infos .miam-recipe-details-infos__main .miam-recipe-details-infos__time__total .miam-recipe-details-infos__time__text span:last-child{font-weight:400}.miam-recipe-details-infos .miam-recipe-details-infos__additional{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:24px;max-height:150px;overflow:hidden;transition:var(--m-default-transition);width:100%}@media print{.miam-recipe-details-infos .miam-recipe-details-infos__additional{margin-top:24px;max-height:150px;opacity:1}}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details-infos__times{align-items:center;display:flex;justify-content:center;width:100%}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details-infos__times .miam-recipe-details-infos__time{flex:1;max-width:172px}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details-infos__times .miam-recipe-details-infos__time ng-miam-icon{display:none}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;width:100%}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag{background-color:var(--m-color-grey05);border-radius:4px;display:flex;margin:4px;padding:8px}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag .miam-recipe-details__tag__icon{height:16px;width:16px}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag .miam-recipe-details__tag__name{font-size:13px;line-height:16px}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag.meal_type{background-color:var(--m-color-tag-meal-type)}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag.ingredient_category{background-color:var(--m-color-tag-ingredient-category)}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag.equipment{background-color:var(--m-color-tag-equipment)}.miam-recipe-details-infos .miam-recipe-details-infos__additional .miam-recipe-details__tags .miam-recipe-details__tag.diet{background-color:var(--m-color-tag-diet)}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(RecipeDetailsInfosComponent, [{
                 type: i0.Component,
@@ -25549,10 +25557,16 @@
                 setTimeout(function () {
                     _this.initScrollListenerOnTitle();
                 });
-            }), operators.switchMap(function () { return _this.sponsorBlocksService.all({
-                remotefilter: { 'sponsor-id': _this.recipe.sponsors[0].id },
-                page: { number: 1, size: 1 }
-            }).pipe(operators.skipWhile(function (result) { return result.is_loading; }), operators.tap(function (result) { return _this.sponsorHasStorytelling = !!result.data.length; })); })).subscribe(function () { return _this.cdr.detectChanges(); }));
+            }), operators.switchMap(function () {
+                var _a;
+                if (((_a = _this.recipe.sponsors) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                    return _this.sponsorBlocksService.all({
+                        remotefilter: { 'sponsor-id': _this.recipe.sponsors[0].id },
+                        page: { number: 1, size: 1 }
+                    }).pipe(operators.skipWhile(function (result) { return result.is_loading; }), operators.tap(function (result) { return _this.sponsorHasStorytelling = !!result.data.length; }));
+                }
+                return rxjs.of(null);
+            })).subscribe(function () { return _this.cdr.detectChanges(); }));
         };
         RecipeDetailsComponent.prototype.setupYoutubePlayer = function () {
             var _this = this;
@@ -25737,7 +25751,7 @@
                 var _r1 = i0.ɵɵreference(2);
                 i0.ɵɵproperty("ngIf", ctx.showDetail)("ngIfElse", _r1);
             }
-        }, directives: [i2.NgIf, IconComponent, RecipeDetailsIngredientsComponent, AddonLinkComponent, i2.NgClass, i9.YouTubePlayer, LikeButtonComponent, RecipeDetailsInfosComponent, RecipeDetailsStepsComponent, RecipePricingComponent, LoaderComponent, RecipeAddonComponent], pipes: [i2.AsyncPipe], styles: [".miam-recipe-details{display:flex;flex-direction:column;height:100vh;width:100%}.miam-recipe-details .miam-recipe-details__title{font-size:32px;font-weight:700;line-height:40px;margin-left:112px;max-width:calc(100% - 352px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miam-recipe-details .miam-recipe-details__header{align-items:center;background-color:var(--m-color-white);box-shadow:0 1px 0 #e9e9e9;display:flex;flex-direction:row;height:80px;justify-content:space-between;position:relative;width:100%}.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__bookmark{height:126px;left:20px;position:absolute;top:0;width:72px;z-index:1}@media (min-width:1023px){.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__bookmark img{height:100%}}.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__header__link{cursor:pointer;font-size:14px;line-height:20px;margin-right:64px}.miam-recipe-details .miam-recipe-details__container{display:flex;flex-direction:row;height:calc(100% - 80px);width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary{border-right:1px solid #e9e9e9;display:flex;margin-bottom:80px;width:60%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container{display:flex;flex-direction:column;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture{height:auto;max-height:48vh;position:relative;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}@media (min-width:1023px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img{max-height:calc(100vh - 396px)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img.sponsor{max-height:calc(100vh - 504px)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img.tags{max-height:calc(100vh - 476px)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img.sponsor.tags{max-height:calc(100vh - 584px)}}@media (min-width:1023px) and (max-height:816px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img.sponsor.tags{max-height:232px}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture .miam-recipe-details__picture__filigrane{align-items:flex-end;bottom:16px;display:flex;height:64px;justify-content:flex-end;order:2;position:absolute;right:16px;width:124px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture .miam-recipe-details__picture__filigrane img{-o-object-fit:contain;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar{background-color:var(--m-color-white);display:flex;filter:drop-shadow(0 8px 28px rgba(0,0,0,.07));flex-direction:row;justify-content:space-between}@media print{.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar{display:none}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar .miam-recipe-details__actionbar__group{display:flex;flex-direction:row}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar .miam-recipe-details__actionbar__group .miam-recipe-details__actions__icon{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;height:40px;justify-content:center;margin:8px 16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container{background-color:var(--m-color-white);bottom:0;box-shadow:0 -1px 0 #e9e9e9,0 1px 0 #e9e9e9;display:flex;flex-direction:row;height:80px;justify-content:center;left:0;position:absolute;right:40%;z-index:2}@media print{.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container{display:none}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:34%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper{color:var(--m-color-primary);flex-direction:row}@media (max-width:1022px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper{display:flex;flex-direction:column}}@media print{.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper{display:none}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{font-size:20px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{font-size:14px;margin-left:12px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket{align-items:center;background-color:var(--m-color-secondary);color:var(--m-color-white);cursor:pointer;display:flex;font-size:19px;font-weight:700;justify-content:center;width:66%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket .miam-recipe-details__addbasket__cta{display:flex;flex-direction:row}@media print{.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket{display:none}}@media (min-width:1022px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket:hover{background-color:var(--m-color-secondary-dark)}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket ng-miam-icon{margin-left:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket .miam-loader{border:var(--m-loader-thickness) solid transparent;border-top:var(--m-loader-thickness) solid var(--m-color-white);height:24px;width:24px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content{background-color:var(--m-color-white);display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:24px 24px 0;width:40%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__content__description{color:var(--m-color-grey-text-dark);display:flex;flex-direction:column;font-size:16px;line-height:20px;margin-bottom:40px;text-align:left;word-break:break-word}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content ng-miam-recipe-details-ingredients{margin-bottom:40px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__content__image,.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__content__image img{width:100%}@media print{.miam-recipe-details{height:unset!important}}@media (max-width:1023px){.miam-recipe-details .miam-recipe-details__header{height:48px}.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__bookmark{left:16px;top:4px}.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__title{font-size:16px;font-weight:900;line-height:20px;margin-left:64px;max-width:calc(100% - 200px)}}@media print and (max-width:1023px){.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__title{margin-left:112px}}@media (max-width:1023px){.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__header__link{display:none}.miam-recipe-details .miam-recipe-details__container{flex-direction:column;overflow-y:auto}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary{height:100%;margin-bottom:8px;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar{filter:unset}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container{position:fixed;right:0;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content{height:100%;overflow-y:unset;padding:0 24px;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:24px;line-height:28px;margin:0;max-width:unset;overflow:hidden;text-overflow:ellipsis;white-space:unset;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__content__description{margin:16px 0 0}}"], encapsulation: 2, changeDetection: 0 });
+        }, directives: [i2.NgIf, IconComponent, RecipeDetailsIngredientsComponent, AddonLinkComponent, i2.NgClass, i9.YouTubePlayer, LikeButtonComponent, RecipeDetailsInfosComponent, RecipeDetailsStepsComponent, RecipePricingComponent, LoaderComponent, RecipeAddonComponent], pipes: [i2.AsyncPipe], styles: [".miam-recipe-details{display:flex;flex-direction:column;height:100vh;width:100%}.miam-recipe-details .miam-recipe-details__title{font-size:32px;font-weight:700;line-height:40px;margin-left:112px;max-width:calc(100% - 352px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miam-recipe-details .miam-recipe-details__header{align-items:center;background-color:var(--m-color-white);box-shadow:0 1px 0 #e9e9e9;display:flex;flex-direction:row;height:80px;justify-content:space-between;position:relative;width:100%}.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__bookmark{height:126px;left:20px;position:absolute;top:0;width:72px;z-index:1}@media (min-width:1023px){.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__bookmark img{height:100%}}.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__header__link{cursor:pointer;font-size:14px;line-height:20px;margin-right:64px}.miam-recipe-details .miam-recipe-details__container{display:flex;flex-direction:row;height:calc(100% - 80px);width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary{border-right:1px solid #e9e9e9;display:flex;margin-bottom:80px;width:60%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container{display:flex;flex-direction:column;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container ng-miam-recipe-details-infos{flex-grow:1}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture{height:auto;max-height:48vh;position:relative;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img{-o-object-fit:cover;height:100%;object-fit:cover;width:100%}@media (min-width:1023px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img{max-height:calc(100vh - 396px)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img.sponsor{max-height:calc(100vh - 504px)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img.tags{max-height:calc(100vh - 476px)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img.sponsor.tags{max-height:calc(100vh - 584px)}}@media (min-width:1023px) and (max-height:816px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture img.sponsor.tags{max-height:232px}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture .miam-recipe-details__picture__filigrane{align-items:flex-end;bottom:16px;display:flex;height:64px;justify-content:flex-end;order:2;position:absolute;right:16px;width:124px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__picture .miam-recipe-details__picture__filigrane img{-o-object-fit:contain;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar{background-color:var(--m-color-white);display:flex;filter:drop-shadow(0 8px 28px rgba(0,0,0,.07));flex-direction:row;justify-content:space-between}@media print{.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar{display:none}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar .miam-recipe-details__actionbar__group{display:flex;flex-direction:row}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar .miam-recipe-details__actionbar__group .miam-recipe-details__actions__icon{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;height:40px;justify-content:center;margin:8px 16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container{background-color:var(--m-color-white);bottom:0;box-shadow:0 -1px 0 #e9e9e9,0 1px 0 #e9e9e9;display:flex;flex-direction:row;height:80px;justify-content:center;left:0;position:absolute;right:40%;z-index:2}@media print{.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container{display:none}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:34%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper{color:var(--m-color-primary);flex-direction:row}@media (max-width:1022px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper{display:flex;flex-direction:column}}@media print{.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper{display:none}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{font-size:20px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__price .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__subline{font-size:14px;margin-left:12px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket{align-items:center;background-color:var(--m-color-secondary);color:var(--m-color-white);cursor:pointer;display:flex;font-size:19px;font-weight:700;justify-content:center;width:66%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket .miam-recipe-details__addbasket__cta{display:flex;flex-direction:row}@media print{.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket{display:none}}@media (min-width:1022px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket:hover{background-color:var(--m-color-secondary-dark)}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket ng-miam-icon{margin-left:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container .miam-recipe-details__addbasket .miam-loader{border:var(--m-loader-thickness) solid transparent;border-top:var(--m-loader-thickness) solid var(--m-color-white);height:24px;width:24px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content{background-color:var(--m-color-white);display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:24px 24px 0;width:40%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__content__description{color:var(--m-color-grey-text-dark);display:flex;flex-direction:column;font-size:16px;line-height:20px;margin-bottom:40px;text-align:left;word-break:break-word}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content ng-miam-recipe-details-ingredients{margin-bottom:40px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__content__image,.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__content__image img{width:100%}@media print{.miam-recipe-details{height:unset!important}}@media (max-width:1023px){.miam-recipe-details .miam-recipe-details__header{height:48px}.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__bookmark{left:16px;top:4px}.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__title{font-size:16px;font-weight:900;line-height:20px;margin-left:64px;max-width:calc(100% - 200px)}}@media print and (max-width:1023px){.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__title{margin-left:112px}}@media (max-width:1023px){.miam-recipe-details .miam-recipe-details__header .miam-recipe-details__header__link{display:none}.miam-recipe-details .miam-recipe-details__container{flex-direction:column;overflow-y:auto}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary{height:100%;margin-bottom:8px;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__actionbar{filter:unset}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__summary .miam-recipe-details__summary__container .miam-recipe-details__action__container{position:fixed;right:0;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content{height:100%;overflow-y:unset;padding:0 24px;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:24px;line-height:28px;margin:0;max-width:unset;overflow:hidden;text-overflow:ellipsis;white-space:unset;width:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__content .miam-recipe-details__content__description{margin:16px 0 0}}"], encapsulation: 2, changeDetection: 0 });
     /*@__PURE__*/ (function () {
         i0.ɵsetClassMetadata(RecipeDetailsComponent, [{
                 type: i0.Component,