refactor(*): removing all NgModules #12698

Author: kdinev

projects/igniteui-angular/src/lib/action-strip/action-strip.component.ts

@@ -18,7 +18,7 @@ import {
 import { DisplayDensityBase, DisplayDensityToken, IDisplayDensityOptions } from '../core/density';
 import { IActionStripResourceStrings } from '../core/i18n/action-strip-resources';
 import { CurrentResourceStrings } from '../core/i18n/resources';
-import { IgxDropDownComponent } from '../drop-down/public_api';
+import { IgxDropDownComponent } from '../drop-down/drop-down.component';
 import { CloseScrollStrategy, OverlaySettings } from '../services/public_api';
 import { IgxGridActionsBaseDirective } from './grid-actions/grid-actions-base.directive';
 import { IgxDropDownItemComponent } from '../drop-down/drop-down-item.component';
@@ -147,7 +147,7 @@ export class IgxActionStripComponent extends DisplayDensityBase implements After
 
     /**
      * Hide or not the Action Strip based on if it is a menu.
-     * 
+     *
      * @hidden
      * @internal
      */

projects/igniteui-angular/src/lib/action-strip/action-strip.module.ts

@@ -3,4 +3,4 @@ export { IgxGridEditingActionsComponent } from './grid-actions/grid-editing-acti
 export { IgxGridPinningActionsComponent } from './grid-actions/grid-pinning-actions.component';
 export { IgxActionStripComponent, IgxActionStripMenuItemDirective } from './action-strip.component';
 export { IgxGridActionButtonComponent } from './grid-actions/grid-action-button.component';
-export * from './action-strip.module';
+// export * from './action-strip.module';

projects/igniteui-angular/src/lib/action-strip/public_api.ts

@@ -1,19 +1,10 @@
-import { CommonModule, NgIf, NgTemplateOutlet } from '@angular/common';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
 import {
-    AfterViewInit, ChangeDetectorRef, Component, ElementRef, NgModule, OnInit, OnDestroy,
+    AfterViewInit, ChangeDetectorRef, Component, ElementRef, OnInit, OnDestroy,
     Optional, Inject, Injector, ViewChild, Input, Output, EventEmitter
 } from '@angular/core';
-import {
-    IgxComboItemDirective,
-    IgxComboEmptyDirective,
-    IgxComboHeaderItemDirective,
-    IgxComboHeaderDirective,
-    IgxComboFooterDirective,
-    IgxComboAddItemDirective,
-    IgxComboToggleIconDirective,
-    IgxComboClearIconDirective
-} from './combo.directives';
-import { FormsModule, ReactiveFormsModule, ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+import { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 
 import { IgxSelectionAPIService } from '../core/selection';
 import { IBaseEventArgs, IBaseCancelableEventArgs, CancelableEventArgs } from '../core/utils';
@@ -22,9 +13,7 @@ import { FilteringLogic } from '../data-operations/filtering-expression.interfac
 import { IgxForOfDirective } from '../directives/for-of/for_of.directive';
 import { IgxIconService } from '../icon/icon.service';
 import { IgxRippleDirective } from '../directives/ripple/ripple.directive';
-import { IgxToggleModule } from '../directives/toggle/toggle.directive';
 import { IgxButtonDirective } from '../directives/button/button.directive';
-import { IgxDropDownModule } from '../drop-down/public_api';
 import { IgxInputGroupComponent } from '../input-group/input-group.component';
 import { IgxComboItemComponent } from './combo-item.component';
 import { IgxComboDropDownComponent } from './combo-dropdown.component';
@@ -111,7 +100,7 @@ const diffInSets = (set1: Set<any>, set2: Set<any>): any[] => {
         { provide: NG_VALUE_ACCESSOR, useExisting: IgxComboComponent, multi: true }
     ],
     standalone: true,
-    imports: [IgxInputGroupComponent, IgxInputDirective, NgIf, IgxSuffixDirective, NgTemplateOutlet, IgxIconComponent, IgxComboDropDownComponent, ReactiveFormsModule, FormsModule, IgxDropDownItemNavigationDirective, IgxForOfDirective, IgxComboItemComponent, IgxComboAddItemComponent, IgxButtonDirective, IgxRippleDirective, IgxComboFilteringPipe, IgxComboGroupingPipe]
+    imports: [IgxInputGroupComponent, IgxInputDirective, NgIf, IgxSuffixDirective, NgTemplateOutlet, IgxIconComponent, IgxComboDropDownComponent, FormsModule, IgxDropDownItemNavigationDirective, IgxForOfDirective, IgxComboItemComponent, IgxComboAddItemComponent, IgxButtonDirective, IgxRippleDirective, IgxComboFilteringPipe, IgxComboGroupingPipe]
 })
 export class IgxComboComponent extends IgxComboBaseDirective implements AfterViewInit, ControlValueAccessor, OnInit,
     OnDestroy, EditorProvider {
@@ -444,47 +433,3 @@ export class IgxComboComponent extends IgxComboBaseDirective implements AfterVie
         return value;
     }
 }
-
-/**
- * @hidden
- */
-@NgModule({
-    exports: [
-    IgxComboAddItemComponent,
-    IgxComboAddItemDirective,
-    IgxComboClearIconDirective,
-    IgxComboComponent,
-    IgxComboDropDownComponent,
-    IgxComboEmptyDirective,
-    IgxComboFilteringPipe,
-    IgxComboFooterDirective,
-    IgxComboGroupingPipe,
-    IgxComboHeaderDirective,
-    IgxComboHeaderItemDirective,
-    IgxComboItemComponent,
-    IgxComboItemDirective,
-    IgxComboToggleIconDirective
-],
-    imports: [
-    CommonModule,
-    FormsModule,
-    IgxDropDownModule,
-    IgxToggleModule,
-    ReactiveFormsModule,
-    IgxComboAddItemComponent,
-    IgxComboAddItemDirective,
-    IgxComboClearIconDirective,
-    IgxComboComponent,
-    IgxComboDropDownComponent,
-    IgxComboEmptyDirective,
-    IgxComboFilteringPipe,
-    IgxComboFooterDirective,
-    IgxComboGroupingPipe,
-    IgxComboHeaderDirective,
-    IgxComboHeaderItemDirective,
-    IgxComboItemComponent,
-    IgxComboItemDirective,
-    IgxComboToggleIconDirective
-]
-})
-export class IgxComboModule { }

projects/igniteui-angular/src/lib/combo/combo.component.ts

@@ -1,20 +1,19 @@
 import { NgIf, NgTemplateOutlet } from '@angular/common';
 import { Component, ViewChild, Output, EventEmitter, HostListener, HostBinding } from '@angular/core';
-import { IgxCalendarComponent } from '../../calendar/public_api';
 import { IBaseEventArgs } from '../../core/utils';
 import { PickerInteractionMode } from '../../date-common/types';
 import { IgxButtonDirective } from '../../directives/button/button.directive';
 import { IgxRippleDirective } from '../../directives/ripple/ripple.directive';
 import { IgxPickerActionsDirective } from '../picker-icons.common';
-import { IgxCalendarComponent as IgxCalendarComponent_1 } from '../../calendar/calendar.component';
+import { IgxCalendarComponent } from '../../calendar/calendar.component';
 
 /** @hidden */
 @Component({
     selector: 'igx-calendar-container',
     styles: [':host {display: block;}'],
     templateUrl: 'calendar-container.component.html',
     standalone: true,
-    imports: [NgIf, IgxButtonDirective, IgxRippleDirective, IgxCalendarComponent_1, NgTemplateOutlet]
+    imports: [NgIf, IgxButtonDirective, IgxRippleDirective, IgxCalendarComponent, NgTemplateOutlet]
 })
 export class IgxCalendarContainerComponent {
     @ViewChild(IgxCalendarComponent, { static: true })

projects/igniteui-angular/src/lib/date-common/calendar-container/calendar-container.component.ts

@@ -13,7 +13,6 @@ import {
     isDateInRanges, IFormattingViews, IFormattingOptions
 } from '../calendar/public_api';
 import {
-    IgxInputDirective, IgxInputGroupComponent,
     IgxLabelDirective, IGX_INPUT_GROUP_TYPE, IgxInputGroupType, IgxInputState
 } from '../input-group/public_api';
 import { fromEvent, Subscription, noop, MonoTypeOperatorFunction } from 'rxjs';
@@ -33,19 +32,19 @@ import { IgxCalendarContainerComponent } from '../date-common/calendar-container
 import { fadeIn, fadeOut } from '../animations/fade';
 import { PickerBaseDirective } from '../date-common/picker-base.directive';
 import { DisplayDensityToken, IDisplayDensityOptions } from '../core/density';
-import { DatePart, DatePartDeltas, IgxDateTimeEditorDirective } from '../directives/date-time-editor/public_api';
+import { DatePart, DatePartDeltas } from '../directives/date-time-editor/public_api';
 import { DateTimeUtil } from '../date-common/util/date-time.util';
 import { PickerHeaderOrientation as PickerHeaderOrientation } from '../date-common/types';
 import { IDatePickerValidationFailedEventArgs } from './date-picker.common';
 import { IgxPickerClearComponent, IgxPickerActionsDirective } from '../date-common/public_api';
 import { IgxSuffixDirective } from '../directives/suffix/suffix.directive';
 import { IgxTextSelectionDirective } from '../directives/text-selection/text-selection.directive';
-import { IgxDateTimeEditorDirective as IgxDateTimeEditorDirective_1 } from '../directives/date-time-editor/date-time-editor.directive';
-import { IgxInputDirective as IgxInputDirective_1 } from '../directives/input/input.directive';
+import { IgxDateTimeEditorDirective } from '../directives/date-time-editor/date-time-editor.directive';
+import { IgxInputDirective } from '../directives/input/input.directive';
 import { IgxIconComponent } from '../icon/icon.component';
 import { IgxPrefixDirective } from '../directives/prefix/prefix.directive';
 import { NgIf } from '@angular/common';
-import { IgxInputGroupComponent as IgxInputGroupComponent_1 } from '../input-group/input-group.component';
+import { IgxInputGroupComponent } from '../input-group/input-group.component';
 
 let NEXT_ID = 0;
 
@@ -70,7 +69,7 @@ let NEXT_ID = 0;
     templateUrl: 'date-picker.component.html',
     styles: [':host { display: block; }'],
     standalone: true,
-    imports: [IgxInputGroupComponent_1, NgIf, IgxPrefixDirective, IgxIconComponent, IgxInputDirective_1, IgxDateTimeEditorDirective_1, IgxTextSelectionDirective, IgxSuffixDirective]
+    imports: [IgxInputGroupComponent, NgIf, IgxPrefixDirective, IgxIconComponent, IgxInputDirective, IgxDateTimeEditorDirective, IgxTextSelectionDirective, IgxSuffixDirective]
 })
 export class IgxDatePickerComponent extends PickerBaseDirective implements ControlValueAccessor, Validator,
     OnInit, AfterViewInit, OnDestroy, AfterViewChecked {

projects/igniteui-angular/src/lib/date-picker/date-picker.component.ts

@@ -24,7 +24,7 @@ import { IgxPickerActionsDirective } from '../date-common/picker-icons.common';
 import { PickerBaseDirective } from '../date-common/picker-base.directive';
 import { IgxOverlayOutletDirective } from '../directives/toggle/toggle.directive';
 import {
-    IgxInputDirective, IgxInputGroupComponent, IgxInputGroupType, IgxInputState,
+    IgxInputGroupType, IgxInputState,
     IgxLabelDirective, IGX_INPUT_GROUP_TYPE
 } from '../input-group/public_api';
 import {
@@ -33,8 +33,8 @@ import {
 } from '../services/public_api';
 import { DateRange, IgxDateRangeEndComponent, IgxDateRangeInputsBaseComponent, IgxDateRangeSeparatorDirective, IgxDateRangeStartComponent, DateRangePickerFormatPipe } from './date-range-picker-inputs.common';
 import { IgxPrefixDirective } from '../directives/prefix/prefix.directive';
-import { IgxInputDirective as IgxInputDirective_1 } from '../directives/input/input.directive';
-import { IgxInputGroupComponent as IgxInputGroupComponent_1 } from '../input-group/input-group.component';
+import { IgxInputDirective } from '../directives/input/input.directive';
+import { IgxInputGroupComponent } from '../input-group/input-group.component';
 import { IgxIconComponent } from '../icon/icon.component';
 import { NgTemplateOutlet, NgIf } from '@angular/common';
 
@@ -70,7 +70,7 @@ const SingleInputDatesConcatenationString = ' - ';
         { provide: NG_VALIDATORS, useExisting: IgxDateRangePickerComponent, multi: true }
     ],
     standalone: true,
-    imports: [NgTemplateOutlet, IgxIconComponent, IgxInputGroupComponent_1, IgxInputDirective_1, NgIf, IgxPrefixDirective, DateRangePickerFormatPipe]
+    imports: [NgTemplateOutlet, IgxIconComponent, IgxInputGroupComponent, IgxInputDirective, NgIf, IgxPrefixDirective, DateRangePickerFormatPipe]
 })
 export class IgxDateRangePickerComponent extends PickerBaseDirective
     implements OnChanges, OnInit, AfterViewInit, OnDestroy, ControlValueAccessor, Validator {

projects/igniteui-angular/src/lib/date-range-picker/date-range-picker.component.ts

@@ -1,3 +1,3 @@
 export * from './date-range-picker-inputs.common';
 export * from './date-range-picker.component';
-export * from './date-range-picker.module';
+// export * from './date-range-picker.module';

projects/igniteui-angular/src/lib/date-range-picker/date-range-picker.module.ts

@@ -1,11 +1,10 @@
-import { CommonModule, NgIf } from '@angular/common';
+import { NgIf } from '@angular/common';
 import {
     Component,
     ElementRef,
     EventEmitter,
     HostBinding,
     Input,
-    NgModule,
     OnDestroy,
     OnInit,
     Optional,
@@ -18,8 +17,7 @@ import { takeUntil } from 'rxjs/operators';
 import { IgxNavigationService, IToggleView } from '../core/navigation';
 import { IgxButtonType, IgxButtonDirective } from '../directives/button/button.directive';
 import { IgxRippleDirective } from '../directives/ripple/ripple.directive';
-import { IgxDialogActionsDirective, IgxDialogTitleDirective } from './dialog.directives';
-import { IgxToggleModule, IgxToggleDirective } from '../directives/toggle/toggle.directive';
+import { IgxToggleDirective } from '../directives/toggle/toggle.directive';
 import { OverlaySettings, GlobalPositionStrategy, NoOpScrollStrategy, PositionSettings } from '../services/public_api';
 import {fadeIn, fadeOut} from '../animations/fade/index';
 import { IgxFocusDirective } from '../directives/focus/focus.directive';
@@ -625,14 +623,3 @@ export interface IDialogEventArgs extends IBaseEventArgs {
 }
 
 export interface IDialogCancellableEventArgs extends IDialogEventArgs, CancelableEventArgs { }
-
-/**
- * @hidden
- */
-@NgModule({
-    exports: [IgxDialogComponent, IgxDialogTitleDirective, IgxDialogActionsDirective],
-    imports: [CommonModule, IgxToggleModule, IgxDialogComponent, IgxDialogTitleDirective, IgxDialogActionsDirective]
-})
-export class IgxDialogModule { }
-
-export * from './dialog.directives';

projects/igniteui-angular/src/lib/date-range-picker/public_api.ts

@@ -7,7 +7,6 @@ import {
     HostListener,
     Inject,
     Input,
-    NgModule,
     OnDestroy,
     Optional,
     Output,
@@ -16,7 +15,6 @@ import {
     OnInit
 } from '@angular/core';
 import { NgModel, FormControlName } from '@angular/forms';
-import { CommonModule } from '@angular/common';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import { CancelableEventArgs, IBaseEventArgs } from '../../core/utils';
@@ -28,13 +26,12 @@ import {
     OverlaySettings
 } from '../../services/public_api';
 import {
-    IgxDropDownComponent,
-    IgxDropDownItemNavigationDirective,
-    IgxDropDownModule,
-    ISelectionEventArgs
-} from '../../drop-down/public_api';
+    IgxDropDownComponent
+} from '../../drop-down/drop-down.component';
+import { IgxDropDownItemNavigationDirective } from '../../drop-down/drop-down-navigation.directive';
 import { IgxInputGroupComponent } from '../../input-group/public_api';
 import { IgxOverlayOutletDirective } from '../toggle/toggle.directive';
+import { ISelectionEventArgs } from '../../drop-down/drop-down.common';
 
 /**
  * Interface that encapsulates onItemSelection event arguments - new value and cancel selection.
@@ -398,10 +395,3 @@ export class IgxAutocompleteDirective extends IgxDropDownItemNavigationDirective
         this.cdr.detectChanges();
     };
 }
-
-/** @hidden */
-@NgModule({
-    imports: [IgxDropDownModule, CommonModule, IgxAutocompleteDirective],
-    exports: [IgxAutocompleteDirective]
-})
-export class IgxAutocompleteModule { }

projects/igniteui-angular/src/lib/dialog/dialog.component.ts

@@ -518,13 +518,3 @@ export class IgxOverlayOutletDirective {
         return this.element.nativeElement;
     }
 }
-
-/**
- * @hidden
- */
-@NgModule({
-    imports: [IgxToggleDirective, IgxToggleActionDirective, IgxOverlayOutletDirective],
-    exports: [IgxToggleDirective, IgxToggleActionDirective, IgxOverlayOutletDirective],
-    providers: [IgxNavigationService]
-})
-export class IgxToggleModule { }