docs(animations): update angular to standalone

Author: brandyscarney

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

@@ -1,12 +1,14 @@
 ```ts
 import { Component, ElementRef, ViewChildren, ViewChild } from '@angular/core';
+import { IonButton, IonCard, IonCardContent } from '@ionic/angular/standalone';
 import type { QueryList } from '@angular/core';
 import type { Animation } from '@ionic/angular';
 import { AnimationController, IonCard } from '@ionic/angular';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonButton, IonCard, IonCardContent],
 })
 export class ExampleComponent {
   @ViewChild(IonCard, { read: ElementRef }) card: ElementRef<HTMLIonCardElement>;

static/usage/v7/animations/before-and-after-hooks/angular/example_component_ts.md

@@ -1,12 +1,14 @@
 ```ts
 import { Component, ElementRef, ViewChildren } from '@angular/core';
+import { IonButton, IonCard, IonCardContent } from '@ionic/angular/standalone';
 import type { QueryList } from '@angular/core';
 import type { Animation } from '@ionic/angular';
 import { AnimationController, IonCard } from '@ionic/angular';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonButton, IonCard, IonCardContent],
 })
 export class ExampleComponent {
   @ViewChildren(IonCard, { read: ElementRef }) cardElements: QueryList<ElementRef<HTMLIonCardElement>>;

static/usage/v7/animations/chain/angular/example_component_ts.md

@@ -1,12 +1,14 @@
 ```ts
 import { Component, ElementRef, ViewChildren } from '@angular/core';
+import { IonButton, IonCard, IonCardContent } from '@ionic/angular/standalone';
 import type { QueryList } from '@angular/core';
 import type { Animation } from '@ionic/angular';
 import { AnimationController, IonCard } from '@ionic/angular';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonButton, IonCard, IonCardContent],
 })
 export class ExampleComponent {
   @ViewChildren(IonCard, { read: ElementRef }) cardElements: QueryList<ElementRef<HTMLIonCardElement>>;

static/usage/v7/animations/gesture/angular/example_component_ts.md

@@ -1,12 +1,14 @@
 ```ts
 import { Component, ElementRef, ViewChildren, ViewChild } from '@angular/core';
+import { IonCard, IonCardContent } from '@ionic/angular/standalone';
 import { AnimationController, GestureController, IonCard } from '@ionic/angular';
 import type { Animation, Gesture, GestureDetail } from '@ionic/angular';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['example.component.css'],
+  imports: [IonCard, IonCardContent],
 })
 export class ExampleComponent {
   @ViewChild(IonCard, { read: ElementRef }) card: ElementRef<HTMLIonCardElement>;

static/usage/v7/animations/group/angular/example_component_ts.md

@@ -1,12 +1,14 @@
 ```ts
 import { Component, ElementRef, ViewChildren } from '@angular/core';
+import { IonButton, IonCard, IonCardContent } from '@ionic/angular/standalone';
 import type { QueryList } from '@angular/core';
 import type { Animation } from '@ionic/angular';
 import { AnimationController, IonCard } from '@ionic/angular';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonButton, IonCard, IonCardContent],
 })
 export class ExampleComponent {
   @ViewChildren(IonCard, { read: ElementRef }) cardElements: QueryList<ElementRef<HTMLIonCardElement>>;

static/usage/v7/animations/keyframes/angular/example_component_ts.md

@@ -1,11 +1,13 @@
 ```ts
 import { Component, ElementRef, ViewChild } from '@angular/core';
+import { IonButton, IonCard, IonCardContent } from '@ionic/angular/standalone';
 import type { Animation } from '@ionic/angular';
 import { AnimationController, IonCard, IonCardContent } from '@ionic/angular';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonButton, IonCard, IonCardContent],
 })
 export class ExampleComponent {
   @ViewChild(IonCard, { read: ElementRef }) card: ElementRef<HTMLIonCardElement>;

static/usage/v7/animations/modal-override/angular/example_component_ts.md

@@ -1,11 +1,21 @@
 ```ts
 import { Component, ViewChild } from '@angular/core';
+import {
+  IonButton,
+  IonButtons,
+  IonContent,
+  IonHeader,
+  IonModal,
+  IonTitle,
+  IonToolbar,
+} from '@ionic/angular/standalone';
 import type { IonModal } from '@ionic/angular';
 import { AnimationController } from '@ionic/angular';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonButton, IonButtons, IonContent, IonHeader, IonModal, IonTitle, IonToolbar],
 })
 export class ExampleComponent {
   @ViewChild('modal', { static: true }) modal: IonModal;

static/usage/v7/animations/preference-based/angular/example_component_ts.md

@@ -1,5 +1,6 @@
 ```ts
 import { Component, ElementRef, ViewChildren, ViewChild } from '@angular/core';
+import { IonButton, IonCard, IonCardContent } from '@ionic/angular/standalone';
 import type { QueryList } from '@angular/core';
 import type { Animation } from '@ionic/angular';
 import { AnimationController, IonCard } from '@ionic/angular';
@@ -8,6 +9,7 @@ import { AnimationController, IonCard } from '@ionic/angular';
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['./example.component.css'],
+  imports: [IonButton, IonCard, IonCardContent],
 })
 export class ExampleComponent {
   @ViewChild(IonCard, { read: ElementRef }) card: ElementRef<HTMLIonCardElement>;

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

@@ -1,12 +1,14 @@
 ```ts
 import { Component, ElementRef, ViewChildren, ViewChild } from '@angular/core';
+import { IonButton, IonCard, IonCardContent } from '@ionic/angular/standalone';
 import type { QueryList } from '@angular/core';
 import type { Animation } from '@ionic/angular';
 import { AnimationController, IonCard } from '@ionic/angular';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonButton, IonCard, IonCardContent],
 })
 export class ExampleComponent {
   @ViewChild(IonCard, { read: ElementRef }) card: ElementRef<HTMLIonCardElement>;

static/usage/v8/animations/before-and-after-hooks/angular/example_component_ts.md

@@ -1,12 +1,14 @@
 ```ts
 import { Component, ElementRef, ViewChildren } from '@angular/core';
+import { IonButton, IonCard, IonCardContent } from '@ionic/angular/standalone';
 import type { QueryList } from '@angular/core';
 import type { Animation } from '@ionic/angular';
 import { AnimationController, IonCard } from '@ionic/angular';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  imports: [IonButton, IonCard, IonCardContent],
 })
 export class ExampleComponent {
   @ViewChildren(IonCard, { read: ElementRef }) cardElements: QueryList<ElementRef<HTMLIonCardElement>>;