fix(*): moving the IgxOverlayOutletDirective and some renamed exports

Author: Konstantin Dinev

projects/igniteui-angular/carousel/src/carousel/carousel.component.ts

@@ -27,7 +27,7 @@ import {
 import { HammerGestureConfig, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
 import { merge, Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
-import { CarouselResourceStringsEN, ICarouselResourceStrings } from 'igniteui-angular/core';
+import { CarouselResourceStringsEN, ICarouselResourceStrings, IgxDirectionality } from 'igniteui-angular/core';
 import { first, IBaseEventArgs, last, PlatformUtil } from 'igniteui-angular/core';
 import { IgxAngularAnimationService } from 'igniteui-angular/core';
 import { AnimationService } from 'igniteui-angular/core';
@@ -39,7 +39,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives';
 import { getCurrentResourceStrings } from 'igniteui-angular/core';
 import { HammerGesturesManager } from 'igniteui-angular/core';
 import { CarouselAnimationType, CarouselIndicatorsOrientation } from './enums';
-import { ɵIgxDirectionality } from 'igniteui-angular/core';
 
 let NEXT_ID = 0;
 
@@ -571,7 +570,7 @@ export class IgxCarouselComponent extends IgxCarouselComponentBase implements On
         private iterableDiffers: IterableDiffers,
         @Inject(IgxAngularAnimationService) animationService: AnimationService,
         private platformUtil: PlatformUtil,
-        private dir: ɵIgxDirectionality,
+        private dir: IgxDirectionality,
         @Inject(DOCUMENT) private document: any
     ) {
         super(animationService, cdr);

projects/igniteui-angular/core/src/services/overlay/utilities.ts

@@ -1,17 +1,29 @@
 import { AnimationReferenceMetadata } from '@angular/animations';
-import { ComponentRef, ElementRef, Injector, NgZone } from '@angular/core';
+import { ComponentRef, Directive, ElementRef, Injector, NgZone } from '@angular/core';
 import { CancelableBrowserEventArgs, CancelableEventArgs, cloneValue, IBaseEventArgs } from '../../core/utils';
 import { AnimationPlayer } from '../animation/animation';
 import { IPositionStrategy } from './position/IPositionStrategy';
 import { IScrollStrategy } from './scroll';
 
 /**
- * Interface representing an overlay outlet directive.
- * The actual implementation is in igniteui-angular/directives.
+ * Mark an element as an igxOverlay outlet container.
+ * Directive instance is exported as `overlay-outlet` to be assigned to templates variables:
+ * ```html
+ * <div igxOverlayOutlet #outlet="overlay-outlet"></div>
+ * ```
  */
-export interface IgxOverlayOutletDirective {
-    element: ElementRef;
-    readonly nativeElement: HTMLElement;
+@Directive({
+    exportAs: 'overlay-outlet',
+    selector: '[igxOverlayOutlet]',
+    standalone: true
+})
+export class IgxOverlayOutletDirective {
+    constructor(public element: ElementRef<HTMLElement>) { }
+
+    /** @hidden */
+    public get nativeElement() {
+        return this.element.nativeElement;
+    }
 }
 
 /* blazorAlternateName: GridHorizontalAlignment */

projects/igniteui-angular/core/src/services/public_api.ts

@@ -5,18 +5,15 @@ export * from './animation/animation';
 export * from './csv/csv-exporter';
 export * from './csv/csv-exporter-options';
 export * from './csv/char-separated-value-data';
-export { Direction as ɵDirection, DIR_DOCUMENT as ɵDIR_DOCUMENT, IgxDirectionality as ɵIgxDirectionality } from './direction/directionality';
+export * from './direction/directionality';
 export * from './excel/excel-exporter';
 export * from './excel/excel-exporter-options';
 export * from './exporter-common/base-export-service';
 export * from './exporter-common/exporter-options-base';
 export * from './overlay/overlay';
 export * from './overlay/position';
 export * from './overlay/scroll';
-export {
-    AbsolutePosition, ConnectedFit, HorizontalAlignment, OffsetMode, OverlayAnimationEventArgs, OverlayCancelableEventArgs, OverlayClosingEventArgs,
-    OverlayCreateSettings, OverlayEventArgs, OverlaySettings, Point, PositionSettings, RelativePosition, RelativePositionStrategy, Size, VerticalAlignment, Util
-} from './overlay/utilities';
+export * from './overlay/utilities';
 export * from './transaction/base-transaction';
 export * from './transaction/hierarchical-transaction';
 export * from './transaction/igx-hierarchical-transaction';

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

@@ -43,7 +43,7 @@ import {
 import { fromEvent, Subscription, noop, MonoTypeOperatorFunction } from 'rxjs';
 import { filter, takeUntil } from 'rxjs/operators';
 
-import { IgxDateTimeEditorDirective, IgxOverlayOutletDirective, IgxTextSelectionDirective } from 'igniteui-angular/directives';
+import { IgxDateTimeEditorDirective, IgxTextSelectionDirective } from 'igniteui-angular/directives';
 import {
     AbsoluteScrollStrategy,
     AutoPositionStrategy,
@@ -64,7 +64,8 @@ import {
     DateTimeUtil,
     DatePartDeltas,
     DatePart,
-    isDateInRanges
+    isDateInRanges,
+    IgxOverlayOutletDirective
 } from 'igniteui-angular/core';
 import { IDatePickerValidationFailedEventArgs } from './date-picker.common';
 import { IgxIconComponent } from 'igniteui-angular/icon';

projects/igniteui-angular/date-picker/src/date-picker/picker-base.directive.ts

@@ -8,8 +8,7 @@ import { getLocaleFirstDayOfWeek } from "@angular/common";
 import { merge, Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import { IGX_INPUT_GROUP_TYPE, IgxInputGroupComponent, IgxInputGroupType, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group';
-import { DateRange, EditorProvider, IBaseCancelableBrowserEventArgs, IBaseEventArgs, IgxPickerClearComponent, IgxPickerToggleComponent, IToggleView, OverlaySettings, PickerHeaderOrientation, PickerInteractionMode, WEEKDAYS } from 'igniteui-angular/core';
-import { IgxOverlayOutletDirective } from 'igniteui-angular/directives';
+import { DateRange, EditorProvider, IBaseCancelableBrowserEventArgs, IBaseEventArgs, IgxOverlayOutletDirective, IgxPickerClearComponent, IgxPickerToggleComponent, IToggleView, OverlaySettings, PickerHeaderOrientation, PickerInteractionMode, WEEKDAYS } from 'igniteui-angular/core';
 
 @Directive()
 export abstract class PickerBaseDirective implements IToggleView, EditorProvider, AfterViewInit, AfterContentChecked, OnDestroy {

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

@@ -37,11 +37,11 @@ import {
     DateTimeUtil,
     IgxPickerActionsDirective,
     isDateInRanges,
-    PickerCalendarOrientation
+    PickerCalendarOrientation,
+    IgxOverlayOutletDirective
 } from 'igniteui-angular/core';
 import { IgxCalendarContainerComponent } from '../date-picker/calendar-container/calendar-container.component';
 import { PickerBaseDirective } from '../date-picker/picker-base.directive';
-import { IgxOverlayOutletDirective } from 'igniteui-angular/directives';
 import {
     IgxInputDirective,
     IgxInputGroupComponent,

projects/igniteui-angular/directives/src/directives/notification/notifications.directive.ts

@@ -1,7 +1,7 @@
 import { Directive, ElementRef, HostBinding, Input, OnDestroy, booleanAttribute } from '@angular/core';
-import { IToggleView } from 'igniteui-angular/core';
+import { IgxOverlayOutletDirective, IToggleView } from 'igniteui-angular/core';
 import { IPositionStrategy, OverlaySettings } from 'igniteui-angular/core';
-import { IgxOverlayOutletDirective, IgxToggleDirective } from '../toggle/toggle.directive';
+import { IgxToggleDirective } from '../toggle/toggle.directive';
 
 @Directive()
 export abstract class IgxNotificationsDirective extends IgxToggleDirective

projects/igniteui-angular/directives/src/directives/toggle/toggle.directive.ts

@@ -11,7 +11,7 @@ import {
     Optional,
     Output,
 } from '@angular/core';
-import { AbsoluteScrollStrategy } from 'igniteui-angular/core';
+import { AbsoluteScrollStrategy, IgxOverlayOutletDirective } from 'igniteui-angular/core';
 import { CancelableBrowserEventArgs, IBaseEventArgs, PlatformUtil } from 'igniteui-angular/core';
 import { ConnectedPositioningStrategy } from 'igniteui-angular/core';
 import { filter, first, takeUntil } from 'rxjs/operators';
@@ -526,24 +526,3 @@ export class IgxToggleActionDirective implements OnInit {
         return settings;
     }
 }
-
-/**
- * Mark an element as an igxOverlay outlet container.
- * Directive instance is exported as `overlay-outlet` to be assigned to templates variables:
- * ```html
- * <div igxOverlayOutlet #outlet="overlay-outlet"></div>
- * ```
- */
-@Directive({
-    exportAs: 'overlay-outlet',
-    selector: '[igxOverlayOutlet]',
-    standalone: true
-})
-export class IgxOverlayOutletDirective {
-    constructor(public element: ElementRef<HTMLElement>) { }
-
-    /** @hidden */
-    public get nativeElement() {
-        return this.element.nativeElement;
-    }
-}

projects/igniteui-angular/directives/src/directives/toggle/toggle.module.ts

@@ -1,12 +1,12 @@
 import { NgModule } from '@angular/core';
-import { IgxOverlayOutletDirective, IgxToggleActionDirective, IgxToggleDirective } from './toggle.directive';
+import { IgxToggleActionDirective, IgxToggleDirective } from './toggle.directive';
 
 /**
  * @hidden
  * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components
  */
 @NgModule({
-    imports: [IgxToggleDirective, IgxToggleActionDirective, IgxOverlayOutletDirective],
-    exports: [IgxToggleDirective, IgxToggleActionDirective, IgxOverlayOutletDirective]
+    imports: [IgxToggleDirective, IgxToggleActionDirective],
+    exports: [IgxToggleDirective, IgxToggleActionDirective]
 })
 export class IgxToggleModule { }

projects/igniteui-angular/drop-down/src/drop-down/autocomplete/autocomplete.directive.ts

@@ -18,7 +18,7 @@ import {
 import { NgModel, FormControlName } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
-import { CancelableEventArgs, IBaseEventArgs } from 'igniteui-angular/core';
+import { CancelableEventArgs, IBaseEventArgs, IgxOverlayOutletDirective } from 'igniteui-angular/core';
 import {
     AbsoluteScrollStrategy,
     AutoPositionStrategy,
@@ -28,7 +28,6 @@ import {
 } from 'igniteui-angular/core';
 import { IgxDropDownComponent } from '../drop-down.component';
 import { IgxDropDownItemNavigationDirective } from '../drop-down-navigation.directive';
-import { IgxOverlayOutletDirective } from 'igniteui-angular/directives';
 import { ISelectionEventArgs } from '../drop-down.common';
 import { IgxInputGroupComponent } from 'igniteui-angular/input-group';