From 78929a8c05c2fe99c1fe680a7d2ebff5bb900ac4 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Thu, 26 Dec 2024 13:52:24 -0500
Subject: [PATCH] docs(loading): update angular to standalone

---
 static/usage/v7/loading/inline/angular.md            |  4 ----
 static/usage/v7/loading/spinners/angular.md          |  4 ----
 .../loading/theming/angular/example_component_ts.md  | 12 ++++++++++++
 static/usage/v7/loading/theming/index.md             |  2 ++
 static/usage/v8/loading/inline/angular.md            |  4 ----
 static/usage/v8/loading/spinners/angular.md          |  4 ----
 .../loading/theming/angular/example_component_ts.md  | 12 ++++++++++++
 static/usage/v8/loading/theming/index.md             |  2 ++
 8 files changed, 28 insertions(+), 16 deletions(-)
 delete mode 100644 static/usage/v7/loading/inline/angular.md
 delete mode 100644 static/usage/v7/loading/spinners/angular.md
 create mode 100644 static/usage/v7/loading/theming/angular/example_component_ts.md
 delete mode 100644 static/usage/v8/loading/inline/angular.md
 delete mode 100644 static/usage/v8/loading/spinners/angular.md
 create mode 100644 static/usage/v8/loading/theming/angular/example_component_ts.md

diff --git a/static/usage/v7/loading/inline/angular.md b/static/usage/v7/loading/inline/angular.md
deleted file mode 100644
index d0a24c72f61..00000000000
--- a/static/usage/v7/loading/inline/angular.md
+++ /dev/null
@@ -1,4 +0,0 @@
-```html
-<ion-button id="open-loading">Show Loading</ion-button>
-<ion-loading trigger="open-loading" message="Dismissing after 3 seconds..." duration="3000"></ion-loading>
-```
diff --git a/static/usage/v7/loading/spinners/angular.md b/static/usage/v7/loading/spinners/angular.md
deleted file mode 100644
index 9f4eb5f13a0..00000000000
--- a/static/usage/v7/loading/spinners/angular.md
+++ /dev/null
@@ -1,4 +0,0 @@
-```html
-<ion-button id="open-loading">Show Loading</ion-button>
-<ion-loading trigger="open-loading" message="Loading..." [duration]="3000" spinner="circles"></ion-loading>
-```
diff --git a/static/usage/v7/loading/theming/angular/example_component_ts.md b/static/usage/v7/loading/theming/angular/example_component_ts.md
new file mode 100644
index 00000000000..1807657477f
--- /dev/null
+++ b/static/usage/v7/loading/theming/angular/example_component_ts.md
@@ -0,0 +1,12 @@
+```ts
+import { Component } from '@angular/core';
+import { IonButton, IonLoading } from '@ionic/angular/standalone';
+
+@Component({
+  selector: 'app-example',
+  templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
+  imports: [IonButton, IonLoading],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v7/loading/theming/index.md b/static/usage/v7/loading/theming/index.md
index f0a5a379593..0a36d4cd6e5 100644
--- a/static/usage/v7/loading/theming/index.md
+++ b/static/usage/v7/loading/theming/index.md
@@ -8,6 +8,7 @@ import react_main_css from './react/main_css.md';
 import vue from './vue.md';
 
 import angular_example_component_html from './angular/example_component_html.md';
+import angular_example_component_ts from './angular/example_component_ts.md';
 import angular_global_css from './angular/global_css.md';
 
 <Playground
@@ -24,6 +25,7 @@ import angular_global_css from './angular/global_css.md';
     angular: {
       files: {
         'src/app/example.component.html': angular_example_component_html,
+        'src/app/example.component.ts': angular_example_component_ts,
         'src/global.css': angular_global_css,
       },
     },
diff --git a/static/usage/v8/loading/inline/angular.md b/static/usage/v8/loading/inline/angular.md
deleted file mode 100644
index d0a24c72f61..00000000000
--- a/static/usage/v8/loading/inline/angular.md
+++ /dev/null
@@ -1,4 +0,0 @@
-```html
-<ion-button id="open-loading">Show Loading</ion-button>
-<ion-loading trigger="open-loading" message="Dismissing after 3 seconds..." duration="3000"></ion-loading>
-```
diff --git a/static/usage/v8/loading/spinners/angular.md b/static/usage/v8/loading/spinners/angular.md
deleted file mode 100644
index 9f4eb5f13a0..00000000000
--- a/static/usage/v8/loading/spinners/angular.md
+++ /dev/null
@@ -1,4 +0,0 @@
-```html
-<ion-button id="open-loading">Show Loading</ion-button>
-<ion-loading trigger="open-loading" message="Loading..." [duration]="3000" spinner="circles"></ion-loading>
-```
diff --git a/static/usage/v8/loading/theming/angular/example_component_ts.md b/static/usage/v8/loading/theming/angular/example_component_ts.md
new file mode 100644
index 00000000000..1807657477f
--- /dev/null
+++ b/static/usage/v8/loading/theming/angular/example_component_ts.md
@@ -0,0 +1,12 @@
+```ts
+import { Component } from '@angular/core';
+import { IonButton, IonLoading } from '@ionic/angular/standalone';
+
+@Component({
+  selector: 'app-example',
+  templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
+  imports: [IonButton, IonLoading],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v8/loading/theming/index.md b/static/usage/v8/loading/theming/index.md
index d2ed15da293..e2b3d520732 100644
--- a/static/usage/v8/loading/theming/index.md
+++ b/static/usage/v8/loading/theming/index.md
@@ -8,6 +8,7 @@ import react_main_css from './react/main_css.md';
 import vue from './vue.md';
 
 import angular_example_component_html from './angular/example_component_html.md';
+import angular_example_component_ts from './angular/example_component_ts.md';
 import angular_global_css from './angular/global_css.md';
 
 <Playground
@@ -24,6 +25,7 @@ import angular_global_css from './angular/global_css.md';
     angular: {
       files: {
         'src/app/example.component.html': angular_example_component_html,
+        'src/app/example.component.ts': angular_example_component_ts,
         'src/global.css': angular_global_css,
       },
     },