ng update @angular/core@19 @angular/cli@19

austenstone · austenstone · commit 2a6842433126 · 2025-06-03T09:36:12.000-04:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -11,33 +11,33 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.13",
+    "@angular/animations": "^19.2.14",
     "@angular/cdk": "^18.2.14",
-    "@angular/common": "^18.2.13",
-    "@angular/compiler": "^18.2.13",
-    "@angular/core": "^18.2.13",
-    "@angular/forms": "^18.2.13",
+    "@angular/common": "^19.2.14",
+    "@angular/compiler": "^19.2.14",
+    "@angular/core": "^19.2.14",
+    "@angular/forms": "^19.2.14",
     "@angular/material": "^18.2.14",
-    "@angular/platform-browser": "^18.2.13",
-    "@angular/platform-browser-dynamic": "^18.2.13",
-    "@angular/router": "^18.2.13",
+    "@angular/platform-browser": "^19.2.14",
+    "@angular/platform-browser-dynamic": "^19.2.14",
+    "@angular/router": "^19.2.14",
     "github-usage-report": "3.0",
     "highcharts": "^11.2.0",
     "highcharts-angular": "^4.0.0",
     "jspdf": "^2.5.1",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.19",
+    "@angular-devkit/build-angular": "^19.2.14",
     "@angular-eslint/builder": "19.7.1",
     "@angular-eslint/eslint-plugin": "19.7.1",
     "@angular-eslint/eslint-plugin-template": "19.7.1",
     "@angular-eslint/schematics": "19.7.1",
     "@angular-eslint/template-parser": "19.7.1",
-    "@angular/cli": "~18.2.19",
-    "@angular/compiler-cli": "^18.2.13",
+    "@angular/cli": "~19.2.14",
+    "@angular/compiler-cli": "^19.2.14",
     "@types/jasmine": "~4.3.0",
     "@typescript-eslint/eslint-plugin": "^7.2.0",
     "@typescript-eslint/parser": "^7.2.0",
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -20,6 +20,7 @@ const COPILOT_ICON = `<svg width="256px" height="208px" viewBox="0 0 256 208" ve
     selector: 'app-root',
     templateUrl: './app.component.html',
     styleUrls: ['./app.component.scss'],
+    standalone: false
 })
 export class AppComponent implements OnInit {
     theme!: 'light-theme' | 'dark-theme';
diff --git a/src/app/components/usage/actions/actions.component.ts b/src/app/components/usage/actions/actions.component.ts
@@ -2,9 +2,10 @@ import { Component, Input, OnInit } from '@angular/core';
 import { CustomUsageReportLine, UsageReportService } from 'src/app/usage-report.service';
 
 @Component({
-  selector: 'app-actions',
-  templateUrl: './actions.component.html',
-  styleUrl: './actions.component.scss'
+    selector: 'app-actions',
+    templateUrl: './actions.component.html',
+    styleUrl: './actions.component.scss',
+    standalone: false
 })
 export class ActionsComponent implements OnInit {
   @Input() data!: CustomUsageReportLine[];
diff --git a/src/app/components/usage/actions/charts/chart-bar-top-time/chart-bar-top-time.component.ts b/src/app/components/usage/actions/charts/chart-bar-top-time/chart-bar-top-time.component.ts
@@ -4,9 +4,10 @@ import { ThemingService } from 'src/app/theme.service';
 import { CustomUsageReportLine } from 'src/app/usage-report.service';
 
 @Component({
-  selector: 'app-chart-bar-top-time',
-  templateUrl: './chart-bar-top-time.component.html',
-  styleUrl: './chart-bar-top-time.component.scss'
+    selector: 'app-chart-bar-top-time',
+    templateUrl: './chart-bar-top-time.component.html',
+    styleUrl: './chart-bar-top-time.component.scss',
+    standalone: false
 })
 export class ChartBarTopTimeComponent implements OnChanges {
   @Input() data!: CustomUsageReportLine[];
diff --git a/src/app/components/usage/actions/charts/chart-line-usage-daily/chart-line-usage-daily.component.ts b/src/app/components/usage/actions/charts/chart-line-usage-daily/chart-line-usage-daily.component.ts
@@ -4,9 +4,10 @@ import { ThemingService } from 'src/app/theme.service';
 import { CustomUsageReportLine, UsageReportService } from 'src/app/usage-report.service';
 
 @Component({
-  selector: 'app-chart-line-usage-daily',
-  templateUrl: './chart-line-usage-daily.component.html',
-  styleUrl: './chart-line-usage-daily.component.scss'
+    selector: 'app-chart-line-usage-daily',
+    templateUrl: './chart-line-usage-daily.component.html',
+    styleUrl: './chart-line-usage-daily.component.scss',
+    standalone: false
 })
 export class ChartLineUsageDailyComponent implements OnChanges {
   @Input() data!: CustomUsageReportLine[];
diff --git a/src/app/components/usage/actions/charts/chart-pie-sku/chart-pie-sku.component.ts b/src/app/components/usage/actions/charts/chart-pie-sku/chart-pie-sku.component.ts
@@ -4,9 +4,10 @@ import { ThemingService } from 'src/app/theme.service';
 import { CustomUsageReportLine, UsageReportService } from 'src/app/usage-report.service';
 
 @Component({
-  selector: 'app-chart-pie-sku',
-  templateUrl: './chart-pie-sku.component.html',
-  styleUrl: './chart-pie-sku.component.scss'
+    selector: 'app-chart-pie-sku',
+    templateUrl: './chart-pie-sku.component.html',
+    styleUrl: './chart-pie-sku.component.scss',
+    standalone: false
 })
 export class ChartPieSkuComponent implements OnChanges {
   @Input() data!: CustomUsageReportLine[];
diff --git a/src/app/components/usage/actions/charts/chart-pie-user/chart-pie-user.component.ts b/src/app/components/usage/actions/charts/chart-pie-user/chart-pie-user.component.ts
@@ -4,9 +4,10 @@ import { ThemingService } from 'src/app/theme.service';
 import { CustomUsageReportLine, UsageReportService } from 'src/app/usage-report.service';
 
 @Component({
-  selector: 'app-chart-pie-user',
-  templateUrl: './chart-pie-user.component.html',
-  styleUrls: ['./chart-pie-user.component.scss']
+    selector: 'app-chart-pie-user',
+    templateUrl: './chart-pie-user.component.html',
+    styleUrls: ['./chart-pie-user.component.scss'],
+    standalone: false
 })
 export class ChartPieUserComponent implements OnChanges {
   @Input() data!: CustomUsageReportLine[];
diff --git a/src/app/components/usage/actions/table-workflow-usage/table-workflow-usage.component.ts b/src/app/components/usage/actions/table-workflow-usage/table-workflow-usage.component.ts
@@ -48,9 +48,10 @@ interface UsageColumn {
 }
 
 @Component({
-  selector: 'app-table-workflow-usage',
-  templateUrl: './table-workflow-usage.component.html',
-  styleUrl: './table-workflow-usage.component.scss'
+    selector: 'app-table-workflow-usage',
+    templateUrl: './table-workflow-usage.component.html',
+    styleUrl: './table-workflow-usage.component.scss',
+    standalone: false
 })
 export class TableWorkflowUsageComponent implements OnChanges, AfterViewInit {
   columns = [] as UsageColumn[];
@@ -290,7 +291,8 @@ import { Pipe, PipeTransform } from '@angular/core';
 import { CurrencyPipe, DecimalPipe } from '@angular/common';
 
 @Pipe({
-  name: 'duration'
+    name: 'duration',
+    standalone: false
 })
 export class DurationPipe implements PipeTransform {
 
diff --git a/src/app/components/usage/codespaces/codespaces.component.ts b/src/app/components/usage/codespaces/codespaces.component.ts
@@ -2,9 +2,10 @@ import { Component, Input } from '@angular/core';
 import { CustomUsageReportLine } from 'src/app/usage-report.service';
 
 @Component({
-  selector: 'app-codespaces',
-  templateUrl: './codespaces.component.html',
-  styleUrl: './codespaces.component.scss'
+    selector: 'app-codespaces',
+    templateUrl: './codespaces.component.html',
+    styleUrl: './codespaces.component.scss',
+    standalone: false
 })
 export class CodespacesComponent {
   @Input() data!: CustomUsageReportLine[];
diff --git a/src/app/components/usage/codespaces/table-codespaces-usage/table-codespaces-usage.component.ts b/src/app/components/usage/codespaces/table-codespaces-usage/table-codespaces-usage.component.ts
@@ -26,9 +26,10 @@ interface CodespacesUsageItem {
 }
 
 @Component({
-  selector: 'app-table-codespaces-usage',
-  templateUrl: './table-codespaces-usage.component.html',
-  styleUrl: './table-codespaces-usage.component.scss'
+    selector: 'app-table-codespaces-usage',
+    templateUrl: './table-codespaces-usage.component.html',
+    styleUrl: './table-codespaces-usage.component.scss',
+    standalone: false
 })
 export class TableCodespacesUsageComponent implements OnChanges, AfterViewInit {
   columns = [] as UsageColumn[];
@@ -179,7 +180,8 @@ import { Pipe, PipeTransform } from '@angular/core';
 import { CurrencyPipe, DecimalPipe } from '@angular/common';
 
 @Pipe({
-  name: 'duration'
+    name: 'duration',
+    standalone: false
 })
 export class DurationPipe implements PipeTransform {
   transform(minutes: number): string {
diff --git a/src/app/components/usage/copilot/copilot.component.ts b/src/app/components/usage/copilot/copilot.component.ts
@@ -2,9 +2,10 @@ import { Component, Input } from '@angular/core';
 import { CustomUsageReportLine } from 'src/app/usage-report.service';
 
 @Component({
-  selector: 'app-copilot',
-  templateUrl: './copilot.component.html',
-  styleUrl: './copilot.component.scss'
+    selector: 'app-copilot',
+    templateUrl: './copilot.component.html',
+    styleUrl: './copilot.component.scss',
+    standalone: false
 })
 export class CopilotComponent {
   @Input() data!: CustomUsageReportLine[];
diff --git a/src/app/components/usage/copilot/table-workflow-usage/table-copilot-usage.component.ts b/src/app/components/usage/copilot/table-workflow-usage/table-copilot-usage.component.ts
@@ -22,9 +22,10 @@ interface CopilotUsageItem {
 }
 
 @Component({
-  selector: 'app-table-copilot-usage',
-  templateUrl: './table-copilot-usage.component.html',
-  styleUrl: './table-copilot-usage.component.scss'
+    selector: 'app-table-copilot-usage',
+    templateUrl: './table-copilot-usage.component.html',
+    styleUrl: './table-copilot-usage.component.scss',
+    standalone: false
 })
 export class TableCopilotUsageComponent implements OnChanges, AfterViewInit {
   columns = [] as UsageColumn[];
@@ -190,7 +191,8 @@ import { Pipe, PipeTransform } from '@angular/core';
 import { CurrencyPipe, DecimalPipe } from '@angular/common';
 
 @Pipe({
-  name: 'duration'
+    name: 'duration',
+    standalone: false
 })
 export class DurationPipe implements PipeTransform {
   transform(minutes: number): string {
diff --git a/src/app/components/usage/dialog-billing-navigate.ts b/src/app/components/usage/dialog-billing-navigate.ts
@@ -10,8 +10,9 @@ interface DialogDataComponent {
 }
 
 @Component({
-  selector: 'app-dialog-billing-navigate',
-  templateUrl: 'dialog-billing-navigate.html',
+    selector: 'app-dialog-billing-navigate',
+    templateUrl: 'dialog-billing-navigate.html',
+    standalone: false
 })
 export class DialogBillingNavigateComponent {
   constructor(
diff --git a/src/app/components/usage/file-upload/file-upload.component.ts b/src/app/components/usage/file-upload/file-upload.component.ts
@@ -1,9 +1,10 @@
 import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
 
 @Component({
-  selector: 'app-file-upload',
-  templateUrl: './file-upload.component.html',
-  styleUrls: ['./file-upload.component.scss']
+    selector: 'app-file-upload',
+    templateUrl: './file-upload.component.html',
+    styleUrls: ['./file-upload.component.scss'],
+    standalone: false
 })
 export class FileUploadComponent {
   @Input() text: string = 'Choose File';
diff --git a/src/app/components/usage/shared-storage/charts/line-usage-time/line-usage-time.component.ts b/src/app/components/usage/shared-storage/charts/line-usage-time/line-usage-time.component.ts
@@ -4,9 +4,10 @@ import { ThemingService } from 'src/app/theme.service';
 import { CustomUsageReportLine } from 'src/app/usage-report.service';
 
 @Component({
-  selector: 'app-line-usage-time',
-  templateUrl: './line-usage-time.component.html',
-  styleUrl: './line-usage-time.component.scss'
+    selector: 'app-line-usage-time',
+    templateUrl: './line-usage-time.component.html',
+    styleUrl: './line-usage-time.component.scss',
+    standalone: false
 })
 export class LineUsageTimeComponent implements OnChanges {
   @Input() data!: CustomUsageReportLine[];
diff --git a/src/app/components/usage/shared-storage/shared-storage.component.ts b/src/app/components/usage/shared-storage/shared-storage.component.ts
@@ -2,9 +2,10 @@ import { Component, Input } from '@angular/core';
 import { CustomUsageReportLine } from 'src/app/usage-report.service';
 
 @Component({
-  selector: 'app-shared-storage',
-  templateUrl: './shared-storage.component.html',
-  styleUrl: './shared-storage.component.scss'
+    selector: 'app-shared-storage',
+    templateUrl: './shared-storage.component.html',
+    styleUrl: './shared-storage.component.scss',
+    standalone: false
 })
 export class SharedStorageComponent {
   @Input() data!: CustomUsageReportLine[];
diff --git a/src/app/components/usage/shared-storage/table-shared-storage/table-shared-storage.component.ts b/src/app/components/usage/shared-storage/table-shared-storage/table-shared-storage.component.ts
@@ -17,9 +17,10 @@ type SharedStorageUsageItem = {
 };
 
 @Component({
-  selector: 'app-table-shared-storage',
-  templateUrl: './table-shared-storage.component.html',
-  styleUrl: './table-shared-storage.component.scss'
+    selector: 'app-table-shared-storage',
+    templateUrl: './table-shared-storage.component.html',
+    styleUrl: './table-shared-storage.component.scss',
+    standalone: false
 })
 export class TableSharedStorageComponent implements OnChanges, AfterViewInit {
   columns: {
@@ -227,7 +228,8 @@ const defaultPrecisionMap: unitPrecisionMap = {
 };
 
 @Pipe({
-  name: 'formatFileSize'
+    name: 'formatFileSize',
+    standalone: false
 })
 export class FormatFileSizePipe implements PipeTransform {
   private readonly units: unit[] = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB'];
diff --git a/src/app/components/usage/usage.component.ts b/src/app/components/usage/usage.component.ts
@@ -7,9 +7,10 @@ import { DialogBillingNavigateComponent } from './dialog-billing-navigate';
 import { MatDialog } from '@angular/material/dialog';
 
 @Component({
-  selector: 'app-usage',
-  templateUrl: './usage.component.html',
-  styleUrls: ['./usage.component.scss']
+    selector: 'app-usage',
+    templateUrl: './usage.component.html',
+    styleUrls: ['./usage.component.scss'],
+    standalone: false
 })
 export class UsageComponent implements OnInit, OnDestroy {
   usage!: UsageReport;
