import { CUSTOM_ELEMENTS_SCHEMA, 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 { AbmListComponent } from './abm-list.component';
import { AbmListAutocompleteComponent } from './components/abm-list-autocomplete/abm-list-autocomplete.component';
import { AbmListDateComponent } from './components/abm-list-date/abm-list-date.component';
import { AbmListInputComponent } from './components/abm-list-input/abm-list-input.component';
import { AbmListSelectComponent } from './components/abm-list-select/abm-list-select.component';
import { LucideAngularModule } from 'lucide-angular';
import { AbmListCheckComponent } from './components/abm-check/kit-abm-list-check.component';
import { MatCheckboxModule } from '@angular/material/checkbox';

import { AbmInputCurrencyComponent } from './components/abm-list-input-currency/abm-list-input-currency.component';
import { GoogleMapsModule } from '@angular/google-maps';
import { MatDividerModule } from '@angular/material/divider';
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
import { AbmAutocompleteGoogleMapComponent } from './components/autocomplete-google-map/autocomplete-google-map.component';
import { MatChipsModule } from '@angular/material/chips';
import { AbmChipSelectorComponent } from './components/abm-chip-selector/chip-selector.component';
import { AbmListMultiSelectComponent } from './components/abm-list-multi-select/multi-select.component';




@NgModule({
    schemas: [CUSTOM_ELEMENTS_SCHEMA],

    imports: [
        CommonModule,
        MatButtonModule,
        MatExpansionModule,
        MatIconModule,
        MatFormFieldModule,
        MatDatepickerModule,
        ReactiveFormsModule,
        MatInputModule,
        MatToolbarModule,
        MatSelectModule,
        MatAutocompleteModule,
        AsyncPipe,
        MatOptionModule,
        NgxMaskDirective, 
        NgxMaskPipe,
        LucideAngularModule,
        MatCheckboxModule,
        GoogleMapsModule,
        MatDividerModule,
        MatProgressSpinnerModule,
        MatChipsModule
    ],
    declarations: [
        AbmListComponent,
        AbmListAutocompleteComponent,
        AbmListDateComponent,
        AbmListInputComponent,
        AbmListSelectComponent, AbmListCheckComponent, AbmInputCurrencyComponent, AbmAutocompleteGoogleMapComponent, AbmChipSelectorComponent, AbmListMultiSelectComponent],
    exports:[
        AbmListComponent
    ],
    providers: [provideNativeDateAdapter(), provideNgxMask()]
})
export class KifAbmListModule { }