update

package.json

@@ -10,16 +10,16 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.7",
-    "@angular/common": "^18.2.7",
-    "@angular/compiler": "^18.2.7",
-    "@angular/core": "^18.2.7",
-    "@angular/forms": "^18.2.7",
-    "@angular/localize": "^18.2.7",
-    "@angular/platform-browser": "^18.2.7",
-    "@angular/platform-browser-dynamic": "^18.2.7",
-    "@angular/router": "^18.2.7",
-    "@angular/service-worker": "^18.2.7",
+    "@angular/animations": "^19.0.0",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/forms": "^19.0.0",
+    "@angular/localize": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-browser-dynamic": "^19.0.0",
+    "@angular/router": "^19.0.0",
+    "@angular/service-worker": "^19.0.0",
     "@citation-js/core": "^0.7.14",
     "@citation-js/plugin-csl": "^0.7.14",
     "@citation-js/plugin-doi": "^0.7.16",
@@ -29,7 +29,6 @@
     "@types/cytoscape": "^3.19.4",
     "@types/cytoscape-fcose": "^2.2.1",
     "@types/plotly.js-dist-min": "^2.3.0",
-
     "angular-plotly.js": "^5.2.2",
     "anova": "^1.0.2",
     "bootstrap": "^5.3.2",
@@ -56,12 +55,12 @@
     "tslib": "^2.3.0",
     "uniprotparserjs": "^1.0.25",
     "uuid-readable": "^0.0.2",
-    "zone.js": "~0.14.2"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^18.2.7",
     "@angular/cli": "^18.2.7",
-    "@angular/compiler-cli": "^18.2.7",
+    "@angular/compiler-cli": "^19.0.0",
     "@types/chroma-js": "^2.1.3",
     "@types/cytoscape-cxtmenu": "^3.4.0",
     "@types/file-saver": "^2.0.5",

src/app/accounts/accounts/accounts.component.ts

@@ -5,9 +5,10 @@ import {FormBuilder} from "@angular/forms";
 import {forkJoin, Observable} from "rxjs";
 
 @Component({
-  selector: 'app-accounts',
-  templateUrl: './accounts.component.html',
-  styleUrls: ['./accounts.component.scss']
+    selector: 'app-accounts',
+    templateUrl: './accounts.component.html',
+    styleUrls: ['./accounts.component.scss'],
+    standalone: false
 })
 export class AccountsComponent implements OnInit {
   data: any = {}

src/app/accounts/login-modal/login-modal.component.ts

@@ -11,9 +11,10 @@ import {environment} from "../../../environments/environment";
 
 
 @Component({
-  selector: 'app-login-modal',
-  templateUrl: './login-modal.component.html',
-  styleUrls: ['./login-modal.component.scss']
+    selector: 'app-login-modal',
+    templateUrl: './login-modal.component.html',
+    styleUrls: ['./login-modal.component.scss'],
+    standalone: false
 })
 export class LoginModalComponent implements OnInit, OnDestroy {
   allowOrcid = true

src/app/app.component.ts

@@ -11,9 +11,10 @@ import {DataService} from "./data.service";
 import {environment} from "../environments/environment";
 
 @Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
+    selector: 'app-root',
+    templateUrl: './app.component.html',
+    styleUrls: ['./app.component.scss'],
+    standalone: false
 })
 export class AppComponent implements AfterViewInit {
   title = 'Curtain';

src/app/components/api-key-modal/api-key-modal.component.ts

@@ -5,15 +5,14 @@ import {WebService} from "../../web.service";
 import {AccountsService} from "../../accounts/accounts.service";
 
 @Component({
-  selector: 'app-api-key-modal',
-  standalone: true,
-  imports: [
-    ReactiveFormsModule,
-    FormsModule,
-    NgbAlert
-  ],
-  templateUrl: './api-key-modal.component.html',
-  styleUrl: './api-key-modal.component.scss'
+    selector: 'app-api-key-modal',
+    imports: [
+        ReactiveFormsModule,
+        FormsModule,
+        NgbAlert
+    ],
+    templateUrl: './api-key-modal.component.html',
+    styleUrl: './api-key-modal.component.scss'
 })
 export class ApiKeyModalComponent {
   form = this.fb.group({

src/app/components/are-you-sure-clear-modal/are-you-sure-clear-modal.component.ts

@@ -3,13 +3,12 @@ import {NgbActiveModal} from "@ng-bootstrap/ng-bootstrap";
 import {FormsModule} from "@angular/forms";
 
 @Component({
-  selector: 'app-are-you-sure-clear-modal',
-  standalone: true,
-  imports: [
-    FormsModule
-  ],
-  templateUrl: './are-you-sure-clear-modal.component.html',
-  styleUrl: './are-you-sure-clear-modal.component.scss'
+    selector: 'app-are-you-sure-clear-modal',
+    imports: [
+        FormsModule
+    ],
+    templateUrl: './are-you-sure-clear-modal.component.html',
+    styleUrl: './are-you-sure-clear-modal.component.scss'
 })
 export class AreYouSureClearModalComponent {
   remember = false

src/app/components/bar-chart/bar-chart.component.ts

@@ -9,9 +9,10 @@ import {SettingsService} from "../../settings.service";
 import {ObjectUnsubscribedError, Subject} from "rxjs";
 
 @Component({
-  selector: 'app-bar-chart',
-  templateUrl: './bar-chart.component.html',
-  styleUrls: ['./bar-chart.component.scss']
+    selector: 'app-bar-chart',
+    templateUrl: './bar-chart.component.html',
+    styleUrls: ['./bar-chart.component.scss'],
+    standalone: false
 })
 export class BarChartComponent implements OnInit {
   _data: any = {}

src/app/components/batch-search/batch-search.component.ts

@@ -17,9 +17,10 @@ import {
 } from "rxjs";
 
 @Component({
-  selector: 'app-batch-search',
-  templateUrl: './batch-search.component.html',
-  styleUrls: ['./batch-search.component.scss']
+    selector: 'app-batch-search',
+    templateUrl: './batch-search.component.html',
+    styleUrls: ['./batch-search.component.scss'],
+    standalone: false
 })
 export class BatchSearchComponent implements OnInit {
   @ViewChild('instance', { static: true }) instance: NgbTypeahead | undefined;

src/app/components/citation/citation.component.ts

@@ -2,9 +2,10 @@ import {Component, Input, OnInit} from '@angular/core';
 import {NgbActiveModal} from "@ng-bootstrap/ng-bootstrap";
 
 @Component({
-  selector: 'app-citation',
-  templateUrl: './citation.component.html',
-  styleUrls: ['./citation.component.scss']
+    selector: 'app-citation',
+    templateUrl: './citation.component.html',
+    styleUrls: ['./citation.component.scss'],
+    standalone: false
 })
 export class CitationComponent implements OnInit {
   _resourceName = "UniProt"

src/app/components/collaborate-modal/collaborate-modal.component.ts

@@ -7,9 +7,10 @@ import {ToastService} from "../../toast.service";
 import {Options} from "ngx-qrcode-styling";
 
 @Component({
-  selector: 'app-collaborate-modal',
-  templateUrl: './collaborate-modal.component.html',
-  styleUrls: ['./collaborate-modal.component.scss']
+    selector: 'app-collaborate-modal',
+    templateUrl: './collaborate-modal.component.html',
+    styleUrls: ['./collaborate-modal.component.scss'],
+    standalone: false
 })
 export class CollaborateModalComponent implements OnInit {
   form = this.fb.group({

src/app/components/comparison-against-other-prompt/comparison-against-other-prompt.component.ts

@@ -9,9 +9,10 @@ import {Subscription} from "rxjs";
 import {ToastService} from "../../toast.service";
 
 @Component({
-  selector: 'app-comparison-against-other-prompt',
-  templateUrl: './comparison-against-other-prompt.component.html',
-  styleUrls: ['./comparison-against-other-prompt.component.scss']
+    selector: 'app-comparison-against-other-prompt',
+    templateUrl: './comparison-against-other-prompt.component.html',
+    styleUrls: ['./comparison-against-other-prompt.component.scss'],
+    standalone: false
 })
 export class ComparisonAgainstOtherPromptComponent implements OnDestroy{
 

src/app/components/comparison-selections/comparison-selections.component.ts

@@ -2,9 +2,10 @@ import {Component, EventEmitter, OnInit, Output} from '@angular/core';
 import {DataService} from "../../data.service";
 
 @Component({
-  selector: 'app-comparison-selections',
-  templateUrl: './comparison-selections.component.html',
-  styleUrls: ['./comparison-selections.component.scss']
+    selector: 'app-comparison-selections',
+    templateUrl: './comparison-selections.component.html',
+    styleUrls: ['./comparison-selections.component.scss'],
+    standalone: false
 })
 export class ComparisonSelectionsComponent implements OnInit {
   selected: string = ""

src/app/components/correlation-matrix/correlation-matrix.component.ts

@@ -7,9 +7,10 @@ import {WebService} from "../../web.service";
 import {SettingsService} from "../../settings.service";
 
 @Component({
-  selector: 'app-correlation-matrix',
-  templateUrl: './correlation-matrix.component.html',
-  styleUrls: ['./correlation-matrix.component.scss']
+    selector: 'app-correlation-matrix',
+    templateUrl: './correlation-matrix.component.html',
+    styleUrls: ['./correlation-matrix.component.scss'],
+    standalone: false
 })
 export class CorrelationMatrixComponent implements OnInit {
   graphData: any[] = []

src/app/components/curtain-stats-summary/curtain-stats-summary.component.ts

@@ -3,9 +3,10 @@ import {AccountsService} from "../../accounts/accounts.service";
 import {NgbActiveModal} from "@ng-bootstrap/ng-bootstrap";
 
 @Component({
-  selector: 'app-curtain-stats-summary',
-  templateUrl: './curtain-stats-summary.component.html',
-  styleUrls: ['./curtain-stats-summary.component.scss']
+    selector: 'app-curtain-stats-summary',
+    templateUrl: './curtain-stats-summary.component.html',
+    styleUrls: ['./curtain-stats-summary.component.scss'],
+    standalone: false
 })
 export class CurtainStatsSummaryComponent {
   graphDataDownload: any[] = []

src/app/components/cytoplot/cytoplot.component.ts

@@ -12,9 +12,10 @@ import {SettingsService} from "../../settings.service";
 cytoscape.use(fcose);
 //cytoscape.use(cxtmenu);
 @Component({
-  selector: 'app-cytoplot',
-  templateUrl: './cytoplot.component.html',
-  styleUrls: ['./cytoplot.component.scss']
+    selector: 'app-cytoplot',
+    templateUrl: './cytoplot.component.html',
+    styleUrls: ['./cytoplot.component.scss'],
+    standalone: false
 })
 export class CytoplotComponent implements OnInit, AfterViewInit {
   private _dimensions = {width: 700, height: 700}

src/app/components/data-selection-management/data-selection-management.component.ts

@@ -6,9 +6,10 @@ import {NgbActiveModal, NgbModal} from "@ng-bootstrap/ng-bootstrap";
 import {UniprotService} from "../../uniprot.service";
 
 @Component({
-  selector: 'app-data-selection-management',
-  templateUrl: './data-selection-management.component.html',
-  styleUrls: ['./data-selection-management.component.scss']
+    selector: 'app-data-selection-management',
+    templateUrl: './data-selection-management.component.html',
+    styleUrls: ['./data-selection-management.component.scss'],
+    standalone: false
 })
 export class DataSelectionManagementComponent implements OnInit {
   selectionForms: {[key: string]: FormGroup} = {}

src/app/components/datacite-metadata-display/datacite-citation/datacite-citation.component.ts

@@ -11,13 +11,12 @@ import {FormsModule} from "@angular/forms";
 import {NgbActiveModal} from "@ng-bootstrap/ng-bootstrap";
 
 @Component({
-  selector: 'app-datacite-citation',
-  standalone: true,
-  imports: [
-    FormsModule
-  ],
-  templateUrl: './datacite-citation.component.html',
-  styleUrl: './datacite-citation.component.scss'
+    selector: 'app-datacite-citation',
+    imports: [
+        FormsModule
+    ],
+    templateUrl: './datacite-citation.component.html',
+    styleUrl: './datacite-citation.component.scss'
 })
 export class DataciteCitationComponent implements OnInit {
   private _doi: string = ""

src/app/components/datacite-metadata-display/datacite-metadata-display.component.ts

@@ -4,14 +4,13 @@ import {DataciteCitationComponent} from "./datacite-citation/datacite-citation.c
 import {NgbModal, NgbTooltip} from "@ng-bootstrap/ng-bootstrap";
 
 @Component({
-  selector: 'app-datacite-metadata-display',
-  standalone: true,
-  imports: [
-    DataciteCitationComponent,
-    NgbTooltip
-  ],
-  templateUrl: './datacite-metadata-display.component.html',
-  styleUrl: './datacite-metadata-display.component.scss'
+    selector: 'app-datacite-metadata-display',
+    imports: [
+        DataciteCitationComponent,
+        NgbTooltip
+    ],
+    templateUrl: './datacite-metadata-display.component.html',
+    styleUrl: './datacite-metadata-display.component.scss'
 })
 export class DataciteMetadataDisplayComponent {
   private _metadata: DataCiteMetadata|undefined

src/app/components/datacite/datacite.component.ts

@@ -13,16 +13,15 @@ import {environment} from "../../../environments/environment";
 import {ToastService} from "../../toast.service";
 
 @Component({
-  selector: 'app-datacite',
-  standalone: true,
-  imports: [
-    ReactiveFormsModule,
-    NgbTypeahead,
-    FormsModule,
-    NgbHighlight
-  ],
-  templateUrl: './datacite.component.html',
-  styleUrl: './datacite.component.scss'
+    selector: 'app-datacite',
+    imports: [
+        ReactiveFormsModule,
+        NgbTypeahead,
+        FormsModule,
+        NgbHighlight
+    ],
+    templateUrl: './datacite.component.html',
+    styleUrl: './datacite.component.scss'
 })
 export class DataciteComponent {
   private _linkID: string = ""

src/app/components/default-color-palette/default-color-palette.component.ts

@@ -6,9 +6,10 @@ import {FormBuilder} from "@angular/forms";
 import {ToastService} from "../../toast.service";
 
 @Component({
-  selector: 'app-default-color-palette',
-  templateUrl: './default-color-palette.component.html',
-  styleUrls: ['./default-color-palette.component.scss']
+    selector: 'app-default-color-palette',
+    templateUrl: './default-color-palette.component.html',
+    styleUrls: ['./default-color-palette.component.scss'],
+    standalone: false
 })
 export class DefaultColorPaletteComponent implements OnInit {
   currentColor: string[] = []

src/app/components/draggable-element/draggable-element.component.ts

@@ -2,9 +2,10 @@ import {AfterContentInit, Component, ElementRef, Input, OnInit, ViewChild} from
 import {DataService} from "../../data.service";
 
 @Component({
-  selector: 'app-draggable-element',
-  templateUrl: './draggable-element.component.html',
-  styleUrls: ['./draggable-element.component.scss']
+    selector: 'app-draggable-element',
+    templateUrl: './draggable-element.component.html',
+    styleUrls: ['./draggable-element.component.scss'],
+    standalone: false
 })
 export class DraggableElementComponent implements OnInit, AfterContentInit {
   @Input() label = ""

src/app/components/encryption-settings/encryption-settings.component.ts

@@ -15,9 +15,10 @@ import {AccountsService} from "../../accounts/accounts.service";
 import {WebService} from "../../web.service";
 
 @Component({
-  selector: 'app-encryption-settings',
-  templateUrl: './encryption-settings.component.html',
-  styleUrls: ['./encryption-settings.component.scss']
+    selector: 'app-encryption-settings',
+    templateUrl: './encryption-settings.component.html',
+    styleUrls: ['./encryption-settings.component.scss'],
+    standalone: false
 })
 export class EncryptionSettingsComponent {
   public_key: CryptoKey|undefined = undefined

src/app/components/enrichr-modal/enrichr-modal.component.ts

@@ -6,9 +6,10 @@ import {NgbActiveModal} from "@ng-bootstrap/ng-bootstrap";
 import {UniprotService} from "../../uniprot.service";
 
 @Component({
-  selector: 'app-enrichr-modal',
-  templateUrl: './enrichr-modal.component.html',
-  styleUrls: ['./enrichr-modal.component.scss']
+    selector: 'app-enrichr-modal',
+    templateUrl: './enrichr-modal.component.html',
+    styleUrls: ['./enrichr-modal.component.scss'],
+    standalone: false
 })
 export class EnrichrModalComponent implements OnInit {
   enrichr: Enrichr = new Enrichr()