From 75bff6c4766ee3566898923a2b616581950f8be2 Mon Sep 17 00:00:00 2001 From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com> Date: Wed, 18 Dec 2024 19:06:50 -0500 Subject: [PATCH 1/3] docs(gestures): update angular to standalone --- static/usage/v7/gestures/basic/angular/example_component_ts.md | 2 ++ .../v7/gestures/double-click/angular/example_component_ts.md | 2 ++ static/usage/v8/gestures/basic/angular/example_component_ts.md | 2 ++ .../v8/gestures/double-click/angular/example_component_ts.md | 2 ++ 4 files changed, 8 insertions(+) diff --git a/static/usage/v7/gestures/basic/angular/example_component_ts.md b/static/usage/v7/gestures/basic/angular/example_component_ts.md index 33482eca38b..5c8eb1287bf 100644 --- a/static/usage/v7/gestures/basic/angular/example_component_ts.md +++ b/static/usage/v7/gestures/basic/angular/example_component_ts.md @@ -1,5 +1,6 @@ ```ts import { ChangeDetectorRef, Component, ElementRef, ViewChild } from '@angular/core'; +import { IonCard, IonCardContent, IonCardHeader, IonCardSubtitle } from '@ionic/angular/standalone'; import type { GestureDetail } from '@ionic/angular'; import { GestureController, IonCard } from '@ionic/angular'; @@ -7,6 +8,7 @@ import { GestureController, IonCard } from '@ionic/angular'; selector: 'app-example', templateUrl: 'example.component.html', styleUrls: ['example.component.css'], + imports: [IonCard, IonCardContent, IonCardHeader, IonCardSubtitle], }) export class ExampleComponent { @ViewChild(IonCard, { read: ElementRef }) card: ElementRef; diff --git a/static/usage/v7/gestures/double-click/angular/example_component_ts.md b/static/usage/v7/gestures/double-click/angular/example_component_ts.md index 08159621553..79106d30ef3 100644 --- a/static/usage/v7/gestures/double-click/angular/example_component_ts.md +++ b/static/usage/v7/gestures/double-click/angular/example_component_ts.md @@ -1,11 +1,13 @@ ```ts import { Component, ElementRef, ViewChild } from '@angular/core'; +import { IonCard, IonCardContent } from '@ionic/angular/standalone'; import { GestureController, IonCard } from '@ionic/angular'; @Component({ selector: 'app-example', templateUrl: 'example.component.html', styleUrls: ['./example.component.css'], + imports: [IonCard, IonCardContent], }) export class ExampleComponent { @ViewChild('card', { read: ElementRef }) card: ElementRef; diff --git a/static/usage/v8/gestures/basic/angular/example_component_ts.md b/static/usage/v8/gestures/basic/angular/example_component_ts.md index 33482eca38b..5c8eb1287bf 100644 --- a/static/usage/v8/gestures/basic/angular/example_component_ts.md +++ b/static/usage/v8/gestures/basic/angular/example_component_ts.md @@ -1,5 +1,6 @@ ```ts import { ChangeDetectorRef, Component, ElementRef, ViewChild } from '@angular/core'; +import { IonCard, IonCardContent, IonCardHeader, IonCardSubtitle } from '@ionic/angular/standalone'; import type { GestureDetail } from '@ionic/angular'; import { GestureController, IonCard } from '@ionic/angular'; @@ -7,6 +8,7 @@ import { GestureController, IonCard } from '@ionic/angular'; selector: 'app-example', templateUrl: 'example.component.html', styleUrls: ['example.component.css'], + imports: [IonCard, IonCardContent, IonCardHeader, IonCardSubtitle], }) export class ExampleComponent { @ViewChild(IonCard, { read: ElementRef }) card: ElementRef; diff --git a/static/usage/v8/gestures/double-click/angular/example_component_ts.md b/static/usage/v8/gestures/double-click/angular/example_component_ts.md index 08159621553..79106d30ef3 100644 --- a/static/usage/v8/gestures/double-click/angular/example_component_ts.md +++ b/static/usage/v8/gestures/double-click/angular/example_component_ts.md @@ -1,11 +1,13 @@ ```ts import { Component, ElementRef, ViewChild } from '@angular/core'; +import { IonCard, IonCardContent } from '@ionic/angular/standalone'; import { GestureController, IonCard } from '@ionic/angular'; @Component({ selector: 'app-example', templateUrl: 'example.component.html', styleUrls: ['./example.component.css'], + imports: [IonCard, IonCardContent], }) export class ExampleComponent { @ViewChild('card', { read: ElementRef }) card: ElementRef; From c36ccc1ca81ff4a7feab09c386b80b8cbaf830ab Mon Sep 17 00:00:00 2001 From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com> Date: Mon, 23 Dec 2024 14:31:24 -0500 Subject: [PATCH 2/3] docs(gestures): update angular to standalone --- .../usage/v7/gestures/basic/angular/example_component_ts.md | 6 +++--- .../gestures/double-click/angular/example_component_ts.md | 4 ++-- .../usage/v8/gestures/basic/angular/example_component_ts.md | 6 +++--- .../gestures/double-click/angular/example_component_ts.md | 4 ++-- 4 files changed, 10 insertions(+), 10 deletions(-) diff --git a/static/usage/v7/gestures/basic/angular/example_component_ts.md b/static/usage/v7/gestures/basic/angular/example_component_ts.md index 5c8eb1287bf..bc0775060fe 100644 --- a/static/usage/v7/gestures/basic/angular/example_component_ts.md +++ b/static/usage/v7/gestures/basic/angular/example_component_ts.md @@ -2,7 +2,7 @@ import { ChangeDetectorRef, Component, ElementRef, ViewChild } from '@angular/core'; import { IonCard, IonCardContent, IonCardHeader, IonCardSubtitle } from '@ionic/angular/standalone'; import type { GestureDetail } from '@ionic/angular'; -import { GestureController, IonCard } from '@ionic/angular'; +import { GestureController } from '@ionic/angular'; @Component({ selector: 'app-example', @@ -11,8 +11,8 @@ import { GestureController, IonCard } from '@ionic/angular'; imports: [IonCard, IonCardContent, IonCardHeader, IonCardSubtitle], }) export class ExampleComponent { - @ViewChild(IonCard, { read: ElementRef }) card: ElementRef; - @ViewChild('debug', { read: ElementRef }) debug: ElementRef; + @ViewChild(IonCard, { read: ElementRef }) card!: ElementRef; + @ViewChild('debug', { read: ElementRef }) debug!: ElementRef; isCardActive = false; diff --git a/static/usage/v7/gestures/double-click/angular/example_component_ts.md b/static/usage/v7/gestures/double-click/angular/example_component_ts.md index 79106d30ef3..fee19519e88 100644 --- a/static/usage/v7/gestures/double-click/angular/example_component_ts.md +++ b/static/usage/v7/gestures/double-click/angular/example_component_ts.md @@ -1,7 +1,7 @@ ```ts import { Component, ElementRef, ViewChild } from '@angular/core'; import { IonCard, IonCardContent } from '@ionic/angular/standalone'; -import { GestureController, IonCard } from '@ionic/angular'; +import { GestureController } from '@ionic/angular'; @Component({ selector: 'app-example', @@ -10,7 +10,7 @@ import { GestureController, IonCard } from '@ionic/angular'; imports: [IonCard, IonCardContent], }) export class ExampleComponent { - @ViewChild('card', { read: ElementRef }) card: ElementRef; + @ViewChild('card', { read: ElementRef }) card!: ElementRef; private currentOffset: number = 0; private lastOnStart: number = 0; diff --git a/static/usage/v8/gestures/basic/angular/example_component_ts.md b/static/usage/v8/gestures/basic/angular/example_component_ts.md index 5c8eb1287bf..bc0775060fe 100644 --- a/static/usage/v8/gestures/basic/angular/example_component_ts.md +++ b/static/usage/v8/gestures/basic/angular/example_component_ts.md @@ -2,7 +2,7 @@ import { ChangeDetectorRef, Component, ElementRef, ViewChild } from '@angular/core'; import { IonCard, IonCardContent, IonCardHeader, IonCardSubtitle } from '@ionic/angular/standalone'; import type { GestureDetail } from '@ionic/angular'; -import { GestureController, IonCard } from '@ionic/angular'; +import { GestureController } from '@ionic/angular'; @Component({ selector: 'app-example', @@ -11,8 +11,8 @@ import { GestureController, IonCard } from '@ionic/angular'; imports: [IonCard, IonCardContent, IonCardHeader, IonCardSubtitle], }) export class ExampleComponent { - @ViewChild(IonCard, { read: ElementRef }) card: ElementRef; - @ViewChild('debug', { read: ElementRef }) debug: ElementRef; + @ViewChild(IonCard, { read: ElementRef }) card!: ElementRef; + @ViewChild('debug', { read: ElementRef }) debug!: ElementRef; isCardActive = false; diff --git a/static/usage/v8/gestures/double-click/angular/example_component_ts.md b/static/usage/v8/gestures/double-click/angular/example_component_ts.md index 79106d30ef3..fee19519e88 100644 --- a/static/usage/v8/gestures/double-click/angular/example_component_ts.md +++ b/static/usage/v8/gestures/double-click/angular/example_component_ts.md @@ -1,7 +1,7 @@ ```ts import { Component, ElementRef, ViewChild } from '@angular/core'; import { IonCard, IonCardContent } from '@ionic/angular/standalone'; -import { GestureController, IonCard } from '@ionic/angular'; +import { GestureController } from '@ionic/angular'; @Component({ selector: 'app-example', @@ -10,7 +10,7 @@ import { GestureController, IonCard } from '@ionic/angular'; imports: [IonCard, IonCardContent], }) export class ExampleComponent { - @ViewChild('card', { read: ElementRef }) card: ElementRef; + @ViewChild('card', { read: ElementRef }) card!: ElementRef; private currentOffset: number = 0; private lastOnStart: number = 0; From 22c4cd75e863c57ac5454be5bcf12797e4b3d03e Mon Sep 17 00:00:00 2001 From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com> Date: Fri, 27 Dec 2024 15:51:24 -0500 Subject: [PATCH 3/3] docs(gestures): update angular to standalone --- .../usage/v7/gestures/basic/angular/example_component_ts.md | 5 ++--- .../v7/gestures/double-click/angular/example_component_ts.md | 3 +-- .../usage/v8/gestures/basic/angular/example_component_ts.md | 5 ++--- .../v8/gestures/double-click/angular/example_component_ts.md | 3 +-- 4 files changed, 6 insertions(+), 10 deletions(-) diff --git a/static/usage/v7/gestures/basic/angular/example_component_ts.md b/static/usage/v7/gestures/basic/angular/example_component_ts.md index bc0775060fe..609e8ecc41a 100644 --- a/static/usage/v7/gestures/basic/angular/example_component_ts.md +++ b/static/usage/v7/gestures/basic/angular/example_component_ts.md @@ -1,8 +1,7 @@ ```ts import { ChangeDetectorRef, Component, ElementRef, ViewChild } from '@angular/core'; -import { IonCard, IonCardContent, IonCardHeader, IonCardSubtitle } from '@ionic/angular/standalone'; -import type { GestureDetail } from '@ionic/angular'; -import { GestureController } from '@ionic/angular'; +import { GestureController, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle } from '@ionic/angular/standalone'; +import type { GestureDetail } from '@ionic/angular/standalone'; @Component({ selector: 'app-example', diff --git a/static/usage/v7/gestures/double-click/angular/example_component_ts.md b/static/usage/v7/gestures/double-click/angular/example_component_ts.md index fee19519e88..8c963786c16 100644 --- a/static/usage/v7/gestures/double-click/angular/example_component_ts.md +++ b/static/usage/v7/gestures/double-click/angular/example_component_ts.md @@ -1,7 +1,6 @@ ```ts import { Component, ElementRef, ViewChild } from '@angular/core'; -import { IonCard, IonCardContent } from '@ionic/angular/standalone'; -import { GestureController } from '@ionic/angular'; +import { GestureController, IonCard, IonCardContent } from '@ionic/angular/standalone'; @Component({ selector: 'app-example', diff --git a/static/usage/v8/gestures/basic/angular/example_component_ts.md b/static/usage/v8/gestures/basic/angular/example_component_ts.md index bc0775060fe..609e8ecc41a 100644 --- a/static/usage/v8/gestures/basic/angular/example_component_ts.md +++ b/static/usage/v8/gestures/basic/angular/example_component_ts.md @@ -1,8 +1,7 @@ ```ts import { ChangeDetectorRef, Component, ElementRef, ViewChild } from '@angular/core'; -import { IonCard, IonCardContent, IonCardHeader, IonCardSubtitle } from '@ionic/angular/standalone'; -import type { GestureDetail } from '@ionic/angular'; -import { GestureController } from '@ionic/angular'; +import { GestureController, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle } from '@ionic/angular/standalone'; +import type { GestureDetail } from '@ionic/angular/standalone'; @Component({ selector: 'app-example', diff --git a/static/usage/v8/gestures/double-click/angular/example_component_ts.md b/static/usage/v8/gestures/double-click/angular/example_component_ts.md index fee19519e88..8c963786c16 100644 --- a/static/usage/v8/gestures/double-click/angular/example_component_ts.md +++ b/static/usage/v8/gestures/double-click/angular/example_component_ts.md @@ -1,7 +1,6 @@ ```ts import { Component, ElementRef, ViewChild } from '@angular/core'; -import { IonCard, IonCardContent } from '@ionic/angular/standalone'; -import { GestureController } from '@ionic/angular'; +import { GestureController, IonCard, IonCardContent } from '@ionic/angular/standalone'; @Component({ selector: 'app-example',