import { NgModule } from '@angular/core';
import { MatExpansionModule } from '@angular/material/expansion';
import { MatIconModule } from '@angular/material/icon';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatButtonModule } from '@angular/material/button';
import { MatInputModule } from '@angular/material/input';
import { MatDatepickerModule } from '@angular/material/datepicker';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MatOptionModule, provideNativeDateAdapter } from '@angular/material/core';
import { AsyncPipe, CommonModule } from '@angular/common';
import { MatToolbarModule } from '@angular/material/toolbar';
import { MatSelectModule } from '@angular/material/select';
import { MatAutocompleteModule } from '@angular/material/autocomplete';
import { NgxMaskDirective, NgxMaskPipe, provideNgxMask } from 'ngx-mask';
import { ToolbarComponent } from './toolbar.component';
import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
import { MatTabsModule } from '@angular/material/tabs';
import { ToolbarFilterAutocompleteComponent } from './components/toolbar-filter-autocomplete/toolbar-filter-autocomplete.component';
import { ToolbarFilterSelectComponent } from './components/toolbar-filter-select/toolbar-filter-select.component';
import { ToolbarFilterInputComponent } from './components/toolbar-filter-input/toolbar-filter-input.component';
import { ToolbarFilterDateComponent } from './components/toolbar-filter-date/toolbar-filter-date.component';
import { ToolbarFilterComponent } from './components/toolbar-filter/toolbar-filter.component';
import { MatDialogModule } from '@angular/material/dialog';
import { ToolbarFilterSidebarComponent } from './components/toolbar-filter-sidebar/toolbar-filter-sidebar.component';
import { LucideAngularModule } from 'lucide-angular';
import { ToolbarActionComponent } from './components/toolbar-action/toolbar-action.component';
import { KitToolbarFilterSelectStateComponent } from './components/kit-toolbar-filter-select-state/kit-toolbar-filter-select-state.component';
@NgModule({
    imports: [
        CommonModule,
        MatButtonModule,
        MatExpansionModule,
        MatIconModule,
        MatFormFieldModule,
        MatDatepickerModule,
        FormsModule,
        ReactiveFormsModule,
        MatInputModule,
        MatToolbarModule,
        MatSelectModule,
        MatAutocompleteModule,
        AsyncPipe,
        MatIconModule,
        MatOptionModule,
        NgxMaskDirective, 
        NgxMaskPipe,
        MatTooltip,
        MatTabsModule,        
        MatTooltipModule,
        MatDialogModule,
        LucideAngularModule
    ],
    declarations: [
        ToolbarComponent,
        ToolbarActionComponent,
        ToolbarFilterComponent,
        ToolbarFilterAutocompleteComponent,
        ToolbarFilterSelectComponent,
        ToolbarFilterInputComponent,
        ToolbarFilterDateComponent,
        ToolbarFilterSidebarComponent,
        KitToolbarFilterSelectStateComponent
    ],
    exports:[
        ToolbarComponent
    ],
    providers: [provideNativeDateAdapter(), provideNgxMask()],
})
export class KifToolbarModule { }