ng-miam 8.2.5 → 8.2.6

package/bundles/ng-miam.umd.js

@@ -2784,8 +2784,11 @@
           _this.register();
           return _this;
       }
-      PackageService.prototype.categories_for = function (suppliersIds) {
+      PackageService.prototype.categories_for = function (suppliersIds, pageSize, pageNumber) {
+          if (pageSize === void 0) { pageSize = 30; }
+          if (pageNumber === void 0) { pageNumber = 1; }
           return this.all({
+              page: { size: pageSize, number: pageNumber },
               remotefilter: {
                   category_for: suppliersIds.join(','),
                   status: 'validated',
@@ -3221,14 +3224,16 @@
           this.tagsToAdd = [];
           this.tagsToRemove = [];
           this.currentPreferencesNumber = new rxjs.BehaviorSubject(0);
+          this.guests$ = new rxjs.BehaviorSubject(0);
+          this.initGuests();
           this.updatePreferencesCount();
       }
       Object.defineProperty(PreferencesService.prototype, "guests", {
           get: function () {
-              return +localStorage.getItem('_miam/preferences/guests') || 4;
+              return this.guests$.value;
           },
           set: function (newNumber) {
-              localStorage.setItem('_miam/preferences/guests', newNumber.toString());
+              this.guests$.next(newNumber);
           },
           enumerable: false,
           configurable: true
@@ -3243,6 +3248,9 @@
           enumerable: false,
           configurable: true
       });
+      PreferencesService.prototype.initGuests = function () {
+          this.guests$.next(+localStorage.getItem('_miam/preferences/guests') || 4);
+      };
       PreferencesService.prototype.tagIsInStorage = function (tag, without) {
           var preferences = this.preferencesInStorage;
           if (!preferences || !preferences.with || !preferences.without) {
@@ -3262,7 +3270,9 @@
           return (this.tagIsInStorage(tag, without) && !this.tagWasAlreadyRemoved(tag)) || this.tagWasAlreadyAdded(tag);
       };
       PreferencesService.prototype.resetPreferences = function () {
+          localStorage.setItem('_miam/preferences/guests', '4');
           localStorage.setItem('_miam/preferences', JSON.stringify({ with: [], without: [] }));
+          this.guests$.next(+localStorage.getItem('_miam/preferences/guests') || 4);
           this.resetTagsActions();
       };
       PreferencesService.prototype.resetTagsActions = function () {
@@ -3338,6 +3348,7 @@
           this.tagsToRemove.forEach(function (tag) {
               _this.removeTagFromPreferences(tag);
           });
+          localStorage.setItem('_miam/preferences/guests', this.guests.toString());
           this.updatePreferencesCount();
           this.resetTagsActions();
       };
@@ -7762,6 +7773,11 @@
           }
           return this.originTrace.originPath;
       };
+      EventTracerComponent.prototype.removeFromOriginPath = function (partToReplace) {
+          if (this.originTrace.originPath.includes(partToReplace)) {
+              this.originTrace.originPath = this.originTrace.originPath.replace(partToReplace, '');
+          }
+      };
       EventTracerComponent.prototype.sendEvent = function (eventType) {
           this.analyticsService.sendEventWhenReady(eventType, this.path(), this.props());
       };
@@ -12923,7 +12939,7 @@
       if (rf & 2) {
           var ctx_r4 = i0__namespace.ɵɵnextContext(2);
           i0__namespace.ɵɵadvance(5);
-          i0__namespace.ɵɵtextInterpolate(ctx_r4.recipesIncludingIngredient);
+          i0__namespace.ɵɵtextInterpolate(ctx_r4.isInXRecipes());
       }
   }
   var _c16 = function (a0, a1) { return { "added": a0, "disabled": a1 }; };
@@ -12974,24 +12990,22 @@
           i0__namespace.ɵɵadvance(1);
           i0__namespace.ɵɵproperty("ngIf", ctx_r0.product.basketEntry.status === "initial" || ctx_r0.product.basketEntry.status === "active")("ngIfElse", _r2);
           i0__namespace.ɵɵadvance(3);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r0.recipesIncludingIngredient > 1 && ctx_r0.product.basketEntry.status === "active");
+          i0__namespace.ɵɵproperty("ngIf", ctx_r0.isInXRecipes() > 1 && ctx_r0.product.basketEntry.status === "active");
       }
   }
   var ProductCardComponent = /** @class */ (function (_super) {
       __extends(ProductCardComponent, _super);
-      function ProductCardComponent(cdr, basketsService, recipeDetailsService, recipesService, analyticsService, itemsService, ignoredBasketsService, basketActionsService, elementRef) {
+      function ProductCardComponent(cdr, basketsService, recipeDetailsService, recipesService, analyticsService, ignoredBasketsService, basketActionsService, elementRef) {
           var _this = _super.call(this, analyticsService) || this;
           _this.cdr = cdr;
           _this.basketsService = basketsService;
           _this.recipeDetailsService = recipeDetailsService;
           _this.recipesService = recipesService;
           _this.analyticsService = analyticsService;
-          _this.itemsService = itemsService;
           _this.ignoredBasketsService = ignoredBasketsService;
           _this.basketActionsService = basketActionsService;
           _this.elementRef = elementRef;
           _this.subscriptions = [];
-          _this.recipesIncludingIngredient = 0;
           _this.loading = false;
           _this.loadingAddToBasket = false;
           _this.counterMinusLoading = false;
@@ -13006,7 +13020,6 @@
           this.subscriptions.push(this.recipeDetailsService.productsByCategory$.subscribe(function () { return _this.isProductSponsored(); }), this.executeActionFromStorage(), this.loadOnRecipesActions(), this.loadOnIngredientsRemoval(), this.updateIngredientQuantityOnRecipeChange());
       };
       ProductCardComponent.prototype.ngOnChanges = function (changes) {
-          this.recipesIncludingIngredient = this.isInXRecipes();
           this.loadingAddToBasket = false;
           if (changes.ingredient) {
               this.modifiedIngQty = +this.product.ingredient.quantity;
@@ -13126,7 +13139,7 @@
       };
       return ProductCardComponent;
   }(EventTracerComponent));
-  ProductCardComponent.ɵfac = function ProductCardComponent_Factory(t) { return new (t || ProductCardComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(BasketsService), i0__namespace.ɵɵdirectiveInject(RecipeDetailsService), i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(AnalyticsService), i0__namespace.ɵɵdirectiveInject(ItemsService), i0__namespace.ɵɵdirectiveInject(IgnoredIngredientsService), i0__namespace.ɵɵdirectiveInject(BasketActionsService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); };
+  ProductCardComponent.ɵfac = function ProductCardComponent_Factory(t) { return new (t || ProductCardComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(BasketsService), i0__namespace.ɵɵdirectiveInject(RecipeDetailsService), i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(AnalyticsService), i0__namespace.ɵɵdirectiveInject(IgnoredIngredientsService), i0__namespace.ɵɵdirectiveInject(BasketActionsService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef)); };
   ProductCardComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ProductCardComponent, selectors: [["ng-miam-product-card"]], inputs: { product: "product" }, features: [i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: function () {
           var i18n_0;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
@@ -13211,7 +13224,7 @@
                       encapsulation: i0.ViewEncapsulation.None,
                       changeDetection: i0.ChangeDetectionStrategy.OnPush
                   }]
-          }], function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: BasketsService }, { type: RecipeDetailsService }, { type: RecipesService }, { type: AnalyticsService }, { type: ItemsService }, { type: IgnoredIngredientsService }, { type: BasketActionsService }, { type: i0__namespace.ElementRef }]; }, { product: [{
+          }], function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: BasketsService }, { type: RecipeDetailsService }, { type: RecipesService }, { type: AnalyticsService }, { type: IgnoredIngredientsService }, { type: BasketActionsService }, { type: i0__namespace.ElementRef }]; }, { product: [{
                   type: i0.Input
               }] });
   })();
@@ -15713,6 +15726,7 @@
               this.loading.next(true);
           }
           this.pageview();
+          this.removeFromOriginPath('/basket-preview/detail');
       };
       BasketPreviewBlockComponent.prototype.ngAfterViewInit = function () {
           var _this = this;
@@ -21767,6 +21781,8 @@
           configurable: true
       });
       PreferencesComponent.prototype.ngOnInit = function () {
+          var _this = this;
+          this.subscriptions.push(this.preferencesService.guests$.subscribe(function () { return _this.cdr.detectChanges(); }));
           this.fetchTags();
       };
       PreferencesComponent.prototype.ngAfterViewInit = function () {
@@ -21855,6 +21871,7 @@
                   this.ingredients.splice(this.ingredients.findIndex(function (i) { return i.tag.id === tag.tag.id; }), 1);
               }
           }
+          this.cdr.detectChanges();
       };
       PreferencesComponent.prototype.updateAndBack = function () {
           this.preferencesService.updatePreferences();
@@ -24221,8 +24238,12 @@
               })).subscribe());
           }
       };
+      RecipeCatalogComponent.prototype.deepCloneAndResetValues = function (filters) {
+          return filters.map(function (filter) { return (Object.assign(Object.assign({}, filter), { value: false })); });
+      };
       // Used on load to build the filters attribute, and on click on the link to reset the filters
       RecipeCatalogComponent.prototype.initFilters = function () {
+          var _this = this;
           this.filters = new RecipeFilters({
               difficulty: this.recipesService.difficultyLevels.map(function (f) { return ({ name: f.value.toString(), text: f.label, value: false }); }),
               cost: [
@@ -24239,7 +24260,9 @@
               ]
           });
           if (this.customFilters) {
-              Object.assign(this.filters, this.customFilters);
+              Object.keys(this.customFilters).forEach(function (key) {
+                  _this.filters[key] = _this.deepCloneAndResetValues(_this.customFilters[key]);
+              });
           }
           if (this.catalogToolbar) {
               this.catalogToolbar.resetSearchString();
@@ -24384,6 +24407,7 @@
           }
       };
       RecipeCatalogComponent.prototype.reloadPackages = function () {
+          this.guests = +localStorage.getItem('_miam/preferences/guests');
           this.subscriptions.push(this.loadPackages().subscribe());
       };
       RecipeCatalogComponent.prototype.isSearchPage = function () {
@@ -26122,14 +26146,17 @@
       };
       RecipeDetailsComponent.prototype.onClose = function () {
           this.recipeDetailsService.displayEventWasSent = false;
+          this.removeFromOriginPath('/detail/basket-preview');
           var originPath = this.eventTrace().originPath;
           this.closeDetails.emit();
-          this.recipesService.hide();
           this.cdr.detectChanges();
           this.activeTabIndex = 0;
-          if (originPath === '/miam/recipes/basket-preview/detail' || originPath === '/detail/basket-preview/detail') {
+          if (originPath.includes('/basket-preview/detail')) {
               this.recipesService.openBasket(this.eventTrace());
           }
+          else if (originPath !== '/miam/recipes/basket-preview') {
+              this.recipesService.hide();
+          }
       };
       RecipeDetailsComponent.prototype.print = function () {
           this.sendEvent(this.analyticsService.EVENT_RECIPE_PRINT);
@@ -27198,56 +27225,33 @@
           }], function () { return []; }, null);
   })();
 
-  function RecipeModalComponent_ng_miam_modal_0_ng_miam_store_locator_link_1_Template(rf, ctx) {
+  function RecipeModalComponent_ng_miam_store_locator_link_3_Template(rf, ctx) {
       if (rf & 1) {
-          i0__namespace.ɵɵelement(0, "ng-miam-store-locator-link", 6);
+          i0__namespace.ɵɵelement(0, "ng-miam-store-locator-link", 4);
       }
   }
-  function RecipeModalComponent_ng_miam_modal_0_Template(rf, ctx) {
+  function RecipeModalComponent_div_4_Template(rf, ctx) {
       if (rf & 1) {
-          var _r4_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "ng-miam-modal", 2);
-          i0__namespace.ɵɵlistener("displayChange", function RecipeModalComponent_ng_miam_modal_0_Template_ng_miam_modal_displayChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r3 = i0__namespace.ɵɵnextContext(); return ctx_r3.show = $event; })("close", function RecipeModalComponent_ng_miam_modal_0_Template_ng_miam_modal_close_0_listener() { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.hide(); })("cancel", function RecipeModalComponent_ng_miam_modal_0_Template_ng_miam_modal_cancel_0_listener() { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r6 = i0__namespace.ɵɵnextContext(); return ctx_r6.removeRecipe(); })("confirm", function RecipeModalComponent_ng_miam_modal_0_Template_ng_miam_modal_confirm_0_listener() { i0__namespace.ɵɵrestoreView(_r4_1); var ctx_r7 = i0__namespace.ɵɵnextContext(); return ctx_r7.hide(); });
-          i0__namespace.ɵɵtemplate(1, RecipeModalComponent_ng_miam_modal_0_ng_miam_store_locator_link_1_Template, 1, 0, "ng-miam-store-locator-link", 3);
-          i0__namespace.ɵɵelementStart(2, "div", 4);
-          i0__namespace.ɵɵelement(3, "ng-miam-basket-preview-block", 5);
-          i0__namespace.ɵɵelementEnd();
+          i0__namespace.ɵɵelementStart(0, "div", 5);
+          i0__namespace.ɵɵelement(1, "ng-miam-basket-preview-block", 6);
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
-          var ctx_r0 = i0__namespace.ɵɵnextContext();
-          i0__namespace.ɵɵproperty("display", ctx_r0.show)("noHeaderMode", false)("confirmButtonDisabled", !ctx_r0.canCloseModal)("cancelButtonIsLoading", ctx_r0.removeIsLoading);
+          var ctx_r1 = i0__namespace.ɵɵnextContext();
           i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r0.contextService.noSupplier);
-          i0__namespace.ɵɵadvance(2);
-          i0__namespace.ɵɵproperty("recipeId", ctx_r0.recipe == null ? null : ctx_r0.recipe.id)("displayItemsUnitaryPrice", true)("originTrace", ctx_r0.eventTrace);
+          i0__namespace.ɵɵproperty("recipeId", ctx_r1.recipe == null ? null : ctx_r1.recipe.id)("displayItemsUnitaryPrice", true)("originTrace", ctx_r1.eventTrace);
       }
   }
-  function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template(rf, ctx) {
+  function RecipeModalComponent_ng_miam_recipe_details_6_Template(rf, ctx) {
       if (rf & 1) {
-          var _r11_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "ng-miam-recipe-details", 9, 10);
-          i0__namespace.ɵɵlistener("recipeAdded", function RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template_ng_miam_recipe_details_recipeAdded_0_listener() { i0__namespace.ɵɵrestoreView(_r11_1); var ctx_r10 = i0__namespace.ɵɵ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__namespace.ɵɵrestoreView(_r11_1); var ctx_r12 = i0__namespace.ɵɵ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__namespace.ɵɵrestoreView(_r11_1); var ctx_r13 = i0__namespace.ɵɵnextContext(2); return ctx_r13.hide(); });
-          i0__namespace.ɵɵelementEnd();
-      }
-      if (rf & 2) {
-          var ctx_r8 = i0__namespace.ɵɵnextContext(2);
-          i0__namespace.ɵɵ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) {
-          var _r15_1 = i0__namespace.ɵɵgetCurrentView();
-          i0__namespace.ɵɵelementStart(0, "ng-miam-modal", 7);
-          i0__namespace.ɵɵlistener("displayChange", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_displayChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r15_1); var ctx_r14 = i0__namespace.ɵɵnextContext(); return ctx_r14.show = $event; })("close", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_close_0_listener() { i0__namespace.ɵɵrestoreView(_r15_1); var ctx_r16 = i0__namespace.ɵɵnextContext(); return ctx_r16.hide(); })("cancel", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_cancel_0_listener() { i0__namespace.ɵɵrestoreView(_r15_1); var ctx_r17 = i0__namespace.ɵɵnextContext(); return ctx_r17.removeRecipe(); })("confirm", function RecipeModalComponent_ng_miam_modal_2_Template_ng_miam_modal_confirm_0_listener() { i0__namespace.ɵɵrestoreView(_r15_1); var ctx_r18 = i0__namespace.ɵɵnextContext(); return ctx_r18.hide(); });
-          i0__namespace.ɵɵtemplate(1, RecipeModalComponent_ng_miam_modal_2_ng_miam_recipe_details_1_Template, 2, 9, "ng-miam-recipe-details", 8);
+          var _r5_1 = i0__namespace.ɵɵgetCurrentView();
+          i0__namespace.ɵɵelementStart(0, "ng-miam-recipe-details", 7, 8);
+          i0__namespace.ɵɵlistener("recipeAdded", function RecipeModalComponent_ng_miam_recipe_details_6_Template_ng_miam_recipe_details_recipeAdded_0_listener() { i0__namespace.ɵɵrestoreView(_r5_1); var ctx_r4 = i0__namespace.ɵɵnextContext(); return ctx_r4.togglePreviewMode(); })("recipeError", function RecipeModalComponent_ng_miam_recipe_details_6_Template_ng_miam_recipe_details_recipeError_0_listener() { i0__namespace.ɵɵrestoreView(_r5_1); var ctx_r6 = i0__namespace.ɵɵnextContext(); return ctx_r6.hide(true); })("closeDetails", function RecipeModalComponent_ng_miam_recipe_details_6_Template_ng_miam_recipe_details_closeDetails_0_listener() { i0__namespace.ɵɵrestoreView(_r5_1); var ctx_r7 = i0__namespace.ɵɵnextContext(); return ctx_r7.hide(true); });
           i0__namespace.ɵɵelementEnd();
       }
       if (rf & 2) {
-          var ctx_r1 = i0__namespace.ɵɵnextContext();
-          i0__namespace.ɵɵproperty("noHeaderMode", true)("display", ctx_r1.show)("cancelButtonDisabled", !ctx_r1.canCloseModal)("cancelButtonIsLoading", ctx_r1.removeIsLoading);
-          i0__namespace.ɵɵadvance(1);
-          i0__namespace.ɵɵproperty("ngIf", ctx_r1.recipe && true);
+          var ctx_r2 = i0__namespace.ɵɵnextContext();
+          i0__namespace.ɵɵproperty("recipeId", ctx_r2.recipe.id)("guestNumber", ctx_r2.recipe.modifiedGuests)("previewAllowed", ctx_r2.previewAllowed)("originTrace", ctx_r2.eventTrace)("stepsOnLeftSide", ctx_r2.detailsStepsOnLeftSide)("moreRecipesImageURL", ctx_r2.detailsMoreRecipesImageURL)("pricingGuestsText", ctx_r2.detailsPricingGuestsText)("displayGuests", ctx_r2.displayGuestsInDetails)("helpButtonAllowed", ctx_r2.helpButtonAllowedInDetails);
       }
   }
   var RecipeModalComponent = /** @class */ (function () {
@@ -27294,7 +27298,7 @@
               var _a;
               _this.registerTrace(result === null || result === void 0 ? void 0 : result.eventTrace);
               if (!(result === null || result === void 0 ? void 0 : result.recipe)) {
-                  if (result === null || result === void 0 ? void 0 : result.force) {
+                  if ((result === null || result === void 0 ? void 0 : result.force) && Object.keys(result === null || result === void 0 ? void 0 : result.eventTrace.props).length === 0) {
                       _this.previewMode.next(result.previewMode);
                       _this.previewAllowed = result.previewAllowed;
                       _this.show = true;
@@ -27332,13 +27336,16 @@
               this.eventTrace = { originPath: '', props: {} };
           }
       };
-      RecipeModalComponent.prototype.hide = function () {
+      RecipeModalComponent.prototype.hide = function (isDetail) {
+          if (isDetail === void 0) { isDetail = false; }
           if (this.canCloseModal) {
               this.recipeDetailsService.displayEventWasSent = false;
-              this.show = false;
               this.recipe = null; // trigger again a change on recipe if we re-open the view
-              this.previewMode.next(false);
-              this.recipesService.hide();
+              this.previewMode.next(isDetail);
+              if (!isDetail) {
+                  this.show = false;
+                  this.recipesService.hide();
+              }
               // Put back if/when printing is reimplemented
               // this.printService.dismissPrinting();
               this.hasChangesOnClose.emit(this.basketChangedSinceOpened);
@@ -27385,7 +27392,7 @@
       return RecipeModalComponent;
   }());
   RecipeModalComponent.ɵfac = function RecipeModalComponent_Factory(t) { return new (t || RecipeModalComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ChangeDetectorRef), i0__namespace.ɵɵdirectiveInject(RecipesService), i0__namespace.ɵɵdirectiveInject(ContextService), i0__namespace.ɵɵdirectiveInject(PrintService), i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(BasketsService), i0__namespace.ɵɵdirectiveInject(RecipeDetailsService), i0__namespace.ɵɵdirectiveInject(BasketTransferService)); };
-  RecipeModalComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: RecipeModalComponent, selectors: [["ng-miam-recipe-modal"]], inputs: { detailsStepsOnLeftSide: "detailsStepsOnLeftSide", detailsMoreRecipesImageURL: "detailsMoreRecipesImageURL", detailsPricingGuestsText: "detailsPricingGuestsText" }, outputs: { hasChangesOnClose: "hasChangesOnClose" }, decls: 4, vars: 6, consts: function () {
+  RecipeModalComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: RecipeModalComponent, selectors: [["ng-miam-recipe-modal"]], inputs: { detailsStepsOnLeftSide: "detailsStepsOnLeftSide", detailsMoreRecipesImageURL: "detailsMoreRecipesImageURL", detailsPricingGuestsText: "detailsPricingGuestsText" }, outputs: { hasChangesOnClose: "hasChangesOnClose" }, decls: 8, vars: 17, consts: function () {
           var i18n_0;
           if (typeof ngI18nClosureMode !== "undefined" && ngI18nClosureMode) {
               var MSG_EXTERNAL_171150506213829263$$LIB__WEB_COMPONENTS_RECIPE_MODAL_RECIPE_MODAL_COMPONENT_TS_1 = goog.getMsg("Mes repas");
@@ -27394,20 +27401,31 @@
           else {
               i18n_0 = $localize(templateObject_1 || (templateObject_1 = __makeTemplateObject([":\u241Fd0309cdf7a6522949c4f145db5e71f70c9d9d66c\u241F171150506213829263:Mes repas"], [":\u241Fd0309cdf7a6522949c4f145db5e71f70c9d9d66c\u241F171150506213829263: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", "closeDetails", 4, "ngIf"], [3, "recipeId", "guestNumber", "previewAllowed", "originTrace", "stepsOnLeftSide", "moreRecipesImageURL", "pricingGuestsText", "displayGuests", "helpButtonAllowed", "recipeAdded", "recipeError", "closeDetails"], ["details", ""]];
+          return [["title", i18n_0, "modalStyle", "right", 3, "display", "noHeaderMode", "confirmButtonDisabled", "cancelButtonIsLoading", "displayChange", "close", "cancel", "confirm"], ["header", "", 4, "ngIf"], ["class", "miam-wrapper-preview", 4, "ngIf"], [3, "recipeId", "guestNumber", "previewAllowed", "originTrace", "stepsOnLeftSide", "moreRecipesImageURL", "pricingGuestsText", "displayGuests", "helpButtonAllowed", "recipeAdded", "recipeError", "closeDetails", 4, "ngIf"], ["header", ""], [1, "miam-wrapper-preview"], [3, "recipeId", "displayItemsUnitaryPrice", "originTrace"], [3, "recipeId", "guestNumber", "previewAllowed", "originTrace", "stepsOnLeftSide", "moreRecipesImageURL", "pricingGuestsText", "displayGuests", "helpButtonAllowed", "recipeAdded", "recipeError", "closeDetails"], ["details", ""]];
       }, template: function RecipeModalComponent_Template(rf, ctx) {
           if (rf & 1) {
-              i0__namespace.ɵɵtemplate(0, RecipeModalComponent_ng_miam_modal_0_Template, 4, 8, "ng-miam-modal", 0);
+              i0__namespace.ɵɵelementStart(0, "ng-miam-modal", 0);
+              i0__namespace.ɵɵlistener("displayChange", function RecipeModalComponent_Template_ng_miam_modal_displayChange_0_listener($event) { return ctx.show = $event; })("close", function RecipeModalComponent_Template_ng_miam_modal_close_0_listener() { return ctx.hide(); })("cancel", function RecipeModalComponent_Template_ng_miam_modal_cancel_0_listener() { return ctx.removeRecipe(); })("confirm", function RecipeModalComponent_Template_ng_miam_modal_confirm_0_listener() { return ctx.hide(); });
               i0__namespace.ɵɵpipe(1, "async");
-              i0__namespace.ɵɵtemplate(2, RecipeModalComponent_ng_miam_modal_2_Template, 2, 5, "ng-miam-modal", 1);
-              i0__namespace.ɵɵpipe(3, "async");
+              i0__namespace.ɵɵpipe(2, "async");
+              i0__namespace.ɵɵtemplate(3, RecipeModalComponent_ng_miam_store_locator_link_3_Template, 1, 0, "ng-miam-store-locator-link", 1);
+              i0__namespace.ɵɵtemplate(4, RecipeModalComponent_div_4_Template, 2, 3, "div", 2);
+              i0__namespace.ɵɵpipe(5, "async");
+              i0__namespace.ɵɵtemplate(6, RecipeModalComponent_ng_miam_recipe_details_6_Template, 2, 9, "ng-miam-recipe-details", 3);
+              i0__namespace.ɵɵpipe(7, "async");
+              i0__namespace.ɵɵelementEnd();
           }
           if (rf & 2) {
-              i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(1, 2, ctx.previewMode));
+              i0__namespace.ɵɵclassProp("miam-recipe-modal__basket-preview-modal", i0__namespace.ɵɵpipeBind1(1, 9, ctx.previewMode));
+              i0__namespace.ɵɵproperty("display", ctx.show)("noHeaderMode", !i0__namespace.ɵɵpipeBind1(2, 11, ctx.previewMode))("confirmButtonDisabled", !ctx.canCloseModal)("cancelButtonIsLoading", ctx.removeIsLoading);
+              i0__namespace.ɵɵadvance(3);
+              i0__namespace.ɵɵproperty("ngIf", ctx.contextService.noSupplier);
+              i0__namespace.ɵɵadvance(1);
+              i0__namespace.ɵɵproperty("ngIf", i0__namespace.ɵɵpipeBind1(5, 13, ctx.previewMode));
               i0__namespace.ɵɵadvance(2);
-              i0__namespace.ɵɵproperty("ngIf", !i0__namespace.ɵɵpipeBind1(3, 4, ctx.previewMode));
+              i0__namespace.ɵɵproperty("ngIf", !i0__namespace.ɵɵpipeBind1(7, 15, ctx.previewMode) && ctx.recipe);
           }
-      }, directives: [i2__namespace$1.NgIf, ModalComponent, BasketPreviewBlockComponent, StoreLocatorLinkComponent, RecipeDetailsComponent], pipes: [i2__namespace$1.AsyncPipe], styles: [".miam-modal.without-header .miam-modal__header .miam-modal__close-icon{display:none}.miam-recipe-modal__basket-preview-modal .miam-modal__container.right .miam-modal{width:480px}@media (max-width:600px){.miam-recipe-modal__basket-preview-modal .miam-modal__container.right .miam-modal{width:100%}}.miam-recipe-modal__basket-preview-modal .miam-modal__container.right .miam-modal .miam-modal__content-container .miam-modal__content{padding:16px}@media (min-width:1023px) and (max-height:1000px){ng-miam-recipe-modal .miam-modal__container.left .miam-modal,ng-miam-recipe-modal .miam-modal__container.right .miam-modal,webc-miam-recipe-modal .miam-modal__container.left .miam-modal,webc-miam-recipe-modal .miam-modal__container.right .miam-modal{width:650px}}@media (min-width:1023px) and (max-height:800px){ng-miam-recipe-modal .miam-modal__container.left .miam-modal,ng-miam-recipe-modal .miam-modal__container.right .miam-modal,webc-miam-recipe-modal .miam-modal__container.left .miam-modal,webc-miam-recipe-modal .miam-modal__container.right .miam-modal{width:450px}}"], encapsulation: 2, changeDetection: 0 });
+      }, directives: [ModalComponent, i2__namespace$1.NgIf, StoreLocatorLinkComponent, BasketPreviewBlockComponent, RecipeDetailsComponent], pipes: [i2__namespace$1.AsyncPipe], styles: [".miam-modal.without-header .miam-modal__header .miam-modal__close-icon{display:none}.miam-recipe-modal__basket-preview-modal .miam-modal__container.right .miam-modal{width:480px}@media (max-width:600px){.miam-recipe-modal__basket-preview-modal .miam-modal__container.right .miam-modal{width:100%}}.miam-recipe-modal__basket-preview-modal .miam-modal__container.right .miam-modal .miam-modal__content-container .miam-modal__content{padding:16px}@media (min-width:1023px) and (max-height:1000px){ng-miam-recipe-modal .miam-modal__container.left .miam-modal,ng-miam-recipe-modal .miam-modal__container.right .miam-modal,webc-miam-recipe-modal .miam-modal__container.left .miam-modal,webc-miam-recipe-modal .miam-modal__container.right .miam-modal{width:650px}}@media (min-width:1023px) and (max-height:800px){ng-miam-recipe-modal .miam-modal__container.left .miam-modal,ng-miam-recipe-modal .miam-modal__container.right .miam-modal,webc-miam-recipe-modal .miam-modal__container.left .miam-modal,webc-miam-recipe-modal .miam-modal__container.right .miam-modal{width:450px}}"], encapsulation: 2, changeDetection: 0 });
   (function () {
       (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(RecipeModalComponent, [{
               type: i0.Component,