update to angular 19

angular.json

@@ -11,12 +11,15 @@
       "schematics": {},
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "www",
+            "outputPath": {
+              "base": "www"
+            },
             "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": [
+              "src/polyfills.ts"
+            ],
             "tsConfig": "src/tsconfig.app.json",
             "assets": [
               {
@@ -43,7 +46,8 @@
             "scripts": [],
             "allowedCommonJsDependencies": [
               "moment"
-            ]
+            ],
+            "browser": "src/main.ts"
           },
           "configurations": {
             "production": {
@@ -59,17 +63,14 @@
               "namedChunks": false,
               "aot": true,
               "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "budgets": [
                 {
                   "type": "initial",
                   "maximumWarning": "2mb",
                   "maximumError": "5mb"
                 }
               ],
-              "serviceWorker": true,
-              "ngswConfigPath": "src/ngsw-config.json"
+              "serviceWorker": "src/ngsw-config.json"
             },
             "ci": {
               "progress": false
@@ -79,11 +80,11 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "app:build"
+            "buildTarget": "app:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "app:build:production"
+              "buildTarget": "app:build:production"
             },
             "ci": {
               "progress": false
@@ -93,7 +94,7 @@
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "app:build"
+            "buildTarget": "app:build"
           }
         },
         "test": {

package.json

@@ -15,15 +15,15 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~18.2.12",
-    "@angular/common": "~18.2.12",
-    "@angular/core": "~18.2.12",
+    "@angular/animations": "~19.0.1",
+    "@angular/common": "~19.0.1",
+    "@angular/core": "~19.0.1",
     "@angular/fire": "^18.0.1",
-    "@angular/forms": "~18.2.12",
-    "@angular/platform-browser": "~18.2.12",
-    "@angular/platform-browser-dynamic": "~18.2.12",
-    "@angular/router": "~18.2.12",
-    "@angular/service-worker": "~18.2.12",
+    "@angular/forms": "~19.0.1",
+    "@angular/platform-browser": "~19.0.1",
+    "@angular/platform-browser-dynamic": "~19.0.1",
+    "@angular/router": "~19.0.1",
+    "@angular/service-worker": "~19.0.1",
     "@heliomarpm/ion-calendar": "^7.16.4",
     "@ionic/angular": "^8.4.0",
     "@ionic/core": "^8.4.0",
@@ -41,16 +41,16 @@
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.12",
+    "@angular-devkit/build-angular": "^19.0.2",
     "@angular-eslint/builder": "18.4.1",
     "@angular-eslint/eslint-plugin": "18.4.1",
     "@angular-eslint/eslint-plugin-template": "18.4.1",
     "@angular-eslint/schematics": "18.4.1",
     "@angular-eslint/template-parser": "18.4.1",
-    "@angular/cli": "~18.2.12",
-    "@angular/compiler": "~18.2.12",
-    "@angular/compiler-cli": "~18.2.12",
-    "@angular/language-service": "~18.2.12",
+    "@angular/cli": "~19.0.2",
+    "@angular/compiler": "~19.0.1",
+    "@angular/compiler-cli": "~19.0.1",
+    "@angular/language-service": "~19.0.1",
     "@ionic/angular-toolkit": "^12.1.1",
     "@types/hammerjs": "^2.0.46",
     "@types/node": "~22.9.0",
@@ -65,7 +65,7 @@
     "eslint-plugin-react": "^7.37.2",
     "prettier": "^3.3.3",
     "ts-node": "~10.9.2",
-    "typescript": "5.5.4"
+    "typescript": "5.6.3"
   },
   "packageManager": "[email protected]+sha512.6e2baf77d06b9362294152c851c4f278ede37ab1eba3a55fda317a4a17b209f4dbb973fb250a77abc463a341fcb1f17f17cfa24091c4eb319cda0d9b84278387"
 }

src/app/about/about.page.ts

@@ -4,6 +4,7 @@ import {Component, OnInit} from '@angular/core';
     selector: 'app-about',
     templateUrl: './about.page.html',
     styleUrls: ['./about.page.scss'],
+    standalone: false
 })
 export class AboutPage implements OnInit {
 

src/app/app.component.ts

@@ -9,7 +9,8 @@ export const MONTHS = ['January',
 
 @Component({
     selector: 'app-root',
-    templateUrl: 'app.component.html'
+    templateUrl: 'app.component.html',
+    standalone: false
 })
 export class AppComponent {
     public appPages = [];

src/app/auth/login/login.page.ts

@@ -5,6 +5,7 @@ import {AuthService} from '../auth.service';
     selector: 'app-login',
     templateUrl: './login.page.html',
     styleUrls: ['./login.page.scss'],
+    standalone: false
 })
 export class LoginPage implements OnInit {
     userEmail: string;

src/app/auth/signup/signup.page.ts

@@ -5,6 +5,7 @@ import {AuthService} from '../auth.service';
     selector: 'app-signup',
     templateUrl: './signup.page.html',
     styleUrls: ['./signup.page.scss'],
+    standalone: false
 })
 export class SignupPage implements OnInit {
     userEmail: string;

src/app/month/month.page.ts

@@ -16,6 +16,7 @@ interface ICalendarComponentOptions2 extends ICalendarComponentOptions {
     selector: "app-month",
     templateUrl: "./month.page.html",
     styleUrls: ["./month.page.scss"],
+    standalone: false
 })
 export class MonthPage implements OnInit {
     @ViewChild("calendar", {read: CalendarComponent, static: true})

src/app/notes/notes.page.ts

@@ -6,6 +6,7 @@ import {MaterialService} from '../services/material.service';
     selector: 'app-notes',
     templateUrl: './notes.page.html',
     styleUrls: ['./notes.page.scss'],
+    standalone: false
 })
 export class NotesPage implements OnInit {
     data: any;

src/app/today/text-select-event.directive.ts

@@ -19,7 +19,8 @@ interface SelectionRectangle {
 
 @Directive({
     selector: '[textSelect]',
-    outputs: ['textSelectEvent: textSelect']
+    outputs: ['textSelectEvent: textSelect'],
+    standalone: false
 })
 export class TextSelectDirective implements OnInit, OnDestroy {
 

src/app/today/today.page.ts

@@ -10,9 +10,10 @@ import { AngularFireAnalytics } from "@angular/fire/compat/analytics";
 import { DateTime } from "luxon";
 
 @Component({
-  selector: "app-today",
-  templateUrl: "./today.page.html",
-  styleUrls: ["./today.page.scss"],
+    selector: "app-today",
+    templateUrl: "./today.page.html",
+    styleUrls: ["./today.page.scss"],
+    standalone: false
 })
 export class TodayPage implements OnInit {
   @ViewChild("content", { static: true }) content;

src/global.scss

@@ -1,14 +1,14 @@
 // http://ionicframework.com/docs/theming/
-@import '~@ionic/angular/css/core.css';
-@import '~@ionic/angular/css/normalize.css';
-@import '~@ionic/angular/css/structure.css';
-@import '~@ionic/angular/css/typography.css';
+@import '@ionic/angular/css/core.css';
+@import '@ionic/angular/css/normalize.css';
+@import '@ionic/angular/css/structure.css';
+@import '@ionic/angular/css/typography.css';
 
-@import '~@ionic/angular/css/padding.css';
-@import '~@ionic/angular/css/float-elements.css';
-@import '~@ionic/angular/css/text-alignment.css';
-@import '~@ionic/angular/css/text-transformation.css';
-@import '~@ionic/angular/css/flex-utils.css';
+@import '@ionic/angular/css/padding.css';
+@import '@ionic/angular/css/float-elements.css';
+@import '@ionic/angular/css/text-alignment.css';
+@import '@ionic/angular/css/text-transformation.css';
+@import '@ionic/angular/css/flex-utils.css';
 
 
 @media (min-width: 450px) {

tsconfig.json

@@ -4,6 +4,7 @@
     "baseUrl": "./",
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
+    "esModuleInterop": true,
     "declaration": false,
     "module": "esnext",
     "moduleResolution": "node",