import { OverlayModule } from '@angular/cdk/overlay';
import { CommonModule } from '@angular/common';
import { NgModule, Type } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { TranslateModule } from '@ngx-translate/core';
import {
  BaseWidgetComponent,
  BaseWidgetModule,
  YapCoreModule,
  YapDashboardModule,
  YapIconModule,
  YapSelectModule,
  YapToggleModule,
  YapTranslateService
} from '@onepoint-yap/dashboard';
import { YapCheckboxModule } from '@onepoint-yap/dashboard/components/checkbox';
import { WidgetDetailModule } from '@onepoint-yap/dashboard/widgets/widget-detail';
import { WidgetMapModule } from '@onepoint-yap/dashboard/widgets/widget-map';
import { WidgetTileComponent } from './component/widget-tile.component';
import { enTranslations } from './i18n/en.translations';
import { frTranslations } from './i18n/fr.translations';
import { YapWidgetTileCssComponent } from './style/css.component';

@NgModule({
  declarations: [WidgetTileComponent, YapWidgetTileCssComponent],
  imports: [
    CommonModule,
    TranslateModule.forChild(),
    FormsModule,
    OverlayModule,
    YapCoreModule,
    YapDashboardModule,
    YapSelectModule,
    YapIconModule,
    YapCheckboxModule,
    YapToggleModule,
    WidgetDetailModule,
    WidgetMapModule
  ],
  exports: [WidgetTileComponent]
})
export class WidgetTileModule extends BaseWidgetModule {
  constructor(private yapTranslateService: YapTranslateService) {
    super();
    this.yapTranslateService.addLangObject('fr', 'widget-tile', frTranslations);
    this.yapTranslateService.addLangObject('en', 'widget-tile', enTranslations);
  }

  override getComponent() {
    return WidgetTileComponent as Type<BaseWidgetComponent>;
  }
}