From d4a9bc7aae072858613b0e43a507ddb71dd9e335 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Wed, 18 Dec 2024 19:51:17 -0500
Subject: [PATCH 1/6] docs(accordion): update angular to standalone
---
.../angular/example_component_html.md | 22 +++++++++++++++++++
.../angular/example_component_ts.md | 11 ++++++++++
.../accessibility/animations/index.md | 11 ++++++++--
.../basic/angular/example_component_html.md | 22 +++++++++++++++++++
.../basic/angular/example_component_ts.md | 11 ++++++++++
static/usage/v7/accordion/basic/index.md | 11 ++++++++--
.../angular/example_component_ts.md | 2 ++
.../angular/example_component_html.md | 22 +++++++++++++++++++
.../angular/example_component_ts.md | 11 ++++++++++
.../customization/expansion-styles/index.md | 11 ++++++++--
.../icons/angular/example_component_html.md | 22 +++++++++++++++++++
.../icons/angular/example_component_ts.md | 11 ++++++++++
.../v7/accordion/customization/icons/index.md | 11 ++++++++--
.../angular/example_component_html.md | 22 +++++++++++++++++++
.../angular/example_component_ts.md | 11 ++++++++++
.../usage/v7/accordion/disable-group/index.md | 11 ++++++++--
.../group/angular/example_component_html.md | 22 +++++++++++++++++++
.../group/angular/example_component_ts.md | 11 ++++++++++
.../usage/v7/accordion/disable/group/index.md | 11 ++++++++--
.../angular/example_component_html.md | 22 +++++++++++++++++++
.../angular/example_component_ts.md | 11 ++++++++++
.../v7/accordion/disable/individual/index.md | 11 ++++++++--
.../angular/example_component_ts.md | 2 ++
.../angular/example_component_html.md | 22 +++++++++++++++++++
.../multiple/angular/example_component_ts.md | 11 ++++++++++
static/usage/v7/accordion/multiple/index.md | 11 ++++++++--
.../group/angular/example_component_html.md | 22 +++++++++++++++++++
.../group/angular/example_component_ts.md | 11 ++++++++++
.../v7/accordion/readonly/group/index.md | 11 ++++++++--
.../angular/example_component_html.md | 22 +++++++++++++++++++
.../angular/example_component_ts.md | 11 ++++++++++
.../v7/accordion/readonly/individual/index.md | 11 ++++++++--
.../toggle/angular/example_component_ts.md | 5 +++--
.../angular/example_component_html.md | 22 +++++++++++++++++++
.../angular/example_component_ts.md | 11 ++++++++++
.../accessibility/animations/index.md | 11 ++++++++--
.../basic/angular/example_component_html.md | 22 +++++++++++++++++++
.../basic/angular/example_component_ts.md | 11 ++++++++++
static/usage/v8/accordion/basic/index.md | 11 ++++++++--
.../angular/example_component_ts.md | 2 ++
.../angular/example_component_html.md | 22 +++++++++++++++++++
.../angular/example_component_ts.md | 11 ++++++++++
.../customization/expansion-styles/index.md | 11 ++++++++--
.../icons/angular/example_component_html.md | 22 +++++++++++++++++++
.../icons/angular/example_component_ts.md | 11 ++++++++++
.../v8/accordion/customization/icons/index.md | 11 ++++++++--
.../angular/example_component_html.md | 22 +++++++++++++++++++
.../angular/example_component_ts.md | 11 ++++++++++
.../usage/v8/accordion/disable-group/index.md | 11 ++++++++--
.../group/angular/example_component_html.md | 22 +++++++++++++++++++
.../group/angular/example_component_ts.md | 11 ++++++++++
.../usage/v8/accordion/disable/group/index.md | 11 ++++++++--
.../angular/example_component_html.md | 22 +++++++++++++++++++
.../angular/example_component_ts.md | 11 ++++++++++
.../v8/accordion/disable/individual/index.md | 11 ++++++++--
.../angular/example_component_ts.md | 2 ++
.../angular/example_component_html.md | 22 +++++++++++++++++++
.../multiple/angular/example_component_ts.md | 11 ++++++++++
static/usage/v8/accordion/multiple/index.md | 11 ++++++++--
.../group/angular/example_component_html.md | 22 +++++++++++++++++++
.../group/angular/example_component_ts.md | 11 ++++++++++
.../v8/accordion/readonly/group/index.md | 11 ++++++++--
.../angular/example_component_html.md | 22 +++++++++++++++++++
.../angular/example_component_ts.md | 11 ++++++++++
.../v8/accordion/readonly/individual/index.md | 11 ++++++++--
.../toggle/angular/example_component_ts.md | 5 +++--
66 files changed, 854 insertions(+), 44 deletions(-)
create mode 100644 static/usage/v7/accordion/accessibility/animations/angular/example_component_html.md
create mode 100644 static/usage/v7/accordion/accessibility/animations/angular/example_component_ts.md
create mode 100644 static/usage/v7/accordion/basic/angular/example_component_html.md
create mode 100644 static/usage/v7/accordion/basic/angular/example_component_ts.md
create mode 100644 static/usage/v7/accordion/customization/expansion-styles/angular/example_component_html.md
create mode 100644 static/usage/v7/accordion/customization/expansion-styles/angular/example_component_ts.md
create mode 100644 static/usage/v7/accordion/customization/icons/angular/example_component_html.md
create mode 100644 static/usage/v7/accordion/customization/icons/angular/example_component_ts.md
create mode 100644 static/usage/v7/accordion/disable-group/angular/example_component_html.md
create mode 100644 static/usage/v7/accordion/disable-group/angular/example_component_ts.md
create mode 100644 static/usage/v7/accordion/disable/group/angular/example_component_html.md
create mode 100644 static/usage/v7/accordion/disable/group/angular/example_component_ts.md
create mode 100644 static/usage/v7/accordion/disable/individual/angular/example_component_html.md
create mode 100644 static/usage/v7/accordion/disable/individual/angular/example_component_ts.md
create mode 100644 static/usage/v7/accordion/multiple/angular/example_component_html.md
create mode 100644 static/usage/v7/accordion/multiple/angular/example_component_ts.md
create mode 100644 static/usage/v7/accordion/readonly/group/angular/example_component_html.md
create mode 100644 static/usage/v7/accordion/readonly/group/angular/example_component_ts.md
create mode 100644 static/usage/v7/accordion/readonly/individual/angular/example_component_html.md
create mode 100644 static/usage/v7/accordion/readonly/individual/angular/example_component_ts.md
create mode 100644 static/usage/v8/accordion/accessibility/animations/angular/example_component_html.md
create mode 100644 static/usage/v8/accordion/accessibility/animations/angular/example_component_ts.md
create mode 100644 static/usage/v8/accordion/basic/angular/example_component_html.md
create mode 100644 static/usage/v8/accordion/basic/angular/example_component_ts.md
create mode 100644 static/usage/v8/accordion/customization/expansion-styles/angular/example_component_html.md
create mode 100644 static/usage/v8/accordion/customization/expansion-styles/angular/example_component_ts.md
create mode 100644 static/usage/v8/accordion/customization/icons/angular/example_component_html.md
create mode 100644 static/usage/v8/accordion/customization/icons/angular/example_component_ts.md
create mode 100644 static/usage/v8/accordion/disable-group/angular/example_component_html.md
create mode 100644 static/usage/v8/accordion/disable-group/angular/example_component_ts.md
create mode 100644 static/usage/v8/accordion/disable/group/angular/example_component_html.md
create mode 100644 static/usage/v8/accordion/disable/group/angular/example_component_ts.md
create mode 100644 static/usage/v8/accordion/disable/individual/angular/example_component_html.md
create mode 100644 static/usage/v8/accordion/disable/individual/angular/example_component_ts.md
create mode 100644 static/usage/v8/accordion/multiple/angular/example_component_html.md
create mode 100644 static/usage/v8/accordion/multiple/angular/example_component_ts.md
create mode 100644 static/usage/v8/accordion/readonly/group/angular/example_component_html.md
create mode 100644 static/usage/v8/accordion/readonly/group/angular/example_component_ts.md
create mode 100644 static/usage/v8/accordion/readonly/individual/angular/example_component_html.md
create mode 100644 static/usage/v8/accordion/readonly/individual/angular/example_component_ts.md
diff --git a/static/usage/v7/accordion/accessibility/animations/angular/example_component_html.md b/static/usage/v7/accordion/accessibility/animations/angular/example_component_html.md
new file mode 100644
index 00000000000..ced314d2657
--- /dev/null
+++ b/static/usage/v7/accordion/accessibility/animations/angular/example_component_html.md
@@ -0,0 +1,22 @@
+```html
+
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v7/accordion/accessibility/animations/angular/example_component_ts.md b/static/usage/v7/accordion/accessibility/animations/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v7/accordion/accessibility/animations/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v7/accordion/accessibility/animations/index.md b/static/usage/v7/accordion/accessibility/animations/index.md
index 867276f88f2..d0c8c431f1a 100644
--- a/static/usage/v7/accordion/accessibility/animations/index.md
+++ b/static/usage/v7/accordion/accessibility/animations/index.md
@@ -3,7 +3,9 @@ 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/accordion/basic/angular/example_component_html.md b/static/usage/v7/accordion/basic/angular/example_component_html.md
new file mode 100644
index 00000000000..f9f7c8639a0
--- /dev/null
+++ b/static/usage/v7/accordion/basic/angular/example_component_html.md
@@ -0,0 +1,22 @@
+```html
+
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v7/accordion/basic/angular/example_component_ts.md b/static/usage/v7/accordion/basic/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v7/accordion/basic/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v7/accordion/basic/index.md b/static/usage/v7/accordion/basic/index.md
index 36bb76371e2..1b29e600d17 100644
--- a/static/usage/v7/accordion/basic/index.md
+++ b/static/usage/v7/accordion/basic/index.md
@@ -3,7 +3,9 @@ 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';
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v7/accordion/customization/expansion-styles/angular/example_component_ts.md b/static/usage/v7/accordion/customization/expansion-styles/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v7/accordion/customization/expansion-styles/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v7/accordion/customization/expansion-styles/index.md b/static/usage/v7/accordion/customization/expansion-styles/index.md
index cf8e04356b0..e658241cd5c 100644
--- a/static/usage/v7/accordion/customization/expansion-styles/index.md
+++ b/static/usage/v7/accordion/customization/expansion-styles/index.md
@@ -3,7 +3,9 @@ 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';
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v7/accordion/customization/icons/angular/example_component_ts.md b/static/usage/v7/accordion/customization/icons/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v7/accordion/customization/icons/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v7/accordion/customization/icons/index.md b/static/usage/v7/accordion/customization/icons/index.md
index 604cd78eb46..96d5c01d934 100644
--- a/static/usage/v7/accordion/customization/icons/index.md
+++ b/static/usage/v7/accordion/customization/icons/index.md
@@ -3,7 +3,9 @@ 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';
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v7/accordion/disable-group/angular/example_component_ts.md b/static/usage/v7/accordion/disable-group/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v7/accordion/disable-group/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v7/accordion/disable-group/index.md b/static/usage/v7/accordion/disable-group/index.md
index 204508c6b3c..a671f6b1af7 100644
--- a/static/usage/v7/accordion/disable-group/index.md
+++ b/static/usage/v7/accordion/disable-group/index.md
@@ -3,7 +3,9 @@ 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/accordion/disable/group/angular/example_component_html.md b/static/usage/v7/accordion/disable/group/angular/example_component_html.md
new file mode 100644
index 00000000000..5c4cf3b51b3
--- /dev/null
+++ b/static/usage/v7/accordion/disable/group/angular/example_component_html.md
@@ -0,0 +1,22 @@
+```html
+
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v7/accordion/disable/group/angular/example_component_ts.md b/static/usage/v7/accordion/disable/group/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v7/accordion/disable/group/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v7/accordion/disable/group/index.md b/static/usage/v7/accordion/disable/group/index.md
index c564a2d16bd..32a10a6cf92 100644
--- a/static/usage/v7/accordion/disable/group/index.md
+++ b/static/usage/v7/accordion/disable/group/index.md
@@ -3,7 +3,9 @@ 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/accordion/disable/individual/angular/example_component_html.md b/static/usage/v7/accordion/disable/individual/angular/example_component_html.md
new file mode 100644
index 00000000000..56ac780e987
--- /dev/null
+++ b/static/usage/v7/accordion/disable/individual/angular/example_component_html.md
@@ -0,0 +1,22 @@
+```html
+
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion (Disabled)
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v7/accordion/disable/individual/angular/example_component_ts.md b/static/usage/v7/accordion/disable/individual/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v7/accordion/disable/individual/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v7/accordion/disable/individual/index.md b/static/usage/v7/accordion/disable/individual/index.md
index 28172bca32b..da216e2c645 100644
--- a/static/usage/v7/accordion/disable/individual/index.md
+++ b/static/usage/v7/accordion/disable/individual/index.md
@@ -3,7 +3,9 @@ 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';
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v7/accordion/multiple/angular/example_component_ts.md b/static/usage/v7/accordion/multiple/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v7/accordion/multiple/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v7/accordion/multiple/index.md b/static/usage/v7/accordion/multiple/index.md
index 868eaaa7c16..b63360d76cc 100644
--- a/static/usage/v7/accordion/multiple/index.md
+++ b/static/usage/v7/accordion/multiple/index.md
@@ -3,7 +3,9 @@ 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';
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v7/accordion/readonly/group/angular/example_component_ts.md b/static/usage/v7/accordion/readonly/group/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v7/accordion/readonly/group/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v7/accordion/readonly/group/index.md b/static/usage/v7/accordion/readonly/group/index.md
index 78689ede73f..655d2eb8436 100644
--- a/static/usage/v7/accordion/readonly/group/index.md
+++ b/static/usage/v7/accordion/readonly/group/index.md
@@ -3,7 +3,9 @@ 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';
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion (Readonly)
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v7/accordion/readonly/individual/angular/example_component_ts.md b/static/usage/v7/accordion/readonly/individual/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v7/accordion/readonly/individual/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v7/accordion/readonly/individual/index.md b/static/usage/v7/accordion/readonly/individual/index.md
index c7efd45b803..52c6b3bba61 100644
--- a/static/usage/v7/accordion/readonly/individual/index.md
+++ b/static/usage/v7/accordion/readonly/individual/index.md
@@ -3,7 +3,9 @@ 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/accordion/toggle/angular/example_component_ts.md b/static/usage/v7/accordion/toggle/angular/example_component_ts.md
index bdcac1d862f..0cc60ce44f9 100644
--- a/static/usage/v7/accordion/toggle/angular/example_component_ts.md
+++ b/static/usage/v7/accordion/toggle/angular/example_component_ts.md
@@ -1,13 +1,14 @@
```ts
import { Component, ViewChild } from '@angular/core';
-import { IonAccordionGroup } from '@ionic/angular';
+import { IonAccordion, IonAccordionGroup, IonButton, IonItem, IonLabel } from '@ionic/angular/standalone';
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonButton, IonItem, IonLabel],
})
export class ExampleComponent {
- @ViewChild('accordionGroup', { static: true }) accordionGroup: IonAccordionGroup;
+ @ViewChild('accordionGroup', { static: true }) accordionGroup!: IonAccordionGroup;
toggleAccordion = () => {
const nativeEl = this.accordionGroup;
diff --git a/static/usage/v8/accordion/accessibility/animations/angular/example_component_html.md b/static/usage/v8/accordion/accessibility/animations/angular/example_component_html.md
new file mode 100644
index 00000000000..ced314d2657
--- /dev/null
+++ b/static/usage/v8/accordion/accessibility/animations/angular/example_component_html.md
@@ -0,0 +1,22 @@
+```html
+
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v8/accordion/accessibility/animations/angular/example_component_ts.md b/static/usage/v8/accordion/accessibility/animations/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v8/accordion/accessibility/animations/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v8/accordion/accessibility/animations/index.md b/static/usage/v8/accordion/accessibility/animations/index.md
index 6529526e80f..5fd7d05da48 100644
--- a/static/usage/v8/accordion/accessibility/animations/index.md
+++ b/static/usage/v8/accordion/accessibility/animations/index.md
@@ -3,7 +3,9 @@ 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/accordion/basic/angular/example_component_html.md b/static/usage/v8/accordion/basic/angular/example_component_html.md
new file mode 100644
index 00000000000..f9f7c8639a0
--- /dev/null
+++ b/static/usage/v8/accordion/basic/angular/example_component_html.md
@@ -0,0 +1,22 @@
+```html
+
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v8/accordion/basic/angular/example_component_ts.md b/static/usage/v8/accordion/basic/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v8/accordion/basic/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v8/accordion/basic/index.md b/static/usage/v8/accordion/basic/index.md
index 2f685438837..8e59be87244 100644
--- a/static/usage/v8/accordion/basic/index.md
+++ b/static/usage/v8/accordion/basic/index.md
@@ -3,7 +3,9 @@ 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';
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v8/accordion/customization/expansion-styles/angular/example_component_ts.md b/static/usage/v8/accordion/customization/expansion-styles/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v8/accordion/customization/expansion-styles/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v8/accordion/customization/expansion-styles/index.md b/static/usage/v8/accordion/customization/expansion-styles/index.md
index 9d1b7b0badd..ca5fedc1691 100644
--- a/static/usage/v8/accordion/customization/expansion-styles/index.md
+++ b/static/usage/v8/accordion/customization/expansion-styles/index.md
@@ -3,7 +3,9 @@ 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';
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v8/accordion/customization/icons/angular/example_component_ts.md b/static/usage/v8/accordion/customization/icons/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v8/accordion/customization/icons/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v8/accordion/customization/icons/index.md b/static/usage/v8/accordion/customization/icons/index.md
index fd33e08fe9d..7d8bf4bbf8b 100644
--- a/static/usage/v8/accordion/customization/icons/index.md
+++ b/static/usage/v8/accordion/customization/icons/index.md
@@ -3,7 +3,9 @@ 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';
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v8/accordion/disable-group/angular/example_component_ts.md b/static/usage/v8/accordion/disable-group/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v8/accordion/disable-group/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v8/accordion/disable-group/index.md b/static/usage/v8/accordion/disable-group/index.md
index 8b7c022593e..a188b31a1c3 100644
--- a/static/usage/v8/accordion/disable-group/index.md
+++ b/static/usage/v8/accordion/disable-group/index.md
@@ -3,7 +3,9 @@ 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/accordion/disable/group/angular/example_component_html.md b/static/usage/v8/accordion/disable/group/angular/example_component_html.md
new file mode 100644
index 00000000000..5c4cf3b51b3
--- /dev/null
+++ b/static/usage/v8/accordion/disable/group/angular/example_component_html.md
@@ -0,0 +1,22 @@
+```html
+
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v8/accordion/disable/group/angular/example_component_ts.md b/static/usage/v8/accordion/disable/group/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v8/accordion/disable/group/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v8/accordion/disable/group/index.md b/static/usage/v8/accordion/disable/group/index.md
index df2ebb1afc5..a19686a17f6 100644
--- a/static/usage/v8/accordion/disable/group/index.md
+++ b/static/usage/v8/accordion/disable/group/index.md
@@ -3,7 +3,9 @@ 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/accordion/disable/individual/angular/example_component_html.md b/static/usage/v8/accordion/disable/individual/angular/example_component_html.md
new file mode 100644
index 00000000000..56ac780e987
--- /dev/null
+++ b/static/usage/v8/accordion/disable/individual/angular/example_component_html.md
@@ -0,0 +1,22 @@
+```html
+
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion (Disabled)
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v8/accordion/disable/individual/angular/example_component_ts.md b/static/usage/v8/accordion/disable/individual/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v8/accordion/disable/individual/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v8/accordion/disable/individual/index.md b/static/usage/v8/accordion/disable/individual/index.md
index 34e31108057..710beaa836d 100644
--- a/static/usage/v8/accordion/disable/individual/index.md
+++ b/static/usage/v8/accordion/disable/individual/index.md
@@ -3,7 +3,9 @@ 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';
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v8/accordion/multiple/angular/example_component_ts.md b/static/usage/v8/accordion/multiple/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v8/accordion/multiple/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v8/accordion/multiple/index.md b/static/usage/v8/accordion/multiple/index.md
index 0e1104ea9a6..444b3bab7cc 100644
--- a/static/usage/v8/accordion/multiple/index.md
+++ b/static/usage/v8/accordion/multiple/index.md
@@ -3,7 +3,9 @@ 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';
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v8/accordion/readonly/group/angular/example_component_ts.md b/static/usage/v8/accordion/readonly/group/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v8/accordion/readonly/group/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v8/accordion/readonly/group/index.md b/static/usage/v8/accordion/readonly/group/index.md
index 940c7f6f319..78d70b650d2 100644
--- a/static/usage/v8/accordion/readonly/group/index.md
+++ b/static/usage/v8/accordion/readonly/group/index.md
@@ -3,7 +3,9 @@ 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';
+
+
+ First Accordion
+
+ First Content
+
+
+
+ Second Accordion (Readonly)
+
+ Second Content
+
+
+
+ Third Accordion
+
+ Third Content
+
+
+```
diff --git a/static/usage/v8/accordion/readonly/individual/angular/example_component_ts.md b/static/usage/v8/accordion/readonly/individual/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v8/accordion/readonly/individual/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v8/accordion/readonly/individual/index.md b/static/usage/v8/accordion/readonly/individual/index.md
index 7a05160e76e..be254cd38b1 100644
--- a/static/usage/v8/accordion/readonly/individual/index.md
+++ b/static/usage/v8/accordion/readonly/individual/index.md
@@ -3,7 +3,9 @@ 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/accordion/toggle/angular/example_component_ts.md b/static/usage/v8/accordion/toggle/angular/example_component_ts.md
index bdcac1d862f..0cc60ce44f9 100644
--- a/static/usage/v8/accordion/toggle/angular/example_component_ts.md
+++ b/static/usage/v8/accordion/toggle/angular/example_component_ts.md
@@ -1,13 +1,14 @@
```ts
import { Component, ViewChild } from '@angular/core';
-import { IonAccordionGroup } from '@ionic/angular';
+import { IonAccordion, IonAccordionGroup, IonButton, IonItem, IonLabel } from '@ionic/angular/standalone';
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonButton, IonItem, IonLabel],
})
export class ExampleComponent {
- @ViewChild('accordionGroup', { static: true }) accordionGroup: IonAccordionGroup;
+ @ViewChild('accordionGroup', { static: true }) accordionGroup!: IonAccordionGroup;
toggleAccordion = () => {
const nativeEl = this.accordionGroup;
From 3118782cd7c20598829dccecefd10de0b82968a2 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Thu, 19 Dec 2024 13:20:36 -0500
Subject: [PATCH 2/6] docs(accordion): remove unused playgrounds
---
.../v7/accordion/disable-group/angular.md | 22 ----------
.../angular/example_component_html.md | 22 ----------
.../angular/example_component_ts.md | 11 -----
.../v7/accordion/disable-group/demo.html | 41 -------------------
.../usage/v7/accordion/disable-group/index.md | 24 -----------
.../v7/accordion/disable-group/javascript.md | 22 ----------
.../usage/v7/accordion/disable-group/react.md | 35 ----------------
.../usage/v7/accordion/disable-group/vue.md | 37 -----------------
.../v8/accordion/disable-group/angular.md | 22 ----------
.../angular/example_component_html.md | 22 ----------
.../angular/example_component_ts.md | 11 -----
.../v8/accordion/disable-group/demo.html | 41 -------------------
.../usage/v8/accordion/disable-group/index.md | 24 -----------
.../v8/accordion/disable-group/javascript.md | 22 ----------
.../usage/v8/accordion/disable-group/react.md | 35 ----------------
.../usage/v8/accordion/disable-group/vue.md | 37 -----------------
16 files changed, 428 deletions(-)
delete mode 100644 static/usage/v7/accordion/disable-group/angular.md
delete mode 100644 static/usage/v7/accordion/disable-group/angular/example_component_html.md
delete mode 100644 static/usage/v7/accordion/disable-group/angular/example_component_ts.md
delete mode 100644 static/usage/v7/accordion/disable-group/demo.html
delete mode 100644 static/usage/v7/accordion/disable-group/index.md
delete mode 100644 static/usage/v7/accordion/disable-group/javascript.md
delete mode 100644 static/usage/v7/accordion/disable-group/react.md
delete mode 100644 static/usage/v7/accordion/disable-group/vue.md
delete mode 100644 static/usage/v8/accordion/disable-group/angular.md
delete mode 100644 static/usage/v8/accordion/disable-group/angular/example_component_html.md
delete mode 100644 static/usage/v8/accordion/disable-group/angular/example_component_ts.md
delete mode 100644 static/usage/v8/accordion/disable-group/demo.html
delete mode 100644 static/usage/v8/accordion/disable-group/index.md
delete mode 100644 static/usage/v8/accordion/disable-group/javascript.md
delete mode 100644 static/usage/v8/accordion/disable-group/react.md
delete mode 100644 static/usage/v8/accordion/disable-group/vue.md
diff --git a/static/usage/v7/accordion/disable-group/angular.md b/static/usage/v7/accordion/disable-group/angular.md
deleted file mode 100644
index 5c4cf3b51b3..00000000000
--- a/static/usage/v7/accordion/disable-group/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v7/accordion/disable-group/angular/example_component_html.md b/static/usage/v7/accordion/disable-group/angular/example_component_html.md
deleted file mode 100644
index 5c4cf3b51b3..00000000000
--- a/static/usage/v7/accordion/disable-group/angular/example_component_html.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v7/accordion/disable-group/angular/example_component_ts.md b/static/usage/v7/accordion/disable-group/angular/example_component_ts.md
deleted file mode 100644
index 368eb6e8649..00000000000
--- a/static/usage/v7/accordion/disable-group/angular/example_component_ts.md
+++ /dev/null
@@ -1,11 +0,0 @@
-```ts
-import { Component } from '@angular/core';
-import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
-
-@Component({
- selector: 'app-example',
- templateUrl: 'example.component.html',
- imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
-})
-export class ExampleComponent {}
-```
diff --git a/static/usage/v7/accordion/disable-group/demo.html b/static/usage/v7/accordion/disable-group/demo.html
deleted file mode 100644
index bc0ea29986d..00000000000
--- a/static/usage/v7/accordion/disable-group/demo.html
+++ /dev/null
@@ -1,41 +0,0 @@
-
-
-
-
-
- Button
-
-
-
-
-
-
-
-
-
-
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-
First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v7/accordion/disable-group/react.md b/static/usage/v7/accordion/disable-group/react.md
deleted file mode 100644
index b2ff09b5fe4..00000000000
--- a/static/usage/v7/accordion/disable-group/react.md
+++ /dev/null
@@ -1,35 +0,0 @@
-```tsx
-import React from 'react';
-import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/react';
-function Example() {
- return (
-
-
-
- First Accordion
-
-
- First Content
-
-
-
-
- Second Accordion
-
-
- Second Content
-
-
-
-
- Third Accordion
-
-
- Third Content
-
-
-
- );
-}
-export default Example;
-```
diff --git a/static/usage/v7/accordion/disable-group/vue.md b/static/usage/v7/accordion/disable-group/vue.md
deleted file mode 100644
index 6c9e3567845..00000000000
--- a/static/usage/v7/accordion/disable-group/vue.md
+++ /dev/null
@@ -1,37 +0,0 @@
-```html
-
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-
-
-
-```
diff --git a/static/usage/v8/accordion/disable-group/angular.md b/static/usage/v8/accordion/disable-group/angular.md
deleted file mode 100644
index 5c4cf3b51b3..00000000000
--- a/static/usage/v8/accordion/disable-group/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v8/accordion/disable-group/angular/example_component_html.md b/static/usage/v8/accordion/disable-group/angular/example_component_html.md
deleted file mode 100644
index 5c4cf3b51b3..00000000000
--- a/static/usage/v8/accordion/disable-group/angular/example_component_html.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v8/accordion/disable-group/angular/example_component_ts.md b/static/usage/v8/accordion/disable-group/angular/example_component_ts.md
deleted file mode 100644
index 368eb6e8649..00000000000
--- a/static/usage/v8/accordion/disable-group/angular/example_component_ts.md
+++ /dev/null
@@ -1,11 +0,0 @@
-```ts
-import { Component } from '@angular/core';
-import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
-
-@Component({
- selector: 'app-example',
- templateUrl: 'example.component.html',
- imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
-})
-export class ExampleComponent {}
-```
diff --git a/static/usage/v8/accordion/disable-group/demo.html b/static/usage/v8/accordion/disable-group/demo.html
deleted file mode 100644
index 2b9dd566264..00000000000
--- a/static/usage/v8/accordion/disable-group/demo.html
+++ /dev/null
@@ -1,41 +0,0 @@
-
-
-
-
-
- Button
-
-
-
-
-
-
-
-
-
-
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-
First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v8/accordion/disable-group/react.md b/static/usage/v8/accordion/disable-group/react.md
deleted file mode 100644
index b2ff09b5fe4..00000000000
--- a/static/usage/v8/accordion/disable-group/react.md
+++ /dev/null
@@ -1,35 +0,0 @@
-```tsx
-import React from 'react';
-import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/react';
-function Example() {
- return (
-
-
-
- First Accordion
-
-
- First Content
-
-
-
-
- Second Accordion
-
-
- Second Content
-
-
-
-
- Third Accordion
-
-
- Third Content
-
-
-
- );
-}
-export default Example;
-```
diff --git a/static/usage/v8/accordion/disable-group/vue.md b/static/usage/v8/accordion/disable-group/vue.md
deleted file mode 100644
index 6c9e3567845..00000000000
--- a/static/usage/v8/accordion/disable-group/vue.md
+++ /dev/null
@@ -1,37 +0,0 @@
-```html
-
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-
-
-
-```
From d9c4c133a08acf8c798e628009a6270676bc640e Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Thu, 19 Dec 2024 13:29:47 -0500
Subject: [PATCH 3/6] docs(accordion): update angular to standalone
---
.../accessibility/animations/angular.md | 22 -------------------
static/usage/v7/accordion/basic/angular.md | 22 -------------------
.../customization/expansion-styles/angular.md | 22 -------------------
.../accordion/customization/icons/angular.md | 22 -------------------
.../theming/angular/example_component_ts.md | 11 ++++++++++
.../accordion/customization/theming/index.md | 2 ++
.../v7/accordion/disable/group/angular.md | 22 -------------------
.../accordion/disable/individual/angular.md | 22 -------------------
static/usage/v7/accordion/multiple/angular.md | 22 -------------------
.../v7/accordion/readonly/group/angular.md | 22 -------------------
.../accordion/readonly/individual/angular.md | 22 -------------------
.../accessibility/animations/angular.md | 22 -------------------
static/usage/v8/accordion/basic/angular.md | 22 -------------------
.../customization/expansion-styles/angular.md | 22 -------------------
.../accordion/customization/icons/angular.md | 22 -------------------
.../theming/angular/example_component_ts.md | 11 ++++++++++
.../accordion/customization/theming/index.md | 2 ++
.../v8/accordion/disable/group/angular.md | 22 -------------------
.../accordion/disable/individual/angular.md | 22 -------------------
static/usage/v8/accordion/multiple/angular.md | 22 -------------------
.../v8/accordion/readonly/group/angular.md | 22 -------------------
.../accordion/readonly/individual/angular.md | 22 -------------------
22 files changed, 26 insertions(+), 396 deletions(-)
delete mode 100644 static/usage/v7/accordion/accessibility/animations/angular.md
delete mode 100644 static/usage/v7/accordion/basic/angular.md
delete mode 100644 static/usage/v7/accordion/customization/expansion-styles/angular.md
delete mode 100644 static/usage/v7/accordion/customization/icons/angular.md
create mode 100644 static/usage/v7/accordion/customization/theming/angular/example_component_ts.md
delete mode 100644 static/usage/v7/accordion/disable/group/angular.md
delete mode 100644 static/usage/v7/accordion/disable/individual/angular.md
delete mode 100644 static/usage/v7/accordion/multiple/angular.md
delete mode 100644 static/usage/v7/accordion/readonly/group/angular.md
delete mode 100644 static/usage/v7/accordion/readonly/individual/angular.md
delete mode 100644 static/usage/v8/accordion/accessibility/animations/angular.md
delete mode 100644 static/usage/v8/accordion/basic/angular.md
delete mode 100644 static/usage/v8/accordion/customization/expansion-styles/angular.md
delete mode 100644 static/usage/v8/accordion/customization/icons/angular.md
create mode 100644 static/usage/v8/accordion/customization/theming/angular/example_component_ts.md
delete mode 100644 static/usage/v8/accordion/disable/group/angular.md
delete mode 100644 static/usage/v8/accordion/disable/individual/angular.md
delete mode 100644 static/usage/v8/accordion/multiple/angular.md
delete mode 100644 static/usage/v8/accordion/readonly/group/angular.md
delete mode 100644 static/usage/v8/accordion/readonly/individual/angular.md
diff --git a/static/usage/v7/accordion/accessibility/animations/angular.md b/static/usage/v7/accordion/accessibility/animations/angular.md
deleted file mode 100644
index ced314d2657..00000000000
--- a/static/usage/v7/accordion/accessibility/animations/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v7/accordion/basic/angular.md b/static/usage/v7/accordion/basic/angular.md
deleted file mode 100644
index f9f7c8639a0..00000000000
--- a/static/usage/v7/accordion/basic/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v7/accordion/customization/expansion-styles/angular.md b/static/usage/v7/accordion/customization/expansion-styles/angular.md
deleted file mode 100644
index 1be81366c58..00000000000
--- a/static/usage/v7/accordion/customization/expansion-styles/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v7/accordion/customization/icons/angular.md b/static/usage/v7/accordion/customization/icons/angular.md
deleted file mode 100644
index 2899aeacac6..00000000000
--- a/static/usage/v7/accordion/customization/icons/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v7/accordion/customization/theming/angular/example_component_ts.md b/static/usage/v7/accordion/customization/theming/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v7/accordion/customization/theming/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v7/accordion/customization/theming/index.md b/static/usage/v7/accordion/customization/theming/index.md
index 5d57f883cfa..710dffd7d77 100644
--- a/static/usage/v7/accordion/customization/theming/index.md
+++ b/static/usage/v7/accordion/customization/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';
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v7/accordion/disable/individual/angular.md b/static/usage/v7/accordion/disable/individual/angular.md
deleted file mode 100644
index 56ac780e987..00000000000
--- a/static/usage/v7/accordion/disable/individual/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion (Disabled)
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v7/accordion/multiple/angular.md b/static/usage/v7/accordion/multiple/angular.md
deleted file mode 100644
index 238f000c458..00000000000
--- a/static/usage/v7/accordion/multiple/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v7/accordion/readonly/group/angular.md b/static/usage/v7/accordion/readonly/group/angular.md
deleted file mode 100644
index 4ebf8c55e4e..00000000000
--- a/static/usage/v7/accordion/readonly/group/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v7/accordion/readonly/individual/angular.md b/static/usage/v7/accordion/readonly/individual/angular.md
deleted file mode 100644
index 94013b9d07d..00000000000
--- a/static/usage/v7/accordion/readonly/individual/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion (Readonly)
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v8/accordion/accessibility/animations/angular.md b/static/usage/v8/accordion/accessibility/animations/angular.md
deleted file mode 100644
index ced314d2657..00000000000
--- a/static/usage/v8/accordion/accessibility/animations/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v8/accordion/basic/angular.md b/static/usage/v8/accordion/basic/angular.md
deleted file mode 100644
index f9f7c8639a0..00000000000
--- a/static/usage/v8/accordion/basic/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v8/accordion/customization/expansion-styles/angular.md b/static/usage/v8/accordion/customization/expansion-styles/angular.md
deleted file mode 100644
index 1be81366c58..00000000000
--- a/static/usage/v8/accordion/customization/expansion-styles/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v8/accordion/customization/icons/angular.md b/static/usage/v8/accordion/customization/icons/angular.md
deleted file mode 100644
index 2899aeacac6..00000000000
--- a/static/usage/v8/accordion/customization/icons/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v8/accordion/customization/theming/angular/example_component_ts.md b/static/usage/v8/accordion/customization/theming/angular/example_component_ts.md
new file mode 100644
index 00000000000..368eb6e8649
--- /dev/null
+++ b/static/usage/v8/accordion/customization/theming/angular/example_component_ts.md
@@ -0,0 +1,11 @@
+```ts
+import { Component } from '@angular/core';
+import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v8/accordion/customization/theming/index.md b/static/usage/v8/accordion/customization/theming/index.md
index fd7198eda71..11e53c98970 100644
--- a/static/usage/v8/accordion/customization/theming/index.md
+++ b/static/usage/v8/accordion/customization/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';
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v8/accordion/disable/individual/angular.md b/static/usage/v8/accordion/disable/individual/angular.md
deleted file mode 100644
index 56ac780e987..00000000000
--- a/static/usage/v8/accordion/disable/individual/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion (Disabled)
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v8/accordion/multiple/angular.md b/static/usage/v8/accordion/multiple/angular.md
deleted file mode 100644
index 238f000c458..00000000000
--- a/static/usage/v8/accordion/multiple/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v8/accordion/readonly/group/angular.md b/static/usage/v8/accordion/readonly/group/angular.md
deleted file mode 100644
index 4ebf8c55e4e..00000000000
--- a/static/usage/v8/accordion/readonly/group/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
diff --git a/static/usage/v8/accordion/readonly/individual/angular.md b/static/usage/v8/accordion/readonly/individual/angular.md
deleted file mode 100644
index 94013b9d07d..00000000000
--- a/static/usage/v8/accordion/readonly/individual/angular.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```html
-
-
-
- First Accordion
-
- First Content
-
-
-
- Second Accordion (Readonly)
-
- Second Content
-
-
-
- Third Accordion
-
- Third Content
-
-
-```
From 55d9da4add0440b67316f7be702248145e7886d3 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Thu, 19 Dec 2024 16:37:18 -0500
Subject: [PATCH 4/6] docs(accordion): update to addIcons usage
---
.../icons/angular/example_component_ts.md | 13 ++++++++++++-
.../icons/angular/example_component_ts.md | 13 ++++++++++++-
2 files changed, 24 insertions(+), 2 deletions(-)
diff --git a/static/usage/v7/accordion/customization/icons/angular/example_component_ts.md b/static/usage/v7/accordion/customization/icons/angular/example_component_ts.md
index 368eb6e8649..1b9246c6fb1 100644
--- a/static/usage/v7/accordion/customization/icons/angular/example_component_ts.md
+++ b/static/usage/v7/accordion/customization/icons/angular/example_component_ts.md
@@ -1,11 +1,22 @@
```ts
import { Component } from '@angular/core';
import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+import { addIcons } from 'ionicons';
+import { caretDownCircle } from 'ionicons/icons';
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
-export class ExampleComponent {}
+export class ExampleComponent {
+ constructor() {
+ /**
+ * Any icons you want to use in your application
+ * can be registered in app.component.ts and then
+ * referenced by name anywhere in your application.
+ */
+ addIcons({ caretDownCircle });
+ }
+}
```
diff --git a/static/usage/v8/accordion/customization/icons/angular/example_component_ts.md b/static/usage/v8/accordion/customization/icons/angular/example_component_ts.md
index 368eb6e8649..1b9246c6fb1 100644
--- a/static/usage/v8/accordion/customization/icons/angular/example_component_ts.md
+++ b/static/usage/v8/accordion/customization/icons/angular/example_component_ts.md
@@ -1,11 +1,22 @@
```ts
import { Component } from '@angular/core';
import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angular/standalone';
+import { addIcons } from 'ionicons';
+import { caretDownCircle } from 'ionicons/icons';
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
-export class ExampleComponent {}
+export class ExampleComponent {
+ constructor() {
+ /**
+ * Any icons you want to use in your application
+ * can be registered in app.component.ts and then
+ * referenced by name anywhere in your application.
+ */
+ addIcons({ caretDownCircle });
+ }
+}
```
From 5cd09c196f672d4988f287da2179ef076a2e336b Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 20 Dec 2024 10:27:02 -0500
Subject: [PATCH 5/6] docs(stackblitz): only add IonContent when it is included
---
.../global/Playground/stackblitz.utils.ts | 2 +-
static/code/stackblitz/v7/angular/app.component.ts | 4 ++--
.../v7/angular/app.component.withContent.ts | 13 +++++++++++++
static/code/stackblitz/v8/angular/app.component.ts | 4 ++--
.../v8/angular/app.component.withContent.ts | 13 +++++++++++++
5 files changed, 31 insertions(+), 5 deletions(-)
create mode 100644 static/code/stackblitz/v7/angular/app.component.withContent.ts
create mode 100644 static/code/stackblitz/v8/angular/app.component.withContent.ts
diff --git a/src/components/global/Playground/stackblitz.utils.ts b/src/components/global/Playground/stackblitz.utils.ts
index 841f4a74026..4406da5011e 100644
--- a/src/components/global/Playground/stackblitz.utils.ts
+++ b/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',
diff --git a/static/code/stackblitz/v7/angular/app.component.ts b/static/code/stackblitz/v7/angular/app.component.ts
index 0a7113552c3..0cf0f64b77f 100644
--- a/static/code/stackblitz/v7/angular/app.component.ts
+++ b/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() {}
diff --git a/static/code/stackblitz/v7/angular/app.component.withContent.ts b/static/code/stackblitz/v7/angular/app.component.withContent.ts
new file mode 100644
index 00000000000..0a7113552c3
--- /dev/null
+++ b/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() {}
+}
diff --git a/static/code/stackblitz/v8/angular/app.component.ts b/static/code/stackblitz/v8/angular/app.component.ts
index 0a7113552c3..0cf0f64b77f 100644
--- a/static/code/stackblitz/v8/angular/app.component.ts
+++ b/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() {}
diff --git a/static/code/stackblitz/v8/angular/app.component.withContent.ts b/static/code/stackblitz/v8/angular/app.component.withContent.ts
new file mode 100644
index 00000000000..0a7113552c3
--- /dev/null
+++ b/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() {}
+}
From 0224ff4daf79f677696e9f679d313c89f718c632 Mon Sep 17 00:00:00 2001
From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com>
Date: Fri, 20 Dec 2024 14:58:01 -0500
Subject: [PATCH 6/6] docs(accordion): update angular to standalone
---
.../accessibility/animations/angular/example_component_ts.md | 1 +
static/usage/v7/accordion/basic/angular/example_component_ts.md | 1 +
.../expansion-styles/angular/example_component_ts.md | 1 +
.../customization/icons/angular/example_component_ts.md | 1 +
.../customization/theming/angular/example_component_ts.md | 1 +
.../v7/accordion/disable/group/angular/example_component_ts.md | 1 +
.../accordion/disable/individual/angular/example_component_ts.md | 1 +
.../v7/accordion/listen-changes/angular/example_component_ts.md | 1 +
.../usage/v7/accordion/multiple/angular/example_component_ts.md | 1 +
.../v7/accordion/readonly/group/angular/example_component_ts.md | 1 +
.../readonly/individual/angular/example_component_ts.md | 1 +
static/usage/v7/accordion/toggle/angular/example_component_ts.md | 1 +
.../accessibility/animations/angular/example_component_ts.md | 1 +
static/usage/v8/accordion/basic/angular/example_component_ts.md | 1 +
.../expansion-styles/angular/example_component_ts.md | 1 +
.../customization/icons/angular/example_component_ts.md | 1 +
.../customization/theming/angular/example_component_ts.md | 1 +
.../v8/accordion/disable/group/angular/example_component_ts.md | 1 +
.../accordion/disable/individual/angular/example_component_ts.md | 1 +
.../v8/accordion/listen-changes/angular/example_component_ts.md | 1 +
.../usage/v8/accordion/multiple/angular/example_component_ts.md | 1 +
.../v8/accordion/readonly/group/angular/example_component_ts.md | 1 +
.../readonly/individual/angular/example_component_ts.md | 1 +
static/usage/v8/accordion/toggle/angular/example_component_ts.md | 1 +
24 files changed, 24 insertions(+)
diff --git a/static/usage/v7/accordion/accessibility/animations/angular/example_component_ts.md b/static/usage/v7/accordion/accessibility/animations/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v7/accordion/accessibility/animations/angular/example_component_ts.md
+++ b/static/usage/v7/accordion/accessibility/animations/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v7/accordion/basic/angular/example_component_ts.md b/static/usage/v7/accordion/basic/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v7/accordion/basic/angular/example_component_ts.md
+++ b/static/usage/v7/accordion/basic/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v7/accordion/customization/expansion-styles/angular/example_component_ts.md b/static/usage/v7/accordion/customization/expansion-styles/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v7/accordion/customization/expansion-styles/angular/example_component_ts.md
+++ b/static/usage/v7/accordion/customization/expansion-styles/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v7/accordion/customization/icons/angular/example_component_ts.md b/static/usage/v7/accordion/customization/icons/angular/example_component_ts.md
index 1b9246c6fb1..ed5c7f01d92 100644
--- a/static/usage/v7/accordion/customization/icons/angular/example_component_ts.md
+++ b/static/usage/v7/accordion/customization/icons/angular/example_component_ts.md
@@ -7,6 +7,7 @@ import { caretDownCircle } from 'ionicons/icons';
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {
diff --git a/static/usage/v7/accordion/customization/theming/angular/example_component_ts.md b/static/usage/v7/accordion/customization/theming/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v7/accordion/customization/theming/angular/example_component_ts.md
+++ b/static/usage/v7/accordion/customization/theming/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v7/accordion/disable/group/angular/example_component_ts.md b/static/usage/v7/accordion/disable/group/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v7/accordion/disable/group/angular/example_component_ts.md
+++ b/static/usage/v7/accordion/disable/group/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v7/accordion/disable/individual/angular/example_component_ts.md b/static/usage/v7/accordion/disable/individual/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v7/accordion/disable/individual/angular/example_component_ts.md
+++ b/static/usage/v7/accordion/disable/individual/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v7/accordion/listen-changes/angular/example_component_ts.md b/static/usage/v7/accordion/listen-changes/angular/example_component_ts.md
index 04bdf3e96f6..c4ce6130f55 100644
--- a/static/usage/v7/accordion/listen-changes/angular/example_component_ts.md
+++ b/static/usage/v7/accordion/listen-changes/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {
diff --git a/static/usage/v7/accordion/multiple/angular/example_component_ts.md b/static/usage/v7/accordion/multiple/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v7/accordion/multiple/angular/example_component_ts.md
+++ b/static/usage/v7/accordion/multiple/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v7/accordion/readonly/group/angular/example_component_ts.md b/static/usage/v7/accordion/readonly/group/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v7/accordion/readonly/group/angular/example_component_ts.md
+++ b/static/usage/v7/accordion/readonly/group/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v7/accordion/readonly/individual/angular/example_component_ts.md b/static/usage/v7/accordion/readonly/individual/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v7/accordion/readonly/individual/angular/example_component_ts.md
+++ b/static/usage/v7/accordion/readonly/individual/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v7/accordion/toggle/angular/example_component_ts.md b/static/usage/v7/accordion/toggle/angular/example_component_ts.md
index 0cc60ce44f9..3afda996a1d 100644
--- a/static/usage/v7/accordion/toggle/angular/example_component_ts.md
+++ b/static/usage/v7/accordion/toggle/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonButton, IonItem, IonLabel } from '@
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonButton, IonItem, IonLabel],
})
export class ExampleComponent {
diff --git a/static/usage/v8/accordion/accessibility/animations/angular/example_component_ts.md b/static/usage/v8/accordion/accessibility/animations/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v8/accordion/accessibility/animations/angular/example_component_ts.md
+++ b/static/usage/v8/accordion/accessibility/animations/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v8/accordion/basic/angular/example_component_ts.md b/static/usage/v8/accordion/basic/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v8/accordion/basic/angular/example_component_ts.md
+++ b/static/usage/v8/accordion/basic/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v8/accordion/customization/expansion-styles/angular/example_component_ts.md b/static/usage/v8/accordion/customization/expansion-styles/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v8/accordion/customization/expansion-styles/angular/example_component_ts.md
+++ b/static/usage/v8/accordion/customization/expansion-styles/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v8/accordion/customization/icons/angular/example_component_ts.md b/static/usage/v8/accordion/customization/icons/angular/example_component_ts.md
index 1b9246c6fb1..ed5c7f01d92 100644
--- a/static/usage/v8/accordion/customization/icons/angular/example_component_ts.md
+++ b/static/usage/v8/accordion/customization/icons/angular/example_component_ts.md
@@ -7,6 +7,7 @@ import { caretDownCircle } from 'ionicons/icons';
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {
diff --git a/static/usage/v8/accordion/customization/theming/angular/example_component_ts.md b/static/usage/v8/accordion/customization/theming/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v8/accordion/customization/theming/angular/example_component_ts.md
+++ b/static/usage/v8/accordion/customization/theming/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v8/accordion/disable/group/angular/example_component_ts.md b/static/usage/v8/accordion/disable/group/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v8/accordion/disable/group/angular/example_component_ts.md
+++ b/static/usage/v8/accordion/disable/group/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v8/accordion/disable/individual/angular/example_component_ts.md b/static/usage/v8/accordion/disable/individual/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v8/accordion/disable/individual/angular/example_component_ts.md
+++ b/static/usage/v8/accordion/disable/individual/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v8/accordion/listen-changes/angular/example_component_ts.md b/static/usage/v8/accordion/listen-changes/angular/example_component_ts.md
index 04bdf3e96f6..c4ce6130f55 100644
--- a/static/usage/v8/accordion/listen-changes/angular/example_component_ts.md
+++ b/static/usage/v8/accordion/listen-changes/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {
diff --git a/static/usage/v8/accordion/multiple/angular/example_component_ts.md b/static/usage/v8/accordion/multiple/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v8/accordion/multiple/angular/example_component_ts.md
+++ b/static/usage/v8/accordion/multiple/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v8/accordion/readonly/group/angular/example_component_ts.md b/static/usage/v8/accordion/readonly/group/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v8/accordion/readonly/group/angular/example_component_ts.md
+++ b/static/usage/v8/accordion/readonly/group/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v8/accordion/readonly/individual/angular/example_component_ts.md b/static/usage/v8/accordion/readonly/individual/angular/example_component_ts.md
index 368eb6e8649..b1a1813cc13 100644
--- a/static/usage/v8/accordion/readonly/individual/angular/example_component_ts.md
+++ b/static/usage/v8/accordion/readonly/individual/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonItem, IonLabel } from '@ionic/angul
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonItem, IonLabel],
})
export class ExampleComponent {}
diff --git a/static/usage/v8/accordion/toggle/angular/example_component_ts.md b/static/usage/v8/accordion/toggle/angular/example_component_ts.md
index 0cc60ce44f9..3afda996a1d 100644
--- a/static/usage/v8/accordion/toggle/angular/example_component_ts.md
+++ b/static/usage/v8/accordion/toggle/angular/example_component_ts.md
@@ -5,6 +5,7 @@ import { IonAccordion, IonAccordionGroup, IonButton, IonItem, IonLabel } from '@
@Component({
selector: 'app-example',
templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
imports: [IonAccordion, IonAccordionGroup, IonButton, IonItem, IonLabel],
})
export class ExampleComponent {