ng-miam 6.4.13 → 7.0.0

package/lib/_web-components/recipe-cards/recipe-card-cta/recipe-card-cta.component.d.ts

@@ -2,23 +2,20 @@ import { ChangeDetectorRef, EventEmitter, OnInit, OnChanges } from '@angular/cor
 import { Observable } from 'rxjs';
 import { EventTracerComponent } from '../../../_components/abstracts/event-tracer.component';
 import { Recipe } from '../../../_models';
-import { RecipesService, GroceriesListsService, PointOfSalesService, ContextService, RecipeEventsService, UserService, ToasterService, AnalyticsService, SuppliersService } from '../../../_services';
+import { RecipesService, PointOfSalesService, ContextService, UserService, ToasterService, AnalyticsService, BasketsService } from '../../../_services';
 import { Icon } from '../../../_types/icon.enum';
 import * as i0 from "@angular/core";
 export declare class RecipeCardCtaComponent extends EventTracerComponent implements OnInit, OnChanges {
     cdr: ChangeDetectorRef;
     recipeService: RecipesService;
-    recipeEventsService: RecipeEventsService;
-    groceriesListsService: GroceriesListsService;
+    basketsService: BasketsService;
     userService: UserService;
     protected pointOfSalesService: PointOfSalesService;
     contextService: ContextService;
     protected analyticsService: AnalyticsService;
     protected toasterService: ToasterService;
-    private supplierService;
     recipeName: string;
     recipe: Recipe;
-    cardType: string;
     previewAllowed: boolean;
     helpButtonAllowed: boolean;
     displayGuests: boolean;
@@ -27,7 +24,7 @@ export declare class RecipeCardCtaComponent extends EventTracerComponent impleme
     loading: boolean;
     icon: typeof Icon;
     private subscriptions;
-    constructor(cdr: ChangeDetectorRef, recipeService: RecipesService, recipeEventsService: RecipeEventsService, groceriesListsService: GroceriesListsService, userService: UserService, pointOfSalesService: PointOfSalesService, contextService: ContextService, analyticsService: AnalyticsService, toasterService: ToasterService, supplierService: SuppliersService);
+    constructor(cdr: ChangeDetectorRef, recipeService: RecipesService, basketsService: BasketsService, userService: UserService, pointOfSalesService: PointOfSalesService, contextService: ContextService, analyticsService: AnalyticsService, toasterService: ToasterService);
     ngOnInit(): void;
     ngOnChanges(): void;
     searchRecipeByName(): Observable<Recipe>;
@@ -36,13 +33,9 @@ export declare class RecipeCardCtaComponent extends EventTracerComponent impleme
      * Add recipe to list on primary button click and emit true if the recipe is added, false if recipe is not added
      * so lib users can decide that clicked.emit(false) removes the recipe for example
      */
-    clickPrimary(): void;
+    displayRecipe(): void;
     openRecipe(): void;
-    addRecipe(display?: boolean): void;
-    addRecipeActionOK(display: boolean): void;
-    showRecipeToaster(): void;
-    addRecipeActionKO(): void;
     toggleButtonLoader(value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDef<RecipeCardCtaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<RecipeCardCtaComponent, "ng-miam-recipe-card-cta", never, { "recipeName": "recipeName"; "recipe": "recipe"; "cardType": "cardType"; "previewAllowed": "previewAllowed"; "helpButtonAllowed": "helpButtonAllowed"; "displayGuests": "displayGuests"; }, { "displayed": "displayed"; "clicked": "clicked"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<RecipeCardCtaComponent, "ng-miam-recipe-card-cta", never, { "recipeName": "recipeName"; "recipe": "recipe"; "previewAllowed": "previewAllowed"; "helpButtonAllowed": "helpButtonAllowed"; "displayGuests": "displayGuests"; }, { "displayed": "displayed"; "clicked": "clicked"; }, never, never>;
 }

package/lib/_web-components/recipe-cards/recipe-cards.module.d.ts

@@ -1,16 +1,14 @@
 import { Injector } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "./add-recipe-card/add-recipe-card.component";
-import * as i2 from "./catalog-recipe-card/catalog-recipe-card.component";
-import * as i3 from "./recipe-card/recipe-card.component";
-import * as i4 from "./suggestion-card/suggestion-card.component";
-import * as i5 from "./recipe-card-cta/recipe-card-cta.component";
-import * as i6 from "@angular/common";
-import * as i7 from "@angular/forms";
-import * as i8 from "../../_utils/utils.module";
-import * as i9 from "../../_components/components.module";
+import * as i2 from "./recipe-card/recipe-card.component";
+import * as i3 from "./recipe-card-cta/recipe-card-cta.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "../../_utils/utils.module";
+import * as i7 from "../../_components/components.module";
 export declare class RecipeCardsModule {
     constructor(injector: Injector);
-    static ɵmod: i0.ɵɵNgModuleDefWithMeta<RecipeCardsModule, [typeof i1.AddRecipeCardComponent, typeof i2.CatalogRecipeCardComponent, typeof i3.RecipeCardComponent, typeof i4.SuggestionCardComponent, typeof i5.RecipeCardCtaComponent], [typeof i6.CommonModule, typeof i7.FormsModule, typeof i8.UtilsModule, typeof i9.ComponentsModule], [typeof i1.AddRecipeCardComponent, typeof i2.CatalogRecipeCardComponent, typeof i3.RecipeCardComponent, typeof i4.SuggestionCardComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<RecipeCardsModule, [typeof i1.AddRecipeCardComponent, typeof i2.RecipeCardComponent, typeof i3.RecipeCardCtaComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.UtilsModule, typeof i7.ComponentsModule], [typeof i1.AddRecipeCardComponent, typeof i2.RecipeCardComponent]>;
     static ɵinj: i0.ɵɵInjectorDef<RecipeCardsModule>;
 }

package/lib/_web-components/recipe-catalog/catalog-category/catalog-category.component.d.ts

@@ -1,11 +1,13 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
 import { Observable, Subscription } from 'rxjs';
 import { EventTracerComponent } from '../../../_components/abstracts/event-tracer.component';
 import { Article, Recipe } from '../../../_models';
-import { AnalyticsService, ArticlesService, ContextService, CustomProperties, RecipesService } from '../../../_services';
+import { ArticlesService, ContextService, RecipesService } from '../../../_services';
+import { AnalyticsService } from '../../../_services/analytics.service';
+import { CustomProperties } from '../../../_types/event-trace';
 import { Icon } from '../../../_types/icon.enum';
 import { RecipeFilters } from '../../../_types/recipe-filters';
-import { CatalogRecipeCardComponent } from '../../recipe-cards';
+import { RecipeCardComponent } from '../../recipe-cards';
 import * as i0 from "@angular/core";
 export declare class CatalogCategoryComponent extends EventTracerComponent implements OnDestroy, OnChanges, OnInit {
     private recipesService;
@@ -18,12 +20,12 @@ export declare class CatalogCategoryComponent extends EventTracerComponent imple
     subtitle: string;
     maxRecipeNumber: number;
     modifiedGuests: number;
-    displayPricing: any;
+    displayPricing: boolean;
     displayList: EventEmitter<any>;
     loading: EventEmitter<boolean>;
     categoryContent: ElementRef<HTMLElement>;
     categoryCards: ElementRef<HTMLElement>;
-    recipeCards: QueryList<CatalogRecipeCardComponent>;
+    recipeCards: QueryList<RecipeCardComponent>;
     subscriptions: Subscription[];
     recipes: Recipe[];
     articles: Article[];
@@ -31,7 +33,7 @@ export declare class CatalogCategoryComponent extends EventTracerComponent imple
     icon: typeof Icon;
     constructor(recipesService: RecipesService, articlesService: ArticlesService, context: ContextService, cdr: ChangeDetectorRef, analyticsService: AnalyticsService);
     ngOnInit(): void;
-    ngOnChanges(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     currentPath(): string;
     props(): CustomProperties;
     loadRecipes(): Observable<Recipe[]>;

package/lib/_web-components/recipe-catalog/catalog-list/catalog-list.component.d.ts

@@ -1,11 +1,14 @@
 import { ChangeDetectorRef, OnDestroy, OnInit, EventEmitter, OnChanges, QueryList, SimpleChanges } from '@angular/core';
 import { BehaviorSubject, Observable, Subscription } from 'rxjs';
 import { EventTracerComponent } from '../../../_components/abstracts/event-tracer.component';
-import { Article, Recipe } from '../../../_models';
-import { ArticlesService, ContextService, RecipeLikesService, RecipesService, UserService, AnalyticsService, CustomProperties } from '../../../_services';
+import { Article } from '../../../_models';
+import { Recipe } from '../../../_models/recipe';
+import { ArticlesService, ContextService, RecipeLikesService, RecipesService, UserService } from '../../../_services';
+import { AnalyticsService } from '../../../_services/analytics.service';
+import { CustomProperties } from '../../../_types/event-trace';
 import { Icon } from '../../../_types/icon.enum';
 import { RecipeFilter, RecipeFilters } from '../../../_types/recipe-filters';
-import { CatalogRecipeCardComponent } from '../../recipe-cards';
+import { RecipeCardComponent } from '../../recipe-cards';
 import * as i0 from "@angular/core";
 export declare class CatalogListComponent extends EventTracerComponent implements OnDestroy, OnInit, OnChanges {
     private recipesService;
@@ -31,7 +34,7 @@ export declare class CatalogListComponent extends EventTracerComponent implement
         recipe: Recipe;
     }>;
     loading: BehaviorSubject<boolean>;
-    recipeCards: QueryList<CatalogRecipeCardComponent>;
+    recipeCards: QueryList<RecipeCardComponent>;
     currentRecipes: Recipe[];
     lastPage: number;
     subscriptions: Subscription[];

package/lib/_web-components/recipe-catalog/recipe-catalog.component.d.ts

@@ -1,7 +1,7 @@
 import { AfterViewInit, ChangeDetectorRef, OnInit, ElementRef, QueryList, OnDestroy } from '@angular/core';
 import { CatalogCategoryComponent } from './catalog-category/catalog-category.component';
 import { CatalogSetting, Recipe, Supplier } from '../../_models';
-import { RecipeTypeService, SponsorService, PackageService, SuppliersService, RecipesService, UserService, GroceriesListsService, BasketsService, ContextService, CatalogSettingsService } from '../../_services';
+import { RecipeTypeService, SponsorService, PackageService, SuppliersService, RecipesService, UserService, BasketsService, ContextService, CatalogSettingsService } from '../../_services';
 import { Icon } from '../../_types/icon.enum';
 import { CatalogHeaderComponent } from './catalog-header/catalog-header.component';
 import { IAdditionnalFilters, RecipeFilter, RecipeFilters } from '../../_types/recipe-filters';
@@ -34,7 +34,6 @@ export declare class RecipeCatalogComponent extends EventTracerComponent impleme
     usersService: UserService;
     catalogSettingService: CatalogSettingsService;
     protected analyticsService: AnalyticsService;
-    groceriesListService: GroceriesListsService;
     basketsService: BasketsService;
     contextService: ContextService;
     catalogHeader: CatalogHeaderComponent;
@@ -66,7 +65,7 @@ export declare class RecipeCatalogComponent extends EventTracerComponent impleme
     catalogSettingHasLoaded: boolean;
     private subscriptions;
     private supplierId;
-    constructor(cdr: ChangeDetectorRef, recipeTypesService: RecipeTypeService, sponsorService: SponsorService, supplierService: SuppliersService, packageService: PackageService, recipesService: RecipesService, mediaMatcher: MediaMatcher, usersService: UserService, catalogSettingService: CatalogSettingsService, analyticsService: AnalyticsService, groceriesListService: GroceriesListsService, basketsService: BasketsService, contextService: ContextService);
+    constructor(cdr: ChangeDetectorRef, recipeTypesService: RecipeTypeService, sponsorService: SponsorService, supplierService: SuppliersService, packageService: PackageService, recipesService: RecipesService, mediaMatcher: MediaMatcher, usersService: UserService, catalogSettingService: CatalogSettingsService, analyticsService: AnalyticsService, basketsService: BasketsService, contextService: ContextService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/lib/_web-components/recipe-details/recipe-addon/recipe-addon.component.d.ts

@@ -1,9 +1,10 @@
-import { EventEmitter, OnInit, ChangeDetectorRef } from '@angular/core';
+import { EventEmitter, OnInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { Subscription } from 'rxjs';
 import { Recipe, SponsorBlock } from '../../../_models';
 import { SponsorBlockService } from '../../../_services';
 import { Icon } from '../../../_types/icon.enum';
 import * as i0 from "@angular/core";
-export declare class RecipeAddonComponent implements OnInit {
+export declare class RecipeAddonComponent implements OnInit, OnDestroy {
     private sponsorBlocksService;
     private cdr;
     recipe: Recipe;
@@ -11,8 +12,10 @@ export declare class RecipeAddonComponent implements OnInit {
     icon: typeof Icon;
     loading: boolean;
     sponsorBlocks: SponsorBlock[];
+    subscriptions: Subscription[];
     constructor(sponsorBlocksService: SponsorBlockService, cdr: ChangeDetectorRef);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     getSponsorBlocks(): void;
     static ɵfac: i0.ɵɵFactoryDef<RecipeAddonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDefWithMeta<RecipeAddonComponent, "ng-miam-recipe-addon", never, { "recipe": "recipe"; }, { "hideAddon": "hideAddon"; }, never, never>;

package/lib/_web-components/recipe-details/recipe-details-infos/recipe-details-infos.component.d.ts

@@ -1,26 +1,14 @@
-import { ChangeDetectorRef, OnChanges } from '@angular/core';
-import { Tag } from '../../../_models';
-import { Recipe } from '../../../_models/recipe';
+import { ChangeDetectorRef } from '@angular/core';
+import { Recipe } from '../../../_models';
 import { RecipesService } from '../../../_services';
-import { Icon } from '../../../_types/icon.enum';
 import * as i0 from "@angular/core";
-export declare class RecipeDetailsInfosComponent implements OnChanges {
+export declare class RecipeDetailsInfosComponent {
     cdr: ChangeDetectorRef;
     recipesService: RecipesService;
     recipe: Recipe;
-    displayTags: boolean;
-    displayTagsIcons: boolean;
-    reduced: boolean;
-    icon: typeof Icon;
-    tags: Tag[];
-    tagTypeOrder: string[];
-    showAdditionalInfos: boolean;
+    tagsDisplayed: boolean;
     constructor(cdr: ChangeDetectorRef, recipesService: RecipesService);
-    ngOnChanges(): void;
-    orderTags(): void;
-    tagClass(tag: Tag): {
-        [x: string]: boolean;
-    };
+    displayTags(): void;
     static ɵfac: i0.ɵɵFactoryDef<RecipeDetailsInfosComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<RecipeDetailsInfosComponent, "ng-miam-recipe-details-infos", never, { "recipe": "recipe"; "displayTags": "displayTags"; "displayTagsIcons": "displayTagsIcons"; "reduced": "reduced"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<RecipeDetailsInfosComponent, "ng-miam-recipe-details-infos", never, { "recipe": "recipe"; }, {}, never, never>;
 }

package/lib/_web-components/recipe-details/recipe-details-ingredients/recipe-details-ingredients.component.d.ts

@@ -1,19 +1,12 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { Recipe } from '../../../_models/recipe';
-import { ContextService } from '../../../_services';
-import { SimplifiedIngredient } from '../../../_models';
+import { Ingredient, SimplifiedIngredient } from '../../../_models';
+import { ContextService, RecipeDetailsService } from '../../../_services';
 import * as i0 from "@angular/core";
 export declare class RecipeDetailsIngredientsComponent {
-    cdr: ChangeDetectorRef;
     contextService: ContextService;
-    recipe: Recipe;
-    displayGuests: boolean;
-    ingredientsPictures: boolean;
-    guestsUpdated: EventEmitter<void>;
-    ingredientsChecked: {};
-    constructor(cdr: ChangeDetectorRef, contextService: ContextService);
-    updateGuests(guests: any): void;
+    recipeDetailsService: RecipeDetailsService;
+    ingredients: Ingredient[];
+    constructor(contextService: ContextService, recipeDetailsService: RecipeDetailsService);
     ingredientPicture(ingredient: SimplifiedIngredient): string;
     static ɵfac: i0.ɵɵFactoryDef<RecipeDetailsIngredientsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<RecipeDetailsIngredientsComponent, "ng-miam-recipe-details-ingredients", never, { "recipe": "recipe"; "displayGuests": "displayGuests"; "ingredientsPictures": "ingredientsPictures"; }, { "guestsUpdated": "guestsUpdated"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<RecipeDetailsIngredientsComponent, "ng-miam-recipe-details-ingredients", never, { "ingredients": "ingredients"; }, {}, never, never>;
 }

package/lib/_web-components/recipe-details/recipe-details-steps/recipe-details-steps.component.d.ts

@@ -1,15 +1,7 @@
-import { ChangeDetectorRef, OnChanges } from '@angular/core';
-import { Recipe } from '../../../_models/recipe';
-import { Icon } from '../../../_types/icon.enum';
+import { Recipe } from '../../../_models';
 import * as i0 from "@angular/core";
-export declare class RecipeDetailsStepsComponent implements OnChanges {
-    cdr: ChangeDetectorRef;
+export declare class RecipeDetailsStepsComponent {
     recipe: Recipe;
-    activeStep: number;
-    icon: typeof Icon;
-    constructor(cdr: ChangeDetectorRef);
-    ngOnChanges(): void;
-    changeActiveStep(index: number): void;
     static ɵfac: i0.ɵɵFactoryDef<RecipeDetailsStepsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDefWithMeta<RecipeDetailsStepsComponent, "ng-miam-recipe-details-steps", never, { "recipe": "recipe"; }, {}, never, never>;
 }

package/lib/_web-components/recipe-details/recipe-details.component.d.ts

@@ -1,33 +1,29 @@
-import { ChangeDetectorRef, EventEmitter, OnChanges, ElementRef, SimpleChanges, OnInit } from '@angular/core';
-import { Recipe } from '../../_models/recipe';
-import { Icon } from '../../_types/icon.enum';
-import { ContextService, GroceriesListsService, PointOfSalesService, RecipeEventsService, RecipesService, SponsorBlockService, UserService } from '../../_services';
+/// <reference types="youtube" />
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit } from '@angular/core';
 import { Subscription } from 'rxjs';
-import { MediaMatcher } from '@angular/cdk/layout';
-import { AnalyticsService, CustomProperties } from '../../_services/analytics.service';
 import { EventTracerComponent } from '../../_components/abstracts/event-tracer.component';
-import { ToasterService } from '../../_services/toaster.service';
+import { Ingredient } from '../../_models';
+import { AnalyticsService, BasketsService, ContextService, PointOfSalesService, RecipesService, SponsorBlockService, UserService } from '../../_services';
+import { RecipeDetailsService } from '../../_services/recipe-details.service';
+import { CustomProperties } from '../../_types/event-trace';
+import { Icon } from '../../_types/icon.enum';
 import * as i0 from "@angular/core";
-export declare class RecipeDetailsComponent extends EventTracerComponent implements OnInit, OnChanges {
+export declare class RecipeDetailsComponent extends EventTracerComponent implements OnInit, OnChanges, OnDestroy {
     cdr: ChangeDetectorRef;
     recipeService: RecipesService;
-    groceriesListsService: GroceriesListsService;
+    basketsService: BasketsService;
     userService: UserService;
     protected posService: PointOfSalesService;
-    private recipeEventsService;
-    private mediaMatcher;
     contextService: ContextService;
-    protected analyticsService: AnalyticsService;
-    private toasterService;
+    recipeDetailsService: RecipeDetailsService;
     private sponsorBlocksService;
+    protected analyticsService: AnalyticsService;
     recipeId: string;
-    forcedRecipe: Recipe;
     previewAllowed: boolean;
     ingredientsPictures: boolean;
-    forceDisplayTags: any;
+    forceDisplayTags: boolean;
     displayTagsIcons: boolean;
     displayPricing: boolean;
-    displayAddedOnPicture: boolean;
     displayGuests: boolean;
     helpButtonAllowed: boolean;
     stepsOnLeftSide: boolean;
@@ -36,9 +32,8 @@ export declare class RecipeDetailsComponent extends EventTracerComponent impleme
     pricingGuestsText: string;
     recipeAdded: EventEmitter<void>;
     recipeError: EventEmitter<void>;
-    primaryButtonClicked$: EventEmitter<boolean>;
     topContainerImg: ElementRef<HTMLElement>;
-    recipe: Recipe;
+    removedIngredients: Ingredient[];
     tab: number;
     isMobile: boolean;
     displayTags: boolean;
@@ -46,40 +41,38 @@ export declare class RecipeDetailsComponent extends EventTracerComponent impleme
     icon: typeof Icon;
     playerWidth: any;
     playerHeight: any;
+    primaryButtonClicked$: EventEmitter<boolean>;
     showVideo: any;
     addButtonLoading: boolean;
     titleInHeader: boolean;
     sponsorHasStorytelling: boolean;
     title: HTMLElement;
     content: HTMLElement;
-    private intersectionObserver;
+    activeTabIndex: number;
+    playerVars: YT.PlayerVars;
     protected subscriptions: Subscription[];
-    constructor(cdr: ChangeDetectorRef, recipeService: RecipesService, groceriesListsService: GroceriesListsService, userService: UserService, posService: PointOfSalesService, recipeEventsService: RecipeEventsService, mediaMatcher: MediaMatcher, contextService: ContextService, analyticsService: AnalyticsService, toasterService: ToasterService, sponsorBlocksService: SponsorBlockService);
+    private intersectionObserver;
+    constructor(cdr: ChangeDetectorRef, recipeService: RecipesService, basketsService: BasketsService, userService: UserService, posService: PointOfSalesService, contextService: ContextService, recipeDetailsService: RecipeDetailsService, sponsorBlocksService: SponsorBlockService, analyticsService: AnalyticsService);
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    fetchRecipe(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    getProducts(): void;
+    fetchRecipe(id: string): void;
     setupYoutubePlayer(): void;
-    currentPath(): string;
-    protected currentProps(): CustomProperties;
     /**
      * Init the listener on scroll so the modal can hide the close icon
      */
     initScrollListenerOnTitle(): void;
     toggleTitleInHeader(): void;
-    /**
-     * Add recipe to list on primary button click and emit true if the recipe is added, false if recipe is not added
-     * so lib users can decide that primaryButtonClicked$.emit(false) removes the recipe for example
-     */
-    clickPrimary(): void;
-    addRecipe(): void;
-    addRecipeActionOK(): void;
-    showRecipeToaster(): void;
-    addRecipeActionKO(): void;
-    updateGuests(): void;
-    print(): void;
+    updateGuests(guests: number): void;
     toggleAddon(): void;
     toggleHelper(): void;
     toggleButtonLoader(value: boolean): void;
+    onClose(): void;
+    print(): void;
+    sendDisplayRecipeEvent(): void;
+    protected currentProps(): CustomProperties;
+    currentPath(): string;
     static ɵfac: i0.ɵɵFactoryDef<RecipeDetailsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<RecipeDetailsComponent, "ng-miam-recipe-details", never, { "recipeId": "recipeId"; "forcedRecipe": "forcedRecipe"; "previewAllowed": "previewAllowed"; "ingredientsPictures": "ingredientsPictures"; "forceDisplayTags": "forceDisplayTags"; "displayTagsIcons": "displayTagsIcons"; "displayPricing": "displayPricing"; "displayAddedOnPicture": "displayAddedOnPicture"; "displayGuests": "displayGuests"; "helpButtonAllowed": "helpButtonAllowed"; "stepsOnLeftSide": "stepsOnLeftSide"; "cookingTimeAsPrimaryInfo": "cookingTimeAsPrimaryInfo"; "moreRecipesImageURL": "moreRecipesImageURL"; "pricingGuestsText": "pricingGuestsText"; }, { "recipeAdded": "recipeAdded"; "recipeError": "recipeError"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<RecipeDetailsComponent, "ng-miam-recipe-details", never, { "recipeId": "recipeId"; "previewAllowed": "previewAllowed"; "ingredientsPictures": "ingredientsPictures"; "forceDisplayTags": "forceDisplayTags"; "displayTagsIcons": "displayTagsIcons"; "displayPricing": "displayPricing"; "displayGuests": "displayGuests"; "helpButtonAllowed": "helpButtonAllowed"; "stepsOnLeftSide": "stepsOnLeftSide"; "cookingTimeAsPrimaryInfo": "cookingTimeAsPrimaryInfo"; "moreRecipesImageURL": "moreRecipesImageURL"; "pricingGuestsText": "pricingGuestsText"; }, { "recipeAdded": "recipeAdded"; "recipeError": "recipeError"; }, never, never>;
 }

package/lib/_web-components/recipe-details/recipe-details.module.d.ts

@@ -11,8 +11,9 @@ import * as i8 from "@angular/forms";
 import * as i9 from "../../_utils/utils.module";
 import * as i10 from "../../_components/components.module";
 import * as i11 from "@angular/youtube-player";
+import * as i12 from "../basket-preview/basket-preview.module";
 export declare class RecipeDetailsModule {
     constructor(injector: Injector);
-    static ɵmod: i0.ɵɵNgModuleDefWithMeta<RecipeDetailsModule, [typeof i1.RecipeDetailsIngredientsComponent, typeof i2.RecipeDetailsComponent, typeof i3.RecipeAddonComponent, typeof i4.RecipeDetailsStepsComponent, typeof i5.RecipeDetailsInfosComponent, typeof i6.SponsorStorytellingComponent], [typeof i7.CommonModule, typeof i8.FormsModule, typeof i9.UtilsModule, typeof i10.ComponentsModule, typeof i11.YouTubePlayerModule], [typeof i1.RecipeDetailsIngredientsComponent, typeof i2.RecipeDetailsComponent, typeof i3.RecipeAddonComponent, typeof i4.RecipeDetailsStepsComponent, typeof i5.RecipeDetailsInfosComponent, typeof i6.SponsorStorytellingComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<RecipeDetailsModule, [typeof i1.RecipeDetailsIngredientsComponent, typeof i2.RecipeDetailsComponent, typeof i3.RecipeAddonComponent, typeof i4.RecipeDetailsStepsComponent, typeof i5.RecipeDetailsInfosComponent, typeof i6.SponsorStorytellingComponent], [typeof i7.CommonModule, typeof i8.FormsModule, typeof i9.UtilsModule, typeof i10.ComponentsModule, typeof i11.YouTubePlayerModule, typeof i12.BasketPreviewModule], [typeof i1.RecipeDetailsIngredientsComponent, typeof i2.RecipeDetailsComponent, typeof i3.RecipeAddonComponent, typeof i4.RecipeDetailsStepsComponent, typeof i5.RecipeDetailsInfosComponent, typeof i6.SponsorStorytellingComponent]>;
     static ɵinj: i0.ɵɵInjectorDef<RecipeDetailsModule>;
 }

package/lib/_web-components/recipe-helper/recipe-helper.component.d.ts

@@ -1,21 +1,17 @@
-import { MediaMatcher } from '@angular/cdk/layout';
 import { EventEmitter, ChangeDetectorRef, OnInit, OnDestroy } from '@angular/core';
 import { Subscription } from 'rxjs';
-import { ContextService, RecipesService } from '../../_services';
+import { RecipesService } from '../../_services';
 import { Icon } from '../../_types/icon.enum';
 import * as i0 from "@angular/core";
 export declare class RecipeHelperComponent implements OnInit, OnDestroy {
     private cdr;
     private recipesService;
-    private mediaMatcher;
-    private context;
     stringDetailLocation: string;
     close: EventEmitter<any>;
     icon: typeof Icon;
-    isMobile: boolean;
     isDisplayed: boolean;
     protected subscriptions: Subscription[];
-    constructor(cdr: ChangeDetectorRef, recipesService: RecipesService, mediaMatcher: MediaMatcher, context: ContextService);
+    constructor(cdr: ChangeDetectorRef, recipesService: RecipesService);
     ngOnInit(): void;
     onClose(): void;
     ngOnDestroy(): void;

package/lib/_web-components/recipe-modal/recipe-modal.component.d.ts

@@ -1,20 +1,19 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { BehaviorSubject, Subscription } from 'rxjs';
 import { Recipe } from '../../_models';
-import { BasketsService, GroceriesListsService, PointOfSalesService, RecipesService } from '../../_services';
-import { EventTrace } from '../../_services/analytics.service';
+import { BasketsService, RecipesService } from '../../_services';
 import { PrintService } from '../../_services/print.service';
+import { EventTrace } from '../../_types/event-trace';
 import * as i0 from "@angular/core";
-export declare class RecipeModalComponent implements OnInit {
+export declare class RecipeModalComponent implements OnInit, OnDestroy {
     private cdr;
     recipesService: RecipesService;
     private printService;
     private elRef;
-    private groceriesListsService;
     private basketsService;
-    private posService;
     recipe: Recipe;
     show: boolean;
-    previewMode: boolean;
+    previewMode: BehaviorSubject<boolean>;
     previewAllowed: boolean;
     displayGuestsInDetails: boolean;
     helpButtonAllowedInDetails: boolean;
@@ -23,13 +22,16 @@ export declare class RecipeModalComponent implements OnInit {
     basketChangedSinceOpened: boolean;
     recipeWasAdded: boolean;
     eventTrace?: EventTrace;
+    subscriptions: Subscription[];
     detailsStepsOnLeftSide: boolean;
     detailsMoreRecipesImageURL: string;
     detailsPricingGuestsText: string;
     hasChangesOnClose: EventEmitter<boolean>;
     private detailsComponent;
-    constructor(cdr: ChangeDetectorRef, recipesService: RecipesService, printService: PrintService, elRef: ElementRef<HTMLElement>, groceriesListsService: GroceriesListsService, basketsService: BasketsService, posService: PointOfSalesService);
+    constructor(cdr: ChangeDetectorRef, recipesService: RecipesService, printService: PrintService, elRef: ElementRef<HTMLElement>, basketsService: BasketsService);
     ngOnInit(): void;
+    ngOnDestroy(): void;
+    listenToRecipeDisplayed(): void;
     registerTrace(trace: EventTrace): void;
     hide(): void;
     togglePreviewMode(): void;
@@ -37,7 +39,7 @@ export declare class RecipeModalComponent implements OnInit {
     /**
      * If the preview is opened and loading, block the user from closing the modal
      */
-    setModalClosable(previewLoading: boolean): void;
+    initDisabledStates(): void;
     static ɵfac: i0.ɵɵFactoryDef<RecipeModalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDefWithMeta<RecipeModalComponent, "ng-miam-recipe-modal", never, { "detailsStepsOnLeftSide": "detailsStepsOnLeftSide"; "detailsMoreRecipesImageURL": "detailsMoreRecipesImageURL"; "detailsPricingGuestsText": "detailsPricingGuestsText"; }, { "hasChangesOnClose": "hasChangesOnClose"; }, never, never>;
 }

package/lib/_web-components/toaster-stack/toaster-stack.component.d.ts

@@ -1,13 +1,16 @@
-import { ChangeDetectorRef, OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { Subscription } from 'rxjs';
 import { ToasterService } from '../../_services/toaster.service';
 import { Toaster } from '../../_types/toaster';
 import * as i0 from "@angular/core";
-export declare class ToasterStackComponent implements OnInit {
+export declare class ToasterStackComponent implements OnInit, OnDestroy {
     private cdr;
     private toasterService;
     toasters: Toaster[];
+    subscriptions: Subscription[];
     constructor(cdr: ChangeDetectorRef, toasterService: ToasterService);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     close(index: number): void;
     static ɵfac: i0.ɵɵFactoryDef<ToasterStackComponent, never>;
     static ɵcmp: i0.ɵɵComponentDefWithMeta<ToasterStackComponent, "ng-miam-toaster-stack", never, {}, {}, never, never>;

package/lib/_web-components/web-components.module.d.ts

@@ -1,42 +1,36 @@
-import { DrawerComponent } from './drawer/drawer.component';
 import { PlannerPageComponent } from './planner/planner.component';
 import { PlannerCalendarComponent } from './planner-calendar/planner-calendar.component';
 import { PlannerSideMenuComponent } from './planner-side-menu/planner-side-menu.component';
-import { PosCardComponent } from './pos-card/pos-card.component';
-import { PosSelectionComponent } from './pos-selection/pos-selection.component';
 import { RecipeHelperComponent } from './recipe-helper/recipe-helper.component';
 import { RecipeModalComponent } from './recipe-modal/recipe-modal.component';
 import { RecipeTagsComponent } from './recipe-tags/recipe-tags.component';
 import { RecipesHistoryComponent } from './recipes-history/recipes-history.component';
 import { ToasterStackComponent } from './toaster-stack/toaster-stack.component';
 import * as i0 from "@angular/core";
-import * as i1 from "./drawer/drawer.component";
-import * as i2 from "./pos-selection/pos-selection.component";
-import * as i3 from "./pos-card/pos-card.component";
-import * as i4 from "./planner/planner.component";
-import * as i5 from "./planner-calendar/planner-calendar.component";
-import * as i6 from "./planner-side-menu/planner-side-menu.component";
-import * as i7 from "./recipe-modal/recipe-modal.component";
-import * as i8 from "./recipes-history/recipes-history.component";
-import * as i9 from "./recipe-helper/recipe-helper.component";
-import * as i10 from "./recipe-tags/recipe-tags.component";
-import * as i11 from "./toaster-stack/toaster-stack.component";
-import * as i12 from "./basket-preview/basket-preview.module";
-import * as i13 from "./list-scan/list-scan.module";
-import * as i14 from "./recipe-details/recipe-details.module";
-import * as i15 from "./meals-planner/meals-planner.module";
-import * as i16 from "./recipe-cards/recipe-cards.module";
-import * as i17 from "./recipe-catalog/recipe-catalog.module";
-import * as i18 from "./recipe-creation/recipe-creation.module";
-import * as i19 from "@angular/common";
-import * as i20 from "@angular/forms";
-import * as i21 from "../_components/components.module";
-import * as i22 from "angular-calendar";
-import * as i23 from "../_utils/utils.module";
-import * as i24 from "@angular/youtube-player";
-export declare const WEB_COMPONENTS: (typeof DrawerComponent | typeof PlannerPageComponent | typeof PlannerCalendarComponent | typeof PlannerSideMenuComponent | typeof PosCardComponent | typeof PosSelectionComponent | typeof RecipeHelperComponent | typeof RecipeTagsComponent | typeof RecipesHistoryComponent | typeof RecipeModalComponent | typeof ToasterStackComponent)[];
+import * as i1 from "./planner/planner.component";
+import * as i2 from "./planner-calendar/planner-calendar.component";
+import * as i3 from "./planner-side-menu/planner-side-menu.component";
+import * as i4 from "./recipe-modal/recipe-modal.component";
+import * as i5 from "./recipes-history/recipes-history.component";
+import * as i6 from "./recipe-helper/recipe-helper.component";
+import * as i7 from "./recipe-tags/recipe-tags.component";
+import * as i8 from "./toaster-stack/toaster-stack.component";
+import * as i9 from "./basket-preview/basket-preview.module";
+import * as i10 from "./list-scan/list-scan.module";
+import * as i11 from "./recipe-details/recipe-details.module";
+import * as i12 from "./meals-planner/meals-planner.module";
+import * as i13 from "./recipe-cards/recipe-cards.module";
+import * as i14 from "./recipe-catalog/recipe-catalog.module";
+import * as i15 from "./recipe-creation/recipe-creation.module";
+import * as i16 from "@angular/common";
+import * as i17 from "@angular/forms";
+import * as i18 from "../_components/components.module";
+import * as i19 from "angular-calendar";
+import * as i20 from "../_utils/utils.module";
+import * as i21 from "@angular/youtube-player";
+export declare const WEB_COMPONENTS: (typeof PlannerPageComponent | typeof PlannerCalendarComponent | typeof PlannerSideMenuComponent | typeof RecipeHelperComponent | typeof RecipeTagsComponent | typeof RecipesHistoryComponent | typeof RecipeModalComponent | typeof ToasterStackComponent)[];
 export declare const WEB_COMPONENTS_NAMES: string[];
 export declare class WebComponentsModule {
-    static ɵmod: i0.ɵɵNgModuleDefWithMeta<WebComponentsModule, [typeof i1.DrawerComponent, typeof i2.PosSelectionComponent, typeof i3.PosCardComponent, typeof i4.PlannerPageComponent, typeof i5.PlannerCalendarComponent, typeof i6.PlannerSideMenuComponent, typeof i7.RecipeModalComponent, typeof i8.RecipesHistoryComponent, typeof i9.RecipeHelperComponent, typeof i10.RecipeTagsComponent, typeof i11.ToasterStackComponent], [typeof i12.BasketPreviewModule, typeof i13.ListScanModule, typeof i14.RecipeDetailsModule, typeof i15.MealsPlannerModule, typeof i16.RecipeCardsModule, typeof i17.RecipeCatalogModule, typeof i18.RecipeCreationModule, typeof i19.CommonModule, typeof i20.FormsModule, typeof i20.ReactiveFormsModule, typeof i21.ComponentsModule, typeof i22.CalendarModule, typeof i23.UtilsModule, typeof i24.YouTubePlayerModule], [typeof i12.BasketPreviewModule, typeof i13.ListScanModule, typeof i14.RecipeDetailsModule, typeof i15.MealsPlannerModule, typeof i16.RecipeCardsModule, typeof i17.RecipeCatalogModule, typeof i18.RecipeCreationModule, typeof i1.DrawerComponent, typeof i2.PosSelectionComponent, typeof i3.PosCardComponent, typeof i4.PlannerPageComponent, typeof i5.PlannerCalendarComponent, typeof i6.PlannerSideMenuComponent, typeof i7.RecipeModalComponent, typeof i8.RecipesHistoryComponent, typeof i9.RecipeHelperComponent, typeof i10.RecipeTagsComponent, typeof i11.ToasterStackComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<WebComponentsModule, [typeof i1.PlannerPageComponent, typeof i2.PlannerCalendarComponent, typeof i3.PlannerSideMenuComponent, typeof i4.RecipeModalComponent, typeof i5.RecipesHistoryComponent, typeof i6.RecipeHelperComponent, typeof i7.RecipeTagsComponent, typeof i8.ToasterStackComponent], [typeof i9.BasketPreviewModule, typeof i10.ListScanModule, typeof i11.RecipeDetailsModule, typeof i12.MealsPlannerModule, typeof i13.RecipeCardsModule, typeof i14.RecipeCatalogModule, typeof i15.RecipeCreationModule, typeof i16.CommonModule, typeof i17.FormsModule, typeof i17.ReactiveFormsModule, typeof i18.ComponentsModule, typeof i19.CalendarModule, typeof i20.UtilsModule, typeof i21.YouTubePlayerModule], [typeof i9.BasketPreviewModule, typeof i10.ListScanModule, typeof i11.RecipeDetailsModule, typeof i12.MealsPlannerModule, typeof i13.RecipeCardsModule, typeof i14.RecipeCatalogModule, typeof i15.RecipeCreationModule, typeof i1.PlannerPageComponent, typeof i2.PlannerCalendarComponent, typeof i3.PlannerSideMenuComponent, typeof i4.RecipeModalComponent, typeof i5.RecipesHistoryComponent, typeof i6.RecipeHelperComponent, typeof i7.RecipeTagsComponent, typeof i8.ToasterStackComponent]>;
     static ɵinj: i0.ɵɵInjectorDef<WebComponentsModule>;
 }