From a7fbf848141e9dd9408b1bee22ab66983d55b538 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Wed, 18 Dec 2024 19:06:44 -0500
Subject: [PATCH 1/4] docs(alert): update angular to standalone

---
 static/usage/v7/alert/buttons/angular/example_component_ts.md   | 2 ++
 .../v7/alert/customization/angular/example_component_ts.md      | 2 ++
 .../v7/alert/inputs/radios/angular/example_component_ts.md      | 2 ++
 .../v7/alert/inputs/text-inputs/angular/example_component_ts.md | 2 ++
 .../alert/presenting/controller/angular/example_component_ts.md | 2 ++
 .../v7/alert/presenting/isOpen/angular/example_component_ts.md  | 2 ++
 .../v7/alert/presenting/trigger/angular/example_component_ts.md | 2 ++
 static/usage/v8/alert/buttons/angular/example_component_ts.md   | 2 ++
 .../v8/alert/customization/angular/example_component_ts.md      | 2 ++
 .../v8/alert/inputs/radios/angular/example_component_ts.md      | 2 ++
 .../v8/alert/inputs/text-inputs/angular/example_component_ts.md | 2 ++
 .../alert/presenting/controller/angular/example_component_ts.md | 2 ++
 .../v8/alert/presenting/isOpen/angular/example_component_ts.md  | 2 ++
 .../v8/alert/presenting/trigger/angular/example_component_ts.md | 2 ++
 14 files changed, 28 insertions(+)

diff --git a/static/usage/v7/alert/buttons/angular/example_component_ts.md b/static/usage/v7/alert/buttons/angular/example_component_ts.md
index 20858d60e46..96b694dcca3 100644
--- a/static/usage/v7/alert/buttons/angular/example_component_ts.md
+++ b/static/usage/v7/alert/buttons/angular/example_component_ts.md
@@ -1,9 +1,11 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   public alertButtons = [
diff --git a/static/usage/v7/alert/customization/angular/example_component_ts.md b/static/usage/v7/alert/customization/angular/example_component_ts.md
index 51552ff9852..914c5c63089 100644
--- a/static/usage/v7/alert/customization/angular/example_component_ts.md
+++ b/static/usage/v7/alert/customization/angular/example_component_ts.md
@@ -1,9 +1,11 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   public alertButtons = [
diff --git a/static/usage/v7/alert/inputs/radios/angular/example_component_ts.md b/static/usage/v7/alert/inputs/radios/angular/example_component_ts.md
index 34f44b288da..3ceb1cec861 100644
--- a/static/usage/v7/alert/inputs/radios/angular/example_component_ts.md
+++ b/static/usage/v7/alert/inputs/radios/angular/example_component_ts.md
@@ -1,9 +1,11 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   public alertButtons = ['OK'];
diff --git a/static/usage/v7/alert/inputs/text-inputs/angular/example_component_ts.md b/static/usage/v7/alert/inputs/text-inputs/angular/example_component_ts.md
index 713dc9067fa..6d7c233f425 100644
--- a/static/usage/v7/alert/inputs/text-inputs/angular/example_component_ts.md
+++ b/static/usage/v7/alert/inputs/text-inputs/angular/example_component_ts.md
@@ -1,9 +1,11 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   public alertButtons = ['OK'];
diff --git a/static/usage/v7/alert/presenting/controller/angular/example_component_ts.md b/static/usage/v7/alert/presenting/controller/angular/example_component_ts.md
index 6fdd69c7f69..5c29fb12693 100644
--- a/static/usage/v7/alert/presenting/controller/angular/example_component_ts.md
+++ b/static/usage/v7/alert/presenting/controller/angular/example_component_ts.md
@@ -1,10 +1,12 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonButton } from '@ionic/angular/standalone';
 import { AlertController } from '@ionic/angular';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonButton],
 })
 export class ExampleComponent {
   constructor(private alertController: AlertController) {}
diff --git a/static/usage/v7/alert/presenting/isOpen/angular/example_component_ts.md b/static/usage/v7/alert/presenting/isOpen/angular/example_component_ts.md
index 82d1f17e457..930b9c913e5 100644
--- a/static/usage/v7/alert/presenting/isOpen/angular/example_component_ts.md
+++ b/static/usage/v7/alert/presenting/isOpen/angular/example_component_ts.md
@@ -1,9 +1,11 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   isAlertOpen = false;
diff --git a/static/usage/v7/alert/presenting/trigger/angular/example_component_ts.md b/static/usage/v7/alert/presenting/trigger/angular/example_component_ts.md
index 9526ebdde8f..e7ff42a3e62 100644
--- a/static/usage/v7/alert/presenting/trigger/angular/example_component_ts.md
+++ b/static/usage/v7/alert/presenting/trigger/angular/example_component_ts.md
@@ -1,9 +1,11 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   alertButtons = ['Action'];
diff --git a/static/usage/v8/alert/buttons/angular/example_component_ts.md b/static/usage/v8/alert/buttons/angular/example_component_ts.md
index 20858d60e46..96b694dcca3 100644
--- a/static/usage/v8/alert/buttons/angular/example_component_ts.md
+++ b/static/usage/v8/alert/buttons/angular/example_component_ts.md
@@ -1,9 +1,11 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   public alertButtons = [
diff --git a/static/usage/v8/alert/customization/angular/example_component_ts.md b/static/usage/v8/alert/customization/angular/example_component_ts.md
index 51552ff9852..914c5c63089 100644
--- a/static/usage/v8/alert/customization/angular/example_component_ts.md
+++ b/static/usage/v8/alert/customization/angular/example_component_ts.md
@@ -1,9 +1,11 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   public alertButtons = [
diff --git a/static/usage/v8/alert/inputs/radios/angular/example_component_ts.md b/static/usage/v8/alert/inputs/radios/angular/example_component_ts.md
index 34f44b288da..3ceb1cec861 100644
--- a/static/usage/v8/alert/inputs/radios/angular/example_component_ts.md
+++ b/static/usage/v8/alert/inputs/radios/angular/example_component_ts.md
@@ -1,9 +1,11 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   public alertButtons = ['OK'];
diff --git a/static/usage/v8/alert/inputs/text-inputs/angular/example_component_ts.md b/static/usage/v8/alert/inputs/text-inputs/angular/example_component_ts.md
index 713dc9067fa..6d7c233f425 100644
--- a/static/usage/v8/alert/inputs/text-inputs/angular/example_component_ts.md
+++ b/static/usage/v8/alert/inputs/text-inputs/angular/example_component_ts.md
@@ -1,9 +1,11 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   public alertButtons = ['OK'];
diff --git a/static/usage/v8/alert/presenting/controller/angular/example_component_ts.md b/static/usage/v8/alert/presenting/controller/angular/example_component_ts.md
index 6fdd69c7f69..5c29fb12693 100644
--- a/static/usage/v8/alert/presenting/controller/angular/example_component_ts.md
+++ b/static/usage/v8/alert/presenting/controller/angular/example_component_ts.md
@@ -1,10 +1,12 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonButton } from '@ionic/angular/standalone';
 import { AlertController } from '@ionic/angular';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonButton],
 })
 export class ExampleComponent {
   constructor(private alertController: AlertController) {}
diff --git a/static/usage/v8/alert/presenting/isOpen/angular/example_component_ts.md b/static/usage/v8/alert/presenting/isOpen/angular/example_component_ts.md
index 82d1f17e457..930b9c913e5 100644
--- a/static/usage/v8/alert/presenting/isOpen/angular/example_component_ts.md
+++ b/static/usage/v8/alert/presenting/isOpen/angular/example_component_ts.md
@@ -1,9 +1,11 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   isAlertOpen = false;
diff --git a/static/usage/v8/alert/presenting/trigger/angular/example_component_ts.md b/static/usage/v8/alert/presenting/trigger/angular/example_component_ts.md
index 9526ebdde8f..e7ff42a3e62 100644
--- a/static/usage/v8/alert/presenting/trigger/angular/example_component_ts.md
+++ b/static/usage/v8/alert/presenting/trigger/angular/example_component_ts.md
@@ -1,9 +1,11 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonAlert, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
   alertButtons = ['Action'];

From 953301a10d1f26a81cc8153e2dbd9c0d29fe5f59 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Thu, 19 Dec 2024 17:11:48 -0500
Subject: [PATCH 2/4] docs(alert): fix type errors

---
 static/usage/v7/alert/buttons/angular/example_component_ts.md | 4 +++-
 static/usage/v8/alert/buttons/angular/example_component_ts.md | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/static/usage/v7/alert/buttons/angular/example_component_ts.md b/static/usage/v7/alert/buttons/angular/example_component_ts.md
index 96b694dcca3..03fd3f16777 100644
--- a/static/usage/v7/alert/buttons/angular/example_component_ts.md
+++ b/static/usage/v7/alert/buttons/angular/example_component_ts.md
@@ -1,6 +1,7 @@
 ```ts
 import { Component } from '@angular/core';
 import { IonAlert, IonButton } from '@ionic/angular/standalone';
+import type { OverlayEventDetail } from '@ionic/core';
 
 @Component({
   selector: 'app-example',
@@ -25,7 +26,8 @@ export class ExampleComponent {
     },
   ];
 
-  setResult(ev) {
+  setResult(event: Event) {
+    const ev = event as CustomEvent<OverlayEventDetail<string>>;
     console.log(`Dismissed with role: ${ev.detail.role}`);
   }
 }
diff --git a/static/usage/v8/alert/buttons/angular/example_component_ts.md b/static/usage/v8/alert/buttons/angular/example_component_ts.md
index 96b694dcca3..03fd3f16777 100644
--- a/static/usage/v8/alert/buttons/angular/example_component_ts.md
+++ b/static/usage/v8/alert/buttons/angular/example_component_ts.md
@@ -1,6 +1,7 @@
 ```ts
 import { Component } from '@angular/core';
 import { IonAlert, IonButton } from '@ionic/angular/standalone';
+import type { OverlayEventDetail } from '@ionic/core';
 
 @Component({
   selector: 'app-example',
@@ -25,7 +26,8 @@ export class ExampleComponent {
     },
   ];
 
-  setResult(ev) {
+  setResult(event: Event) {
+    const ev = event as CustomEvent<OverlayEventDetail<string>>;
     console.log(`Dismissed with role: ${ev.detail.role}`);
   }
 }

From 88874de8a31b6f8ade52f8a167cdcf2cdd3ea7cb Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 20 Dec 2024 14:57:07 -0500
Subject: [PATCH 3/4] docs(alert): update angular to standalone

---
 static/usage/v7/alert/buttons/angular/example_component_ts.md    | 1 +
 .../usage/v7/alert/customization/angular/example_component_ts.md | 1 +
 .../usage/v7/alert/inputs/radios/angular/example_component_ts.md | 1 +
 .../v7/alert/inputs/text-inputs/angular/example_component_ts.md  | 1 +
 .../alert/presenting/controller/angular/example_component_ts.md  | 1 +
 .../v7/alert/presenting/isOpen/angular/example_component_ts.md   | 1 +
 .../v7/alert/presenting/trigger/angular/example_component_ts.md  | 1 +
 static/usage/v8/alert/buttons/angular/example_component_ts.md    | 1 +
 .../usage/v8/alert/customization/angular/example_component_ts.md | 1 +
 .../usage/v8/alert/inputs/radios/angular/example_component_ts.md | 1 +
 .../v8/alert/inputs/text-inputs/angular/example_component_ts.md  | 1 +
 .../alert/presenting/controller/angular/example_component_ts.md  | 1 +
 .../v8/alert/presenting/isOpen/angular/example_component_ts.md   | 1 +
 .../v8/alert/presenting/trigger/angular/example_component_ts.md  | 1 +
 14 files changed, 14 insertions(+)

diff --git a/static/usage/v7/alert/buttons/angular/example_component_ts.md b/static/usage/v7/alert/buttons/angular/example_component_ts.md
index 03fd3f16777..55be132d670 100644
--- a/static/usage/v7/alert/buttons/angular/example_component_ts.md
+++ b/static/usage/v7/alert/buttons/angular/example_component_ts.md
@@ -6,6 +6,7 @@ import type { OverlayEventDetail } from '@ionic/core';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
diff --git a/static/usage/v7/alert/customization/angular/example_component_ts.md b/static/usage/v7/alert/customization/angular/example_component_ts.md
index 914c5c63089..ebfd969430e 100644
--- a/static/usage/v7/alert/customization/angular/example_component_ts.md
+++ b/static/usage/v7/alert/customization/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAlert, IonButton } from '@ionic/angular/standalone';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
diff --git a/static/usage/v7/alert/inputs/radios/angular/example_component_ts.md b/static/usage/v7/alert/inputs/radios/angular/example_component_ts.md
index 3ceb1cec861..56ca5fedeb4 100644
--- a/static/usage/v7/alert/inputs/radios/angular/example_component_ts.md
+++ b/static/usage/v7/alert/inputs/radios/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAlert, IonButton } from '@ionic/angular/standalone';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
diff --git a/static/usage/v7/alert/inputs/text-inputs/angular/example_component_ts.md b/static/usage/v7/alert/inputs/text-inputs/angular/example_component_ts.md
index 6d7c233f425..ae2c39e6164 100644
--- a/static/usage/v7/alert/inputs/text-inputs/angular/example_component_ts.md
+++ b/static/usage/v7/alert/inputs/text-inputs/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAlert, IonButton } from '@ionic/angular/standalone';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
diff --git a/static/usage/v7/alert/presenting/controller/angular/example_component_ts.md b/static/usage/v7/alert/presenting/controller/angular/example_component_ts.md
index 5c29fb12693..19c1f612fa5 100644
--- a/static/usage/v7/alert/presenting/controller/angular/example_component_ts.md
+++ b/static/usage/v7/alert/presenting/controller/angular/example_component_ts.md
@@ -6,6 +6,7 @@ import { AlertController } from '@ionic/angular';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonButton],
 })
 export class ExampleComponent {
diff --git a/static/usage/v7/alert/presenting/isOpen/angular/example_component_ts.md b/static/usage/v7/alert/presenting/isOpen/angular/example_component_ts.md
index 930b9c913e5..e2f5ccac609 100644
--- a/static/usage/v7/alert/presenting/isOpen/angular/example_component_ts.md
+++ b/static/usage/v7/alert/presenting/isOpen/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAlert, IonButton } from '@ionic/angular/standalone';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
diff --git a/static/usage/v7/alert/presenting/trigger/angular/example_component_ts.md b/static/usage/v7/alert/presenting/trigger/angular/example_component_ts.md
index e7ff42a3e62..7d7adf11d25 100644
--- a/static/usage/v7/alert/presenting/trigger/angular/example_component_ts.md
+++ b/static/usage/v7/alert/presenting/trigger/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAlert, IonButton } from '@ionic/angular/standalone';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
diff --git a/static/usage/v8/alert/buttons/angular/example_component_ts.md b/static/usage/v8/alert/buttons/angular/example_component_ts.md
index 03fd3f16777..55be132d670 100644
--- a/static/usage/v8/alert/buttons/angular/example_component_ts.md
+++ b/static/usage/v8/alert/buttons/angular/example_component_ts.md
@@ -6,6 +6,7 @@ import type { OverlayEventDetail } from '@ionic/core';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
diff --git a/static/usage/v8/alert/customization/angular/example_component_ts.md b/static/usage/v8/alert/customization/angular/example_component_ts.md
index 914c5c63089..ebfd969430e 100644
--- a/static/usage/v8/alert/customization/angular/example_component_ts.md
+++ b/static/usage/v8/alert/customization/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAlert, IonButton } from '@ionic/angular/standalone';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
diff --git a/static/usage/v8/alert/inputs/radios/angular/example_component_ts.md b/static/usage/v8/alert/inputs/radios/angular/example_component_ts.md
index 3ceb1cec861..56ca5fedeb4 100644
--- a/static/usage/v8/alert/inputs/radios/angular/example_component_ts.md
+++ b/static/usage/v8/alert/inputs/radios/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAlert, IonButton } from '@ionic/angular/standalone';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
diff --git a/static/usage/v8/alert/inputs/text-inputs/angular/example_component_ts.md b/static/usage/v8/alert/inputs/text-inputs/angular/example_component_ts.md
index 6d7c233f425..ae2c39e6164 100644
--- a/static/usage/v8/alert/inputs/text-inputs/angular/example_component_ts.md
+++ b/static/usage/v8/alert/inputs/text-inputs/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAlert, IonButton } from '@ionic/angular/standalone';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
diff --git a/static/usage/v8/alert/presenting/controller/angular/example_component_ts.md b/static/usage/v8/alert/presenting/controller/angular/example_component_ts.md
index 5c29fb12693..19c1f612fa5 100644
--- a/static/usage/v8/alert/presenting/controller/angular/example_component_ts.md
+++ b/static/usage/v8/alert/presenting/controller/angular/example_component_ts.md
@@ -6,6 +6,7 @@ import { AlertController } from '@ionic/angular';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonButton],
 })
 export class ExampleComponent {
diff --git a/static/usage/v8/alert/presenting/isOpen/angular/example_component_ts.md b/static/usage/v8/alert/presenting/isOpen/angular/example_component_ts.md
index 930b9c913e5..e2f5ccac609 100644
--- a/static/usage/v8/alert/presenting/isOpen/angular/example_component_ts.md
+++ b/static/usage/v8/alert/presenting/isOpen/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAlert, IonButton } from '@ionic/angular/standalone';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {
diff --git a/static/usage/v8/alert/presenting/trigger/angular/example_component_ts.md b/static/usage/v8/alert/presenting/trigger/angular/example_component_ts.md
index e7ff42a3e62..7d7adf11d25 100644
--- a/static/usage/v8/alert/presenting/trigger/angular/example_component_ts.md
+++ b/static/usage/v8/alert/presenting/trigger/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAlert, IonButton } from '@ionic/angular/standalone';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonAlert, IonButton],
 })
 export class ExampleComponent {

From 00e29990374630f4c32fa3e30b67d8221ea67425 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 27 Dec 2024 15:42:55 -0500
Subject: [PATCH 4/4] docs(alert): update angular to standalone

---
 .../presenting/controller/angular/example_component_ts.md      | 3 +--
 .../presenting/controller/angular/example_component_ts.md      | 3 +--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/static/usage/v7/alert/presenting/controller/angular/example_component_ts.md b/static/usage/v7/alert/presenting/controller/angular/example_component_ts.md
index 19c1f612fa5..baf0999fd30 100644
--- a/static/usage/v7/alert/presenting/controller/angular/example_component_ts.md
+++ b/static/usage/v7/alert/presenting/controller/angular/example_component_ts.md
@@ -1,7 +1,6 @@
 ```ts
 import { Component } from '@angular/core';
-import { IonButton } from '@ionic/angular/standalone';
-import { AlertController } from '@ionic/angular';
+import { AlertController, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
diff --git a/static/usage/v8/alert/presenting/controller/angular/example_component_ts.md b/static/usage/v8/alert/presenting/controller/angular/example_component_ts.md
index 19c1f612fa5..baf0999fd30 100644
--- a/static/usage/v8/alert/presenting/controller/angular/example_component_ts.md
+++ b/static/usage/v8/alert/presenting/controller/angular/example_component_ts.md
@@ -1,7 +1,6 @@
 ```ts
 import { Component } from '@angular/core';
-import { IonButton } from '@ionic/angular/standalone';
-import { AlertController } from '@ionic/angular';
+import { AlertController, IonButton } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',