chore: update Angular dependencies to version 19.x and ng-bootstrap to version 18.x

BlaiseD · BlaiseD · commit 5f109bd69d49 · 2025-10-20T16:14:15.000-04:00
feat: add standalone property to multiple components for improved modularity

refactor: clean up component selectors and styles for consistency across the application
diff --git a/Angular/Enrollment/package-lock.json b/Angular/Enrollment/package-lock.json
diff --git a/Angular/Enrollment/package.json b/Angular/Enrollment/package.json
@@ -11,17 +11,17 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.13",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/forms": "^18.2.13",
-    "@angular/localize": "^18.2.13",
-    "@angular/platform-browser": "^18.2.13",
-    "@angular/platform-browser-dynamic": "^18.2.13",
-    "@angular/router": "^18.2.13",
+    "@angular/animations": "^19.2.15",
+    "@angular/common": "^19.2.15",
+    "@angular/compiler": "^19.2.15",
+    "@angular/core": "^19.2.15",
+    "@angular/forms": "^19.2.15",
+    "@angular/localize": "^19.2.15",
+    "@angular/platform-browser": "^19.2.15",
+    "@angular/platform-browser-dynamic": "^19.2.15",
+    "@angular/router": "^19.2.15",
     "@fortawesome/angular-fontawesome": "^0.10.2",
-    "@ng-bootstrap/ng-bootstrap": "^17.0.1",
+    "@ng-bootstrap/ng-bootstrap": "^18.0.0",
     "@popperjs/core": "^2.11.6",
     "@progress/kendo-angular-buttons": "latest",
     "@progress/kendo-angular-common": "latest",
@@ -46,13 +46,13 @@
     "rxjs": "~6.5.3",
     "rxjs-compat": "^6.5.3",
     "tslib": "^2.4.0",
-    "zone.js": "^0.14.10"
+    "zone.js": "^0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.12",
-    "@angular/cli": "^18.2.12",
-    "@angular/compiler-cli": "^18.2.13",
-    "@angular/language-service": "^18.2.13",
+    "@angular-devkit/build-angular": "^19.2.18",
+    "@angular/cli": "^19.2.18",
+    "@angular/compiler-cli": "^19.2.15",
+    "@angular/language-service": "^19.2.15",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "^2.0.10",
     "@types/node": "^12.20.55",
diff --git a/Angular/Enrollment/src/app/app.component.ts b/Angular/Enrollment/src/app/app.component.ts
@@ -1,9 +1,10 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+    selector: 'app-root',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.css'],
+    standalone: false
 })
 export class AppComponent {
   title = 'Enrollment';
diff --git a/Angular/Enrollment/src/app/generic/display-dropdown-value/display-dropdown-value.component.ts b/Angular/Enrollment/src/app/generic/display-dropdown-value/display-dropdown-value.component.ts
@@ -4,9 +4,10 @@ import { IDetailDropDownTemplate } from 'src/app/stuctures/screens/detail/i-deta
 import { SettingsService } from '../../http/settings.service';
 
 @Component({
-  selector: '[app-display-dropdown-value]',
-  templateUrl: './display-dropdown-value.component.html',
-  styleUrls: ['./display-dropdown-value.component.css']
+    selector: '[app-display-dropdown-value]',
+    templateUrl: './display-dropdown-value.component.html',
+    styleUrls: ['./display-dropdown-value.component.css'],
+    standalone: false
 })
 export class DisplayDropdownValueComponent implements OnInit {
 
diff --git a/Angular/Enrollment/src/app/generic/form-field-dropdown/form-field-dropdown.component.ts b/Angular/Enrollment/src/app/generic/form-field-dropdown/form-field-dropdown.component.ts
@@ -5,16 +5,17 @@ import { GenericService } from '../../http/generic.service';
 import { SettingsService } from '../../http/settings.service';
 
 @Component({
-  selector: 'app-form-field-dropdown',
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      multi: true,
-      useExisting: forwardRef(() => FormFieldDropdownComponent),
-    }
-  ],
-  templateUrl: './form-field-dropdown.component.html',
-  styleUrls: ['./form-field-dropdown.component.css']
+    selector: 'app-form-field-dropdown',
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            multi: true,
+            useExisting: forwardRef(() => FormFieldDropdownComponent),
+        }
+    ],
+    templateUrl: './form-field-dropdown.component.html',
+    styleUrls: ['./form-field-dropdown.component.css'],
+    standalone: false
 })
 export class FormFieldDropdownComponent implements OnInit, ControlValueAccessor
 {
diff --git a/Angular/Enrollment/src/app/generic/form-field-multiselect/form-field-multiselect.component.ts b/Angular/Enrollment/src/app/generic/form-field-multiselect/form-field-multiselect.component.ts
@@ -4,16 +4,17 @@ import { IMultiSelectTemplate } from '../../stuctures/screens/edit/i-edit-form-s
 import { GenericService } from '../../http/generic.service';
 
 @Component({
-  selector: 'app-form-field-multiselect',
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      multi: true,
-      useExisting: forwardRef(() => FormFieldMultiselectComponent),
-    }
-  ],
-  templateUrl: './form-field-multiselect.component.html',
-  styleUrls: ['./form-field-multiselect.component.css']
+    selector: 'app-form-field-multiselect',
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            multi: true,
+            useExisting: forwardRef(() => FormFieldMultiselectComponent),
+        }
+    ],
+    templateUrl: './form-field-multiselect.component.html',
+    styleUrls: ['./form-field-multiselect.component.css'],
+    standalone: false
 })
 export class FormFieldMultiselectComponent implements OnInit, ControlValueAccessor {
 
diff --git a/Angular/Enrollment/src/app/generic/generic-create/generic-create.component.ts b/Angular/Enrollment/src/app/generic/generic-create/generic-create.component.ts
@@ -14,9 +14,10 @@ import { Directives } from 'src/app/common/directives';
 import { DateService } from 'src/app/common/date.service';
 
 @Component({
-  selector: 'app-generic-create',
-  templateUrl: './generic-create.component.html',
-  styleUrls: ['./generic-create.component.css']
+    selector: 'app-generic-create',
+    templateUrl: './generic-create.component.html',
+    styleUrls: ['./generic-create.component.css'],
+    standalone: false
 })
 export class GenericCreateComponent implements OnInit, AfterViewInit {
   @ViewChild('labelTemplate', { static: true }) labelTemplate: TemplateRef<any>;
diff --git a/Angular/Enrollment/src/app/generic/generic-delete/generic-delete.component.ts b/Angular/Enrollment/src/app/generic/generic-delete/generic-delete.component.ts
@@ -7,9 +7,10 @@ import { EntityType } from '../../stuctures/screens/i-base-model';
 import { ViewTypeEnum } from '../../stuctures/screens/i-view-type';
 
 @Component({
-  selector: 'app-generic-delete',
-  templateUrl: './generic-delete.component.html',
-  styleUrls: ['./generic-delete.component.css']
+    selector: 'app-generic-delete',
+    templateUrl: './generic-delete.component.html',
+    styleUrls: ['./generic-delete.component.css'],
+    standalone: false
 })
 export class GenericDeleteComponent implements OnInit {
   @ViewChild('currencyTemplate', { static: true }) currencyTemplate: TemplateRef<any>;
diff --git a/Angular/Enrollment/src/app/generic/generic-detail/generic-detail.component.ts b/Angular/Enrollment/src/app/generic/generic-detail/generic-detail.component.ts
@@ -8,9 +8,10 @@ import { ViewTypeEnum } from '../../stuctures/screens/i-view-type';
 import { IDetailRequest } from '../../stuctures/screens/requests/i-requests-base';
 
 @Component({
-  selector: 'app-generic-detail',
-  templateUrl: './generic-detail.component.html',
-  styleUrls: ['./generic-detail.component.css']
+    selector: 'app-generic-detail',
+    templateUrl: './generic-detail.component.html',
+    styleUrls: ['./generic-detail.component.css'],
+    standalone: false
 })
 export class GenericDetailComponent implements OnInit {
   @ViewChild('currencyTemplate', { static: true }) currencyTemplate: TemplateRef<any>;
diff --git a/Angular/Enrollment/src/app/generic/generic-edit/generic-edit.component.ts b/Angular/Enrollment/src/app/generic/generic-edit/generic-edit.component.ts
@@ -15,9 +15,10 @@ import { EntityStateType } from 'src/app/stuctures/screens/entity-state-type';
 import { Directives } from 'src/app/common/directives';
 
 @Component({
-  selector: 'app-generic-edit',
-  templateUrl: './generic-edit.component.html',
-  styleUrls: ['./generic-edit.component.css']
+    selector: 'app-generic-edit',
+    templateUrl: './generic-edit.component.html',
+    styleUrls: ['./generic-edit.component.css'],
+    standalone: false
 })
 export class GenericEditComponent implements OnInit, AfterViewInit
 {
diff --git a/Angular/Enrollment/src/app/generic/generic-grid/generic-grid.component.ts b/Angular/Enrollment/src/app/generic/generic-grid/generic-grid.component.ts
@@ -15,9 +15,10 @@ import { EntityType } from '../../stuctures/screens/i-base-model';
 
 
 @Component({
-  selector: 'app-generic-grid',
-  templateUrl: './generic-grid.component.html',
-  styleUrls: ['./generic-grid.component.css']
+    selector: 'app-generic-grid',
+    templateUrl: './generic-grid.component.html',
+    styleUrls: ['./generic-grid.component.css'],
+    standalone: false
 })
 export class GenericGridComponent implements OnInit {
   @ViewChild('gridCellTemplate_Date', { static: true }) gridCellTemplate_Date: TemplateRef<any>;
diff --git a/Angular/Enrollment/src/app/generic/generic-list/generic-list.component.ts b/Angular/Enrollment/src/app/generic/generic-list/generic-list.component.ts
@@ -7,9 +7,10 @@ import { IDetailFieldSetting } from '../../stuctures/screens/detail/i-detail-for
 import { ViewTypeEnum } from '../../stuctures/screens/i-view-type';
 
 @Component({
-  selector: 'app-generic-list',
-  templateUrl: './generic-list.component.html',
-  styleUrls: ['./generic-list.component.css']
+    selector: 'app-generic-list',
+    templateUrl: './generic-list.component.html',
+    styleUrls: ['./generic-list.component.css'],
+    standalone: false
 })
 export class GenericListComponent implements OnInit {
   @ViewChild('textTemplate', { static: true }) textTemplate: TemplateRef<any>;
diff --git a/Angular/Enrollment/src/app/generic/grid-column-dropdown-filter/grid-column-dropdown-filter.component.ts b/Angular/Enrollment/src/app/generic/grid-column-dropdown-filter/grid-column-dropdown-filter.component.ts
@@ -4,9 +4,10 @@ import { GenericService } from '../../http/generic.service';
 import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
 
 @Component({
-  selector: 'app-grid-column-dropdown-filter',
-  templateUrl: './grid-column-dropdown-filter.component.html',
-  styleUrls: ['./grid-column-dropdown-filter.component.css']
+    selector: 'app-grid-column-dropdown-filter',
+    templateUrl: './grid-column-dropdown-filter.component.html',
+    styleUrls: ['./grid-column-dropdown-filter.component.css'],
+    standalone: false
 })
 export class GridColumnDropdownFilterComponent extends BaseFilterCellComponent implements OnInit {
 
diff --git a/Angular/Enrollment/src/app/generic/grid-column-multiselect-filter/grid-column-multiselect-filter.component.ts b/Angular/Enrollment/src/app/generic/grid-column-multiselect-filter/grid-column-multiselect-filter.component.ts
@@ -4,9 +4,10 @@ import { FilterService } from '@progress/kendo-angular-grid';
 import { GenericService } from '../../http/generic.service';
 
 @Component({
-  selector: 'app-grid-column-multiselect-filter',
-  templateUrl: './grid-column-multiselect-filter.component.html',
-  styleUrls: ['./grid-column-multiselect-filter.component.css']
+    selector: 'app-grid-column-multiselect-filter',
+    templateUrl: './grid-column-multiselect-filter.component.html',
+    styleUrls: ['./grid-column-multiselect-filter.component.css'],
+    standalone: false
 })
 export class GridColumnMultiselectFilterComponent implements OnInit, AfterViewInit {
   @Input() public isPrimitive: boolean;
diff --git a/Angular/Enrollment/src/app/html-page/html-page.component.ts b/Angular/Enrollment/src/app/html-page/html-page.component.ts
@@ -5,9 +5,10 @@ import { IHtmlPageSettings, IContentTemplate, IMessageTemplate } from '../stuctu
 import { ViewTypeEnum } from '../stuctures/screens/i-view-type';
 
 @Component({
-  selector: 'app-html-page',
-  templateUrl: './html-page.component.html',
-  styleUrls: ['./html-page.component.css']
+    selector: 'app-html-page',
+    templateUrl: './html-page.component.html',
+    styleUrls: ['./html-page.component.css'],
+    standalone: false
 })
 export class HtmlPageComponent implements OnInit {
   @ViewChild('welcomeTemplate', { static: true }) welcomeTemplate: TemplateRef<any>;
diff --git a/Angular/Enrollment/src/app/nav-bar/nav-bar.component.ts b/Angular/Enrollment/src/app/nav-bar/nav-bar.component.ts
@@ -4,21 +4,22 @@ import { INavigationBar } from '../stuctures/i-navigation-bar';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 
 @Component({
-  selector: 'app-nav-bar',
-  templateUrl: './nav-bar.component.html',
-  styleUrls: ['./nav-bar.component.css'],
-  animations: [
-    trigger('itemState', [
-      state('inactive', style({
-        background: "inherit", color: "inherit"
-      })),
-      state('active',   style({
-        background: "#4189C7", color: "white"
-      })),
-      transition('inactive => active', animate('0.2s 100ms ease-in')),
-      transition('active => inactive', animate('0.2s 100ms ease-out'))
-    ])
-  ]
+    selector: 'app-nav-bar',
+    templateUrl: './nav-bar.component.html',
+    styleUrls: ['./nav-bar.component.css'],
+    animations: [
+        trigger('itemState', [
+            state('inactive', style({
+                background: "inherit", color: "inherit"
+            })),
+            state('active', style({
+                background: "#4189C7", color: "white"
+            })),
+            transition('inactive => active', animate('0.2s 100ms ease-in')),
+            transition('active => inactive', animate('0.2s 100ms ease-out'))
+        ])
+    ],
+    standalone: false
 })
 export class NavBarComponent implements OnInit {
 
diff --git a/Angular/Enrollment/src/app/screen-host/screen-host.component.ts b/Angular/Enrollment/src/app/screen-host/screen-host.component.ts
