From c3b5f67e670d237eab82dd6de72086f069fb8932 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Wed, 18 Dec 2024 19:06:57 -0500
Subject: [PATCH 1/3] docs(note): update angular to standalone
---
.../basic/angular/example_component_html.md | 3 +++
.../basic/angular/example_component_ts.md | 11 ++++++++++
static/usage/v7/note/basic/index.md | 20 +++++++++++++++++--
.../item/angular/example_component_html.md | 11 ++++++++++
.../note/item/angular/example_component_ts.md | 11 ++++++++++
static/usage/v7/note/item/index.md | 20 +++++++++++++++++--
.../colors/angular/example_component_html.md | 12 +++++++++++
.../colors/angular/example_component_ts.md | 11 ++++++++++
static/usage/v7/note/theming/colors/index.md | 20 +++++++++++++++++--
.../basic/angular/example_component_html.md | 3 +++
.../basic/angular/example_component_ts.md | 11 ++++++++++
static/usage/v8/note/basic/index.md | 20 +++++++++++++++++--
.../item/angular/example_component_html.md | 11 ++++++++++
.../note/item/angular/example_component_ts.md | 11 ++++++++++
static/usage/v8/note/item/index.md | 20 +++++++++++++++++--
.../colors/angular/example_component_html.md | 12 +++++++++++
.../colors/angular/example_component_ts.md | 11 ++++++++++
static/usage/v8/note/theming/colors/index.md | 20 +++++++++++++++++--
18 files changed, 226 insertions(+), 12 deletions(-)
create mode 100644 static/usage/v7/note/basic/angular/example_component_html.md
create mode 100644 static/usage/v7/note/basic/angular/example_component_ts.md
create mode 100644 static/usage/v7/note/item/angular/example_component_html.md
create mode 100644 static/usage/v7/note/item/angular/example_component_ts.md
create mode 100644 static/usage/v7/note/theming/colors/angular/example_component_html.md
create mode 100644 static/usage/v7/note/theming/colors/angular/example_component_ts.md
create mode 100644 static/usage/v8/note/basic/angular/example_component_html.md
create mode 100644 static/usage/v8/note/basic/angular/example_component_ts.md
create mode 100644 static/usage/v8/note/item/angular/example_component_html.md
create mode 100644 static/usage/v8/note/item/angular/example_component_ts.md
create mode 100644 static/usage/v8/note/theming/colors/angular/example_component_html.md
create mode 100644 static/usage/v8/note/theming/colors/angular/example_component_ts.md
diff --git a/static/usage/v7/note/basic/angular/example_component_html.md b/static/usage/v7/note/basic/angular/example_component_html.md
new file mode 100644
index 00000000000..2c59ef63faa
--- /dev/null
+++ b/static/usage/v7/note/basic/angular/example_component_html.md
@@ -0,0 +1,3 @@
+```html
+Default Note
+```
diff --git a/static/usage/v7/note/basic/angular/example_component_ts.md b/static/usage/v7/note/basic/angular/example_component_ts.md
new file mode 100644
index 00000000000..993ad273196
--- /dev/null
+++ b/static/usage/v7/note/basic/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonNote } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonNote],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v7/note/basic/index.md b/static/usage/v7/note/basic/index.md
index c1ff54b6c74..d319a0ad697 100644
--- a/static/usage/v7/note/basic/index.md
+++ b/static/usage/v7/note/basic/index.md
@@ -3,6 +3,22 @@ import Playground from '@site/src/components/global/Playground';
import javascript from './javascript.md';
import react from './react.md';
import vue from './vue.md';
-import angular from './angular.md';
-
+import angular_example_component_html from './angular/example_component_html.md';
+import angular_example_component_ts from './angular/example_component_ts.md';
+
+
diff --git a/static/usage/v7/note/item/angular/example_component_html.md b/static/usage/v7/note/item/angular/example_component_html.md
new file mode 100644
index 00000000000..0d26cf33b27
--- /dev/null
+++ b/static/usage/v7/note/item/angular/example_component_html.md
@@ -0,0 +1,11 @@
+```html
+
+ Label
+ Note (End)
+
+
+
+ Note (Start)
+ Label
+
+```
diff --git a/static/usage/v7/note/item/angular/example_component_ts.md b/static/usage/v7/note/item/angular/example_component_ts.md
new file mode 100644
index 00000000000..6b1f811d6bc
--- /dev/null
+++ b/static/usage/v7/note/item/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonItem, IonLabel, IonNote } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonItem, IonLabel, IonNote],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v7/note/item/index.md b/static/usage/v7/note/item/index.md
index 5c32457e008..6090fc71c40 100644
--- a/static/usage/v7/note/item/index.md
+++ b/static/usage/v7/note/item/index.md
@@ -3,6 +3,22 @@ import Playground from '@site/src/components/global/Playground';
import javascript from './javascript.md';
import react from './react.md';
import vue from './vue.md';
-import angular from './angular.md';
-
+import angular_example_component_html from './angular/example_component_html.md';
+import angular_example_component_ts from './angular/example_component_ts.md';
+
+
diff --git a/static/usage/v7/note/theming/colors/angular/example_component_html.md b/static/usage/v7/note/theming/colors/angular/example_component_html.md
new file mode 100644
index 00000000000..2740648d5ad
--- /dev/null
+++ b/static/usage/v7/note/theming/colors/angular/example_component_html.md
@@ -0,0 +1,12 @@
+```html
+Default Note
+Primary Note
+Secondary Note
+Tertiary Note
+Success Note
+Warning Note
+Danger Note
+Light Note
+Medium Note
+Dark Note
+```
diff --git a/static/usage/v7/note/theming/colors/angular/example_component_ts.md b/static/usage/v7/note/theming/colors/angular/example_component_ts.md
new file mode 100644
index 00000000000..993ad273196
--- /dev/null
+++ b/static/usage/v7/note/theming/colors/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonNote } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonNote],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v7/note/theming/colors/index.md b/static/usage/v7/note/theming/colors/index.md
index daadf060f1e..f1e9be4095d 100644
--- a/static/usage/v7/note/theming/colors/index.md
+++ b/static/usage/v7/note/theming/colors/index.md
@@ -3,6 +3,22 @@ import Playground from '@site/src/components/global/Playground';
import javascript from './javascript.md';
import react from './react.md';
import vue from './vue.md';
-import angular from './angular.md';
-
+import angular_example_component_html from './angular/example_component_html.md';
+import angular_example_component_ts from './angular/example_component_ts.md';
+
+
diff --git a/static/usage/v8/note/basic/angular/example_component_html.md b/static/usage/v8/note/basic/angular/example_component_html.md
new file mode 100644
index 00000000000..2c59ef63faa
--- /dev/null
+++ b/static/usage/v8/note/basic/angular/example_component_html.md
@@ -0,0 +1,3 @@
+```html
+Default Note
+```
diff --git a/static/usage/v8/note/basic/angular/example_component_ts.md b/static/usage/v8/note/basic/angular/example_component_ts.md
new file mode 100644
index 00000000000..993ad273196
--- /dev/null
+++ b/static/usage/v8/note/basic/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonNote } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonNote],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v8/note/basic/index.md b/static/usage/v8/note/basic/index.md
index 80679ac212b..1561441d325 100644
--- a/static/usage/v8/note/basic/index.md
+++ b/static/usage/v8/note/basic/index.md
@@ -3,6 +3,22 @@ import Playground from '@site/src/components/global/Playground';
import javascript from './javascript.md';
import react from './react.md';
import vue from './vue.md';
-import angular from './angular.md';
-
+import angular_example_component_html from './angular/example_component_html.md';
+import angular_example_component_ts from './angular/example_component_ts.md';
+
+
diff --git a/static/usage/v8/note/item/angular/example_component_html.md b/static/usage/v8/note/item/angular/example_component_html.md
new file mode 100644
index 00000000000..0d26cf33b27
--- /dev/null
+++ b/static/usage/v8/note/item/angular/example_component_html.md
@@ -0,0 +1,11 @@
+```html
+
+ Label
+ Note (End)
+
+
+
+ Note (Start)
+ Label
+
+```
diff --git a/static/usage/v8/note/item/angular/example_component_ts.md b/static/usage/v8/note/item/angular/example_component_ts.md
new file mode 100644
index 00000000000..6b1f811d6bc
--- /dev/null
+++ b/static/usage/v8/note/item/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonItem, IonLabel, IonNote } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonItem, IonLabel, IonNote],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v8/note/item/index.md b/static/usage/v8/note/item/index.md
index ff7e768cc2b..9a07139ebc2 100644
--- a/static/usage/v8/note/item/index.md
+++ b/static/usage/v8/note/item/index.md
@@ -3,6 +3,22 @@ import Playground from '@site/src/components/global/Playground';
import javascript from './javascript.md';
import react from './react.md';
import vue from './vue.md';
-import angular from './angular.md';
-
+import angular_example_component_html from './angular/example_component_html.md';
+import angular_example_component_ts from './angular/example_component_ts.md';
+
+
diff --git a/static/usage/v8/note/theming/colors/angular/example_component_html.md b/static/usage/v8/note/theming/colors/angular/example_component_html.md
new file mode 100644
index 00000000000..2740648d5ad
--- /dev/null
+++ b/static/usage/v8/note/theming/colors/angular/example_component_html.md
@@ -0,0 +1,12 @@
+```html
+Default Note
+Primary Note
+Secondary Note
+Tertiary Note
+Success Note
+Warning Note
+Danger Note
+Light Note
+Medium Note
+Dark Note
+```
diff --git a/static/usage/v8/note/theming/colors/angular/example_component_ts.md b/static/usage/v8/note/theming/colors/angular/example_component_ts.md
new file mode 100644
index 00000000000..993ad273196
--- /dev/null
+++ b/static/usage/v8/note/theming/colors/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonNote } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonNote],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v8/note/theming/colors/index.md b/static/usage/v8/note/theming/colors/index.md
index 79018521313..6ab9f4a4302 100644
--- a/static/usage/v8/note/theming/colors/index.md
+++ b/static/usage/v8/note/theming/colors/index.md
@@ -3,6 +3,22 @@ import Playground from '@site/src/components/global/Playground';
import javascript from './javascript.md';
import react from './react.md';
import vue from './vue.md';
-import angular from './angular.md';
-
+import angular_example_component_html from './angular/example_component_html.md';
+import angular_example_component_ts from './angular/example_component_ts.md';
+
+
From 145de056305022d39f7d477591a8d34908066cbb Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 20 Dec 2024 15:11:42 -0500
Subject: [PATCH 2/3] docs(note): update angular to standalone
---
static/usage/v7/note/basic/angular/example_component_ts.md | 1 +
static/usage/v7/note/item/angular/example_component_ts.md | 1 +
.../usage/v7/note/theming/colors/angular/example_component_ts.md | 1 +
static/usage/v8/note/basic/angular/example_component_ts.md | 1 +
static/usage/v8/note/item/angular/example_component_ts.md | 1 +
.../usage/v8/note/theming/colors/angular/example_component_ts.md | 1 +
6 files changed, 6 insertions(+)
diff --git a/static/usage/v7/note/basic/angular/example_component_ts.md b/static/usage/v7/note/basic/angular/example_component_ts.md
index 993ad273196..38db87894b7 100644
--- a/static/usage/v7/note/basic/angular/example_component_ts.md
+++ b/static/usage/v7/note/basic/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonNote } from '@ionic/angular/standalone';
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonNote],
})
export class ExampleComponent {}
diff --git a/static/usage/v7/note/item/angular/example_component_ts.md b/static/usage/v7/note/item/angular/example_component_ts.md
index 6b1f811d6bc..56ed0d01872 100644
--- a/static/usage/v7/note/item/angular/example_component_ts.md
+++ b/static/usage/v7/note/item/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonItem, IonLabel, IonNote } from '@ionic/angular/standalone';
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonItem, IonLabel, IonNote],
})
export class ExampleComponent {}
diff --git a/static/usage/v7/note/theming/colors/angular/example_component_ts.md b/static/usage/v7/note/theming/colors/angular/example_component_ts.md
index 993ad273196..38db87894b7 100644
--- a/static/usage/v7/note/theming/colors/angular/example_component_ts.md
+++ b/static/usage/v7/note/theming/colors/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonNote } from '@ionic/angular/standalone';
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonNote],
})
export class ExampleComponent {}
diff --git a/static/usage/v8/note/basic/angular/example_component_ts.md b/static/usage/v8/note/basic/angular/example_component_ts.md
index 993ad273196..38db87894b7 100644
--- a/static/usage/v8/note/basic/angular/example_component_ts.md
+++ b/static/usage/v8/note/basic/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonNote } from '@ionic/angular/standalone';
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonNote],
})
export class ExampleComponent {}
diff --git a/static/usage/v8/note/item/angular/example_component_ts.md b/static/usage/v8/note/item/angular/example_component_ts.md
index 6b1f811d6bc..56ed0d01872 100644
--- a/static/usage/v8/note/item/angular/example_component_ts.md
+++ b/static/usage/v8/note/item/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonItem, IonLabel, IonNote } from '@ionic/angular/standalone';
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonItem, IonLabel, IonNote],
})
export class ExampleComponent {}
diff --git a/static/usage/v8/note/theming/colors/angular/example_component_ts.md b/static/usage/v8/note/theming/colors/angular/example_component_ts.md
index 993ad273196..38db87894b7 100644
--- a/static/usage/v8/note/theming/colors/angular/example_component_ts.md
+++ b/static/usage/v8/note/theming/colors/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonNote } from '@ionic/angular/standalone';
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonNote],
})
export class ExampleComponent {}
From f6046ae5a29e56fce6109cad614d8010caa5837c Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Thu, 26 Dec 2024 16:47:08 -0500
Subject: [PATCH 3/3] docs(note): update angular to standalone
---
static/usage/v7/note/basic/angular.md | 3 ---
static/usage/v7/note/item/angular.md | 11 -----------
static/usage/v7/note/theming/colors/angular.md | 12 ------------
.../css-properties/angular/example_component_ts.md | 12 ++++++++++++
static/usage/v7/note/theming/css-properties/index.md | 6 ++++--
static/usage/v8/note/basic/angular.md | 3 ---
static/usage/v8/note/item/angular.md | 11 -----------
static/usage/v8/note/theming/colors/angular.md | 12 ------------
.../css-properties/angular/example_component_ts.md | 12 ++++++++++++
static/usage/v8/note/theming/css-properties/index.md | 6 ++++--
10 files changed, 32 insertions(+), 56 deletions(-)
delete mode 100644 static/usage/v7/note/basic/angular.md
delete mode 100644 static/usage/v7/note/item/angular.md
delete mode 100644 static/usage/v7/note/theming/colors/angular.md
create mode 100644 static/usage/v7/note/theming/css-properties/angular/example_component_ts.md
delete mode 100644 static/usage/v8/note/basic/angular.md
delete mode 100644 static/usage/v8/note/item/angular.md
delete mode 100644 static/usage/v8/note/theming/colors/angular.md
create mode 100644 static/usage/v8/note/theming/css-properties/angular/example_component_ts.md
diff --git a/static/usage/v7/note/basic/angular.md b/static/usage/v7/note/basic/angular.md
deleted file mode 100644
index 2c59ef63faa..00000000000
--- a/static/usage/v7/note/basic/angular.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```html
-Default Note
-```
diff --git a/static/usage/v7/note/item/angular.md b/static/usage/v7/note/item/angular.md
deleted file mode 100644
index 0d26cf33b27..00000000000
--- a/static/usage/v7/note/item/angular.md
+++ /dev/null
@@ -1,11 +0,0 @@
-```html
-
- Label
- Note (End)
-
-
-
- Note (Start)
- Label
-
-```
diff --git a/static/usage/v7/note/theming/colors/angular.md b/static/usage/v7/note/theming/colors/angular.md
deleted file mode 100644
index 2740648d5ad..00000000000
--- a/static/usage/v7/note/theming/colors/angular.md
+++ /dev/null
@@ -1,12 +0,0 @@
-```html
-Default Note
-Primary Note
-Secondary Note
-Tertiary Note
-Success Note
-Warning Note
-Danger Note
-Light Note
-Medium Note
-Dark Note
-```
diff --git a/static/usage/v7/note/theming/css-properties/angular/example_component_ts.md b/static/usage/v7/note/theming/css-properties/angular/example_component_ts.md
new file mode 100644
index 00000000000..38db87894b7
--- /dev/null
+++ b/static/usage/v7/note/theming/css-properties/angular/example_component_ts.md
@@ -0,0 +1,12 @@
+```ts
+import { Component } from '@angular/core';
+import { IonNote } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
+ imports: [IonNote],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v7/note/theming/css-properties/index.md b/static/usage/v7/note/theming/css-properties/index.md
index 07c1802c04b..d7374e0c949 100644
--- a/static/usage/v7/note/theming/css-properties/index.md
+++ b/static/usage/v7/note/theming/css-properties/index.md
@@ -7,8 +7,9 @@ import react_main_tsx from './react/main_tsx.md';
import vue from './vue.md';
-import angular_example_component_css from './angular/example_component_css.md';
import angular_example_component_html from './angular/example_component_html.md';
+import angular_example_component_css from './angular/example_component_css.md';
+import angular_example_component_ts from './angular/example_component_ts.md';
Default Note
-```
diff --git a/static/usage/v8/note/item/angular.md b/static/usage/v8/note/item/angular.md
deleted file mode 100644
index 0d26cf33b27..00000000000
--- a/static/usage/v8/note/item/angular.md
+++ /dev/null
@@ -1,11 +0,0 @@
-```html
-
- Label
- Note (End)
-
-
-
- Note (Start)
- Label
-
-```
diff --git a/static/usage/v8/note/theming/colors/angular.md b/static/usage/v8/note/theming/colors/angular.md
deleted file mode 100644
index 2740648d5ad..00000000000
--- a/static/usage/v8/note/theming/colors/angular.md
+++ /dev/null
@@ -1,12 +0,0 @@
-```html
-Default Note
-Primary Note
-Secondary Note
-Tertiary Note
-Success Note
-Warning Note
-Danger Note
-Light Note
-Medium Note
-Dark Note
-```
diff --git a/static/usage/v8/note/theming/css-properties/angular/example_component_ts.md b/static/usage/v8/note/theming/css-properties/angular/example_component_ts.md
new file mode 100644
index 00000000000..38db87894b7
--- /dev/null
+++ b/static/usage/v8/note/theming/css-properties/angular/example_component_ts.md
@@ -0,0 +1,12 @@
+```ts
+import { Component } from '@angular/core';
+import { IonNote } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
+ imports: [IonNote],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v8/note/theming/css-properties/index.md b/static/usage/v8/note/theming/css-properties/index.md
index c0b40585c57..434c963d631 100644
--- a/static/usage/v8/note/theming/css-properties/index.md
+++ b/static/usage/v8/note/theming/css-properties/index.md
@@ -7,8 +7,9 @@ import react_main_tsx from './react/main_tsx.md';
import vue from './vue.md';
-import angular_example_component_css from './angular/example_component_css.md';
import angular_example_component_html from './angular/example_component_html.md';
+import angular_example_component_css from './angular/example_component_css.md';
+import angular_example_component_ts from './angular/example_component_ts.md';