import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { TranslateModule } from '@ngx-translate/core';
import { TableHeaderComponent } from './table-header/table-header.component';
import { IqserFiltersModule } from '../filtering';
import { IqserInputsModule } from '../inputs';
import { MatTooltipModule } from '@angular/material/tooltip';
import { TableColumnNameComponent } from './table-column-name/table-column-name.component';
import { ScrollButtonComponent } from './scroll-button/scroll-button.component';
import { TableComponent } from './table/table.component';
import { SyncWidthDirective } from './sync-width.directive';
import { ScrollingModule } from '@angular/cdk/scrolling';
import { IqserIconsModule } from '../icons';
import { IqserScrollbarModule } from '../scrollbar';
import { RouterModule } from '@angular/router';
import { IqserEmptyStatesModule } from '../empty-states';
import { WorkflowComponent } from './workflow/workflow.component';
import { DragDropModule } from '@angular/cdk/drag-drop';
import { PageHeaderComponent } from './page-header/page-header.component';
import { IqserButtonsModule } from '../buttons';
import { IqserHelpModeModule } from '../help-mode';
import { TableContentComponent } from './table-content/table-content.component';
import { TableItemComponent } from './table-content/table-item/table-item.component';
import { ColumnHeaderComponent } from './workflow/column-header/column-header.component';

const matModules = [MatTooltipModule];
const components = [
    TableHeaderComponent,
    TableComponent,
    WorkflowComponent,
    TableColumnNameComponent,
    ScrollButtonComponent,
    PageHeaderComponent,
    TableContentComponent,
    TableItemComponent,
    ColumnHeaderComponent,
];
const modules = [
    DragDropModule,
    TranslateModule,
    IqserFiltersModule,
    IqserInputsModule,
    IqserIconsModule,
    IqserButtonsModule,
    IqserScrollbarModule,
    IqserEmptyStatesModule,
    ScrollingModule,
    RouterModule,
    IqserHelpModeModule,
];
const utils = [SyncWidthDirective];

@NgModule({
    declarations: [...components, ...utils],
    exports: [...components, ...utils],
    imports: [CommonModule, ...modules, ...matModules],
})
export class IqserListingModule {}