fix(modal-test): fixing typo in programmatic

Author: ShaneK

packages/angular/test/apps/ng19/src/app/standalone/programatic-modal/programatic-modal.component.ts

@@ -1,15 +1,15 @@
 import { Component } from '@angular/core';
 import { IonButton } from '@ionic/angular/standalone';
-import { ProgramaticModalService } from './programatic-modal.service';
+import { ProgrammaticModalService } from './programmatic-modal.service';
 
 @Component({
   selector: 'app-test',
-  templateUrl: './programatic-modal.component.html',
+  templateUrl: './programmatic-modal.component.html',
   standalone: true,
   imports: [IonButton]
 })
-export class ProgramaticModalComponent {
-  constructor(private modalService: ProgramaticModalService) {}
+export class ProgrammaticModalComponent {
+  constructor(private modalService: ProgrammaticModalService) {}
 
   public open() {
     this.modalService.open();

packages/angular/test/apps/ng19/src/app/standalone/programatic-modal/programatic-modal.service.ts

@@ -5,7 +5,7 @@ import { ModalComponent } from "./modal/modal.component";
 @Injectable({
   providedIn: 'root'
 })
-export class ProgramaticModalService {
+export class ProgrammaticModalService {
   #modalController = inject(ModalController);
 
   async open() {

packages/angular/test/base/src/app/standalone/app-standalone/app.routes.ts

@@ -11,7 +11,7 @@ export const routes: Routes = [
       { path: 'action-sheet-controller', loadComponent: () => import('../action-sheet-controller/action-sheet-controller.component').then(c => c.ActionSheetControllerComponent) },
       { path: 'popover', loadComponent: () => import('../popover/popover.component').then(c => c.PopoverComponent) },
       { path: 'modal', loadComponent: () => import('../modal/modal.component').then(c => c.ModalComponent) },
-      { path: 'programatic-modal', loadComponent: () => import('../programatic-modal/programatic-modal.component').then(c => c.ProgramaticModalComponent) },
+      { path: 'programmatic-modal', loadComponent: () => import('../programmatic-modal/programmatic-modal.component').then(c => c.ProgrammaticModalComponent) },
       { path: 'router-outlet', loadComponent: () => import('../router-outlet/router-outlet.component').then(c => c.RouterOutletComponent) },
       { path: 'back-button', loadComponent: () => import('../back-button/back-button.component').then(c => c.BackButtonComponent) },
       { path: 'router-link', loadComponent: () => import('../router-link/router-link.component').then(c => c.RouterLinkComponent) },

packages/angular/test/base/src/app/standalone/home-page/home-page.component.html

@@ -85,9 +85,9 @@
         Modal Test
       </ion-label>
     </ion-item>
-    <ion-item routerLink="/standalone/programatic-modal">
+    <ion-item routerLink="/standalone/programmatic-modal">
       <ion-label>
-        Programatic Modal Test
+        Programmatic Modal Test
       </ion-label>
     </ion-item>
     <ion-item routerLink="/standalone/overlay-controllers">

packages/angular/test/base/src/app/standalone/programatic-modal/modal/modal.component.html renamed to packages/angular/test/base/src/app/standalone/programmatic-modal/modal/modal.component.html

@@ -1,15 +1,15 @@
 import { Component } from '@angular/core';
 import { IonButton } from '@ionic/angular/standalone';
-import { ProgramaticModalService } from './programatic-modal.service';
+import { ProgrammaticModalService } from './programmatic-modal.service';
 
 @Component({
   selector: 'app-test',
-  templateUrl: './programatic-modal.component.html',
+  templateUrl: './programmatic-modal.component.html',
   standalone: true,
   imports: [IonButton]
 })
-export class ProgramaticModalComponent {
-  constructor(private modalService: ProgramaticModalService) {}
+export class ProgrammaticModalComponent {
+  constructor(private modalService: ProgrammaticModalService) {}
 
   public open() {
     this.modalService.open();

packages/angular/test/base/src/app/standalone/programatic-modal/modal/modal.component.ts renamed to packages/angular/test/base/src/app/standalone/programmatic-modal/modal/modal.component.ts

@@ -5,7 +5,7 @@ import { ModalComponent } from "./modal/modal.component";
 @Injectable({
   providedIn: 'root'
 })
-export class ProgramaticModalService {
+export class ProgrammaticModalService {
   #modalController = inject(ModalController);
 
   async open() {