(chore) Upgrade to Angular 19 (#163)

Author: denniskigen

.eslintrc.json

@@ -32,7 +32,8 @@
         "@angular-eslint/no-empty-lifecycle-method": "warn",
         "@angular-eslint/no-input-rename": "warn",
         "@angular-eslint/no-output-native": "warn",
-        "@angular-eslint/no-output-on-prefix": "warn"
+        "@angular-eslint/no-output-on-prefix": "warn",
+        "@angular-eslint/prefer-standalone": "off"
       }
     },
     {

package.json

@@ -17,28 +17,28 @@
     "@carbon/styles": "1.x"
   },
   "dependencies": {
-    "@angular-devkit/core": "^18.2.12",
-    "@angular-extensions/elements": "^18.2.1",
-    "@angular/animations": "^18.2.13",
-    "@angular/cdk": "^18.2.13",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/forms": "^18.2.13",
-    "@angular/platform-browser": "^18.2.13",
-    "@angular/platform-browser-dynamic": "^18.2.13",
-    "@angular/router": "^18.2.13",
+    "@angular-devkit/core": "^19.2.19",
+    "@angular-extensions/elements": "^19.0.0",
+    "@angular/animations": "^19.2.18",
+    "@angular/cdk": "^19.0.0",
+    "@angular/common": "^19.2.18",
+    "@angular/compiler": "^19.2.18",
+    "@angular/core": "^19.2.18",
+    "@angular/forms": "^19.2.18",
+    "@angular/platform-browser": "^19.2.18",
+    "@angular/platform-browser-dynamic": "^19.2.18",
+    "@angular/router": "^19.2.18",
     "@carbon/styles": "1.x",
-    "@ng-select/ng-select": "^13.9.1",
+    "@ng-select/ng-select": "^14.0.0",
     "@ngx-translate/core": "^16.0.4",
-    "@openmrs/ngx-file-uploader": "next",
+    "@openmrs/ngx-file-uploader": "^19.0.0",
     "core-js": "^2.6.12",
     "font-awesome": "^4.7.0",
     "jquery": "^3.7.1",
     "jspdf": "^2.5.1",
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
-    "ngx-bootstrap": "^12.0.0",
+    "ngx-bootstrap": "^19.0.0",
     "ngx-webcam": "0.4.1",
     "pdfmake": "0.1.72",
     "reflect-metadata": "^0.1.13",
@@ -48,24 +48,26 @@
     "time-ago-pipe": "^1.3.2",
     "tree-model": "^1.0.7",
     "tslib": "^2.0.0",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.12",
+    "@angular-devkit/build-angular": "^19.2.19",
     "@angular-eslint/builder": "^19.0.2",
     "@angular-eslint/eslint-plugin": "^19.0.2",
     "@angular-eslint/eslint-plugin-template": "^19.0.2",
     "@angular-eslint/schematics": "^19.0.2",
     "@angular-eslint/template-parser": "^19.0.2",
-    "@angular/cli": "^18.2.12",
-    "@angular/compiler-cli": "^18.2.13",
-    "@angular/language-service": "^18.2.13",
-    "@angular/material": "^18.2.13",
+    "@angular/cli": "^19.2.19",
+    "@angular/compiler-cli": "^19.2.18",
+    "@angular/language-service": "^19.2.18",
+    "@angular/material": "^19.0.0",
     "@types/jasmine": "~3.6.11",
     "@types/jasminewd2": "~2.0.11",
     "@types/node": "^12.20.55",
-    "@typescript-eslint/eslint-plugin": "^7.11.0",
-    "@typescript-eslint/parser": "^7.11.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "@typescript-eslint/types": "^8.0.0",
+    "@typescript-eslint/utils": "^8.0.0",
     "browserslist-config-openmrs": "^1.0.1",
     "eslint": "^8.57.0",
     "husky": "^8.0.0",
@@ -78,13 +80,13 @@
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "^2.1.0",
     "lint-staged": "^15.2.2",
-    "ng-packagr": "^18.2.1",
+    "ng-packagr": "^19.2.2",
     "prettier": "2.1.2",
     "protractor": "~7.0.0",
     "sass": "^1.68.0",
     "ts-node": "~5.0.1",
     "turbo": "^2.2.3",
-    "typescript": "~5.4.5"
+    "typescript": "~5.8.3"
   },
   "browserslist": [
     "extends browserslist-config-openmrs"

projects/ngx-formentry/.eslintrc.cjs

@@ -25,7 +25,8 @@ module.exports = {
             prefix: 'ofe',
             style: 'kebab-case'
           }
-        ]
+        ],
+        '@angular-eslint/prefer-standalone': 'off'
       }
     },
     {

projects/ngx-formentry/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@openmrs/ngx-formentry",
-  "version": "18.0.0",
+  "version": "19.0.0",
   "dependencies": {},
   "peerDependencies": {
-    "@angular/animations": "^18.2.13",
-    "@angular/cdk": "^18.2.13",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/compiler-cli": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/forms": "^18.2.13",
+    "@angular/animations": "^19.0.0",
+    "@angular/cdk": "^19.0.0",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/compiler-cli": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/forms": "^19.0.0",
     "@carbon/styles": "1.x",
-    "@ng-select/ng-select": "^13.9.1",
+    "@ng-select/ng-select": "^14.0.0",
     "@ngx-translate/core": "^16.0.4",
-    "@openmrs/ngx-file-uploader": "next",
+    "@openmrs/ngx-file-uploader": "^19.0.0",
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
     "ngx-webcam": "^0.4.1",

projects/ngx-formentry/src/change-tracking/sample-form/sample-form.component.ts

@@ -9,8 +9,9 @@ import {
 
 import { AfeFormControl } from '../../abstract-controls-extension/afe-form-control';
 @Component({
-  selector: 'ofe-sample-form',
-  templateUrl: 'sample-form.component.html'
+    selector: 'ofe-sample-form',
+    templateUrl: 'sample-form.component.html',
+    standalone: false
 })
 export class SampleFormComponent implements OnInit {
   form: UntypedFormGroup;

projects/ngx-formentry/src/components/afe-ng-select.component.ts

@@ -6,21 +6,22 @@ import { Option } from '../form-entry/question-models/select-option';
 import { DataSource } from '../form-entry/question-models/interfaces/data-source';
 
 @Component({
-  selector: 'ofe-ng-select',
-  template: `<ng-select
+    selector: 'ofe-ng-select',
+    template: `<ng-select
     (searchInputText)="getChangingText($event)"
     (ngModelChange)="onValueChange($event)"
     [options]="question_options"
     [multiple]="multiple"
   >
   </ng-select> `,
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => AfeNgSelectComponent),
-      multi: true
-    }
-  ]
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => AfeNgSelectComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class AfeNgSelectComponent implements ControlValueAccessor, OnInit {
   subject: BehaviorSubject<Option[]>;

projects/ngx-formentry/src/components/appointments-overview/appointments-overview.component.ts

@@ -4,9 +4,10 @@ import { LeafNode } from '../../form-entry/form-factory/form-node';
 import moment from 'moment';
 
 @Component({
-  selector: 'ofe-appointments-overview',
-  templateUrl: './appointments-overview.component.html',
-  styleUrls: ['./appointments-overview.component.css']
+    selector: 'ofe-appointments-overview',
+    templateUrl: './appointments-overview.component.html',
+    styleUrls: ['./appointments-overview.component.css'],
+    standalone: false
 })
 export class AppointmentsOverviewComponent implements OnChanges {
   @Input() node: LeafNode;

projects/ngx-formentry/src/components/check-box/checkbox.component.ts

@@ -4,15 +4,16 @@ import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as _ from 'lodash';
 
 @Component({
-  selector: 'ofe-checkbox',
-  templateUrl: './checkbox.component.html',
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => CheckboxControlComponent),
-      multi: true
-    }
-  ]
+    selector: 'ofe-checkbox',
+    templateUrl: './checkbox.component.html',
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => CheckboxControlComponent),
+            multi: true
+        }
+    ],
+    standalone: false
 })
 export class CheckboxControlComponent implements OnInit {
   @Input() public id: String;

projects/ngx-formentry/src/components/custom-component-wrapper/custom-component-wrapper.component.ts

@@ -1,8 +1,9 @@
 import { Component, Input } from '@angular/core';
 
 @Component({
-  selector: 'ofe-custom-component-wrapper',
-  templateUrl: 'custom-component-wrapper.component.html'
+    selector: 'ofe-custom-component-wrapper',
+    templateUrl: 'custom-component-wrapper.component.html',
+    standalone: false
 })
 export class CustomComponentWrapperComponent {
   @Input()

projects/ngx-formentry/src/components/custom-control-wrapper/custom-control-wrapper.component.ts

@@ -3,15 +3,16 @@ import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { CustomControlQuestion } from '../../form-entry/question-models/custom-control-question.model';
 
 @Component({
-  selector: 'ofe-custom-control-wrapper',
-  templateUrl: 'custom-control-wrapper.component.html',
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      multi: true,
-      useExisting: forwardRef(() => CustomControlWrapperComponent)
-    }
-  ]
+    selector: 'ofe-custom-control-wrapper',
+    templateUrl: 'custom-control-wrapper.component.html',
+    providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            multi: true,
+            useExisting: forwardRef(() => CustomControlWrapperComponent)
+        }
+    ],
+    standalone: false
 })
 export class CustomControlWrapperComponent
   implements ControlValueAccessor, OnInit {