npm - ng-miam - Versions diffs - 8.2.2 → 8.2.4 - Mend

ng-miam 8.2.2 → 8.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/fesm2015/ng-miam.js CHANGED Viewed

@@ -6943,7 +6943,7 @@ class MiamInterceptor {
         request = request.clone({
             setHeaders: {
                 'miam-origin': this.context.origin.value,
-                'miam-front-version': '8.2.2',
+                'miam-front-version': '8.2.4',
                 'miam-front-type': 'web',
                 'miam-api-version': '4.7.0',
                 'language-id': environment$1.lang
@@ -7190,8 +7190,11 @@ class ModalComponent {
     observeNavigation() {
         this.currentPath = window.location.href;
         this.mutationObserver = new MutationObserver(() => {
-            if (this.display && this.currentPath !== window.location.href) {
-                this.onClose();
+            if (this.currentPath !== window.location.href) {
+                this.currentPath = window.location.href;
+                if (this.display) {
+                    this.onClose();
+                }
             }
         });
         this.mutationObserver.observe(document.body, { childList: true });
@@ -15087,7 +15090,7 @@ function RecipeCardComponent_ng_miam_actions_popin_2_Template(rf, ctx) { if (rf
     i0.ɵɵlistener("close", function RecipeCardComponent_ng_miam_actions_popin_2_Template_ng_miam_actions_popin_close_0_listener() { i0.ɵɵrestoreView(_r33); const ctx_r32 = i0.ɵɵnextContext(); return ctx_r32.closeMoreActions(); })("actionTriggered", function RecipeCardComponent_ng_miam_actions_popin_2_Template_ng_miam_actions_popin_actionTriggered_0_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r34 = i0.ɵɵnextContext(); return ctx_r34.actionTriggered.emit($event); });
     i0.ɵɵelementEnd();
 } }
-const _c4 = function (a0, a1, a2) { return { "variant-1": a0, "variant-2": a1, "variant-3": a2 }; };
+const _c4 = function (a0, a1, a2, a3) { return { "variant-1": a0, "variant-2": a1, "variant-3": a2, "in-basket": a3 }; };
 const recipeIncludes$4 = ['recipe-provider', 'sponsors'];
 const recipeSparseFields$4 = {
     recipes: ['title', 'number-of-guests', 'media-url', 'video-id', 'filigrane-logo-url', 'difficulty', 'preparation-time', 'cooking-time',
@@ -15132,6 +15135,7 @@ class RecipeCardComponent extends EventTracerComponent {
         this.icon = Icon;
         this.actionsOpened = false;
         this.isloaded = false;
+        this.inBasket = false;
         this.displayLikesBottom = false;
         this.displayBadge = false;
         this.primaryButtonClicked$ = new EventEmitter();
@@ -15151,6 +15155,7 @@ class RecipeCardComponent extends EventTracerComponent {
         this.updateDisplayVariant();
         if (this.recipe) {
             this.updateGuestsIfNecessary();
+            this.checkRecipeInBasket();
             this.isloaded = true;
         }
         else if (this.recipeId) {
@@ -15232,6 +15237,7 @@ class RecipeCardComponent extends EventTracerComponent {
         })).subscribe((result) => {
             this.recipe = result;
             this.updateGuestsIfNecessary();
+            this.checkRecipeInBasket();
             this.isloaded = true;
             this.cdr.detectChanges();
         }));
@@ -15247,6 +15253,7 @@ class RecipeCardComponent extends EventTracerComponent {
             if ((results === null || results === void 0 ? void 0 : results.length) > 0) {
                 this.recipe = results[0];
                 this.updateGuestsIfNecessary();
+                this.checkRecipeInBasket();
                 this.isloaded = true;
             }
             else {
@@ -15277,9 +15284,18 @@ class RecipeCardComponent extends EventTracerComponent {
             this.cdr.detectChanges();
         }));
     }
+    checkRecipeInBasket() {
+        if (!this.basketSubscription && this.recipe) {
+            this.basketSubscription = this.basketsService.recipeIsInBasket(this.recipe.id).subscribe(inBasket => {
+                this.inBasket = inBasket;
+                this.cdr.detectChanges();
+            });
+            this.subscriptions.push(this.basketSubscription);
+        }
+    }
 }
 RecipeCardComponent.ɵfac = function RecipeCardComponent_Factory(t) { return new (t || RecipeCardComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(RecipesService), i0.ɵɵdirectiveInject(BasketsService), i0.ɵɵdirectiveInject(UserService), i0.ɵɵdirectiveInject(ContextService), i0.ɵɵdirectiveInject(AnalyticsService), i0.ɵɵdirectiveInject(i0.ElementRef)); };
-RecipeCardComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeCardComponent, selectors: [["ng-miam-recipe-card"]], inputs: { recipeId: "recipeId", recipe: "recipe", randomModeEnable: "randomModeEnable", productIds: "productIds", previewAllowed: "previewAllowed", helpButtonAllowed: "helpButtonAllowed", displayInfos: "displayInfos", displayPricing: "displayPricing", displayGuests: "displayGuests", addRecipeMode: "addRecipeMode", replaceMode: "replaceMode", displayVariant: "displayVariant" }, outputs: { removedFromFavorite: "removedFromFavorite", displayed: "displayed", actionTriggered: "actionTriggered", removeFromMealsPlanner: "removeFromMealsPlanner", addToMealsPlanner: "addToMealsPlanner", openCatalog: "openCatalog", hide: "hide" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 3, vars: 8, consts: function () { let i18n_0; if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
+RecipeCardComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeCardComponent, selectors: [["ng-miam-recipe-card"]], inputs: { recipeId: "recipeId", recipe: "recipe", randomModeEnable: "randomModeEnable", productIds: "productIds", previewAllowed: "previewAllowed", helpButtonAllowed: "helpButtonAllowed", displayInfos: "displayInfos", displayPricing: "displayPricing", displayGuests: "displayGuests", addRecipeMode: "addRecipeMode", replaceMode: "replaceMode", displayVariant: "displayVariant" }, outputs: { removedFromFavorite: "removedFromFavorite", displayed: "displayed", actionTriggered: "actionTriggered", removeFromMealsPlanner: "removeFromMealsPlanner", addToMealsPlanner: "addToMealsPlanner", openCatalog: "openCatalog", hide: "hide" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 3, vars: 9, consts: function () { let i18n_0; if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
         const MSG_EXTERNAL_9004334984468055592$$LIB__WEB_COMPONENTS_RECIPE_CARDS_RECIPE_CARD_RECIPE_CARD_COMPONENT_TS___1 = goog.getMsg("Changer");
         i18n_0 = MSG_EXTERNAL_9004334984468055592$$LIB__WEB_COMPONENTS_RECIPE_CARDS_RECIPE_CARD_RECIPE_CARD_COMPONENT_TS___1;
     }
@@ -15298,7 +15314,7 @@ RecipeCardComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeCardComponent,
         i0.ɵɵtemplate(2, RecipeCardComponent_ng_miam_actions_popin_2_Template, 1, 0, "ng-miam-actions-popin", 2);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("condition", !!ctx.recipe)("ngClass", i0.ɵɵpureFunction3(4, _c4, ctx.displayVariant !== 2 && ctx.displayVariant !== 3, ctx.displayVariant === 2, ctx.displayVariant === 3));
+        i0.ɵɵproperty("condition", !!ctx.recipe)("ngClass", i0.ɵɵpureFunction4(4, _c4, ctx.displayVariant !== 2 && ctx.displayVariant !== 3, ctx.displayVariant === 2, ctx.displayVariant === 3, ctx.inBasket));
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.recipe);
         i0.ɵɵadvance(1);
@@ -16311,7 +16327,7 @@ CatalogListComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CatalogListComponent
         i0.ɵɵproperty("ngForOf", ctx.currentRecipes)("ngForTrackBy", ctx.trackByFn);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngForOf", ctx.articles);
-    } }, directives: [i2$1.NgIf, i2$1.NgForOf, IconComponent, i2$1.NgClass, LoaderComponent, CardCreateRecipeComponent, RecipeCardComponent, LoadOnScrollDirective, i2$1.NgTemplateOutlet, CatalogArticleCardComponent], pipes: [i2$1.AsyncPipe], styles: [".miam-catalog-list{width:100%;padding:0 80px;box-sizing:border-box}.miam-catalog-list .miam-catalog-list__notFound{display:flex;flex-direction:column;width:100%;justify-content:center;text-align:center;padding:36px 0 0}.miam-catalog-list .miam-catalog-list__notFound .miam-catalog-list__notFound__title1{margin-top:36px;margin-bottom:8px;font-size:24px;font-weight:700;color:var(--m-color-primary)}.miam-catalog-list .miam-catalog-list__notFound .miam-catalog-list__notFound__title1.filtering span{display:inline}.miam-catalog-list .miam-catalog-list__notFound .miam-catalog-list__notFound__title1.filtering span+span{margin-left:5px}.miam-catalog-list .miam-catalog-list__notFound .miam-catalog-list__notFound__title2{font-size:22px;color:var(--m-color-grey-text)}.miam-catalog-list .miam-catalog-list__loader{width:100%;font-size:20px;font-weight:700;color:var(--m-color-grey-text);text-align:center}.miam-catalog-list .miam-catalog-list__loader .miam-loader{margin-top:80px;margin-bottom:16px;margin-left:calc(50% - 40px);height:80px;width:80px}.miam-catalog-list .miam-catalog-list__cards{display:grid;grid-template-columns:repeat(auto-fill,var(--m-catalog-card-width));justify-content:center;gap:16px;position:relative;width:100%;box-sizing:border-box}@media (max-width:1024px){.miam-catalog-list{padding:0 32px}}@media (max-width:700px){.miam-catalog-list{padding:0 20px}}"], encapsulation: 2, changeDetection: 0 });
+    } }, directives: [i2$1.NgIf, i2$1.NgForOf, IconComponent, i2$1.NgClass, LoaderComponent, CardCreateRecipeComponent, RecipeCardComponent, LoadOnScrollDirective, i2$1.NgTemplateOutlet, CatalogArticleCardComponent], pipes: [i2$1.AsyncPipe], styles: [".miam-catalog-list{width:100%;padding:0 80px;box-sizing:border-box}.miam-catalog-list .miam-catalog-list__notFound{display:flex;flex-direction:column;width:100%;justify-content:center;text-align:center;padding:36px 0 0}.miam-catalog-list .miam-catalog-list__notFound .miam-catalog-list__notFound__title1{margin-top:36px;margin-bottom:8px;font-size:24px;font-weight:700;color:var(--m-color-primary)}.miam-catalog-list .miam-catalog-list__notFound .miam-catalog-list__notFound__title1.filtering span{display:inline}.miam-catalog-list .miam-catalog-list__notFound .miam-catalog-list__notFound__title1.filtering span+span{margin-left:5px}.miam-catalog-list .miam-catalog-list__notFound .miam-catalog-list__notFound__title2{font-size:22px;color:var(--m-color-grey-text)}.miam-catalog-list .miam-catalog-list__loader{width:100%;font-size:20px;font-weight:700;color:var(--m-color-grey-text);text-align:center}.miam-catalog-list .miam-catalog-list__loader .miam-loader{margin-top:80px;margin-bottom:16px;margin-left:calc(50% - 40px);height:80px;width:80px}.miam-catalog-list .miam-catalog-list__cards{display:grid;grid-template-columns:repeat(auto-fill,var(--m-catalog-card-width));justify-content:center;gap:16px;position:relative;width:100%;box-sizing:border-box}.miam-catalog-list .miam-catalog-list__cards:not(:has(.miam-recipe-card)){grid-template-columns:unset}@media (max-width:1024px){.miam-catalog-list{padding:0 32px}}@media (max-width:700px){.miam-catalog-list{padding:0 20px}}"], encapsulation: 2, changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CatalogListComponent, [{
         type: Component,
         args: [{
@@ -18323,7 +18339,7 @@ PreferencesComponent.ɵcmp = i0.ɵɵdefineComponent({ type: PreferencesComponent
         i0.ɵɵproperty("ngIf", ctx.displayType === ctx.preferenceViewEnum.DEFAULT);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.displayType === ctx.preferenceViewEnum.SEARCH);
-    } }, directives: [ModalComponent, i2$1.NgIf, CounterInputComponent, AccordionComponent, AccordionTitleDirective, AccordionContentDirective, i2$1.NgForOf, i2$1.NgClass, PreferencesSearchComponent], pipes: [i2$1.TitleCasePipe], styles: [".miam-preferences{position:relative;display:flex;flex-direction:column;gap:24px;margin-bottom:72px}.miam-preferences .miam-preferences__header{display:flex;padding:8px;align-items:center;border-bottom:1px solid var(--miam-ds-color-neutral-200,#d9dde1)}.miam-preferences .miam-preferences__header .miam-preferences_nav-and-title{display:flex;align-items:center}.miam-preferences .miam-preferences__header .miam-preferences__back-image{transform:rotate(180deg)}@media (min-width:1024px){.miam-preferences .miam-preferences__header{justify-content:space-between}}@media (min-width:1024px){.miam-preferences .miam-preferences__header .miam-preferences__back-button{display:none}}.miam-preferences .miam-preferences__header .miam-preferences__close-button{display:none}@media (min-width:1024px){.miam-preferences .miam-preferences__header .miam-preferences__close-button{display:block}}.miam-preferences .miam-preferences__header .miam-preferences__title{padding-left:8px;color:var(--miam-ds-color-neutral-black,#1f3543)}.miam-preferences .miam-preferences__guests{display:flex;justify-content:space-between;align-items:center;padding:0 16px}.miam-preferences .miam-preferences__guests .miam-preferences_guest-counter{border-radius:6px;border:1px solid var(--miam-ds-color-primary);color:var(--miam-ds-color-neutral-black,#1f3543)}.miam-preferences .miam-preferences__guests .miam-preferences_guest-counter .miam-counter-input .miam-counter-input__value-container{position:relative;gap:0}.miam-preferences .miam-preferences__guests .miam-preferences_guest-counter .miam-counter-input .miam-counter-input__value-container:after{content:\"\";background-image:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/cutlery-neutral-black.svg);background-repeat:no-repeat;background-position:50%;background-size:contain;width:18px;height:18px}.miam-preferences ng-miam-accordion .miam-accordion__header{height:48px;display:flex;align-items:center;justify-content:space-between;margin:0 16px 12px;padding:8px 16px;border-radius:8px;background:var(--miam-ds-color-primary-50,#f0f3f4);color:var(--miam-ds-color-neutral-black,#1f3543)}.miam-preferences ng-miam-accordion .miam-accordion__collapsable-container{margin:0 16px;padding:0 8px;border-bottom:0}.miam-preferences ng-miam-accordion .miam-accordion__collapsable-content{border-bottom:0}.miam-preferences .miam-preferences__list{display:flex;flex-direction:column}.miam-preferences .miam-preferences__list .miam-preferences__list__item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;cursor:pointer}.miam-preferences .miam-preferences__list .miam-preferences__list__item .miam-preferences__list__item__name{color:var(--miam-ds-color-neutral-black,#1f3543)}.miam-preferences .miam-preferences__list input{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:1px solid var(--miam-ds-color-neutral-200,#d9dde1);border-radius:4px}.miam-preferences .miam-preferences__list input:checked{background-color:var(--miam-color-primary,#24748f);border-color:var(--miam-color-primary,#24748f)}.miam-preferences .miam-preferences__list input:after{content:\"\";width:100%;height:100%;position:absolute;left:0;top:0;background-image:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Check.svg);background-repeat:no-repeat;background-position:50%}.miam-preferences .miam-preferences__dislikes-section ng-miam-accordion-content{display:flex;align-items:flex-start;align-content:flex-start;gap:12px;align-self:stretch;flex-wrap:wrap}.miam-preferences .miam-preferences__dislikes-section ng-miam-accordion-content .miam-preferences__badge{color:var(--miam-ds-color-neutral-black,#1f3543);padding:16px;cursor:pointer;transition:all .25s ease-in;-webkit-tap-highlight-color:transparent;border:none;display:flex;align-items:center}.miam-preferences .miam-preferences__dislikes-section ng-miam-accordion-content .miam-preferences__badge.checked{background:var(--miam-color-primary,#24748f);color:var(--miam-ds-color-neutral-white,#fff)}.miam-preferences .miam-preferences__dislikes-section ng-miam-accordion-content .miam-preferences__badge .miam-preferences__badge_label{display:flex;gap:8px}.miam-preferences .miam-preferences__dislikes-section ng-miam-accordion-content .miam-preferences__badge .miam-preferences__badge_label .miam-preferences__remove-tag{height:16px;width:16px}.miam-preferences .miam-preferences__footer{position:fixed;width:450px;bottom:0;display:flex;justify-content:center;gap:16px;padding:12px 16px;background:var(--miam-ds-color-neutral-white,#fff);border-top:1px solid var(--miam-ds-color-neutral-200,#d9dde1)}@media (max-width:1024px){.miam-preferences .miam-preferences__footer{width:100%}}.miam-preferences .miam-preferences__footer .miam-preferences__footer__recipes .miam-preferences__footer__number-recipes{margin-right:8px}"], encapsulation: 2, changeDetection: 0 });
+    } }, directives: [ModalComponent, i2$1.NgIf, CounterInputComponent, AccordionComponent, AccordionTitleDirective, AccordionContentDirective, i2$1.NgForOf, i2$1.NgClass, PreferencesSearchComponent], pipes: [i2$1.TitleCasePipe], styles: ["@media (min-width:450px){ng-miam-preferences .miam-modal__container.left .miam-modal,ng-miam-preferences .miam-modal__container.right .miam-modal,webc-miam-preferences .miam-modal__container.left .miam-modal,webc-miam-preferences .miam-modal__container.right .miam-modal{width:450px}}.miam-preferences{position:relative;display:flex;flex-direction:column;gap:24px;margin-bottom:72px}.miam-preferences .miam-preferences__header{display:flex;padding:8px;align-items:center;border-bottom:1px solid var(--miam-ds-color-neutral-200,#d9dde1)}.miam-preferences .miam-preferences__header .miam-preferences_nav-and-title{display:flex;align-items:center}.miam-preferences .miam-preferences__header .miam-preferences__back-image{transform:rotate(180deg)}@media (min-width:1024px){.miam-preferences .miam-preferences__header{justify-content:space-between}}@media (min-width:1024px){.miam-preferences .miam-preferences__header .miam-preferences__back-button{display:none}}.miam-preferences .miam-preferences__header .miam-preferences__close-button{display:none}@media (min-width:1024px){.miam-preferences .miam-preferences__header .miam-preferences__close-button{display:block}}.miam-preferences .miam-preferences__header .miam-preferences__title{padding-left:8px;color:var(--miam-ds-color-neutral-black,#1f3543)}.miam-preferences .miam-preferences__guests{display:flex;justify-content:space-between;align-items:center;padding:0 16px}.miam-preferences .miam-preferences__guests .miam-preferences_guest-counter{border-radius:6px;border:1px solid var(--miam-ds-color-primary);color:var(--miam-ds-color-neutral-black,#1f3543)}.miam-preferences .miam-preferences__guests .miam-preferences_guest-counter .miam-counter-input .miam-counter-input__value-container{position:relative;gap:0}.miam-preferences .miam-preferences__guests .miam-preferences_guest-counter .miam-counter-input .miam-counter-input__value-container:after{content:\"\";background-image:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/cutlery-neutral-black.svg);background-repeat:no-repeat;background-position:50%;background-size:contain;width:18px;height:18px}.miam-preferences ng-miam-accordion .miam-accordion__header{height:48px;display:flex;align-items:center;justify-content:space-between;margin:0 16px 12px;padding:8px 16px;border-radius:8px;background:var(--miam-ds-color-primary-50,#f0f3f4);color:var(--miam-ds-color-neutral-black,#1f3543)}.miam-preferences ng-miam-accordion .miam-accordion__collapsable-container{margin:0 16px;padding:0 8px;border-bottom:0}.miam-preferences ng-miam-accordion .miam-accordion__collapsable-content{border-bottom:0}.miam-preferences .miam-preferences__list{display:flex;flex-direction:column}.miam-preferences .miam-preferences__list .miam-preferences__list__item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;cursor:pointer}.miam-preferences .miam-preferences__list .miam-preferences__list__item .miam-preferences__list__item__name{color:var(--miam-ds-color-neutral-black,#1f3543)}.miam-preferences .miam-preferences__list input{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:1px solid var(--miam-ds-color-neutral-200,#d9dde1);border-radius:4px}.miam-preferences .miam-preferences__list input:checked{background-color:var(--miam-color-primary,#24748f);border-color:var(--miam-color-primary,#24748f)}.miam-preferences .miam-preferences__list input:after{content:\"\";width:100%;height:100%;position:absolute;left:0;top:0;background-image:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Check.svg);background-repeat:no-repeat;background-position:50%}.miam-preferences .miam-preferences__dislikes-section ng-miam-accordion-content{display:flex;align-items:flex-start;align-content:flex-start;gap:12px;align-self:stretch;flex-wrap:wrap}.miam-preferences .miam-preferences__dislikes-section ng-miam-accordion-content .miam-preferences__badge{color:var(--miam-ds-color-neutral-black,#1f3543);padding:16px;cursor:pointer;transition:all .25s ease-in;-webkit-tap-highlight-color:transparent;border:none;display:flex;align-items:center}.miam-preferences .miam-preferences__dislikes-section ng-miam-accordion-content .miam-preferences__badge.checked{background:var(--miam-color-primary,#24748f);color:var(--miam-ds-color-neutral-white,#fff)}.miam-preferences .miam-preferences__dislikes-section ng-miam-accordion-content .miam-preferences__badge .miam-preferences__badge_label{display:flex;gap:8px}.miam-preferences .miam-preferences__dislikes-section ng-miam-accordion-content .miam-preferences__badge .miam-preferences__badge_label .miam-preferences__remove-tag{height:16px;width:16px}.miam-preferences .miam-preferences__footer{position:fixed;width:450px;bottom:0;display:flex;justify-content:center;gap:16px;padding:12px 16px;background:var(--miam-ds-color-neutral-white,#fff);border-top:1px solid var(--miam-ds-color-neutral-200,#d9dde1);box-sizing:border-box}@media (max-width:1024px){.miam-preferences .miam-preferences__footer{width:100%}}.miam-preferences .miam-preferences__footer .miam-preferences__footer__recipes .miam-preferences__footer__number-recipes{margin-right:8px}"], encapsulation: 2, changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PreferencesComponent, [{
         type: Component,
         args: [{
@@ -20228,12 +20244,10 @@ class RecipeCatalogComponent extends EventTracerComponent {
         this.cdr.detectChanges();
     }
     ngOnDestroy() {
-        var _a;
+        var _a, _b;
         this.subscriptions.forEach(s => s.unsubscribe());
         (_a = this.headerHeightSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        if (document.querySelector('.miam-recipe-catalog__toolbar-container')) {
-            this.stickyToolbarObserver.unobserve(document.querySelector('.miam-recipe-catalog__toolbar-container'));
-        }
+        (_b = this.stickyToolbarObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
     }
     currentPath() {
         return 'miam/recipes';
@@ -21387,26 +21401,26 @@ function RecipeDetailsComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 6);
 } }
 function RecipeDetailsComponent_div_0_div_3_ng_miam_like_button_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ng-miam-like-button", 47);
+    i0.ɵɵelement(0, "ng-miam-like-button", 44);
 } if (rf & 2) {
     const ctx_r6 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("recipe", ctx_r6.recipeDetailsService.recipe);
 } }
 function RecipeDetailsComponent_div_0_div_3_img_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "img", 48);
+    i0.ɵɵelement(0, "img", 45);
 } if (rf & 2) {
     const ctx_r7 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("src", ctx_r7.recipeDetailsService.recipe == null ? null : ctx_r7.recipeDetailsService.recipe.attributes["media-url"], i0.ɵɵsanitizeUrl);
 } }
 function RecipeDetailsComponent_div_0_div_3_youtube_player_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "youtube-player", 49);
+    i0.ɵɵelement(0, "youtube-player", 46);
 } if (rf & 2) {
     const ctx_r8 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("videoId", ctx_r8.recipeDetailsService.recipe.videoId)("width", ctx_r8.playerWidth)("height", ctx_r8.playerHeight)("playerVars", ctx_r8.playerVars);
 } }
 function RecipeDetailsComponent_div_0_div_3_div_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 50);
-    i0.ɵɵelement(1, "img", 51);
+    i0.ɵɵelementStart(0, "div", 47);
+    i0.ɵɵelement(1, "img", 48);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r9 = i0.ɵɵnextContext(3);
@@ -21414,16 +21428,16 @@ function RecipeDetailsComponent_div_0_div_3_div_16_Template(rf, ctx) { if (rf &
     i0.ɵɵproperty("src", ctx_r9.recipeDetailsService.recipe.filigraneLogoUrl, i0.ɵɵsanitizeUrl);
 } }
 function RecipeDetailsComponent_div_0_div_3_ng_miam_addon_link_18_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ng-miam-addon-link", 52);
-    i0.ɵɵlistener("showAddon", function RecipeDetailsComponent_div_0_div_3_ng_miam_addon_link_18_Template_ng_miam_addon_link_showAddon_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(3); return ctx_r19.toggleAddon(); });
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "ng-miam-addon-link", 49);
+    i0.ɵɵlistener("showAddon", function RecipeDetailsComponent_div_0_div_3_ng_miam_addon_link_18_Template_ng_miam_addon_link_showAddon_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r18 = i0.ɵɵnextContext(3); return ctx_r18.toggleAddon(); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r10 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("hasStorytelling", ctx_r10.sponsorHasStorytelling)("recipe", ctx_r10.recipeDetailsService.recipe);
 } }
 function RecipeDetailsComponent_div_0_div_3_ng_miam_like_button_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ng-miam-like-button", 53);
+    i0.ɵɵelement(0, "ng-miam-like-button", 50);
 } if (rf & 2) {
     const ctx_r11 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("recipe", ctx_r11.recipeDetailsService.recipe)("originTrace", ctx_r11.eventTrace());
@@ -21432,15 +21446,15 @@ function RecipeDetailsComponent_div_0_div_3_ng_miam_store_locator_link_33_Templa
     i0.ɵɵelement(0, "ng-miam-store-locator-link");
 } }
 function RecipeDetailsComponent_div_0_div_3_ng_miam_products_picker_37_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ng-miam-products-picker", 54);
-    i0.ɵɵlistener("closeModal", function RecipeDetailsComponent_div_0_div_3_ng_miam_products_picker_37_Template_ng_miam_products_picker_closeModal_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r21 = i0.ɵɵnextContext(3); return ctx_r21.onClose(); });
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "ng-miam-products-picker", 51);
+    i0.ɵɵlistener("closeModal", function RecipeDetailsComponent_div_0_div_3_ng_miam_products_picker_37_Template_ng_miam_products_picker_closeModal_0_listener() { i0.ɵɵrestoreView(_r21); const ctx_r20 = i0.ɵɵnextContext(3); return ctx_r20.onClose(); });
     i0.ɵɵelementEnd();
 } }
 function RecipeDetailsComponent_div_0_div_3_div_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 55);
-    i0.ɵɵelement(1, "ng-miam-recipe-details-ingredients", 56);
-    i0.ɵɵelement(2, "ng-miam-recipe-details-steps", 57);
+    i0.ɵɵelementStart(0, "div", 52);
+    i0.ɵɵelement(1, "ng-miam-recipe-details-ingredients", 53);
+    i0.ɵɵelement(2, "ng-miam-recipe-details-steps", 54);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r14 = i0.ɵɵnextContext(3);
@@ -21449,20 +21463,20 @@ function RecipeDetailsComponent_div_0_div_3_div_38_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("recipe", ctx_r14.recipeDetailsService.recipe);
 } }
-function RecipeDetailsComponent_div_0_div_3_button_41_span_7_Template(rf, ctx) { if (rf & 1) {
+function RecipeDetailsComponent_div_0_div_3_ng_container_40_button_1_span_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵi18n(1, 64);
     i0.ɵɵelementEnd();
 } }
-function RecipeDetailsComponent_div_0_div_3_button_41_span_8_Template(rf, ctx) { if (rf & 1) {
+function RecipeDetailsComponent_div_0_div_3_ng_container_40_button_1_span_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵi18n(1, 65);
     i0.ɵɵelementEnd();
 } }
-function RecipeDetailsComponent_div_0_div_3_button_41_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
+function RecipeDetailsComponent_div_0_div_3_ng_container_40_button_1_Template(rf, ctx) { if (rf & 1) {
+    const _r28 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 58);
-    i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_button_41_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(3); return ctx_r25.recipeDetailsService.addAllIngredientsToBasket(ctx_r25.eventTrace()); });
+    i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_ng_container_40_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r27 = i0.ɵɵnextContext(4); return ctx_r27.recipeDetailsService.addAllIngredientsToBasket(ctx_r27.eventTrace()); });
     i0.ɵɵelement(1, "img", 59);
     i0.ɵɵelementStart(2, "div", 60);
     i0.ɵɵelementStart(3, "span");
@@ -21471,8 +21485,8 @@ function RecipeDetailsComponent_div_0_div_3_button_41_Template(rf, ctx) { if (rf
     i0.ɵɵelementStart(5, "span");
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(7, RecipeDetailsComponent_div_0_div_3_button_41_span_7_Template, 2, 0, "span", 36);
-    i0.ɵɵtemplate(8, RecipeDetailsComponent_div_0_div_3_button_41_span_8_Template, 2, 0, "span", 36);
+    i0.ɵɵtemplate(7, RecipeDetailsComponent_div_0_div_3_ng_container_40_button_1_span_7_Template, 2, 0, "span", 36);
+    i0.ɵɵtemplate(8, RecipeDetailsComponent_div_0_div_3_ng_container_40_button_1_span_8_Template, 2, 0, "span", 36);
     i0.ɵɵelementStart(9, "div", 62);
     i0.ɵɵtext(10, " ( ");
     i0.ɵɵelementStart(11, "span");
@@ -21487,29 +21501,29 @@ function RecipeDetailsComponent_div_0_div_3_button_41_Template(rf, ctx) { if (rf
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r15 = i0.ɵɵnextContext(3);
+    const ctx_r22 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(ctx_r15.recipeDetailsService.remainingBasketEntries.length);
+    i0.ɵɵtextInterpolate(ctx_r22.recipeDetailsService.remainingBasketEntries.length);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r15.recipeDetailsService.remainingBasketEntries.length <= 1);
+    i0.ɵɵproperty("ngIf", ctx_r22.recipeDetailsService.remainingBasketEntries.length <= 1);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r15.recipeDetailsService.remainingBasketEntries.length > 1);
+    i0.ɵɵproperty("ngIf", ctx_r22.recipeDetailsService.remainingBasketEntries.length > 1);
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("hidden", i0.ɵɵpipeBind1(12, 8, ctx_r15.recipeDetailsService.ingredientToBasketLoading$));
+    i0.ɵɵclassProp("hidden", i0.ɵɵpipeBind1(12, 8, ctx_r22.recipeDetailsService.ingredientToBasketLoading$));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(14, 10, ctx_r15.recipeDetailsService.recipePrice.remaining, ctx_r15.suppliersService.supplier$.value.currency), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(14, 10, ctx_r22.recipeDetailsService.recipePrice.remaining, ctx_r22.suppliersService.supplier$.value.currency), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("hidden", !i0.ɵɵpipeBind1(16, 13, ctx_r15.recipeDetailsService.ingredientToBasketLoading$));
+    i0.ɵɵclassProp("hidden", !i0.ɵɵpipeBind1(16, 13, ctx_r22.recipeDetailsService.ingredientToBasketLoading$));
 } }
-function RecipeDetailsComponent_div_0_div_3_button_43_Template(rf, ctx) { if (rf & 1) {
+function RecipeDetailsComponent_div_0_div_3_ng_container_40_button_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "button", 66);
     i0.ɵɵelement(1, "div", 63);
     i0.ɵɵelementEnd();
 } }
-function RecipeDetailsComponent_div_0_div_3_button_45_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
+function RecipeDetailsComponent_div_0_div_3_ng_container_40_button_5_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 67);
-    i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_button_45_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r28); const ctx_r27 = i0.ɵɵnextContext(3); return ctx_r27.onClose(); });
+    i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_ng_container_40_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(4); return ctx_r29.onClose(); });
     i0.ɵɵelementStart(1, "div", 60);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵi18n(3, 68);
@@ -21517,46 +21531,72 @@ function RecipeDetailsComponent_div_0_div_3_button_45_Template(rf, ctx) { if (rf
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } }
-function RecipeDetailsComponent_div_0_div_3_div_46_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 69);
-    i0.ɵɵelementStart(1, "div", 70);
+function RecipeDetailsComponent_div_0_div_3_ng_container_40_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_3_ng_container_40_button_1_Template, 18, 15, "button", 55);
+    i0.ɵɵpipe(2, "async");
+    i0.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_3_ng_container_40_button_3_Template, 2, 0, "button", 56);
+    i0.ɵɵpipe(4, "async");
+    i0.ɵɵtemplate(5, RecipeDetailsComponent_div_0_div_3_ng_container_40_button_5_Template, 4, 0, "button", 57);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r15 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r15.recipeDetailsService.remainingBasketEntries.length > 0 && !i0.ɵɵpipeBind1(2, 3, ctx_r15.recipeDetailsService.allIngredientsToBasketLoading$));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r15.recipeDetailsService.remainingBasketEntries.length > 0 && i0.ɵɵpipeBind1(4, 5, ctx_r15.recipeDetailsService.allIngredientsToBasketLoading$));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r15.recipeDetailsService.remainingBasketEntries.length === 0);
+} }
+function RecipeDetailsComponent_div_0_div_3_ng_container_41_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelement(1, "ng-miam-recipe-pricing", 69);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r16 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("recipeId", ctx_r16.recipeDetailsService.recipe.id)("serves", ctx_r16.recipeDetailsService.recipe.modifiedGuests)("fetchPricingOnScroll", false);
+} }
+function RecipeDetailsComponent_div_0_div_3_div_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 70);
+    i0.ɵɵelementStart(1, "div", 71);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵpipe(3, "async");
     i0.ɵɵpipe(4, "async");
     i0.ɵɵtext(5);
     i0.ɵɵpipe(6, "currency");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "div", 71);
+    i0.ɵɵelement(7, "div", 72);
     i0.ɵɵpipe(8, "async");
     i0.ɵɵpipe(9, "async");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "span", 72);
+    i0.ɵɵelementStart(10, "span", 73);
     i0.ɵɵtext(11, "dans mon panier");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r18 = i0.ɵɵnextContext(3);
+    const ctx_r17 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("hidden", i0.ɵɵpipeBind1(3, 5, ctx_r18.recipeDetailsService.ingredientToBasketLoading$) || i0.ɵɵpipeBind1(4, 7, ctx_r18.recipeDetailsService.updateIngredientFromBasketLoading$));
+    i0.ɵɵclassProp("hidden", i0.ɵɵpipeBind1(3, 5, ctx_r17.recipeDetailsService.ingredientToBasketLoading$) || i0.ɵɵpipeBind1(4, 7, ctx_r17.recipeDetailsService.updateIngredientFromBasketLoading$));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(6, 9, ctx_r18.recipeDetailsService.recipePrice.inBasket, ctx_r18.suppliersService.supplier$.value.currency), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(6, 9, ctx_r17.recipeDetailsService.recipePrice.inBasket, ctx_r17.suppliersService.supplier$.value.currency), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("hidden", !(i0.ɵɵpipeBind1(8, 12, ctx_r18.recipeDetailsService.ingredientToBasketLoading$) || i0.ɵɵpipeBind1(9, 14, ctx_r18.recipeDetailsService.updateIngredientFromBasketLoading$)));
+    i0.ɵɵclassProp("hidden", !(i0.ɵɵpipeBind1(8, 12, ctx_r17.recipeDetailsService.ingredientToBasketLoading$) || i0.ɵɵpipeBind1(9, 14, ctx_r17.recipeDetailsService.updateIngredientFromBasketLoading$)));
 } }
 const _c11 = function (a0) { return { "hidden": a0 }; };
 function RecipeDetailsComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
-    const _r30 = i0.ɵɵgetCurrentView();
+    const _r32 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 7);
     i0.ɵɵelementStart(1, "div", 8, 9);
     i0.ɵɵelementStart(3, "div", 10);
     i0.ɵɵelementStart(4, "div", 11);
     i0.ɵɵelementStart(5, "button", 12);
-    i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(2); return ctx_r29.onClose(); });
+    i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r32); const ctx_r31 = i0.ɵɵnextContext(2); return ctx_r31.onClose(); });
     i0.ɵɵelement(6, "img", 13);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(7, "div", 14);
     i0.ɵɵelementStart(8, "button", 15);
-    i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r30); const ctx_r31 = i0.ɵɵnextContext(2); return ctx_r31.onClose(); });
+    i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r32); const ctx_r33 = i0.ɵɵnextContext(2); return ctx_r33.onClose(); });
     i0.ɵɵelement(9, "img", 16);
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(10, RecipeDetailsComponent_div_0_div_3_ng_miam_like_button_10_Template, 1, 1, "ng-miam-like-button", 17);
@@ -21564,7 +21604,7 @@ function RecipeDetailsComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(12, "ng-miam-counter-input", 18);
-    i0.ɵɵlistener("valueChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_counter_input_valueChange_12_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r32 = i0.ɵɵnextContext(2); return ctx_r32.updateGuests($event); });
+    i0.ɵɵlistener("valueChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_counter_input_valueChange_12_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r34 = i0.ɵɵnextContext(2); return ctx_r34.updateGuests($event); });
     i0.ɵɵtext(13, " > ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -21580,7 +21620,7 @@ function RecipeDetailsComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(21, "div", 26);
     i0.ɵɵelementStart(22, "div", 27);
     i0.ɵɵelementStart(23, "button", 28);
-    i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r30); const ctx_r33 = i0.ɵɵnextContext(2); return ctx_r33.onClose(); });
+    i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r32); const ctx_r35 = i0.ɵɵnextContext(2); return ctx_r35.onClose(); });
     i0.ɵɵelement(24, "img", 29);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -21592,7 +21632,7 @@ function RecipeDetailsComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵpipe(29, "async");
     i0.ɵɵelementStart(30, "div", 33);
     i0.ɵɵelementStart(31, "button", 34);
-    i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r30); const ctx_r34 = i0.ɵɵnextContext(2); return ctx_r34.onClose(); });
+    i0.ɵɵlistener("click", function RecipeDetailsComponent_div_0_div_3_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r32); const ctx_r36 = i0.ɵɵnextContext(2); return ctx_r36.onClose(); });
     i0.ɵɵelement(32, "img", 35);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -21603,26 +21643,21 @@ function RecipeDetailsComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(34, "ng-miam-recipe-details-infos", 37);
     i0.ɵɵelementStart(35, "div", 38);
     i0.ɵɵelementStart(36, "ng-miam-slider-tabs", 39);
-    i0.ɵɵlistener("selectedTabIndexChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_slider_tabs_selectedTabIndexChange_36_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r35 = i0.ɵɵnextContext(2); return ctx_r35.activeTabIndex = $event; })("selectedTabIndexChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_slider_tabs_selectedTabIndexChange_36_listener() { i0.ɵɵrestoreView(_r30); const ctx_r36 = i0.ɵɵnextContext(2); return ctx_r36.cdr.detectChanges(); });
+    i0.ɵɵlistener("selectedTabIndexChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_slider_tabs_selectedTabIndexChange_36_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r37 = i0.ɵɵnextContext(2); return ctx_r37.activeTabIndex = $event; })("selectedTabIndexChange", function RecipeDetailsComponent_div_0_div_3_Template_ng_miam_slider_tabs_selectedTabIndexChange_36_listener() { i0.ɵɵrestoreView(_r32); const ctx_r38 = i0.ɵɵnextContext(2); return ctx_r38.cdr.detectChanges(); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(37, RecipeDetailsComponent_div_0_div_3_ng_miam_products_picker_37_Template, 1, 0, "ng-miam-products-picker", 40);
     i0.ɵɵtemplate(38, RecipeDetailsComponent_div_0_div_3_div_38_Template, 3, 2, "div", 41);
     i0.ɵɵelementStart(39, "div", 42);
-    i0.ɵɵelementContainerStart(40);
-    i0.ɵɵtemplate(41, RecipeDetailsComponent_div_0_div_3_button_41_Template, 18, 15, "button", 43);
-    i0.ɵɵpipe(42, "async");
-    i0.ɵɵtemplate(43, RecipeDetailsComponent_div_0_div_3_button_43_Template, 2, 0, "button", 44);
-    i0.ɵɵpipe(44, "async");
-    i0.ɵɵtemplate(45, RecipeDetailsComponent_div_0_div_3_button_45_Template, 4, 0, "button", 45);
-    i0.ɵɵelementContainerEnd();
-    i0.ɵɵtemplate(46, RecipeDetailsComponent_div_0_div_3_div_46_Template, 12, 16, "div", 46);
+    i0.ɵɵtemplate(40, RecipeDetailsComponent_div_0_div_3_ng_container_40_Template, 6, 7, "ng-container", 36);
+    i0.ɵɵtemplate(41, RecipeDetailsComponent_div_0_div_3_ng_container_41_Template, 2, 3, "ng-container", 36);
+    i0.ɵɵtemplate(42, RecipeDetailsComponent_div_0_div_3_div_42_Template, 12, 16, "div", 43);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r4 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(10);
-    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(11, 20, ctx_r4.userService.isLogged$));
+    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(11, 21, ctx_r4.userService.isLogged$));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("floating", true)("value", ctx_r4.recipeDetailsService.recipe.modifiedGuests)("minRange", 1);
     i0.ɵɵadvance(2);
@@ -21636,25 +21671,25 @@ function RecipeDetailsComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(8);
     i0.ɵɵtextInterpolate1(" ", ctx_r4.recipeDetailsService.recipe == null ? null : ctx_r4.recipeDetailsService.recipe.attributes["title"], " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(29, 22, ctx_r4.userService.isLogged$));
+    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(29, 23, ctx_r4.userService.isLogged$));
     i0.ɵɵadvance(5);
     i0.ɵɵproperty("ngIf", ctx_r4.contextService.noSupplier);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("recipe", ctx_r4.recipeDetailsService.recipe);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(28, _c11, ctx_r4.recipeDetailsService.onlyShowPreparation));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(25, _c11, ctx_r4.recipeDetailsService.onlyShowPreparation));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("selectedTabIndex", ctx_r4.activeTabIndex);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r4.activeTabIndex === 0);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r4.activeTabIndex === 1);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r4.recipeDetailsService.remainingBasketEntries.length > 0 && !i0.ɵɵpipeBind1(42, 24, ctx_r4.recipeDetailsService.allIngredientsToBasketLoading$));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r4.recipeDetailsService.remainingBasketEntries.length > 0 && i0.ɵɵpipeBind1(44, 26, ctx_r4.recipeDetailsService.allIngredientsToBasketLoading$));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r4.recipeDetailsService.remainingBasketEntries.length === 0);
+    i0.ɵɵadvance(1);
+    i0.ɵɵclassProp("center", ctx_r4.recipeDetailsService.onlyShowPreparation);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r4.recipeDetailsService.onlyShowPreparation);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r4.recipeDetailsService.onlyShowPreparation);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r4.showPrice());
 } }
@@ -21662,7 +21697,7 @@ function RecipeDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
     i0.ɵɵtemplate(1, RecipeDetailsComponent_div_0_div_1_Template, 1, 0, "div", 4);
     i0.ɵɵpipe(2, "async");
-    i0.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_3_Template, 47, 30, "div", 5);
+    i0.ɵɵtemplate(3, RecipeDetailsComponent_div_0_div_3_Template, 43, 27, "div", 5);
     i0.ɵɵpipe(4, "async");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -21673,18 +21708,18 @@ function RecipeDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", !i0.ɵɵpipeBind1(4, 4, ctx_r0.recipeDetailsService.recipeLoading$));
 } }
 function RecipeDetailsComponent_ng_miam_recipe_addon_2_Template(rf, ctx) { if (rf & 1) {
-    const _r38 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ng-miam-recipe-addon", 73);
-    i0.ɵɵlistener("hideAddon", function RecipeDetailsComponent_ng_miam_recipe_addon_2_Template_ng_miam_recipe_addon_hideAddon_0_listener() { i0.ɵɵrestoreView(_r38); const ctx_r37 = i0.ɵɵnextContext(); return ctx_r37.toggleAddon(); });
+    const _r40 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "ng-miam-recipe-addon", 74);
+    i0.ɵɵlistener("hideAddon", function RecipeDetailsComponent_ng_miam_recipe_addon_2_Template_ng_miam_recipe_addon_hideAddon_0_listener() { i0.ɵɵrestoreView(_r40); const ctx_r39 = i0.ɵɵnextContext(); return ctx_r39.toggleAddon(); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("recipe", ctx_r1.recipeDetailsService.recipe);
 } }
 function RecipeDetailsComponent_ng_miam_replace_item_3_Template(rf, ctx) { if (rf & 1) {
-    const _r40 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ng-miam-replace-item", 74);
-    i0.ɵɵlistener("selected", function RecipeDetailsComponent_ng_miam_replace_item_3_Template_ng_miam_replace_item_selected_0_listener() { i0.ɵɵrestoreView(_r40); const ctx_r39 = i0.ɵɵnextContext(); return ctx_r39.recipeDetailsService.basketEntryToReplace = null; });
+    const _r42 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "ng-miam-replace-item", 75);
+    i0.ɵɵlistener("selected", function RecipeDetailsComponent_ng_miam_replace_item_3_Template_ng_miam_replace_item_selected_0_listener() { i0.ɵɵrestoreView(_r42); const ctx_r41 = i0.ɵɵnextContext(); return ctx_r41.recipeDetailsService.basketEntryToReplace = null; });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -21723,6 +21758,7 @@ class RecipeDetailsComponent extends EventTracerComponent {
         this.pricingGuestsText = 'par-personne';
         this.recipeAdded = new EventEmitter();
         this.recipeError = new EventEmitter();
+        this.closeDetails = new EventEmitter();
         this.removedIngredients = [];
         this.isMobile = false;
         this.displayTags = false;
@@ -21871,6 +21907,7 @@ class RecipeDetailsComponent extends EventTracerComponent {
     onClose() {
         this.recipeDetailsService.displayEventWasSent = false;
         const originPath = this.eventTrace().originPath;
+        this.closeDetails.emit();
         this.recipesService.hide();
         this.cdr.detectChanges();
         this.activeTabIndex = 0;
@@ -21905,37 +21942,37 @@ RecipeDetailsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeDetailsCompo
     } if (rf & 2) {
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.topContainerImg = _t.first);
-    } }, inputs: { recipeId: "recipeId", guestNumber: "guestNumber", previewAllowed: "previewAllowed", ingredientsPictures: "ingredientsPictures", forceDisplayTags: "forceDisplayTags", displayTagsIcons: "displayTagsIcons", displayPricing: "displayPricing", displayGuests: "displayGuests", helpButtonAllowed: "helpButtonAllowed", stepsOnLeftSide: "stepsOnLeftSide", cookingTimeAsPrimaryInfo: "cookingTimeAsPrimaryInfo", moreRecipesImageURL: "moreRecipesImageURL", pricingGuestsText: "pricingGuestsText" }, outputs: { recipeAdded: "recipeAdded", recipeError: "recipeError" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 5, vars: 7, consts: function () { let i18n_1; if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
+    } }, inputs: { recipeId: "recipeId", guestNumber: "guestNumber", previewAllowed: "previewAllowed", ingredientsPictures: "ingredientsPictures", forceDisplayTags: "forceDisplayTags", displayTagsIcons: "displayTagsIcons", displayPricing: "displayPricing", displayGuests: "displayGuests", helpButtonAllowed: "helpButtonAllowed", stepsOnLeftSide: "stepsOnLeftSide", cookingTimeAsPrimaryInfo: "cookingTimeAsPrimaryInfo", moreRecipesImageURL: "moreRecipesImageURL", pricingGuestsText: "pricingGuestsText" }, outputs: { recipeAdded: "recipeAdded", recipeError: "recipeError", closeDetails: "closeDetails" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 5, vars: 7, consts: function () { let i18n_1; if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
         const MSG_EXTERNAL_7351539410416117833$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS___2 = goog.getMsg("Je fais mes courses, Je cuisine");
         i18n_1 = MSG_EXTERNAL_7351539410416117833$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS___2;
     }
     else {
         i18n_1 = $localize `:␟0e74aab5b3701ead8f4185e43a9410b6a31b969e␟7351539410416117833:Je fais mes courses, Je cuisine`;
     } let i18n_3; if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-        const MSG_EXTERNAL_70397346439942337$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS____4 = goog.getMsg("Ajouter");
-        i18n_3 = MSG_EXTERNAL_70397346439942337$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS____4;
+        const MSG_EXTERNAL_70397346439942337$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____4 = goog.getMsg("Ajouter");
+        i18n_3 = MSG_EXTERNAL_70397346439942337$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____4;
     }
     else {
         i18n_3 = $localize `:␟8aa969e69241c7c5838b40348f913519d6349371␟70397346439942337:Ajouter`;
     } let i18n_5; if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-        const MSG_EXTERNAL_5144484951400113194$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____6 = goog.getMsg("produit");
-        i18n_5 = MSG_EXTERNAL_5144484951400113194$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____6;
+        const MSG_EXTERNAL_5144484951400113194$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS______6 = goog.getMsg("produit");
+        i18n_5 = MSG_EXTERNAL_5144484951400113194$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS______6;
     }
     else {
         i18n_5 = $localize `:␟84c216d92afc9edd2b3bd2175d38197737ff86c5␟5144484951400113194:produit`;
     } let i18n_7; if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-        const MSG_EXTERNAL_1112144680738962826$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____8 = goog.getMsg("produits");
-        i18n_7 = MSG_EXTERNAL_1112144680738962826$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____8;
+        const MSG_EXTERNAL_1112144680738962826$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS______8 = goog.getMsg("produits");
+        i18n_7 = MSG_EXTERNAL_1112144680738962826$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS______8;
     }
     else {
         i18n_7 = $localize `:␟2571d7fbaeed8646df6ee852fb5d94185b0efd88␟1112144680738962826:produits`;
     } let i18n_9; if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
-        const MSG_EXTERNAL_2001694451572573558$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS____10 = goog.getMsg("Continuer mes courses");
-        i18n_9 = MSG_EXTERNAL_2001694451572573558$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS____10;
+        const MSG_EXTERNAL_2001694451572573558$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____10 = goog.getMsg("Continuer mes courses");
+        i18n_9 = MSG_EXTERNAL_2001694451572573558$$LIB__WEB_COMPONENTS_RECIPE_DETAILS_RECIPE_DETAILS_COMPONENT_TS_____10;
     }
     else {
         i18n_9 = $localize `:␟0e81a4e1efd31ae65483ef21f4fa59c2dce0e6f1␟2001694451572573558:Continuer mes courses`;
-    } return [["class", "miam-recipe-details", 4, "ngIf"], [3, "recipe", "hideAddon", 4, "ngIf"], [3, "recipe", "basketEntry", "ingredient", "ignoreSelected", "loadOnSelect", "selected", 4, "ngIf"], [1, "miam-recipe-details"], ["class", "miam-ds-loader miam-recipe-details__loader", 4, "ngIf"], ["class", "miam-recipe-details__container", 4, "ngIf"], [1, "miam-ds-loader", "miam-recipe-details__loader"], [1, "miam-recipe-details__container"], [1, "miam-recipe-details__picture"], ["topContainerImg", ""], [1, "miam-recipe-details__banner_buttons"], [1, "miam-recipe-details__top-button-wrapper"], [1, "miam-recipe-details__close-button", "miam-ds-button", "square", "primary", "reverse", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg", "alt", "modal close button", 1, "miam-recipe-details__close-icon"], [1, "miam-recipe-details__mobile-header-buttons"], [1, "miam-recipe-details__back-button", "miam-ds-button", "square", "primary", "reverse", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-primary.svg", "alt", "modal back button", 1, "miam-recipe-details__back-icon"], ["class", "miam-recipe-details__like-button", 3, "recipe", 4, "ngIf"], [1, "miam-recipe-details__guest-counter", 3, "floating", "value", "minRange", "valueChange"], ["alt", "recipe picture", "class", "miam-recipe-details__picture-img", 3, "src", 4, "ngIf"], [3, "videoId", "width", "height", "playerVars", 4, "ngIf"], ["class", "miam-recipe-details__picture__filigrane", 4, "ngIf"], [1, "miam-recipe-details__sponsor"], [3, "hasStorytelling", "recipe", "showAddon", 4, "ngIf"], [1, "miam-recipe-details__sponsor-separator"], [1, "miam-recipe-details__sticky-header"], ["ngMiamReachTop", "", 1, "miam-recipe-details__title-container"], [1, "miam-recipe-details__back-button-mobile-container"], [1, "miam-recipe-details__back-button", "miam-ds-button", "small", "square", "ghost", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-primary.svg", "alt", "modal close button", 1, "miam-recipe-details__back-icon"], [1, "miam-recipe-details__title", "miam-ds-text", "size-xl", "weight-xxl"], [1, "miam-recipe-details__actions__icon"], ["class", "miam-recipe-details__like-button", 3, "recipe", "originTrace", 4, "ngIf"], [1, "miam-recipe-details__hideable-actions"], [1, "miam-recipe-details__close-button", "miam-ds-button", "square", "ghost", 3, "click"], ["alt", "modal close button", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg", 1, "miam-recipe-details__close-icon"], [4, "ngIf"], [1, "miam-recipe-details__infos", 3, "recipe"], [1, "miam-recipe-details__tabs", 3, "ngClass"], ["tabs", i18n_1, 3, "selectedTabIndex", "selectedTabIndexChange"], [3, "closeModal", 4, "ngIf"], ["class", "miam-recipe-details__preparation-tab", 4, "ngIf"], [1, "miam-recipe-details__footer"], ["class", "miam-recipe-details__add-to-basket-cta miam-ds-button primary", 3, "click", 4, "ngIf"], ["class", "miam-recipe-details__add-to-basket-cta miam-ds-button primary", 4, "ngIf"], ["class", "miam-ds-button secondary", 3, "click", 4, "ngIf"], ["class", "miam-recipe-details__price", 4, "ngIf"], [1, "miam-recipe-details__like-button", 3, "recipe"], ["alt", "recipe picture", 1, "miam-recipe-details__picture-img", 3, "src"], [3, "videoId", "width", "height", "playerVars"], [1, "miam-recipe-details__picture__filigrane"], ["alt", "filigrane logo", 3, "src"], [3, "hasStorytelling", "recipe", "showAddon"], [1, "miam-recipe-details__like-button", 3, "recipe", "originTrace"], [3, "closeModal"], [1, "miam-recipe-details__preparation-tab"], [3, "ingredients"], [3, "recipe"], [1, "miam-recipe-details__add-to-basket-cta", "miam-ds-button", "primary", 3, "click"], ["alt", "basket icon", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Basket.svg"], [1, "miam-recipe-details__add-to-basket-cta__text"], i18n_3, [1, "miam-recipe-details__add-to-basket-remaining-price"], [1, "miam-ds-loader"], i18n_5, i18n_7, [1, "miam-recipe-details__add-to-basket-cta", "miam-ds-button", "primary"], [1, "miam-ds-button", "secondary", 3, "click"], i18n_9, [1, "miam-recipe-details__price"], [1, "miam-recipe-details__price-label", "miam-ds-text", "size-l", "weight-xxl"], [1, "miam-ds-loader", "primary"], [1, "miam-recipe-details__price-in-basket-label", "miam-ds-text", "size-xs"], [3, "recipe", "hideAddon"], [3, "recipe", "basketEntry", "ingredient", "ignoreSelected", "loadOnSelect", "selected"]]; }, template: function RecipeDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+    } return [["class", "miam-recipe-details", 4, "ngIf"], [3, "recipe", "hideAddon", 4, "ngIf"], [3, "recipe", "basketEntry", "ingredient", "ignoreSelected", "loadOnSelect", "selected", 4, "ngIf"], [1, "miam-recipe-details"], ["class", "miam-ds-loader miam-recipe-details__loader", 4, "ngIf"], ["class", "miam-recipe-details__container", 4, "ngIf"], [1, "miam-ds-loader", "miam-recipe-details__loader"], [1, "miam-recipe-details__container"], [1, "miam-recipe-details__picture"], ["topContainerImg", ""], [1, "miam-recipe-details__banner_buttons"], [1, "miam-recipe-details__top-button-wrapper"], [1, "miam-recipe-details__close-button", "miam-ds-button", "square", "primary", "reverse", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg", "alt", "modal close button", 1, "miam-recipe-details__close-icon"], [1, "miam-recipe-details__mobile-header-buttons"], [1, "miam-recipe-details__back-button", "miam-ds-button", "square", "primary", "reverse", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-primary.svg", "alt", "modal back button", 1, "miam-recipe-details__back-icon"], ["class", "miam-recipe-details__like-button", 3, "recipe", 4, "ngIf"], [1, "miam-recipe-details__guest-counter", 3, "floating", "value", "minRange", "valueChange"], ["alt", "recipe picture", "class", "miam-recipe-details__picture-img", 3, "src", 4, "ngIf"], [3, "videoId", "width", "height", "playerVars", 4, "ngIf"], ["class", "miam-recipe-details__picture__filigrane", 4, "ngIf"], [1, "miam-recipe-details__sponsor"], [3, "hasStorytelling", "recipe", "showAddon", 4, "ngIf"], [1, "miam-recipe-details__sponsor-separator"], [1, "miam-recipe-details__sticky-header"], ["ngMiamReachTop", "", 1, "miam-recipe-details__title-container"], [1, "miam-recipe-details__back-button-mobile-container"], [1, "miam-recipe-details__back-button", "miam-ds-button", "small", "square", "ghost", 3, "click"], ["src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-primary.svg", "alt", "modal close button", 1, "miam-recipe-details__back-icon"], [1, "miam-recipe-details__title", "miam-ds-text", "size-xl", "weight-xxl"], [1, "miam-recipe-details__actions__icon"], ["class", "miam-recipe-details__like-button", 3, "recipe", "originTrace", 4, "ngIf"], [1, "miam-recipe-details__hideable-actions"], [1, "miam-recipe-details__close-button", "miam-ds-button", "square", "ghost", 3, "click"], ["alt", "modal close button", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross_primary.svg", 1, "miam-recipe-details__close-icon"], [4, "ngIf"], [1, "miam-recipe-details__infos", 3, "recipe"], [1, "miam-recipe-details__tabs", 3, "ngClass"], ["tabs", i18n_1, 3, "selectedTabIndex", "selectedTabIndexChange"], [3, "closeModal", 4, "ngIf"], ["class", "miam-recipe-details__preparation-tab", 4, "ngIf"], [1, "miam-recipe-details__footer"], ["class", "miam-recipe-details__price", 4, "ngIf"], [1, "miam-recipe-details__like-button", 3, "recipe"], ["alt", "recipe picture", 1, "miam-recipe-details__picture-img", 3, "src"], [3, "videoId", "width", "height", "playerVars"], [1, "miam-recipe-details__picture__filigrane"], ["alt", "filigrane logo", 3, "src"], [3, "hasStorytelling", "recipe", "showAddon"], [1, "miam-recipe-details__like-button", 3, "recipe", "originTrace"], [3, "closeModal"], [1, "miam-recipe-details__preparation-tab"], [3, "ingredients"], [3, "recipe"], ["class", "miam-recipe-details__add-to-basket-cta miam-ds-button primary", 3, "click", 4, "ngIf"], ["class", "miam-recipe-details__add-to-basket-cta miam-ds-button primary", 4, "ngIf"], ["class", "miam-ds-button secondary", 3, "click", 4, "ngIf"], [1, "miam-recipe-details__add-to-basket-cta", "miam-ds-button", "primary", 3, "click"], ["alt", "basket icon", "src", "https://storage.googleapis.com/assets.miam.tech/generic/icons/Basket.svg"], [1, "miam-recipe-details__add-to-basket-cta__text"], i18n_3, [1, "miam-recipe-details__add-to-basket-remaining-price"], [1, "miam-ds-loader"], i18n_5, i18n_7, [1, "miam-recipe-details__add-to-basket-cta", "miam-ds-button", "primary"], [1, "miam-ds-button", "secondary", 3, "click"], i18n_9, [3, "recipeId", "serves", "fetchPricingOnScroll"], [1, "miam-recipe-details__price"], [1, "miam-recipe-details__price-label", "miam-ds-text", "size-l", "weight-xxl"], [1, "miam-ds-loader", "primary"], [1, "miam-recipe-details__price-in-basket-label", "miam-ds-text", "size-xs"], [3, "recipe", "hideAddon"], [3, "recipe", "basketEntry", "ingredient", "ignoreSelected", "loadOnSelect", "selected"]]; }, template: function RecipeDetailsComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, RecipeDetailsComponent_div_0_Template, 5, 6, "div", 0);
         i0.ɵɵpipe(1, "async");
         i0.ɵɵtemplate(2, RecipeDetailsComponent_ng_miam_recipe_addon_2_Template, 1, 1, "ng-miam-recipe-addon", 1);
@@ -21947,7 +21984,7 @@ RecipeDetailsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeDetailsCompo
         i0.ɵɵproperty("ngIf", !ctx.showDetail);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(4, 5, ctx.recipeDetailsService.basketEntryToReplace$));
-    } }, directives: [i2$1.NgIf, CounterInputComponent, ReachTopDirective, RecipeDetailsInfosComponent, i2$1.NgClass, SliderTabsComponent, LikeButtonComponent, i8.YouTubePlayer, AddonLinkComponent, StoreLocatorLinkComponent, ProductsPickerComponent, RecipeDetailsIngredientsComponent, RecipeDetailsStepsComponent, RecipeAddonComponent, ReplaceItemComponent], pipes: [i2$1.AsyncPipe, i2$1.CurrencyPipe], styles: [".miam-recipe-details{min-height:100dvh}.miam-recipe-details .miam-recipe-details__loader{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:40px;height:40px;background-position-x:20px;background-size:20px 20px}.miam-recipe-details .miam-recipe-details__container{position:relative}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sponsor-separator{border-top:1px solid var(--miam-ds-color-neutral-200,#d9dde1);margin:unset}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{position:relative;max-height:600px;display:flex}@media (min-width:1023px) and (max-height:1000px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{max-height:400px}}@media (min-width:1023px) and (max-height:800px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{max-height:300px}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons{position:absolute;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px;top:16px;right:16px;left:16px;bottom:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper{flex:1;width:100%;height:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons{display:flex;justify-content:space-between;height:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button{transform:rotate(90deg);border-radius:100%;height:40px;width:40px;position:sticky;top:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button .miam-recipe-details__back-icon{display:block}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button:hover img.miam-recipe-details__back-icon{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-white.svg)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__like-button{position:absolute;top:0;right:0}@media (min-width:1023px) and (max-height:800px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__guest-counter .miam-counter-input{padding:2px}}@media (min-width:1023px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons{top:24px;right:24px;left:24px;bottom:24px;flex-direction:column}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper{width:inherit}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button{display:flex;position:sticky;top:24px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button:hover img.miam-recipe-details__close-icon{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross.svg)}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__picture-img{width:100%;max-height:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header{z-index:2;position:sticky;top:-1px;overflow:hidden}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--miam-ds-color-neutral-white,#fff);transition:padding .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__title{width:100%;transition:font-size .3s;color:var(--miam-ds-color-neutral-black,#1f3543)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__actions__icon{display:flex;position:absolute;right:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__actions__icon .miam-recipe-details__hideable-actions{max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__actions__icon .miam-recipe-details__close-button{margin-left:16px;padding:8px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned{padding:12px 16px;border-bottom:1px solid var(--miam-ds-color-neutral-200,#d9dde1)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned .miam-recipe-details__title{font-size:20px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon{position:relative;top:unset;right:unset}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon .miam-recipe-details__like-button{margin-right:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon .miam-recipe-details__hideable-actions{max-width:64px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container{justify-content:flex-start}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container{display:flex;align-items:center;justify-content:center;max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container .miam-recipe-details__back-icon{transform:rotate(90deg)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__title{font-size:20px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__actions__icon{max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__hideable-actions{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned{padding:4px 16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned .miam-recipe-details__back-button-mobile-container{overflow:visible;max-width:48px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned .miam-recipe-details__back-button-mobile-container .miam-recipe-details__back-button{margin:8px 0;width:40px;height:40px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned .miam-recipe-details__title{font-size:14px;font-weight:500}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon{max-width:40px}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__infos{padding:8px 16px 16px;display:block}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__tabs{padding:8px 16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__tabs.hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer{box-sizing:border-box;background:var(--miam-ds-color-neutral-white,#fff);border-top:1px solid var(--miam-ds-color-neutral-200,#d9dde1);padding:16px 12px;position:sticky;bottom:0;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;z-index:2;height:80px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer.center{justify-content:center}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer.hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta{display:flex;gap:8px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta.miam-ds-button.primary:hover{background-color:var(--miam-ds-color-primary)}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text{display:flex;gap:4px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text .miam-recipe-details__add-to-basket-remaining-price{display:flex}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text .miam-recipe-details__add-to-basket-remaining-price .hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper{align-items:flex-end}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{color:var(--miam-ds-color-primary-700);margin-right:4px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper{flex-direction:column;align-items:flex-start}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price{display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-label{color:var(--miam-ds-color-primary,#24748f)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-label .hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-in-basket-label{color:var(--miam-ds-color-neutral-black,#1f3543);opacity:.65}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__preparation-tab{padding:16px;display:flex;flex-direction:column;gap:24px}"], encapsulation: 2, changeDetection: 0 });
+    } }, directives: [i2$1.NgIf, CounterInputComponent, ReachTopDirective, RecipeDetailsInfosComponent, i2$1.NgClass, SliderTabsComponent, LikeButtonComponent, i8.YouTubePlayer, AddonLinkComponent, StoreLocatorLinkComponent, ProductsPickerComponent, RecipeDetailsIngredientsComponent, RecipeDetailsStepsComponent, RecipePricingComponent, RecipeAddonComponent, ReplaceItemComponent], pipes: [i2$1.AsyncPipe, i2$1.CurrencyPipe], styles: [".miam-recipe-details{min-height:100dvh}.miam-recipe-details .miam-recipe-details__loader{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:40px;height:40px;background-position-x:20px;background-size:20px 20px}.miam-recipe-details .miam-recipe-details__container{position:relative}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sponsor-separator{border-top:1px solid var(--miam-ds-color-neutral-200,#d9dde1);margin:unset}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{position:relative;max-height:600px;display:flex}@media (min-width:1023px) and (max-height:1000px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{max-height:400px}}@media (min-width:1023px) and (max-height:800px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture{max-height:300px}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons{position:absolute;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px;top:16px;right:16px;left:16px;bottom:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper{flex:1;width:100%;height:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons{display:flex;justify-content:space-between;height:100%}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button{transform:rotate(90deg);border-radius:100%;height:40px;width:40px;position:sticky;top:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button .miam-recipe-details__back-icon{display:block}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__back-button:hover img.miam-recipe-details__back-icon{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/chevron-down-white.svg)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons .miam-recipe-details__like-button{position:absolute;top:0;right:0}@media (min-width:1023px) and (max-height:800px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__guest-counter .miam-counter-input{padding:2px}}@media (min-width:1023px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons{top:24px;right:24px;left:24px;bottom:24px;flex-direction:column}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper{width:inherit}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__mobile-header-buttons{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button{display:flex;position:sticky;top:24px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__banner_buttons .miam-recipe-details__top-button-wrapper .miam-recipe-details__close-button:hover img.miam-recipe-details__close-icon{content:url(https://storage.googleapis.com/assets.miam.tech/generic/icons/Cross.svg)}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__picture .miam-recipe-details__picture-img{width:100%;max-height:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header{z-index:2;position:sticky;top:-1px;overflow:hidden}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--miam-ds-color-neutral-white,#fff);transition:padding .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__title{width:100%;transition:font-size .3s;color:var(--miam-ds-color-neutral-black,#1f3543)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__actions__icon{display:flex;position:absolute;right:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__actions__icon .miam-recipe-details__hideable-actions{max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__actions__icon .miam-recipe-details__close-button{margin-left:16px;padding:8px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned{padding:12px 16px;border-bottom:1px solid var(--miam-ds-color-neutral-200,#d9dde1)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned .miam-recipe-details__title{font-size:20px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon{position:relative;top:unset;right:unset}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon .miam-recipe-details__like-button{margin-right:16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon .miam-recipe-details__hideable-actions{max-width:64px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container{justify-content:flex-start}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container{display:flex;align-items:center;justify-content:center;max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__back-button-mobile-container .miam-recipe-details__back-icon{transform:rotate(90deg)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__title{font-size:20px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__actions__icon{max-width:0;overflow:hidden;transition:max-width .3s}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container .miam-recipe-details__hideable-actions{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned{padding:4px 16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned .miam-recipe-details__back-button-mobile-container{overflow:visible;max-width:48px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned .miam-recipe-details__back-button-mobile-container .miam-recipe-details__back-button{margin:8px 0;width:40px;height:40px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned .miam-recipe-details__title{font-size:14px;font-weight:500}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__sticky-header .miam-recipe-details__title-container.is-pinned .miam-recipe-details__actions__icon{max-width:40px}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__infos{padding:8px 16px 16px;display:block}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__tabs{padding:8px 16px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__tabs.hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer{box-sizing:border-box;background:var(--miam-ds-color-neutral-white,#fff);border-top:1px solid var(--miam-ds-color-neutral-200,#d9dde1);padding:16px 12px;position:sticky;bottom:0;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;z-index:2;height:80px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer.center{justify-content:center}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer.hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta{display:flex;gap:8px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta.miam-ds-button.primary:hover{background-color:var(--miam-ds-color-primary)}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text{display:flex;gap:4px}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text .miam-recipe-details__add-to-basket-remaining-price{display:flex}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__add-to-basket-cta .miam-recipe-details__add-to-basket-cta__text .miam-recipe-details__add-to-basket-remaining-price .hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper{align-items:flex-end}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper .miam-recipe-pricing__wrapper__price{color:var(--miam-ds-color-primary-700);margin-right:4px}@media (max-width:1024px){.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer ng-miam-recipe-pricing .miam-recipe-pricing__wrapper{flex-direction:column;align-items:flex-start}}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price{display:flex;flex-direction:column}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-label{color:var(--miam-ds-color-primary,#24748f)}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-label .hidden{display:none}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__footer .miam-recipe-details__price .miam-recipe-details__price-in-basket-label{color:var(--miam-ds-color-neutral-black,#1f3543);opacity:.65}.miam-recipe-details .miam-recipe-details__container .miam-recipe-details__preparation-tab{padding:16px;display:flex;flex-direction:column;gap:24px}"], encapsulation: 2, changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RecipeDetailsComponent, [{
         type: Component,
         args: [{
@@ -21987,6 +22024,8 @@ RecipeDetailsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeDetailsCompo
             type: Output
         }], recipeError: [{
             type: Output
+        }], closeDetails: [{
+            type: Output
         }], topContainerImg: [{
             type: ViewChild,
             args: ['topContainerImg']
@@ -22820,16 +22859,16 @@ function RecipeModalComponent_ng_miam_modal_0_Template(rf, ctx) { if (rf & 1) {
 function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "ng-miam-recipe-details", 9, 10);
-    i0.ɵɵlistener("recipeAdded", function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template_ng_miam_recipe_details_recipeAdded_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(2); return ctx_r10.togglePreviewMode(); })("recipeError", function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template_ng_miam_recipe_details_recipeError_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r12 = i0.ɵɵnextContext(2); return ctx_r12.hide(); });
+    i0.ɵɵlistener("recipeAdded", function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template_ng_miam_recipe_details_recipeAdded_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(2); return ctx_r10.togglePreviewMode(); })("recipeError", function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template_ng_miam_recipe_details_recipeError_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r12 = i0.ɵɵnextContext(2); return ctx_r12.hide(); })("closeDetails", function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template_ng_miam_recipe_details_closeDetails_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r13 = i0.ɵɵnextContext(2); return ctx_r13.hide(); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r8 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("recipeId", ctx_r8.recipe.id)("guestNumber", ctx_r8.recipe.modifiedGuests)("previewAllowed", ctx_r8.previewAllowed)("originTrace", ctx_r8.eventTrace)("stepsOnLeftSide", ctx_r8.detailsStepsOnLeftSide)("moreRecipesImageURL", ctx_r8.detailsMoreRecipesImageURL)("pricingGuestsText", ctx_r8.detailsPricingGuestsText)("displayGuests", ctx_r8.displayGuestsInDetails)("helpButtonAllowed", ctx_r8.helpButtonAllowedInDetails);
 } }
 function RecipeModalComponent_ng_miam_modal_2_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
+    const _r15 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "ng-miam-modal", 7);
-    i0.ɵɵlistener("displayChange", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_displayChange_0_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.show = $event; })("close", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_close_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r15 = i0.ɵɵnextContext(); return ctx_r15.hide(); })("cancel", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_cancel_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r16 = i0.ɵɵnextContext(); return ctx_r16.removeRecipe(); })("confirm", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_confirm_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r17 = i0.ɵɵnextContext(); return ctx_r17.hide(); });
+    i0.ɵɵlistener("displayChange", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_displayChange_0_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.show = $event; })("close", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_close_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r16 = i0.ɵɵnextContext(); return ctx_r16.hide(); })("cancel", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_cancel_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r17 = i0.ɵɵnextContext(); return ctx_r17.removeRecipe(); })("confirm", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_confirm_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r18 = i0.ɵɵnextContext(); return ctx_r18.hide(); });
     i0.ɵɵtemplate(1, RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template, 2, 9, "ng-miam-recipe-details", 8);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -22973,7 +23012,7 @@ RecipeModalComponent.ɵcmp = i0.ɵɵdefineComponent({ type: RecipeModalComponent
     }
     else {
         i18n_0 = $localize `:␟d0309cdf7a6522949c4f145db5e71f70c9d9d66c␟171150506213829263:Mes repas`;
-    } return [["title", i18n_0, "modalStyle", "right", "class", "miam-recipe-modal__basket-preview-modal", 3, "display", "noHeaderMode", "confirmButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm", 4, "ngIf"], ["modalStyle", "right", 3, "noHeaderMode", "display", "cancelButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm", 4, "ngIf"], ["title", i18n_0, "modalStyle", "right", 1, "miam-recipe-modal__basket-preview-modal", 3, "display", "noHeaderMode", "confirmButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm"], ["header", "", 4, "ngIf"], [1, "miam-wrapper-preview"], [3, "recipeId", "displayItemsUnitaryPrice", "originTrace"], ["header", ""], ["modalStyle", "right", 3, "noHeaderMode", "display", "cancelButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm"], [3, "recipeId", "guestNumber", "previewAllowed", "originTrace", "stepsOnLeftSide", "moreRecipesImageURL", "pricingGuestsText", "displayGuests", "helpButtonAllowed", "recipeAdded", "recipeError", 4, "ngIf"], [3, "recipeId", "guestNumber", "previewAllowed", "originTrace", "stepsOnLeftSide", "moreRecipesImageURL", "pricingGuestsText", "displayGuests", "helpButtonAllowed", "recipeAdded", "recipeError"], ["details", ""]]; }, template: function RecipeModalComponent_Template(rf, ctx) { if (rf & 1) {
+    } return [["title", i18n_0, "modalStyle", "right", "class", "miam-recipe-modal__basket-preview-modal", 3, "display", "noHeaderMode", "confirmButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm", 4, "ngIf"], ["modalStyle", "right", 3, "noHeaderMode", "display", "cancelButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm", 4, "ngIf"], ["title", i18n_0, "modalStyle", "right", 1, "miam-recipe-modal__basket-preview-modal", 3, "display", "noHeaderMode", "confirmButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm"], ["header", "", 4, "ngIf"], [1, "miam-wrapper-preview"], [3, "recipeId", "displayItemsUnitaryPrice", "originTrace"], ["header", ""], ["modalStyle", "right", 3, "noHeaderMode", "display", "cancelButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm"], [3, "recipeId", "guestNumber", "previewAllowed", "originTrace", "stepsOnLeftSide", "moreRecipesImageURL", "pricingGuestsText", "displayGuests", "helpButtonAllowed", "recipeAdded", "recipeError", "closeDetails", 4, "ngIf"], [3, "recipeId", "guestNumber", "previewAllowed", "originTrace", "stepsOnLeftSide", "moreRecipesImageURL", "pricingGuestsText", "displayGuests", "helpButtonAllowed", "recipeAdded", "recipeError", "closeDetails"], ["details", ""]]; }, template: function RecipeModalComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, RecipeModalComponent_ng_miam_modal_0_Template, 4, 8, "ng-miam-modal", 0);
         i0.ɵɵpipe(1, "async");
         i0.ɵɵtemplate(2, RecipeModalComponent_ng_miam_modal_2_Template, 2, 5, "ng-miam-modal", 1);