@c8y/ngx-components 1021.55.1 → 1021.55.3

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

@@ -1550,9 +1550,7 @@ class ChartsComponent {
                 return;
             }
             originalFormatter = originalFormatter ?? options['tooltip'][0].formatter;
-            const updatedOptions = {
-                tooltip: options['tooltip'][0]
-            };
+            const updatedOptions = { tooltip: options['tooltip'][0] };
             if (!updatedOptions.tooltip) {
                 return;
             }
@@ -1574,16 +1572,7 @@ class ChartsComponent {
         if (!this.isAlarmClick(params)) {
             this.echartsInstance.setOption({
                 tooltip: { triggerOn: 'mousemove' },
-                series: [
-                    {
-                        markArea: {
-                            data: []
-                        },
-                        markLine: {
-                            data: []
-                        }
-                    }
-                ]
+                series: [{ markArea: { data: [] }, markLine: { data: [] } }]
             });
             return;
         }
@@ -1591,18 +1580,10 @@ class ChartsComponent {
         this.isMarkedAreaEnabled.emit(this.hasMarkArea(options));
         const updatedOptions = !this.hasMarkArea(options)
             ? {
-                tooltip: {
-                    enterable: true,
-                    triggerOn: 'click'
-                },
+                tooltip: { enterable: true, triggerOn: 'click' },
                 series: [
                     {
-                        markArea: {
-                            label: {
-                                show: false
-                            },
-                            data: this.getMarkedAreaData(clickedAlarms)
-                        },
+                        markArea: { label: { show: false }, data: this.getMarkedAreaData(clickedAlarms) },
                         markLine: {
                             showSymbol: true,
                             symbol: ['none', 'none'],
@@ -1614,16 +1595,7 @@ class ChartsComponent {
             : // if markArea already exists, remove it and remove lastUpdated from markLine
                 {
                     tooltip: { triggerOn: 'mousemove' },
-                    series: [
-                        {
-                            markArea: {
-                                data: []
-                            },
-                            markLine: {
-                                data: []
-                            }
-                        }
-                    ]
+                    series: [{ markArea: { data: [] }, markLine: { data: [] } }]
                 };
         this.echartsInstance.setOption(updatedOptions);
     }
@@ -1634,11 +1606,7 @@ class ChartsComponent {
         return options?.series?.[0]?.markArea?.data?.length > 0;
     }
     saveAsImage() {
-        this.echartsInstance.setOption({
-            legend: {
-                show: true
-            }
-        });
+        this.echartsInstance.setOption({ legend: { show: true } });
         const url = this.echartsInstance.getDataURL({
             pixelRatio: 2,
             backgroundColor: '#fff',
@@ -1650,11 +1618,7 @@ class ChartsComponent {
         document.body.appendChild(link);
         link.click();
         document.body.removeChild(link);
-        this.echartsInstance.setOption({
-            legend: {
-                show: false
-            }
-        });
+        this.echartsInstance.setOption({ legend: { show: false } });
     }
     loadMoreData() {
         const currentTimeRangeInMs = this.echartsOptionsService.calculateExtendedIntervalInMs(this.config.interval || 'custom', {
@@ -1686,16 +1650,14 @@ class ChartsComponent {
     getDefaultChartOptions() {
         return {
             title: {
-                text: gettext('No data available')
+                text: gettext('No data available.'),
+                left: 'center',
+                top: 'center',
+                textStyle: { fontSize: 30 }
             },
             empty: true,
-            xAxis: {
-                type: 'category',
-                data: []
-            },
-            yAxis: {
-                type: 'value'
-            },
+            xAxis: { type: 'category', data: [] },
+            yAxis: { type: 'value' },
             series: []
         };
     }
@@ -1729,19 +1691,13 @@ class ChartsComponent {
                     {
                         xAxis: alarm.creationTime,
                         itemType: alarm.type,
-                        label: {
-                            show: false,
-                            formatter: () => alarm.type
-                        },
+                        label: { show: false, formatter: () => alarm.type },
                         itemStyle: { color: alarm['color'] }
                     },
                     {
                         xAxis: alarm['lastUpdated'],
                         itemType: alarm.type,
-                        label: {
-                            show: false,
-                            formatter: () => alarm.type
-                        },
+                        label: { show: false, formatter: () => alarm.type },
                         itemStyle: { color: alarm['color'] }
                     }
                 ]);
@@ -1750,10 +1706,7 @@ class ChartsComponent {
                 {
                     xAxis: alarm.creationTime,
                     itemType: alarm.type,
-                    label: {
-                        show: false,
-                        formatter: () => alarm.type
-                    },
+                    label: { show: false, formatter: () => alarm.type },
                     itemStyle: { color: alarm['color'] }
                 }
             ]);
@@ -1815,10 +1768,7 @@ class ChartsComponent {
             this.widgetTimeContextDateRangeService.updateInitialTimeRange(timeRange);
             const aggregatedDatapoints = await lastValueFrom(this.fetchSeriesForDatapoints$({
                 dateFrom: new Date(new Date(timeRange.dateFrom).valueOf() -
-                    this.echartsOptionsService.calculateExtendedIntervalInMs(this.config.interval || 'custom', {
-                        dateFrom: timeRange.dateFrom,
-                        dateTo: timeRange.dateTo
-                    })).toISOString(),
+                    this.echartsOptionsService.calculateExtendedIntervalInMs(this.config.interval || 'custom', { dateFrom: timeRange.dateFrom, dateTo: timeRange.dateTo })).toISOString(),
                 dateTo: timeRange.dateTo
             }));
             return this.echartsOptionsService.getChartOptions(datapointsWithValues, timeRange, {
@@ -1922,26 +1872,17 @@ class ChartsComponent {
                         new Date(this.config.dateFrom).valueOf();
             }
             const now = new Date();
-            timeRange = {
-                dateFrom: new Date(now.valueOf() - timeRangeInMs),
-                dateTo: now
-            };
+            timeRange = { dateFrom: new Date(now.valueOf() - timeRangeInMs), dateTo: now };
         }
         if (additionalPadding) {
             timeRange.dateFrom = new Date(timeRange.dateFrom.valueOf() - additionalPadding);
             timeRange.dateTo = new Date(timeRange.dateTo.valueOf() + additionalPadding);
         }
-        return {
-            dateFrom: timeRange.dateFrom.toISOString(),
-            dateTo: timeRange.dateTo.toISOString()
-        };
+        return { dateFrom: timeRange.dateFrom.toISOString(), dateTo: timeRange.dateTo.toISOString() };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChartsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ChartsComponent, isStandalone: true, selector: "c8y-charts", inputs: { config: "config", alerts: "alerts" }, outputs: { configChangeOnZoomOut: "configChangeOnZoomOut", timeRangeChangeOnRealtime: "timeRangeChangeOnRealtime", datapointOutOfSync: "datapointOutOfSync", updateAlarmsAndEvents: "updateAlarmsAndEvents", isMarkedAreaEnabled: "isMarkedAreaEnabled" }, providers: [
-            {
-                provide: NGX_ECHARTS_CONFIG,
-                useFactory: () => ({ echarts: () => import('echarts') })
-            },
+            { provide: NGX_ECHARTS_CONFIG, useFactory: () => ({ echarts: () => import('echarts') }) },
             ChartRealtimeService,
             MeasurementRealtimeService,
             AlarmRealtimeService,
@@ -1957,10 +1898,7 @@ class ChartsComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChartsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c8y-charts', providers: [
-                        {
-                            provide: NGX_ECHARTS_CONFIG,
-                            useFactory: () => ({ echarts: () => import('echarts') })
-                        },
+                        { provide: NGX_ECHARTS_CONFIG, useFactory: () => ({ echarts: () => import('echarts') }) },
                         ChartRealtimeService,
                         MeasurementRealtimeService,
                         AlarmRealtimeService,