@c8y/ngx-components 1023.14.131 → 1023.14.135

package/echart/index.d.ts

@@ -264,6 +264,7 @@ declare class ChartsComponent implements OnChanges, OnInit, OnDestroy {
     chart: ElementRef;
     CHART_VIEW_CONTEXT: typeof CHART_VIEW_CONTEXT;
     private configChangedSubject;
+    private destroyRef;
     private readonly measurementService;
     private readonly echartsOptionsService;
     private readonly chartRealtimeService;

package/echart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sources":["../../echart/models/datapoints-graph-widget.model.ts","../../echart/models/chart.model.ts","../../echart/models/svg-icons.model.ts","../../echart/charts.component.ts","../../echart/services/chart-alarms.service.ts","../../echart/services/chart-events.service.ts","../../echart/services/chart-helpers.service.ts","../../echart/select-aggregated-datapoint/select-aggregated-datapoint.component.ts"],"sourcesContent":[null,null,null,null,null,null,null,null],"names":[],"mappings":";;;;;;;;;;;;;;AAmBM;;;;AAKA;AACJ;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;AAOA;;AAEA;AACA;AACA;AACA;;;AAGA;;;;;;;;;AAUI;;;;;;;;;;AAUJ;;AAGI;;AAEJ;AACA;;AAGI;;;AAIN;;AAEG;;AAGG;AAIN;AACE;AACA;AACD;AAED;AACM;;AAEL;AAED;;;;AAIM;;;;;;;AAQL;AAED;;;;;AAUE;;;;;AAGD;;AAGC;;AAEA;;AAEE;;AAEF;;;AACD;;;;;;;AAQC;AACA;AACD;AAEK;AACA;AAEA;AAEA;AAEN;;;;AAKA;;;;;;;;;;;;;AAcM;AACA;AAEA;;;;AAKA;;;;;;;;;;;AAYL;AAED;;;;;;;;AAUE;AACA;AACD;;AC9MD;;;;;;AAMG;AACH;AACE;;;;AAIA;;;AACD;;;AAIA;;;AAIA;AAEK;AACA;AACJ;AACE;AACD;AACF;;AAGC;AACA;AACD;AAED;AACE;AACA;AACA;AACD;;AC3CD;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAED;;;;;;;;;;;ACwDA;AA4BE;;AAEA;;;;;;;;AAQA;;;;;;AAMK;AACK;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEV;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AAoDA;;;;;AAqKuB;;;AAA4B;AAiDnD;AAOA;AAIA;AAwBA;AA6BA;AAWA;;;;AAIG;AACH;AAcA;;;;;AAKG;AACH;AAgCA;AAeA;AA0BA;;AA8DA;;;AA8MA;AA0DA;AA0CA;AAkBA;AAWA;AAYA;;;AA6BD;;AC5+BD;AAEc;AAAQ;AAEpB;;;;;AAKG;AACG;;;AAqCP;;AC/CD;AAEc;AAAQ;AAEpB;;;;;AAKG;AACG;;;AAuBP;;AChCD;AAEE;;;;AAIG;;;;;;;;;;;AAcH;AAcA;;;AAGD;;ACtBD;;AAqBW;AACC;AAEV;;AAGA;;;AAiBA;;;AAgBD;;;"}
+{"version":3,"file":"index.d.ts","sources":["../../echart/models/datapoints-graph-widget.model.ts","../../echart/models/chart.model.ts","../../echart/models/svg-icons.model.ts","../../echart/charts.component.ts","../../echart/services/chart-alarms.service.ts","../../echart/services/chart-events.service.ts","../../echart/services/chart-helpers.service.ts","../../echart/select-aggregated-datapoint/select-aggregated-datapoint.component.ts"],"sourcesContent":[null,null,null,null,null,null,null,null],"names":[],"mappings":";;;;;;;;;;;;;;AAmBM;;;;AAKA;AACJ;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;AAOA;;AAEA;AACA;AACA;AACA;;;AAGA;;;;;;;;;AAUI;;;;;;;;;;AAUJ;;AAGI;;AAEJ;AACA;;AAGI;;;AAIN;;AAEG;;AAGG;AAIN;AACE;AACA;AACD;AAED;AACM;;AAEL;AAED;;;;AAIM;;;;;;;AAQL;AAED;;;;;AAUE;;;;;AAGD;;AAGC;;AAEA;;AAEE;;AAEF;;;AACD;;;;;;;AAQC;AACA;AACD;AAEK;AACA;AAEA;AAEA;AAEN;;;;AAKA;;;;;;;;;;;;;AAcM;AACA;AAEA;;;;AAKA;;;;;;;;;;;AAYL;AAED;;;;;;;;AAUE;AACA;AACD;;AC9MD;;;;;;AAMG;AACH;AACE;;;;AAIA;;;AACD;;;AAIA;;;AAIA;AAEK;AACA;AACJ;AACE;AACD;AACF;;AAGC;AACA;AACD;AAED;AACE;AACA;AACA;AACD;;AC3CD;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAED;;;;;;;;;;;AC0DA;AA4BE;;AAEA;;;;;;;;AAQA;;;;;;AAMK;AACK;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEV;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AAsDA;;;;;AAoKuB;;;AAA4B;AAiDnD;AAOA;AAIA;AAwBA;AA6BA;AAWA;;;;AAIG;AACH;AAcA;;;;;AAKG;AACH;AAgCA;AAeA;AA0BA;;AA8DA;;;AA8MA;AA0DA;AA0CA;AAkBA;AAWA;AAYA;;;AA6BD;;ACh/BD;AAEc;AAAQ;AAEpB;;;;;AAKG;AACG;;;AAqCP;;AC/CD;AAEc;AAAQ;AAEpB;;;;;AAKG;AACG;;;AAuBP;;AChCD;AAEE;;;;AAIG;;;;;;;;;;;AAcH;AAcA;;;AAGD;;ACtBD;;AAqBW;AACC;AAEV;;AAGA;;;AAiBA;;;AAgBD;;;"}

package/fesm2022/c8y-ngx-components-echart.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, SecurityContext, ViewChild, Input, Component, EventEmitter, Output } from '@angular/core';
+import { Injectable, inject, SecurityContext, ViewChild, Input, Component, EventEmitter, Output, DestroyRef } from '@angular/core';
 import { gettext } from '@c8y/ngx-components/gettext';
 import { from, merge, interval, BehaviorSubject, of, lastValueFrom, defer, forkJoin } from 'rxjs';
 import { mergeMap, map, tap, throttleTime, buffer, switchMap } from 'rxjs/operators';
@@ -25,6 +25,7 @@ import * as i2 from 'ngx-bootstrap/dropdown';
 import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
 import * as i3 from '@angular/cdk/a11y';
 import { A11yModule } from '@angular/cdk/a11y';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 var DATE_SELECTION_EXTENDED;
 (function (DATE_SELECTION_EXTENDED) {
@@ -198,7 +199,8 @@ class YAxisService {
                         }
                         return new Intl.NumberFormat(this.intlNumberFormatCompliantLocale, {
                             notation: 'compact',
-                            compactDisplay: 'short'
+                            compactDisplay: 'short',
+                            maximumFractionDigits: 3
                         }).format(val);
                     }
                 },
@@ -1685,13 +1687,23 @@ class ChartRealtimeService {
                 m.time,
                 m[datapoint.fragment][datapoint.series].value
             ]);
+            newValues.sort(([a], [b]) => new Date(a).valueOf() - new Date(b).valueOf());
             const datapointId = datapoint.__target?.id + datapoint.fragment + datapoint.series;
             const seriesMatchingDatapoint = allDataSeries.find(s => s['datapointId'] === datapointId);
             if (!seriesMatchingDatapoint) {
                 return;
             }
             const seriesDataToUpdate = seriesMatchingDatapoint['data'];
-            seriesDataToUpdate.push(...newValues);
+            let lastExistingTimestamp = seriesDataToUpdate.length
+                ? new Date(seriesDataToUpdate[seriesDataToUpdate.length - 1][0]).valueOf()
+                : -Infinity;
+            for (const [timestamp, value] of newValues) {
+                const ts = new Date(timestamp).valueOf();
+                if (ts > lastExistingTimestamp) {
+                    seriesDataToUpdate.push([timestamp, value]);
+                    lastExistingTimestamp = ts;
+                }
+            }
             seriesMatchingDatapoint['data'] = this.removeValuesBeforeTimeRange(seriesMatchingDatapoint);
             this.checkForValuesAfterTimeRange(seriesMatchingDatapoint['data'], datapoint, datapointOutOfSyncCallback);
         });
@@ -2044,6 +2056,7 @@ class ChartsComponent {
         this.updateAggregatedSliderDatapoint = new EventEmitter();
         this.CHART_VIEW_CONTEXT = CHART_VIEW_CONTEXT;
         this.configChangedSubject = new BehaviorSubject(null);
+        this.destroyRef = inject(DestroyRef);
         this.measurementService = inject(MeasurementService);
         this.echartsOptionsService = inject(EchartsOptionsService);
         this.chartRealtimeService = inject(ChartRealtimeService);
@@ -2085,7 +2098,9 @@ class ChartsComponent {
                 this.echartsInstance.setOption(v, true, true);
             }
         }));
-        this.widgetTimeContextDateRangeService.fullReload$.subscribe(() => {
+        this.widgetTimeContextDateRangeService.fullReload$
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
             if (!this.isSliderDragging) {
                 this.configChangedSubject.next();
             }
@@ -2133,7 +2148,6 @@ class ChartsComponent {
         }
     }
     ngOnDestroy() {
-        this.widgetTimeContextDateRangeService.fullReload$.unsubscribe();
         this.chartRealtimeService.stopRealtime();
     }
     onChartInit(ec) {