ng-miam 3.7.2 → 3.9.0

package/lib/_components/counter-input/counter-input.component.d.ts

@@ -23,7 +23,6 @@ export declare class CounterInputComponent implements OnDestroy, OnChanges {
     decrement(event: Event): void;
     prevent(event: Event): void;
     updateValue(): void;
-    private focus;
     static ɵfac: i0.ɵɵFactoryDef<CounterInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDefWithMeta<CounterInputComponent, "ng-miam-counter-input", never, { "counter": "counter"; "minRange": "minRange"; "maxRange": "maxRange"; }, { "counterChange": "counterChange"; "selected": "selected"; }, never, never>;
 }

package/lib/_components/recipe-filters/recipe-filters.component.d.ts

@@ -1,6 +1,6 @@
 import { MediaMatcher } from '@angular/cdk/layout';
 import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, OnDestroy } from '@angular/core';
-import { UserService } from '../../_services';
+import { ContextService, UserService } from '../../_services';
 import { Icon } from '../../_types/icon.enum';
 import { RecipeFilters } from '../../_types/recipe-filters';
 import * as i0 from "@angular/core";
@@ -8,6 +8,7 @@ export declare class RecipeFiltersComponent implements OnInit, OnChanges, OnDest
     private cdr;
     mediaMatcher: MediaMatcher;
     usersService: UserService;
+    private context;
     filters: RecipeFilters;
     mobileFixed: boolean;
     filterToRemove: string;
@@ -23,7 +24,7 @@ export declare class RecipeFiltersComponent implements OnInit, OnChanges, OnDest
     isLogged: boolean;
     hasChildren: boolean;
     private subscriptions;
-    constructor(cdr: ChangeDetectorRef, mediaMatcher: MediaMatcher, usersService: UserService);
+    constructor(cdr: ChangeDetectorRef, mediaMatcher: MediaMatcher, usersService: UserService, context: ContextService);
     ngOnInit(): void;
     ngOnChanges(): void;
     ngOnDestroy(): void;

package/lib/_components/recipe-pricing/recipe-pricing.component.d.ts

@@ -11,6 +11,7 @@ export declare class RecipePricingComponent implements OnChanges, OnInit, OnDest
     private basketsService;
     recipe: Recipe;
     serves: number;
+    guestsText: string;
     pricing: RecipePricing;
     loading: boolean;
     integerPart: string;
@@ -27,5 +28,5 @@ export declare class RecipePricingComponent implements OnChanges, OnInit, OnDest
     private extractPricing;
     private format;
     static ɵfac: i0.ɵɵFactoryDef<RecipePricingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<RecipePricingComponent, "ng-miam-recipe-pricing", never, { "recipe": "recipe"; "serves": "serves"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<RecipePricingComponent, "ng-miam-recipe-pricing", never, { "recipe": "recipe"; "serves": "serves"; "guestsText": "guestsText"; }, {}, never, never>;
 }

package/lib/_services/baskets.service.d.ts

@@ -33,6 +33,7 @@ export declare class BasketsService extends Service<Basket> {
     basketStats$: BehaviorSubject<BasketStats>;
     basketIsFetching: boolean;
     basketPreviewIsCalculating: boolean;
+    basketInitCalled: boolean;
     private _entries$;
     /**
      * We want basket$ to be a singleton that always returns the same basket, so it is fetched only when necessary.

package/lib/_services/context.service.d.ts

@@ -31,9 +31,11 @@ export declare class ContextService {
     icons: IconOverride[];
     videoRecipesEnabled: boolean;
     articlesInCatalogEnabled: boolean;
+    tagsOnRecipesEnabled: boolean;
     hookCallback: (isLogged: any, isPosValid: any) => boolean;
     displayIngredientPicturesOnRecipeCards: boolean;
     defaultIngredientPicture: string;
+    globalScrollableElement: HTMLElement;
     private CORSIssues;
     private isSmallScreen$;
     private basketWrapper;
@@ -66,6 +68,7 @@ export declare class ContextService {
             enableVideoRecipes: () => void;
             enableArticlesInCatalog: () => void;
             enableUserPreferences: () => void;
+            enableTagsOnRecipes: () => void;
         };
         hook: {
             setHookCallback: (callback: (isLogged: any, isPosValid: any) => boolean) => void;
@@ -99,6 +102,9 @@ export declare class ContextService {
             device: MediaMatcher;
             isSmallScreen$: Observable<boolean>;
         };
+        view: {
+            setGlobalScrollableElement: (element: HTMLElement) => void;
+        };
         /**
          * Override two times 'll not be considered
          * @param icon have to be a knowed icon name see section 'Custom icons' in read me

package/lib/_services/groceries-lists.service.d.ts

@@ -38,7 +38,7 @@ export declare class GroceriesListsService extends Service<GroceriesList> {
     removeRecipeFromList(recipeId: string): Observable<GroceriesList>;
     updateRecipeGuests(recipeId: string, guests: number): Observable<GroceriesList>;
     removeRecipesFromList(): Observable<GroceriesList>;
-    addEntriesFromPicture(file: File, include?: any[]): Observable<GroceriesList>;
+    addEntriesFromPicture(file: File, include?: any[], disableIngredientsMatching?: boolean): Observable<GroceriesList>;
     private saveList;
     private assignList;
     static ɵfac: i0.ɵɵFactoryDef<GroceriesListsService, never>;

package/lib/_types/icon.enum.d.ts

@@ -5,7 +5,7 @@ export declare enum Icon {
     CostHight = 3,
     CostMedium = 4,
     CostLow = 5,
-    DifficultyHight = 6,
+    DifficultyHigh = 6,
     DifficultyMedium = 7,
     DifficultyLow = 8,
     Heart = 9,
@@ -55,5 +55,8 @@ export declare enum Icon {
     DrawerHorizontalCloseBar = 53,
     Video = 54,
     Cross = 55,
-    Ingredients = 56
+    Ingredients = 56,
+    CheckboxChecked = 57,
+    CheckboxUnchecked = 58,
+    Upload = 59
 }

package/lib/_web-components/drawer/drawer.component.d.ts

@@ -1,5 +1,5 @@
 import { OnInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { BasketsService, GroceriesListsService, BasketStats } from '../../_services';
+import { BasketsService, GroceriesListsService, BasketStats, ContextService } from '../../_services';
 import { PointOfSalesService } from '../../_services/point-of-sales.service';
 import { PointOfSale } from '../../_models/point-of-sale';
 import { AnalyticsService } from '../../_services/analytics.service';
@@ -10,6 +10,7 @@ export declare class DrawerComponent implements OnInit, OnDestroy {
     private posService;
     private basketsService;
     private analyticsService;
+    private context;
     expand: boolean;
     recipesCount: number;
     jiggle: boolean;
@@ -18,7 +19,7 @@ export declare class DrawerComponent implements OnInit, OnDestroy {
     pos: PointOfSale;
     basketStats: BasketStats;
     private subscriptions;
-    constructor(cdr: ChangeDetectorRef, listsService: GroceriesListsService, posService: PointOfSalesService, basketsService: BasketsService, analyticsService: AnalyticsService);
+    constructor(cdr: ChangeDetectorRef, listsService: GroceriesListsService, posService: PointOfSalesService, basketsService: BasketsService, analyticsService: AnalyticsService, context: ContextService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     onKeydownHandler(event: KeyboardEvent): void;

package/lib/_web-components/index.d.ts

@@ -9,7 +9,7 @@ export * from './drawer/drawer.component';
 export * from './favorite-page/favorite-page.component';
 export * from './list-scan';
 export * from './loader';
-export * from './modal/modal.component';
+export * from './modal';
 export * from './order-button/order-button.component';
 export * from './personal-recipes/personal-recipes.component';
 export * from './planner/planner.component';
@@ -17,10 +17,9 @@ export * from './planner-calendar/planner-calendar.component';
 export * from './planner-side-menu/planner-side-menu.component';
 export * from './pos-card/pos-card.component';
 export * from './pos-selection/pos-selection.component';
-export * from './recipe-addon/recipe-addon.component';
 export * from './recipe-card/recipe-card.component';
 export * from './recipe-catalog/recipe-catalog.component';
-export * from './recipe-details/recipe-details.component';
+export * from './recipe-details';
 export * from './recipe-form/recipe-form.component';
 export * from './recipe-helper/recipe-helper.component';
 export * from './recipe-stepper/recipe-stepper.component';

package/lib/_web-components/list-scan/basket-preview/basket-preview.component.d.ts

@@ -7,12 +7,12 @@ import * as i0 from "@angular/core";
 export declare class ListScanBasketPreviewComponent implements OnInit, OnDestroy {
     private cdr;
     private basketsService;
-    overlay: any;
     entries: GroceriesEntry[];
     closed: EventEmitter<any>;
     icon: typeof Icon;
     lines: BasketPreviewLine[];
     unavailable: BasketEntry[];
+    replaceItemCurrentLine: BasketPreviewLine;
     private subscriptions;
     constructor(cdr: ChangeDetectorRef, basketsService: BasketsService);
     ngOnInit(): void;
@@ -21,5 +21,5 @@ export declare class ListScanBasketPreviewComponent implements OnInit, OnDestroy
     deleteEntry(line: BasketPreviewLine): void;
     toggleReplacing(line: BasketPreviewLine): void;
     static ɵfac: i0.ɵɵFactoryDef<ListScanBasketPreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<ListScanBasketPreviewComponent, "ng-miam-list-scan-basket-preview", never, { "overlay": "overlay"; "entries": "entries"; }, { "closed": "closed"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<ListScanBasketPreviewComponent, "ng-miam-list-scan-basket-preview", never, { "entries": "entries"; }, { "closed": "closed"; }, never, never>;
 }

package/lib/_web-components/list-scan/files-inputs/files-inputs.component.d.ts

@@ -0,0 +1,21 @@
+import { MediaMatcher } from '@angular/cdk/layout';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { GroceriesEntry } from '../../../_models/groceries-entry';
+import { GroceriesListsService } from '../../../_services';
+import { Icon } from '../../../_types/icon.enum';
+import * as i0 from "@angular/core";
+export declare class ListScanFilesInputsComponent {
+    private cdr;
+    private mediaMatcher;
+    private listsService;
+    overlay: boolean;
+    disableIngredientsMatching: boolean;
+    entriesAdded: EventEmitter<GroceriesEntry[]>;
+    icon: typeof Icon;
+    loading: boolean;
+    isMobile: boolean;
+    constructor(cdr: ChangeDetectorRef, mediaMatcher: MediaMatcher, listsService: GroceriesListsService);
+    sendFile(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDef<ListScanFilesInputsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<ListScanFilesInputsComponent, "ng-miam-list-scan-files-inputs", never, { "overlay": "overlay"; "disableIngredientsMatching": "disableIngredientsMatching"; }, { "entriesAdded": "entriesAdded"; }, never, never>;
+}

package/lib/_web-components/list-scan/ingredients-list/ingredients-list.component.d.ts

@@ -6,7 +6,6 @@ import * as i0 from "@angular/core";
 export declare class ListScanIngredientsListComponent implements OnDestroy {
     private cdr;
     private basketsService;
-    overlay: boolean;
     entries: GroceriesEntry[];
     closed: EventEmitter<any>;
     confirmed: EventEmitter<any>;
@@ -18,5 +17,5 @@ export declare class ListScanIngredientsListComponent implements OnDestroy {
     cancel(): void;
     confirm(): void;
     static ɵfac: i0.ɵɵFactoryDef<ListScanIngredientsListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<ListScanIngredientsListComponent, "ng-miam-list-scan-ingredients-list", never, { "overlay": "overlay"; "entries": "entries"; }, { "closed": "closed"; "confirmed": "confirmed"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<ListScanIngredientsListComponent, "ng-miam-list-scan-ingredients-list", never, { "entries": "entries"; }, { "closed": "closed"; "confirmed": "confirmed"; }, never, never>;
 }

package/lib/_web-components/list-scan/list-scan.component.d.ts

@@ -1,9 +1,12 @@
-import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { GroceriesEntry } from '../../_models/groceries-entry';
 import * as i0 from "@angular/core";
 export declare class ListScanComponent {
     private cdr;
+    floatingButton: boolean;
     overlay: boolean;
+    disableIngredientsMatching: boolean;
+    close: EventEmitter<void>;
     entries: GroceriesEntry[];
     ingredientsShown: boolean;
     basketPreviewShown: boolean;
@@ -13,5 +16,5 @@ export declare class ListScanComponent {
     showBasketPreview(): void;
     hideBasketPreview(): void;
     static ɵfac: i0.ɵɵFactoryDef<ListScanComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<ListScanComponent, "ng-miam-list-scan", never, { "overlay": "overlay"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<ListScanComponent, "ng-miam-list-scan", never, { "floatingButton": "floatingButton"; "overlay": "overlay"; "disableIngredientsMatching": "disableIngredientsMatching"; }, { "close": "close"; }, never, never>;
 }

package/lib/_web-components/list-scan/list-scan.module.d.ts

@@ -4,13 +4,15 @@ import * as i1 from "./list-scan.component";
 import * as i2 from "./overlay-button/overlay-button.component";
 import * as i3 from "./ingredients-list/ingredients-list.component";
 import * as i4 from "./basket-preview/basket-preview.component";
-import * as i5 from "@angular/common";
-import * as i6 from "@angular/forms";
-import * as i7 from "../../_components/components.module";
-import * as i8 from "../basket-preview/basket-preview.module";
-import * as i9 from "../loader/loader.module";
+import * as i5 from "./files-inputs/files-inputs.component";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/forms";
+import * as i8 from "../../_components/components.module";
+import * as i9 from "../basket-preview/basket-preview.module";
+import * as i10 from "../loader/loader.module";
+import * as i11 from "../modal/modal.module";
 export declare class ListScanModule {
     constructor(injector: Injector);
-    static ɵmod: i0.ɵɵNgModuleDefWithMeta<ListScanModule, [typeof i1.ListScanComponent, typeof i2.ListScanOverlayButtonComponent, typeof i3.ListScanIngredientsListComponent, typeof i4.ListScanBasketPreviewComponent], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i7.ComponentsModule, typeof i8.BasketPreviewModule, typeof i9.LoaderModule], [typeof i1.ListScanComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<ListScanModule, [typeof i1.ListScanComponent, typeof i2.ListScanOverlayButtonComponent, typeof i3.ListScanIngredientsListComponent, typeof i4.ListScanBasketPreviewComponent, typeof i5.ListScanFilesInputsComponent], [typeof i6.CommonModule, typeof i7.FormsModule, typeof i8.ComponentsModule, typeof i9.BasketPreviewModule, typeof i10.LoaderModule, typeof i11.ModalModule], [typeof i1.ListScanComponent]>;
     static ɵinj: i0.ɵɵInjectorDef<ListScanModule>;
 }

package/lib/_web-components/modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './modal.module';
+export * from './modal.component';

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

@@ -1,10 +1,12 @@
 import { MediaMatcher } from '@angular/cdk/layout';
 import { OnChanges, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { ContextService } from '../../_services';
 import { Icon } from '../../_types/icon.enum';
 import * as i0 from "@angular/core";
 export declare class ModalComponent implements OnChanges {
     private cdr;
     private mediaMatcher;
+    private context;
     title: string;
     expanded: boolean;
     confirmButtonText: string;
@@ -18,7 +20,7 @@ export declare class ModalComponent implements OnChanges {
     icon: typeof Icon;
     scrollPosition: number;
     isMobile: boolean;
-    constructor(cdr: ChangeDetectorRef, mediaMatcher: MediaMatcher);
+    constructor(cdr: ChangeDetectorRef, mediaMatcher: MediaMatcher, context: ContextService);
     ngOnChanges(): void;
     onClose(): void;
     onCancel(): void;

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

@@ -0,0 +1,11 @@
+import { Injector } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./modal.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "../../_components/components.module";
+export declare class ModalModule {
+    constructor(injector: Injector);
+    static ɵmod: i0.ɵɵNgModuleDefWithMeta<ModalModule, [typeof i1.ModalComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.ComponentsModule], [typeof i1.ModalComponent]>;
+    static ɵinj: i0.ɵɵInjectorDef<ModalModule>;
+}

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

@@ -0,0 +1,6 @@
+export * from './recipe-details.module';
+export * from './recipe-details.component';
+export * from './recipe-addon/recipe-addon.component';
+export * from './recipe-details-ingredients/recipe-details-ingredients.component';
+export * from './recipe-details-steps/recipe-details-steps.component';
+export * from './recipe-details-infos/recipe-details-infos.component';

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
-import { Icon } from '../../_types/icon.enum';
-import { Recipe } from '../../_models';
+import { Icon } from '../../../_types/icon.enum';
+import { Recipe } from '../../../_models';
 import * as i0 from "@angular/core";
 export declare class RecipeAddonComponent {
     recipe: Recipe;

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { ChangeDetectorRef, OnChanges } from '@angular/core';
+import { Recipe } from '../../../_models/recipe';
+import { Icon } from '../../../_types/icon.enum';
+import * as i0 from "@angular/core";
+export declare class RecipeDetailsStepsComponent implements OnChanges {
+    cdr: ChangeDetectorRef;
+    recipe: Recipe;
+    steps: any[];
+    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,24 +1,23 @@
 import { ChangeDetectorRef, EventEmitter, OnChanges, AfterViewChecked, ElementRef } from '@angular/core';
 import { Recipe } from '../../_models/recipe';
 import { Icon } from '../../_types/icon.enum';
-import { ContextService, GroceriesListsService, PointOfSalesService, RecipeEventsService, UserService } from '../../_services';
-import { BehaviorSubject, Subscription } from 'rxjs';
+import { ContextService, GroceriesListsService, PointOfSalesService, RecipeEventsService, RecipesService, UserService } from '../../_services';
+import { Subscription } from 'rxjs';
 import { MediaMatcher } from '@angular/cdk/layout';
-import { SimplifiedIngredient } from '../../_models';
 import * as i0 from "@angular/core";
 export declare class RecipeDetailsComponent implements OnChanges, AfterViewChecked {
     cdr: ChangeDetectorRef;
-    private mediaMatcher;
+    recipeService: RecipesService;
     groceriesListsService: GroceriesListsService;
     userService: UserService;
     protected posService: PointOfSalesService;
     private recipeEventsService;
+    private mediaMatcher;
     contextService: ContextService;
     recipe: Recipe;
-    forceIngredientsStepstoggle: boolean;
     previewAllowed: boolean;
     ingredientsPictures: boolean;
-    displayTags: boolean;
+    forceDisplayTags: any;
     displayTagsIcons: boolean;
     displayPricing: boolean;
     displayAddedOnPicture: boolean;
@@ -27,30 +26,28 @@ export declare class RecipeDetailsComponent implements OnChanges, AfterViewCheck
     recipeError: EventEmitter<void>;
     primaryButtonClicked$: EventEmitter<boolean>;
     topContainerImg: ElementRef;
-    mainContainer: ElementRef;
-    isMobile: boolean;
     tab: number;
+    isMobile: boolean;
+    displayTags: boolean;
     showDetail: boolean;
-    steps: any[];
-    activeStep: number;
     icon: typeof Icon;
-    ingredientsChecked: {};
-    showIngredient: boolean;
-    closeIconhidden: BehaviorSubject<boolean>;
     playerWidth: any;
     playerHeight: any;
     showVideo: any;
-    scrollListenerInitialised: boolean;
     addButtonLoading: boolean;
+    titleInHeader: boolean;
+    title: HTMLElement;
+    content: HTMLElement;
+    private intersectionObserver;
     protected subscriptions: Subscription[];
-    constructor(cdr: ChangeDetectorRef, mediaMatcher: MediaMatcher, groceriesListsService: GroceriesListsService, userService: UserService, posService: PointOfSalesService, recipeEventsService: RecipeEventsService, contextService: ContextService);
+    constructor(cdr: ChangeDetectorRef, recipeService: RecipesService, groceriesListsService: GroceriesListsService, userService: UserService, posService: PointOfSalesService, recipeEventsService: RecipeEventsService, mediaMatcher: MediaMatcher, contextService: ContextService);
     ngOnChanges(): void;
     ngAfterViewChecked(): void;
     /**
      * Init the listener on scroll so the modal can hide the close icon
      */
-    initScrollListener(): void;
-    changeActiveStep(index: number): void;
+    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
@@ -59,14 +56,10 @@ export declare class RecipeDetailsComponent implements OnChanges, AfterViewCheck
     addRecipe(): void;
     addRecipeActionOK(): void;
     addRecipeActionKO(): void;
-    updateGuests(guests: any): void;
     print(): void;
-    openCalendar(event: Event): void;
-    shareRecipe(event: Event): void;
     toggleAddon(): void;
-    toggleShowIngredient(isShowed: boolean): void;
+    toggleHelper(): void;
     toggleButtonLoader(value: boolean): void;
-    ingredientPicture(ingredient: SimplifiedIngredient): string;
     static ɵfac: i0.ɵɵFactoryDef<RecipeDetailsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDefWithMeta<RecipeDetailsComponent, "ng-miam-recipe-details", never, { "recipe": "recipe"; "forceIngredientsStepstoggle": "forceIngredientsStepstoggle"; "previewAllowed": "previewAllowed"; "ingredientsPictures": "ingredientsPictures"; "displayTags": "displayTags"; "displayTagsIcons": "displayTagsIcons"; "displayPricing": "displayPricing"; "displayAddedOnPicture": "displayAddedOnPicture"; }, { "recipeAdded": "recipeAdded"; "recipeChanged": "recipeChanged"; "recipeError": "recipeError"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<RecipeDetailsComponent, "ng-miam-recipe-details", never, { "recipe": "recipe"; "previewAllowed": "previewAllowed"; "ingredientsPictures": "ingredientsPictures"; "forceDisplayTags": "forceDisplayTags"; "displayTagsIcons": "displayTagsIcons"; "displayPricing": "displayPricing"; "displayAddedOnPicture": "displayAddedOnPicture"; }, { "recipeAdded": "recipeAdded"; "recipeChanged": "recipeChanged"; "recipeError": "recipeError"; }, never, never>;
 }

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

@@ -0,0 +1,18 @@
+import { Injector } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./recipe-details-ingredients/recipe-details-ingredients.component";
+import * as i2 from "./recipe-details.component";
+import * as i3 from "./recipe-addon/recipe-addon.component";
+import * as i4 from "./recipe-details-steps/recipe-details-steps.component";
+import * as i5 from "./recipe-details-infos/recipe-details-infos.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 i10 from "../loader/loader.module";
+import * as i11 from "@angular/youtube-player";
+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.CommonModule, typeof i7.FormsModule, typeof i8.UtilsModule, typeof i9.ComponentsModule, typeof i10.LoaderModule, typeof i11.YouTubePlayerModule], [typeof i1.RecipeDetailsIngredientsComponent, typeof i2.RecipeDetailsComponent, typeof i3.RecipeAddonComponent, typeof i4.RecipeDetailsStepsComponent, typeof i5.RecipeDetailsInfosComponent]>;
+    static ɵinj: i0.ɵɵInjectorDef<RecipeDetailsModule>;
+}

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

@@ -1,20 +1,21 @@
 import { MediaMatcher } from '@angular/cdk/layout';
 import { EventEmitter, ChangeDetectorRef, OnInit, OnDestroy } from '@angular/core';
 import { Subscription } from 'rxjs';
-import { RecipesService } from '../../_services';
+import { ContextService, 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);
+    constructor(cdr: ChangeDetectorRef, recipesService: RecipesService, mediaMatcher: MediaMatcher, context: ContextService);
     ngOnInit(): void;
     onClose(): void;
     ngOnDestroy(): void;

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

@@ -2,7 +2,6 @@ import { ChangeDetectorRef, ElementRef, OnInit } from '@angular/core';
 import { Recipe } from '../../_models';
 import { GroceriesListsService, RecipesService } from '../../_services';
 import { PrintService } from '../../_services/print.service';
-import { RecipeDetailsComponent } from '../recipe-details/recipe-details.component';
 import * as i0 from "@angular/core";
 export declare class RecipeModalComponent implements OnInit {
     private cdr;
@@ -14,9 +13,7 @@ export declare class RecipeModalComponent implements OnInit {
     show: boolean;
     previewMode: boolean;
     previewAllowed: boolean;
-    closeIconhidden: boolean;
     private detailsComponent;
-    set content(content: RecipeDetailsComponent);
     constructor(cdr: ChangeDetectorRef, recipesService: RecipesService, printService: PrintService, elRef: ElementRef, groceriesListsService: GroceriesListsService);
     ngOnInit(): void;
     hide(): void;