import { ScrollingModule } from '@angular/cdk/scrolling';
import { CommonModule } from '@angular/common';
import { NgModule, Type } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { NgxMaskDirective, NgxMaskPipe, provideNgxMask } from 'ngx-mask';
import { SqAccordionComponent } from './components/sq-accordion/sq-accordion.component';
import { SqCollapseComponent } from './components/sq-accordion/sq-collapse/sq-collapse.component';
import { SqButtonComponent } from './components/sq-button/sq-button.component';
import { SqCountdownComponent } from './components/sq-countdown/sq-countdown.component';
import { SqInfinityComponent } from './components/sq-infinity-scroll/sq-infinity-scroll.component';
import { SqInputDateComponent } from './components/sq-input-date/sq-input-date.component';
import { SqInputFileComponent } from './components/sq-input-file/sq-input-file.component';
import { SqInputMaskComponent } from './components/sq-input-mask/sq-input-mask.component';
import { SqInputMoneyComponent } from './components/sq-input-money/sq-input-money.component';
import { SqInputNumberComponent } from './components/sq-input-number/sq-input-number.component';
import { SqInputRangeComponent } from './components/sq-input-range/sq-input-range.component';
import { SqInputComponent } from './components/sq-input/sq-input.component';
import { SqLoaderComponent } from './components/sq-loader/sq-loader.component';
import { SqModalComponent } from './components/sq-modal/sq-modal.component';
import { SqOverlayComponent } from './components/sq-overlay/sq-overlay.component';
import { SqPaginationComponent } from './components/sq-pagination/sq-pagination.component';
import { SqProgressBarComponent } from './components/sq-progress-bar/sq-progress-bar.component';
import { SqSelectMultiTagsComponent } from './components/sq-select-multi-tags/sq-select-multi-tags.component';
import { SqSelectMultiComponent } from './components/sq-select-multi/sq-select-multi.component';
import { SqSelectSearchComponent } from './components/sq-select-search/sq-select-search.component';
import { SqSelectComponent } from './components/sq-select/sq-select.component';
import { SqSelectorComponent } from './components/sq-selector/sq-selector.component';
import { SqStepsComponent } from './components/sq-steps/sq-steps.component';
import { SqTabComponent } from './components/sq-tabs/sq-tab/sq-tab.component';
import { SqTabsComponent } from './components/sq-tabs/sq-tabs.component';
import { SqTagComponent } from './components/sq-tag/sq-tag.component';
import { SqTextAreaComponent } from './components/sq-textarea/sq-textarea.component';
import { SqTooltipComponent } from './components/sq-tooltip/sq-tooltip.component';
import { SqClickOutsideDirective } from './directives/sq-click-outside/sq-click-outside.directive';
import { SqDropdownDirective } from './directives/sq-dropdown/sq-dropdown.directive';
import { SqTooltipDirective } from './directives/sq-tooltip/sq-tooltip.directive';
import { SqSkeletonDirective } from './directives/sq-skeleton/sq-skeleton.directive';
import { BirthdatePipe } from './pipes/birthdate/birthdate.pipe';
import { RemoveHtmlTagsPipe } from './pipes/remove-html-tags/remove-html-tags.pipe';
import { SearchValidValuesPipe } from './pipes/search-valid-values/search-valid-values.pipe';
import { SearchPipe } from './pipes/search/search.pipe';
import { ThousandSuffixesPipe } from './pipes/thousands/thousands.pipe';
import { TranslateInternalPipe } from './pipes/translate-internal/translate-internal.pipe';
import { UniversalSafePipe } from './pipes/universal-safe/universal-safe.pipe';
import { SqDataTestDirective } from './public-api';
/**
 * Array containing a collection of Angular components, directives, and pipes.
 * These elements can be used within the SquidCSSModule for building UI features.
 *
 * @type {(Type<any> | any)[]}
 */
// All components are now standalone! 🎉
const moduleComponents: (Type<any> | any)[] = [];

/**
 * Array containing standalone Angular components, directives, and pipes.
 * 🎉🎉🎉 39/39 components migrated to standalone! (100% COMPLETE!) 🎉🎉🎉
 * ALL components are now available as standalone and can be imported individually.
 * They are included here for backward compatibility in module exports.
 *
 * @type {(Type<any> | any)[]}
 */
const standaloneComponents = [
  // Basic Components (4)
  SqButtonComponent,
  SqLoaderComponent,
  SqProgressBarComponent,
  SqTagComponent,

  // Advanced Components (5)
  SqModalComponent,
  SqStepsComponent,
  SqTooltipComponent,
  SqTabComponent,
  SqTabsComponent,

  // Form Components (8)
  SqInputComponent,
  SqInputFileComponent,
  SqInputDateComponent,
  SqInputMaskComponent,
  SqInputMoneyComponent,
  SqInputNumberComponent,
  SqTextAreaComponent,
  SqInputRangeComponent,

  // Structural Components (4)
  SqAccordionComponent,
  SqCollapseComponent,
  SqOverlayComponent,
  SqPaginationComponent,

  // Selection Components (6)
  SqSelectComponent,
  SqSelectorComponent,
  SqSelectSearchComponent,
  SqSelectMultiTagsComponent,
  SqSelectMultiComponent,
  SqInfinityComponent,

  // Directives (4)
  SqClickOutsideDirective,
  SqTooltipDirective,
  SqSkeletonDirective,
  SqDropdownDirective,
  SqDataTestDirective,

  // Pipes (7)
  UniversalSafePipe,
  ThousandSuffixesPipe,
  SearchPipe,
  BirthdatePipe,
  SearchValidValuesPipe,
  TranslateInternalPipe,
  RemoveHtmlTagsPipe,
];

/**
 * Angular module that exports a collection of UI components, directives, and pipes
 * for use in Angular applications.
 *
 * @deprecated This module is deprecated. Components are now available as standalone.
 * Import individual components directly instead of using this module.
 * This module will be removed in a future version.
 */
@NgModule({
  declarations: moduleComponents,
  imports: [
    CommonModule,
    FormsModule,
    SqCountdownComponent,
    NgxMaskDirective,
    NgxMaskPipe,
    ScrollingModule,
    // Import standalone components to make them available
    ...standaloneComponents,
  ],
  providers: [provideNgxMask()],
  exports: [
    // Export both module and standalone components for backward compatibility
    ...moduleComponents,
    ...standaloneComponents,
    SqCountdownComponent,
    NgxMaskDirective,
    NgxMaskPipe,
  ],
})
export class SquidCSSModule {}