update angular to 13.1.0

pdb-js/src/app/plot.service.ts

@@ -1,6 +1,6 @@
 import { Injectable, OnInit } from '@angular/core';
 import { HttpClient, HttpParams } from '@angular/common/http';
-import { Observable } from 'rxjs/Observable';
+import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
 
 
@@ -80,7 +80,7 @@ export class PlotService {
     const q = "("+query+") and "+splitBy+"=";
     return this.autocomplete(q, q.length+1, ResultMode.FULL_VALUES).pipe(
       map(
-        autocompleteResult => autocompleteResult.proposals.map(suggestion => suggestion.value)
+        (autocompleteResult: AutocompleteResult) => autocompleteResult.proposals.map((suggestion:Suggestion) => suggestion.value)
       )
     );
   }
@@ -181,39 +181,44 @@ export class AxesTypes {
     const x2 = this.getXAxisDataType(2);
     const y2 = this.getYAxisDataType(2);
   
-    return "x1:"+DataType[x1]+ " y1:"+DataType[y1]+ " x2:"+DataType[x2]+ " y2:"+DataType[y2]; 
+    return (x1 ? "x1:"+DataType[x1] : "")
+      + (y1 ? " y1:"+DataType[y1] : "")
+      + (x2 ? " x2:"+DataType[x2] : "")
+      + (y2 ? " y2:"+DataType[y2] : ""); 
   }
 }
 
 export class Suggestion {
-  value: string;
-  newQuery: string;
-  newCaretPosition: number;
+  constructor(
+    public value: string,
+    public newQuery: string,
+    public newCaretPosition: number){}
 }
 
 
 export class AutocompleteResult{
-  proposals: Array<Suggestion>;
+  constructor(public proposals: Array<Suggestion>){}
 }
 
 export class PlotRequest {
-  query : string;
-  height : number;
-  width : number;
-  thumbnailMaxWidth : number = 300;
-  thumbnailMaxHeight : number = 200;
-  groupBy : Array<string>;
-  limitBy : string;
-  limit : number;
-  y1:YAxisDefinition;
-  y2:YAxisDefinition;
-  dateRange : string;
-  aggregates : Array<string>;
-  keyOutside : boolean = false;
-  generateThumbnail : boolean;
-  intervalUnit: string;
-  intervalValue: number;
-  renderBarChartTickLabels: boolean = false;
+  constructor(
+    public query : string,
+    public height : number,
+    public width : number,
+    public thumbnailMaxWidth : number = 300,
+    public thumbnailMaxHeight : number = 200,
+    public groupBy : Array<string>,
+    public limitBy : string,
+    public limit : number,
+    public y1:YAxisDefinition,
+    public y2:YAxisDefinition|undefined,
+    public dateRange : string,
+    public aggregates : Array<string>,
+    public keyOutside : boolean = false,
+    public generateThumbnail : boolean,
+    public intervalUnit: string,
+    public intervalValue: number,
+    public renderBarChartTickLabels: boolean = false){}
   
   copy(): PlotRequest {
     return JSON.parse(JSON.stringify(this));
@@ -221,46 +226,52 @@ export class PlotRequest {
 }
 
 export class YAxisDefinition {
-  axisScale : string;
-  rangeMin : number;
-  rangeMax : number;
-  rangeUnit  : string;
+  constructor(
+    public axisScale : string,
+    public rangeMin : number,
+    public rangeMax : number,
+    public rangeUnit  : string){}
 }
 
 export class PlotResponse {
-  imageUrl : string;
-  stats : PlotResponseStats;
-  thumbnailUrl : string;
+  constructor(
+    public imageUrl : string,
+    public stats : PlotResponseStats,
+    public thumbnailUrl : string){}
 }
 
 export class PlotResponseStats {
-  maxValue : number;
-  values : number;
-  average : number ;
-  plottedValues : number;
-  maxAvgRatio: number;
-  dataSeriesStats : Array<DataSeriesStats>;
+  constructor(
+    public maxValue : number,
+    public values : number,
+    public average : number,
+    public plottedValues : number,
+    public maxAvgRatio: number,
+    public dataSeriesStats : Array<DataSeriesStats>){}
 }
 
 export class DataSeriesStats {
-  name: string;
-  values : number;
-  maxValue : number;
-  average : number;
-  plottedValues : number;
-  dashTypeAndColor: DashTypeAndColor;
-  percentiles: Map<string, number>
+  constructor(
+    public name: string,
+    public values : number,
+    public maxValue : number,
+    public average : number ,
+    public plottedValues : number,
+    public dashTypeAndColor: DashTypeAndColor,
+    public percentiles: Map<string, number>){}
 }
 
 export class DashTypeAndColor {
-  color: string;
-  pointType: number;
+  constructor(
+    public color: string,
+    public pointType: number) {}
 }
 
 export class FilterDefaults {
-  groupBy: Array<string>;
-  fields: Array<string>; 
-  splitBy: string;
+  constructor(
+    public groupBy: Array<string>,
+    public fields: Array<string>, 
+    public splitBy: string){}
 }
 
 export enum ResultMode {