From 1a8e0f8d6fda44f9044a4e6d748e82b63ed79ba4 Mon Sep 17 00:00:00 2001 From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com> Date: Thu, 19 Dec 2024 13:07:55 -0500 Subject: [PATCH 1/4] docs(picker-legacy): update angular to standalone --- .../picker-legacy/controller/angular/example_component_ts.md | 2 ++ .../inline/isOpen/angular/example_component_ts.md | 4 +++- .../inline/trigger/angular/example_component_ts.md | 4 +++- .../multiple-column/angular/example_component_ts.md | 4 +++- 4 files changed, 11 insertions(+), 3 deletions(-) diff --git a/static/usage/v8/picker-legacy/controller/angular/example_component_ts.md b/static/usage/v8/picker-legacy/controller/angular/example_component_ts.md index 16f56cd0ca7..b24d969f9fc 100644 --- a/static/usage/v8/picker-legacy/controller/angular/example_component_ts.md +++ b/static/usage/v8/picker-legacy/controller/angular/example_component_ts.md @@ -1,10 +1,12 @@ ```ts import { Component } from '@angular/core'; +import { IonButton } from '@ionic/angular/standalone'; import { PickerController } from '@ionic/angular'; @Component({ selector: 'app-example', templateUrl: 'example.component.html', + imports: [IonButton], }) export class ExampleComponent { constructor(private pickerCtrl: PickerController) {} diff --git a/static/usage/v8/picker-legacy/inline/isOpen/angular/example_component_ts.md b/static/usage/v8/picker-legacy/inline/isOpen/angular/example_component_ts.md index 69a5fb611aa..4a1a909f02b 100644 --- a/static/usage/v8/picker-legacy/inline/isOpen/angular/example_component_ts.md +++ b/static/usage/v8/picker-legacy/inline/isOpen/angular/example_component_ts.md @@ -1,9 +1,11 @@ ```ts import { Component } from '@angular/core'; +import { IonButton, IonPickerLegacy } from '@ionic/angular/standalone'; @Component({ selector: 'app-example', templateUrl: 'example.component.html', + imports: [IonButton, IonPickerLegacy], }) export class ExampleComponent { isPickerOpen = false; @@ -39,7 +41,7 @@ export class ExampleComponent { }, { text: 'Confirm', - handler: (value) => { + handler: (value: any) => { console.log(`You selected: ${value.languages.value}`); }, }, diff --git a/static/usage/v8/picker-legacy/inline/trigger/angular/example_component_ts.md b/static/usage/v8/picker-legacy/inline/trigger/angular/example_component_ts.md index 7a638c60964..a8d4ec8c084 100644 --- a/static/usage/v8/picker-legacy/inline/trigger/angular/example_component_ts.md +++ b/static/usage/v8/picker-legacy/inline/trigger/angular/example_component_ts.md @@ -1,9 +1,11 @@ ```ts import { Component } from '@angular/core'; +import { IonButton, IonPickerLegacy } from '@ionic/angular/standalone'; @Component({ selector: 'app-example', templateUrl: 'example.component.html', + imports: [IonButton, IonPickerLegacy], }) export class ExampleComponent { public pickerColumns = [ @@ -37,7 +39,7 @@ export class ExampleComponent { }, { text: 'Confirm', - handler: (value) => { + handler: (value: any) => { console.log(`You selected: ${value.languages.value}`); }, }, diff --git a/static/usage/v8/picker-legacy/multiple-column/angular/example_component_ts.md b/static/usage/v8/picker-legacy/multiple-column/angular/example_component_ts.md index 6f252e19dc9..6bb64ee7ea3 100644 --- a/static/usage/v8/picker-legacy/multiple-column/angular/example_component_ts.md +++ b/static/usage/v8/picker-legacy/multiple-column/angular/example_component_ts.md @@ -1,9 +1,11 @@ ```ts import { Component } from '@angular/core'; +import { IonButton, IonPickerLegacy } from '@ionic/angular/standalone'; @Component({ selector: 'app-example', templateUrl: 'example.component.html', + imports: [IonButton, IonPickerLegacy], }) export class ExampleComponent { public pickerColumns = [ @@ -67,7 +69,7 @@ export class ExampleComponent { }, { text: 'Confirm', - handler: (value) => { + handler: (value: any) => { console.log(`You selected a ${value.crust.text} pizza with ${value.meat.text} and ${value.veggies.text}`); }, }, From dc5d1203da4ce46bd065437502e1bd5f578cc01d Mon Sep 17 00:00:00 2001 From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com> Date: Fri, 20 Dec 2024 15:12:39 -0500 Subject: [PATCH 2/4] docs(picker-legacy): update angular to standalone --- .../v8/picker-legacy/controller/angular/example_component_ts.md | 1 + .../picker-legacy/inline/isOpen/angular/example_component_ts.md | 1 + .../picker-legacy/inline/trigger/angular/example_component_ts.md | 1 + .../multiple-column/angular/example_component_ts.md | 1 + 4 files changed, 4 insertions(+) diff --git a/static/usage/v8/picker-legacy/controller/angular/example_component_ts.md b/static/usage/v8/picker-legacy/controller/angular/example_component_ts.md index b24d969f9fc..77eb0f08604 100644 --- a/static/usage/v8/picker-legacy/controller/angular/example_component_ts.md +++ b/static/usage/v8/picker-legacy/controller/angular/example_component_ts.md @@ -6,6 +6,7 @@ import { PickerController } from '@ionic/angular'; @Component({ selector: 'app-example', templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], imports: [IonButton], }) export class ExampleComponent { diff --git a/static/usage/v8/picker-legacy/inline/isOpen/angular/example_component_ts.md b/static/usage/v8/picker-legacy/inline/isOpen/angular/example_component_ts.md index 4a1a909f02b..f6ad28d5df3 100644 --- a/static/usage/v8/picker-legacy/inline/isOpen/angular/example_component_ts.md +++ b/static/usage/v8/picker-legacy/inline/isOpen/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonButton, IonPickerLegacy } from '@ionic/angular/standalone'; @Component({ selector: 'app-example', templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], imports: [IonButton, IonPickerLegacy], }) export class ExampleComponent { diff --git a/static/usage/v8/picker-legacy/inline/trigger/angular/example_component_ts.md b/static/usage/v8/picker-legacy/inline/trigger/angular/example_component_ts.md index a8d4ec8c084..dd4b7562391 100644 --- a/static/usage/v8/picker-legacy/inline/trigger/angular/example_component_ts.md +++ b/static/usage/v8/picker-legacy/inline/trigger/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonButton, IonPickerLegacy } from '@ionic/angular/standalone'; @Component({ selector: 'app-example', templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], imports: [IonButton, IonPickerLegacy], }) export class ExampleComponent { diff --git a/static/usage/v8/picker-legacy/multiple-column/angular/example_component_ts.md b/static/usage/v8/picker-legacy/multiple-column/angular/example_component_ts.md index 6bb64ee7ea3..ae803d5a691 100644 --- a/static/usage/v8/picker-legacy/multiple-column/angular/example_component_ts.md +++ b/static/usage/v8/picker-legacy/multiple-column/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonButton, IonPickerLegacy } from '@ionic/angular/standalone'; @Component({ selector: 'app-example', templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], imports: [IonButton, IonPickerLegacy], }) export class ExampleComponent { From ad0b684bd450d7752feb1a20294a14d016745530 Mon Sep 17 00:00:00 2001 From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com> Date: Thu, 26 Dec 2024 17:01:09 -0500 Subject: [PATCH 3/4] docs(picker-legacy): update angular to standalone --- .../controller/angular/example_component_ts.md | 3 +-- .../isOpen/angular/example_component_ts.md | 9 ++++++++- .../trigger/angular/example_component_ts.md | 9 ++++++++- .../angular/example_component_ts.md | 17 ++++++++++++++++- 4 files changed, 33 insertions(+), 5 deletions(-) diff --git a/static/usage/v8/picker-legacy/controller/angular/example_component_ts.md b/static/usage/v8/picker-legacy/controller/angular/example_component_ts.md index 77eb0f08604..35edd60c597 100644 --- a/static/usage/v8/picker-legacy/controller/angular/example_component_ts.md +++ b/static/usage/v8/picker-legacy/controller/angular/example_component_ts.md @@ -1,7 +1,6 @@ ```ts import { Component } from '@angular/core'; -import { IonButton } from '@ionic/angular/standalone'; -import { PickerController } from '@ionic/angular'; +import { IonButton, PickerController } from '@ionic/angular/standalone'; @Component({ selector: 'app-example', diff --git a/static/usage/v8/picker-legacy/inline/isOpen/angular/example_component_ts.md b/static/usage/v8/picker-legacy/inline/isOpen/angular/example_component_ts.md index f6ad28d5df3..d2f1144a794 100644 --- a/static/usage/v8/picker-legacy/inline/isOpen/angular/example_component_ts.md +++ b/static/usage/v8/picker-legacy/inline/isOpen/angular/example_component_ts.md @@ -2,6 +2,13 @@ import { Component } from '@angular/core'; import { IonButton, IonPickerLegacy } from '@ionic/angular/standalone'; +interface PickerValue { + languages: { + text: string; + value: string; + }; +} + @Component({ selector: 'app-example', templateUrl: 'example.component.html', @@ -42,7 +49,7 @@ export class ExampleComponent { }, { text: 'Confirm', - handler: (value: any) => { + handler: (value: PickerValue) => { console.log(`You selected: ${value.languages.value}`); }, }, diff --git a/static/usage/v8/picker-legacy/inline/trigger/angular/example_component_ts.md b/static/usage/v8/picker-legacy/inline/trigger/angular/example_component_ts.md index dd4b7562391..31eb752d4a9 100644 --- a/static/usage/v8/picker-legacy/inline/trigger/angular/example_component_ts.md +++ b/static/usage/v8/picker-legacy/inline/trigger/angular/example_component_ts.md @@ -2,6 +2,13 @@ import { Component } from '@angular/core'; import { IonButton, IonPickerLegacy } from '@ionic/angular/standalone'; +interface PickerValue { + languages: { + text: string; + value: string; + }; +} + @Component({ selector: 'app-example', templateUrl: 'example.component.html', @@ -40,7 +47,7 @@ export class ExampleComponent { }, { text: 'Confirm', - handler: (value: any) => { + handler: (value: PickerValue) => { console.log(`You selected: ${value.languages.value}`); }, }, diff --git a/static/usage/v8/picker-legacy/multiple-column/angular/example_component_ts.md b/static/usage/v8/picker-legacy/multiple-column/angular/example_component_ts.md index ae803d5a691..5ac50ceecf7 100644 --- a/static/usage/v8/picker-legacy/multiple-column/angular/example_component_ts.md +++ b/static/usage/v8/picker-legacy/multiple-column/angular/example_component_ts.md @@ -2,6 +2,21 @@ import { Component } from '@angular/core'; import { IonButton, IonPickerLegacy } from '@ionic/angular/standalone'; +interface PickerValue { + meat: { + text: string; + value: string; + }; + veggies: { + text: string; + value: string; + }; + crust: { + text: string; + value: string; + }; +} + @Component({ selector: 'app-example', templateUrl: 'example.component.html', @@ -70,7 +85,7 @@ export class ExampleComponent { }, { text: 'Confirm', - handler: (value: any) => { + handler: (value: PickerValue) => { console.log(`You selected a ${value.crust.text} pizza with ${value.meat.text} and ${value.veggies.text}`); }, }, From fa143b34ed4140ed098c6caf3f12308cd85d413c Mon Sep 17 00:00:00 2001 From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com> Date: Fri, 27 Dec 2024 15:57:01 -0500 Subject: [PATCH 4/4] docs(picker-legacy): update angular to standalone --- .../usage/v7/picker/controller/angular/example_component_ts.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/usage/v7/picker/controller/angular/example_component_ts.md b/static/usage/v7/picker/controller/angular/example_component_ts.md index 16f56cd0ca7..5371ac26af6 100644 --- a/static/usage/v7/picker/controller/angular/example_component_ts.md +++ b/static/usage/v7/picker/controller/angular/example_component_ts.md @@ -1,6 +1,6 @@ ```ts import { Component } from '@angular/core'; -import { PickerController } from '@ionic/angular'; +import { PickerController } from '@ionic/angular/standalone'; @Component({ selector: 'app-example',