import { TalyStickyService } from '@allianz/taly-core';
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { ActionsModule } from '../frame-parts/actions/actions.module';
import { BannerComponent } from '../frame-parts/banner/banner.component';
import { ContentModule } from '../frame-parts/content/content.module';
import { FooterModule } from '../frame-parts/footer/footer.module';
import { HeaderModule } from '../frame-parts/header/header.module';
import { NavigationModule } from '../frame-parts/navigation/navigation.module';
import { OfferCodeModule } from '../frame-parts/offer-code/offer-code.module';
import { SidebarModule } from '../frame-parts/sidebar/sidebar.module';
import { SmallPrintModule } from '../frame-parts/small-print/small-print.module';
import { SpinnerModule } from '../frame-parts/spinner/spinner.module';
import { StageModule } from '../frame-parts/stage/stage.module';
import { FrameComponent } from '../frame/frame.component';
import { TalyFrameBannerService } from '../services/banner.service';
import { TalyFrameLayoutService } from '../services/frame-layout.service';
import { TalyFrameSidebarService } from '../services/sidebar.service';

/***
 * The TalyFrameModule enables you to use the `<taly-frame>` component.
 * The frame brings the following content:
 * + **Header & Footer** (both configurable)
 * + **Sidebar**
 * You can use the sidebar marker directive to project content into the sidebar.
 * + **Navigation**
 * You need to provide an implementation for `TalyFrameNavigationService` in order to use it.
 * + **Content**
 * The place your content is visible. Best used with your router-outlet
 * + **Stage**
 * The header above the content with a headline, topline, subline and several images.
 * Best used together with additional page data that gets extracted by `TalyPageDataService`
 * + **Actions**
 * The action bar that holds your next & back buttons

 */
@NgModule({
  declarations: [FrameComponent],
  providers: [
    TalyFrameLayoutService,
    TalyFrameSidebarService,
    TalyFrameBannerService,
    TalyStickyService
  ],
  exports: [FrameComponent],
  imports: [
    CommonModule,
    HeaderModule,
    FooterModule,
    StageModule,
    OfferCodeModule,
    SmallPrintModule,
    NavigationModule,
    ContentModule,
    ActionsModule,
    SidebarModule,
    SpinnerModule,
    BannerComponent
  ]
})
export class TalyFrameModule {}