import {ApplicationConfig, importProvidersFrom, LOCALE_ID, provideZoneChangeDetection} from '@angular/core';
import { provideRouter } from '@angular/router';

import { routes } from './app.routes';
import {provideHttpClient} from '@angular/common/http';
import {NgxUiLoaderConfig, NgxUiLoaderModule, PB_DIRECTION, POSITION, SPINNER} from 'ngx-ui-loader';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';

const ngxUiLoaderConfig: NgxUiLoaderConfig = {
  fgsPosition: POSITION.centerCenter,
  fgsSize: 100,
  fgsType: SPINNER.cubeGrid,
  pbDirection: PB_DIRECTION.leftToRight,
  pbThickness: 5,
  masterLoaderId: 'loader',
  hasProgressBar: false,
  delay: 500,
  minTime: 0,
}

export const appConfig: ApplicationConfig = {
  providers: [
    provideZoneChangeDetection({ eventCoalescing: true }),
    provideRouter(routes),
    provideHttpClient(),
    { provide: LOCALE_ID, useValue: 'it' },
    importProvidersFrom([
      NgxUiLoaderModule.forRoot(ngxUiLoaderConfig),
    ]),
  ]
};