Merge branch 'ROU-11416' into ROU-11416-backdrop

Author: brandyscarney

src/components/global/Playground/stackblitz.utils.ts

@@ -112,7 +112,7 @@ const openAngularEditor = async (code: string, options?: EditorOptions) => {
       'angular/main.ts',
       'angular/index.html',
       'angular/app.routes.ts',
-      'angular/app.component.ts',
+      options?.includeIonContent ? 'angular/app.component.withContent.ts' : 'angular/app.component.ts',
       'angular/app.component.css',
       options?.includeIonContent ? 'angular/app.component.withContent.html' : 'angular/app.component.html',
       'angular/example.component.ts',

static/code/stackblitz/v7/angular/app.component.ts

@@ -1,12 +1,12 @@
 import { Component } from '@angular/core';
-import { IonApp, IonContent } from '@ionic/angular/standalone';
+import { IonApp } from '@ionic/angular/standalone';
 import { ExampleComponent } from './example.component';
 
 @Component({
   selector: 'app-root',
   templateUrl: 'app.component.html',
   styleUrls: ['app.component.css'],
-  imports: [ExampleComponent, IonApp, IonContent],
+  imports: [ExampleComponent, IonApp],
 })
 export class AppComponent {
   constructor() {}

static/code/stackblitz/v7/angular/app.component.withContent.ts

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import { IonApp, IonContent } from '@ionic/angular/standalone';
+import { ExampleComponent } from './example.component';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: 'app.component.html',
+  styleUrls: ['app.component.css'],
+  imports: [ExampleComponent, IonApp, IonContent],
+})
+export class AppComponent {
+  constructor() {}
+}

static/code/stackblitz/v8/angular/app.component.ts

@@ -1,12 +1,12 @@
 import { Component } from '@angular/core';
-import { IonApp, IonContent } from '@ionic/angular/standalone';
+import { IonApp } from '@ionic/angular/standalone';
 import { ExampleComponent } from './example.component';
 
 @Component({
   selector: 'app-root',
   templateUrl: 'app.component.html',
   styleUrls: ['app.component.css'],
-  imports: [ExampleComponent, IonApp, IonContent],
+  imports: [ExampleComponent, IonApp],
 })
 export class AppComponent {
   constructor() {}

static/code/stackblitz/v8/angular/app.component.withContent.ts

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import { IonApp, IonContent } from '@ionic/angular/standalone';
+import { ExampleComponent } from './example.component';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: 'app.component.html',
+  styleUrls: ['app.component.css'],
+  imports: [ExampleComponent, IonApp, IonContent],
+})
+export class AppComponent {
+  constructor() {}
+}