From c191d1e2668cc4d882a36eb47a0f2459e1752194 Mon Sep 17 00:00:00 2001 From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com> Date: Wed, 18 Dec 2024 19:07:03 -0500 Subject: [PATCH 1/3] docs(split-pane): update angular to standalone --- .../basic/angular/example_component_html.md | 21 +++++++++++++++++++ .../basic/angular/example_component_ts.md | 11 ++++++++++ static/usage/v7/split-pane/basic/index.md | 16 ++++++++++++-- .../basic/angular/example_component_html.md | 21 +++++++++++++++++++ .../basic/angular/example_component_ts.md | 11 ++++++++++ static/usage/v8/split-pane/basic/index.md | 16 ++++++++++++-- 6 files changed, 92 insertions(+), 4 deletions(-) create mode 100644 static/usage/v7/split-pane/basic/angular/example_component_html.md create mode 100644 static/usage/v7/split-pane/basic/angular/example_component_ts.md create mode 100644 static/usage/v8/split-pane/basic/angular/example_component_html.md create mode 100644 static/usage/v8/split-pane/basic/angular/example_component_ts.md diff --git a/static/usage/v7/split-pane/basic/angular/example_component_html.md b/static/usage/v7/split-pane/basic/angular/example_component_html.md new file mode 100644 index 00000000000..c642d54bc50 --- /dev/null +++ b/static/usage/v7/split-pane/basic/angular/example_component_html.md @@ -0,0 +1,21 @@ +```html + + + + + Menu + + + Menu Content + + +
+ + + Main View + + + Main View Content +
+ +``` diff --git a/static/usage/v7/split-pane/basic/angular/example_component_ts.md b/static/usage/v7/split-pane/basic/angular/example_component_ts.md new file mode 100644 index 00000000000..a21210f5760 --- /dev/null +++ b/static/usage/v7/split-pane/basic/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonHeader, IonMenu, IonSplitPane, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + imports: [IonContent, IonHeader, IonMenu, IonSplitPane, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/split-pane/basic/index.md b/static/usage/v7/split-pane/basic/index.md index 40ec0cfe8a1..adf4c76c4e1 100644 --- a/static/usage/v7/split-pane/basic/index.md +++ b/static/usage/v7/split-pane/basic/index.md @@ -3,11 +3,23 @@ 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/split-pane/basic/angular/example_component_html.md b/static/usage/v8/split-pane/basic/angular/example_component_html.md new file mode 100644 index 00000000000..c642d54bc50 --- /dev/null +++ b/static/usage/v8/split-pane/basic/angular/example_component_html.md @@ -0,0 +1,21 @@ +```html + + + + + Menu + + + Menu Content + + +
+ + + Main View + + + Main View Content +
+ +``` diff --git a/static/usage/v8/split-pane/basic/angular/example_component_ts.md b/static/usage/v8/split-pane/basic/angular/example_component_ts.md new file mode 100644 index 00000000000..a21210f5760 --- /dev/null +++ b/static/usage/v8/split-pane/basic/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonHeader, IonMenu, IonSplitPane, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + imports: [IonContent, IonHeader, IonMenu, IonSplitPane, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/split-pane/basic/index.md b/static/usage/v8/split-pane/basic/index.md index 93944fa669d..446411572fe 100644 --- a/static/usage/v8/split-pane/basic/index.md +++ b/static/usage/v8/split-pane/basic/index.md @@ -3,11 +3,23 @@ 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 8fd2fec71ac3fb84252199614f40d22b97c1b360 Mon Sep 17 00:00:00 2001 From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com> Date: Fri, 20 Dec 2024 15:19:13 -0500 Subject: [PATCH 2/3] docs(split-pane): update angular to standalone --- static/usage/v7/split-pane/basic/angular/example_component_ts.md | 1 + static/usage/v8/split-pane/basic/angular/example_component_ts.md | 1 + 2 files changed, 2 insertions(+) diff --git a/static/usage/v7/split-pane/basic/angular/example_component_ts.md b/static/usage/v7/split-pane/basic/angular/example_component_ts.md index a21210f5760..1e20f96fbf7 100644 --- a/static/usage/v7/split-pane/basic/angular/example_component_ts.md +++ b/static/usage/v7/split-pane/basic/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonContent, IonHeader, IonMenu, IonSplitPane, IonTitle, IonToolbar } fr @Component({ selector: 'app-example', templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], imports: [IonContent, IonHeader, IonMenu, IonSplitPane, IonTitle, IonToolbar], }) export class ExampleComponent {} diff --git a/static/usage/v8/split-pane/basic/angular/example_component_ts.md b/static/usage/v8/split-pane/basic/angular/example_component_ts.md index a21210f5760..1e20f96fbf7 100644 --- a/static/usage/v8/split-pane/basic/angular/example_component_ts.md +++ b/static/usage/v8/split-pane/basic/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonContent, IonHeader, IonMenu, IonSplitPane, IonTitle, IonToolbar } fr @Component({ selector: 'app-example', templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], imports: [IonContent, IonHeader, IonMenu, IonSplitPane, IonTitle, IonToolbar], }) export class ExampleComponent {} From a5cabeefc9057ab977c0ea02e65babc2df8f0435 Mon Sep 17 00:00:00 2001 From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com> Date: Fri, 27 Dec 2024 13:38:18 -0500 Subject: [PATCH 3/3] docs(split-pane): update angular to standalone --- static/usage/v7/split-pane/basic/angular.md | 21 ------------------- .../angular/example_component_ts.md | 12 +++++++++++ .../theming/css-properties/index.md | 2 ++ static/usage/v8/split-pane/basic/angular.md | 21 ------------------- .../angular/example_component_ts.md | 12 +++++++++++ .../theming/css-properties/index.md | 2 ++ 6 files changed, 28 insertions(+), 42 deletions(-) delete mode 100644 static/usage/v7/split-pane/basic/angular.md create mode 100644 static/usage/v7/split-pane/theming/css-properties/angular/example_component_ts.md delete mode 100644 static/usage/v8/split-pane/basic/angular.md create mode 100644 static/usage/v8/split-pane/theming/css-properties/angular/example_component_ts.md diff --git a/static/usage/v7/split-pane/basic/angular.md b/static/usage/v7/split-pane/basic/angular.md deleted file mode 100644 index c642d54bc50..00000000000 --- a/static/usage/v7/split-pane/basic/angular.md +++ /dev/null @@ -1,21 +0,0 @@ -```html - - - - - Menu - - - Menu Content - - -
- - - Main View - - - Main View Content -
- -``` diff --git a/static/usage/v7/split-pane/theming/css-properties/angular/example_component_ts.md b/static/usage/v7/split-pane/theming/css-properties/angular/example_component_ts.md new file mode 100644 index 00000000000..1e20f96fbf7 --- /dev/null +++ b/static/usage/v7/split-pane/theming/css-properties/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonHeader, IonMenu, IonSplitPane, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonContent, IonHeader, IonMenu, IonSplitPane, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/split-pane/theming/css-properties/index.md b/static/usage/v7/split-pane/theming/css-properties/index.md index 336074baaaf..a89d6e83050 100644 --- a/static/usage/v7/split-pane/theming/css-properties/index.md +++ b/static/usage/v7/split-pane/theming/css-properties/index.md @@ -9,6 +9,7 @@ import vue from './vue.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'; - - - - Menu - - - Menu Content - - -
- - - Main View - - - Main View Content -
- -``` diff --git a/static/usage/v8/split-pane/theming/css-properties/angular/example_component_ts.md b/static/usage/v8/split-pane/theming/css-properties/angular/example_component_ts.md new file mode 100644 index 00000000000..1e20f96fbf7 --- /dev/null +++ b/static/usage/v8/split-pane/theming/css-properties/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonHeader, IonMenu, IonSplitPane, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonContent, IonHeader, IonMenu, IonSplitPane, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/split-pane/theming/css-properties/index.md b/static/usage/v8/split-pane/theming/css-properties/index.md index 330361b8fd4..fb44ca91cf3 100644 --- a/static/usage/v8/split-pane/theming/css-properties/index.md +++ b/static/usage/v8/split-pane/theming/css-properties/index.md @@ -9,6 +9,7 @@ import vue from './vue.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';