docs(gestures): update angular to standalone (#3928)

Author: brandyscarney

static/usage/v7/gestures/basic/angular/example_component_ts.md

@@ -1,16 +1,17 @@
 ```ts
 import { ChangeDetectorRef, Component, ElementRef, ViewChild } from '@angular/core';
-import type { GestureDetail } from '@ionic/angular';
-import { GestureController, IonCard } from '@ionic/angular';
+import { GestureController, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle } from '@ionic/angular/standalone';
+import type { GestureDetail } from '@ionic/angular/standalone';
 
 @Component({
   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<HTMLIonCardElement>;
-  @ViewChild('debug', { read: ElementRef }) debug: ElementRef<HTMLParagraphElement>;
+  @ViewChild(IonCard, { read: ElementRef }) card!: ElementRef<HTMLIonCardElement>;
+  @ViewChild('debug', { read: ElementRef }) debug!: ElementRef<HTMLParagraphElement>;
 
   isCardActive = false;
 

static/usage/v7/gestures/double-click/angular/example_component_ts.md

@@ -1,14 +1,15 @@
 ```ts
 import { Component, ElementRef, ViewChild } from '@angular/core';
-import { GestureController, IonCard } from '@ionic/angular';
+import { GestureController, IonCard, IonCardContent } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['./example.component.css'],
+  imports: [IonCard, IonCardContent],
 })
 export class ExampleComponent {
-  @ViewChild('card', { read: ElementRef }) card: ElementRef<HTMLIonCardElement>;
+  @ViewChild('card', { read: ElementRef }) card!: ElementRef<HTMLIonCardElement>;
 
   private currentOffset: number = 0;
   private lastOnStart: number = 0;

static/usage/v8/gestures/basic/angular/example_component_ts.md

@@ -1,16 +1,17 @@
 ```ts
 import { ChangeDetectorRef, Component, ElementRef, ViewChild } from '@angular/core';
-import type { GestureDetail } from '@ionic/angular';
-import { GestureController, IonCard } from '@ionic/angular';
+import { GestureController, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle } from '@ionic/angular/standalone';
+import type { GestureDetail } from '@ionic/angular/standalone';
 
 @Component({
   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<HTMLIonCardElement>;
-  @ViewChild('debug', { read: ElementRef }) debug: ElementRef<HTMLParagraphElement>;
+  @ViewChild(IonCard, { read: ElementRef }) card!: ElementRef<HTMLIonCardElement>;
+  @ViewChild('debug', { read: ElementRef }) debug!: ElementRef<HTMLParagraphElement>;
 
   isCardActive = false;
 

static/usage/v8/gestures/double-click/angular/example_component_ts.md

@@ -1,14 +1,15 @@
 ```ts
 import { Component, ElementRef, ViewChild } from '@angular/core';
-import { GestureController, IonCard } from '@ionic/angular';
+import { GestureController, IonCard, IonCardContent } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['./example.component.css'],
+  imports: [IonCard, IonCardContent],
 })
 export class ExampleComponent {
-  @ViewChild('card', { read: ElementRef }) card: ElementRef<HTMLIonCardElement>;
+  @ViewChild('card', { read: ElementRef }) card!: ElementRef<HTMLIonCardElement>;
 
   private currentOffset: number = 0;
   private lastOnStart: number = 0;