docs(modal): update angular to standalone

Author: brandyscarney

static/usage/v7/modal/can-dismiss/boolean/angular/example_component_ts.md

@@ -16,6 +16,7 @@ import { CheckboxCustomEvent } from '@ionic/angular';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonButton, IonButtons, IonCheckbox, IonContent, IonHeader, IonItem, IonModal, IonTitle, IonToolbar],
 })
 export class ExampleComponent {

static/usage/v7/modal/can-dismiss/child-state/angular/example_component_ts.md

@@ -7,6 +7,7 @@ import { ActionSheetController } from '@ionic/angular';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonButton, IonContent, IonHeader, IonModal, IonTitle, IonToolbar],
 })
 export class ExampleComponent {

static/usage/v7/modal/can-dismiss/function/angular/example_component_ts.md

@@ -15,6 +15,7 @@ import { ActionSheetController } from '@ionic/angular';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonButton, IonButtons, IonContent, IonHeader, IonModal, IonTitle, IonToolbar],
 })
 export class ExampleComponent {

static/usage/v7/modal/can-dismiss/prevent-swipe-to-close/angular/example_component_ts.md

@@ -13,6 +13,7 @@ import {
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonButton, IonButtons, IonContent, IonHeader, IonModal, IonTitle, IonToolbar],
 })
 export class ExampleComponent {

static/usage/v7/modal/card/basic/angular/example_component_ts.md

@@ -18,6 +18,7 @@ import {
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [
     IonAvatar,
     IonButton,

static/usage/v7/modal/controller/angular/example_component_ts.md

@@ -8,6 +8,7 @@ import { ModalExampleComponent } from './modal-example.component';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonButton, IonContent, IonHeader, IonTitle, IonToolbar],
 })
 export class ExampleComponent {

static/usage/v7/modal/inline/basic/angular/example_component_ts.md

@@ -17,6 +17,7 @@ import { OverlayEventDetail } from '@ionic/core/components';
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonButton, IonButtons, IonContent, IonHeader, IonInput, IonItem, IonModal, IonTitle, IonToolbar],
 })
 export class ExampleComponent {

static/usage/v7/modal/inline/is-open/angular/example_component_ts.md

@@ -13,6 +13,7 @@ import {
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonButton, IonButtons, IonContent, IonHeader, IonModal, IonTitle, IonToolbar],
 })
 export class ExampleComponent {

static/usage/v7/modal/performance/mount/angular/example_component_ts.md

@@ -13,6 +13,7 @@ import {
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [IonButton, IonButtons, IonContent, IonHeader, IonModal, IonTitle, IonToolbar],
 })
 export class ExampleComponent {}

static/usage/v7/modal/sheet/basic/angular/example_component_ts.md

@@ -18,6 +18,7 @@ import {
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
+  styleUrls: ['example.component.css'],
   imports: [
     IonAvatar,
     IonButton,