add additional ng_module in ng_package wrapping @angular/cdk/overlay injectable

Author: Jason Bedard

ui/BUILD

@@ -7,6 +7,7 @@ load("@angular//packages/bazel:index.bzl", "ng_module", "ng_package")
 
 UI_COMPONENTS = [
     "banner",
+    "injected",
 ]
 
 UI_COMPONENT_PACKAGES = ["//ui/%s" % p for p in UI_COMPONENTS]
@@ -27,5 +28,8 @@ ng_package(
    globals = {
        '@angular/material/button': 'ng.material.button',
        '@angular/material/icon': 'ng.material.icon',
+
+       '@angular/cdk/overlay': 'ng.cdk.overlay',
+       '@angular/cdk/scrolling': 'ng.cdk.scrolling',    #<-- indirect dep of @angular/cdk/overlay, containing ngfactory which is missing
    }
 )

ui/injected/BUILD

@@ -0,0 +1,14 @@
+package(default_visibility = ["//visibility:public"])
+
+load("@angular//packages/bazel:index.bzl", "ng_module")
+
+ng_module(
+    name = "injected",
+    srcs = glob(["*.ts"]),
+    module_name = "@npmscope/ui/injected",
+    deps = [
+        "@npm//@types",
+        "@angular//packages/core",
+        "@angular_material//src/cdk/overlay",
+    ],
+)

ui/injected/index.ts

@@ -0,0 +1 @@
+export * from './public_api';

ui/injected/module.ts

@@ -0,0 +1,11 @@
+import {OverlayModule} from '@angular/cdk/overlay';
+import {NgModule} from '@angular/core';
+
+import {Overlayer} from './overlayer';
+
+@NgModule({
+    imports: [OverlayModule],
+
+    providers: [Overlayer]
+})
+export class BannerWrapperModule {}

ui/injected/overlayer.ts

@@ -0,0 +1,7 @@
+import {Injectable} from '@angular/core';
+import {Overlay} from '@angular/cdk/overlay';
+
+@Injectable({providedIn: 'root'})
+export class Overlayer {
+    constructor(private overlay: Overlay) {}
+}

ui/injected/public_api.ts

@@ -0,0 +1,2 @@
+export * from './module';
+export * from './overlayer';