fix(angular): inline overlays are exported (#26333)

angular/test/base/src/app/app-routing.module.ts

@@ -32,6 +32,7 @@ const routes: Routes = [
   { path: 'modal-inline', loadChildren: () => import('./modal-inline').then(m => m.ModalInlineModule) },
   { path: 'view-child', component: ViewChildComponent },
   { path: 'keep-contents-mounted', loadChildren: () => import('./keep-contents-mounted').then(m => m.OverlayAutoMountModule) },
+  { path: 'overlays-inline', loadChildren: () => import('./overlays-inline').then(m => m.OverlaysInlineModule) },
   { path: 'popover-inline', loadChildren: () => import('./popover-inline').then(m => m.PopoverInlineModule) },
   { path: 'providers', component: ProvidersComponent },
   { path: 'router-link', component: RouterLinkComponent },

angular/test/base/src/app/overlays-inline/index.ts

@@ -0,0 +1 @@
+export * from './overlays-inline.module';

angular/test/base/src/app/overlays-inline/overlays-inline-routing.module.ts

@@ -0,0 +1,14 @@
+import { NgModule } from "@angular/core";
+import { RouterModule } from "@angular/router";
+import { OverlaysInlineComponent } from "./overlays-inline.component";
+
+@NgModule({
+  imports: [RouterModule.forChild([
+    {
+      path: '',
+      component: OverlaysInlineComponent
+    }
+  ])],
+  exports: [RouterModule]
+})
+export class OverlaysInlineRoutingModule { }

angular/test/base/src/app/overlays-inline/overlays-inline.component.html

@@ -0,0 +1,33 @@
+<ion-content>
+  <ion-button id="open-alert">Open Alert</ion-button>
+  <ion-button id="open-action-sheet">Open Action Sheet</ion-button>
+  <ion-button id="open-loading">Open Loading</ion-button>
+  <ion-button id="open-toast">Open Toast</ion-button>
+
+  <ion-alert
+    trigger="open-alert"
+    header="Alert"
+    message="This is an alert."
+    [buttons]="['Ok', 'Cancel']"
+  >
+  </ion-alert>
+
+  <ion-action-sheet
+    trigger="open-action-sheet"
+    header="Action Sheet"
+    [buttons]="['Button A', 'Button B']"
+  >
+  </ion-action-sheet>
+
+  <ion-loading
+    trigger="open-loading"
+    message="This is a loading message"
+    [backdropDismiss]="true"
+  ></ion-loading>
+
+  <ion-toast
+    trigger="open-toast"
+    message="This is a toast message"
+    [buttons]="['Button']"
+  ></ion-toast>
+</ion-content>

angular/test/base/src/app/overlays-inline/overlays-inline.component.ts

@@ -0,0 +1,10 @@
+import { Component } from "@angular/core";
+
+/**
+ * Validates that inline overlays will will display correctly.
+ */
+@Component({
+  selector: 'app-overlays-inline',
+  templateUrl: 'overlays-inline.component.html'
+})
+export class OverlaysInlineComponent {}

angular/test/base/src/app/overlays-inline/overlays-inline.module.ts

@@ -0,0 +1,11 @@
+import { CommonModule } from "@angular/common";
+import { NgModule } from "@angular/core";
+import { IonicModule } from "@ionic/angular";
+import { OverlaysInlineRoutingModule } from "./overlays-inline-routing.module";
+import { OverlaysInlineComponent } from "./overlays-inline.component";
+
+@NgModule({
+  imports: [CommonModule, IonicModule, OverlaysInlineRoutingModule],
+  declarations: [OverlaysInlineComponent],
+})
+export class OverlaysInlineModule { }