fix(dropdown,select): add igxFor DI alias for tree-shaking

Author: damyanpetev

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

@@ -36,6 +36,7 @@ export class IgxComboDropDownComponent extends IgxDropDownComponent implements I
 
     /** @hidden @internal */
     public override get scrollContainer(): HTMLElement {
+        // TODO: Update, use public API if possible:
         return this.virtDir.dc.location.nativeElement;
     }
 

projects/igniteui-angular/src/lib/directives/for-of/for_of.directive.ts

@@ -79,13 +79,36 @@ export class IgxForOfContext<T, U extends T[] = T[]> {
 
 }
 
+/** @hidden @internal */
+export abstract class IgxForOfToken<T, U extends T[] = T[]> {
+    public abstract igxForOf: U & T[] | null;
+    public abstract state: IForOfState;
+    public abstract totalItemCount: number;
+    public abstract scrollPosition: number;
+
+    public abstract chunkLoad: EventEmitter<IForOfState>;
+    public abstract chunkPreload: EventEmitter<IForOfState>;
+
+    public abstract scrollTo(index: number): void;
+    public abstract getScrollForIndex(index: number, bottom?: boolean): number;
+    public abstract getScroll(): HTMLElement | undefined;
+
+    // TODO: Re-evaluate use for this internally, better expose through separate API
+    public abstract igxForItemSize: any;
+    public abstract igxForContainerSize: any;
+    /** @hidden */
+    public abstract dc: ComponentRef<any>
+}
+
 @Directive({
     selector: '[igxFor][igxForOf]',
-    providers: [IgxForOfScrollSyncService],
+    providers: [
+        IgxForOfScrollSyncService,
+        { provide: IgxForOfToken, useExisting: IgxForOfDirective }
+    ],
     standalone: true
 })
-// eslint-disable @angular-eslint/no-conflicting-lifecycle
-export class IgxForOfDirective<T, U extends T[] = T[]> implements OnInit, OnChanges, DoCheck, OnDestroy, AfterViewInit {
+export class IgxForOfDirective<T, U extends T[] = T[]> extends IgxForOfToken<T,U> implements OnInit, OnChanges, DoCheck, OnDestroy, AfterViewInit {
 
     /**
      * An @Input property that sets the data to be rendered.
@@ -383,7 +406,9 @@ export class IgxForOfDirective<T, U extends T[] = T[]> implements OnInit, OnChan
         protected platformUtil: PlatformUtil,
         @Inject(DOCUMENT)
         protected document: any,
-    ) { }
+    ) {
+        super();
+    }
 
     public verticalScrollHandler(event) {
         this.onScroll(event);
@@ -604,7 +629,7 @@ export class IgxForOfDirective<T, U extends T[] = T[]> implements OnInit, OnChan
      *
      * @param index
      */
-    public scrollTo(index) {
+    public scrollTo(index: number) {
         if (index < 0 || index > (this.isRemote ? this.totalItemCount : this.igxForOf.length) - 1) {
             return;
         }

projects/igniteui-angular/src/lib/drop-down/drop-down.component.ts

@@ -28,7 +28,7 @@ import { IBaseCancelableBrowserEventArgs, IBaseEventArgs } from '../core/utils';
 import { IgxSelectionAPIService } from '../core/selection';
 import { Subject } from 'rxjs';
 import { IgxDropDownItemBaseDirective } from './drop-down-item.base';
-import { IgxForOfDirective } from '../directives/for-of/for_of.directive';
+import { IgxForOfToken } from '../directives/for-of/for_of.directive';
 import { take } from 'rxjs/operators';
 import { DisplayDensityToken, IDisplayDensityOptions } from '../core/density';
 import { OverlaySettings } from '../services/overlay/utilities';
@@ -135,8 +135,8 @@ export class IgxDropDownComponent extends IgxDropDownBaseDirective implements ID
     @Input()
     public labelledBy: string;
 
-    @ContentChild(IgxForOfDirective, { read: IgxForOfDirective })
-    protected virtDir: IgxForOfDirective<any>;
+    @ContentChild(IgxForOfToken)
+    protected virtDir: IgxForOfToken<any>;
 
     @ViewChild(IgxToggleDirective, { static: true })
     protected toggleDirective: IgxToggleDirective;
@@ -343,6 +343,7 @@ export class IgxDropDownComponent extends IgxDropDownBaseDirective implements ID
             return;
         }
         let targetScroll = this.virtDir.getScrollForIndex(this.selectedItem.index);
+        // TODO: This logic _cannot_ be right, those are optional user-provided inputs that can be strings with units, refactor:
         const itemsInView = this.virtDir.igxForContainerSize / this.virtDir.igxForItemSize;
         targetScroll -= (itemsInView / 2 - 1) * this.virtDir.igxForItemSize;
         this.virtDir.getScroll().scrollTop = targetScroll;

projects/igniteui-angular/src/public_api.ts

@@ -19,7 +19,9 @@ export * from './lib/directives/drag-drop/public_api';
 export * from './lib/directives/filter/filter.directive';
 export * from './lib/directives/focus/focus.directive';
 export * from './lib/directives/focus-trap/focus-trap.directive';
-export * from './lib/directives/for-of/for_of.directive';
+export {
+    IgxForOfContext, IgxForOfDirective, IForOfState, IgxGridForOfContext, IgxGridForOfDirective
+} from './lib/directives/for-of/for_of.directive';
 export * from './lib/directives/layout/layout.directive';
 export * from './lib/directives/mask/mask.directive';
 export * from './lib/directives/radio/public_api';