import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { DossierStatesListingScreenComponent } from './dossier-states-listing-screen/dossier-states-listing-screen.component';
import { DossierStatesTableItemComponent } from './dossier-states-table-item/dossier-states-table-item.component';
import { RouterModule } from '@angular/router';
import {
    CircleButtonComponent,
    IconButtonComponent,
    InputWithActionComponent,
    IqserHelpModeModule,
    IqserListingModule,
} from '@iqser/common-ui';
import { MatTooltipModule } from '@angular/material/tooltip';
import { TranslateModule } from '@ngx-translate/core';
import { DonutChartComponent } from '@shared/components/donut-chart/donut-chart.component';
import { AdminSideNavComponent } from '../../shared/components/admin-side-nav/admin-side-nav.component';
import { DossierTemplateActionsComponent } from '../../shared/components/dossier-template-actions/dossier-template-actions.component';
import { DossierTemplateBreadcrumbsComponent } from '../../shared/components/dossier-template-breadcrumbs/dossier-template-breadcrumbs.component';
import { AddEditDossierStateDialogComponent } from './add-edit-dossier-state-dialog/add-edit-dossier-state-dialog.component';
import { ReactiveFormsModule } from '@angular/forms';
import { ColorPickerModule } from 'ngx-color-picker';
import { MatIconModule } from '@angular/material/icon';
import { ConfirmDeleteDossierStateDialogComponent } from './confirm-delete-dossier-state-dialog/confirm-delete-dossier-state-dialog.component';
import { MatSelectModule } from '@angular/material/select';
import { MatDialogModule } from '@angular/material/dialog';
import { MatCheckboxModule } from '@angular/material/checkbox';

@NgModule({
    declarations: [
        DossierStatesListingScreenComponent,
        DossierStatesTableItemComponent,
        AddEditDossierStateDialogComponent,
        ConfirmDeleteDossierStateDialogComponent,
    ],
    imports: [
        CommonModule,
        RouterModule.forChild([
            {
                path: '',
                component: DossierStatesListingScreenComponent,
            },
        ]),
        MatDialogModule,
        CircleButtonComponent,
        IqserHelpModeModule,
        MatTooltipModule,
        IconButtonComponent,
        TranslateModule,
        IqserListingModule,
        DonutChartComponent,
        AdminSideNavComponent,
        DossierTemplateActionsComponent,
        InputWithActionComponent,
        DossierTemplateBreadcrumbsComponent,
        ReactiveFormsModule,
        ColorPickerModule,
        MatIconModule,
        MatCheckboxModule,
        MatSelectModule,
    ],
})
export class DossierStatesListingModule {}
