[ADF-5311] Extract infinite select scroll loading logic to a reusable component (#6536)

* move translation to core

* select scroll directive

* register directive

* add infinite scroll directive

* clean up component and aditional logic

* use  waitForAsync over async

* update docs

* change output emitter name

* revert to async

* restore default value;

* test

lib/core/directives/directive.module.ts

@@ -31,6 +31,7 @@ import { VersionCompatibilityDirective } from './version-compatibility.directive
 import { TooltipCardDirective } from './tooltip-card/tooltip-card.directive';
 import { OverlayModule } from '@angular/cdk/overlay';
 import { TooltipCardComponent } from './tooltip-card/tooltip-card.component';
+import { InfiniteSelectScrollDirective } from './infinite-select-scroll.directive';
 
 @NgModule({
     imports: [
@@ -49,7 +50,8 @@ import { TooltipCardComponent } from './tooltip-card/tooltip-card.component';
         UploadDirective,
         VersionCompatibilityDirective,
         TooltipCardDirective,
-        TooltipCardComponent
+        TooltipCardComponent,
+        InfiniteSelectScrollDirective
     ],
     exports: [
         HighlightDirective,
@@ -61,7 +63,8 @@ import { TooltipCardComponent } from './tooltip-card/tooltip-card.component';
         NodeDownloadDirective,
         UploadDirective,
         VersionCompatibilityDirective,
-        TooltipCardDirective
+        TooltipCardDirective,
+        InfiniteSelectScrollDirective
     ]
 })
 export class DirectiveModule {}