@hestia-earth/ui-components 0.28.0-0 → 0.28.0-1

package/fesm2022/hestia-earth-ui-components.mjs

@@ -40,7 +40,7 @@ import { faCircle, faClone, faIdBadge } from '@fortawesome/free-regular-svg-icon
 import set from 'lodash.set';
 import uniqBy from 'lodash.uniqby';
 import * as semver from 'semver';
-import { Chart, CategoryScale, LinearScale, BarController, BarElement } from 'chart.js';
+import { Chart, CategoryScale, LinearScale, BarController, BarElement, Tooltip } from 'chart.js';
 import ChartDataLabels from 'chartjs-plugin-datalabels';
 import { create, formatters } from 'jsondiffpatch';
 import omit from 'lodash.omit';
@@ -6409,7 +6409,7 @@ class CyclesEmissionsChartComponent {
                 borderColor: this.colors()
             }
         ]);
-        Chart.register(CategoryScale, LinearScale, BarController, BarElement, ChartDataLabels);
+        Chart.register(CategoryScale, LinearScale, BarController, BarElement, Tooltip);
         effect(() => {
             this.chart = new Chart(this.chartRef().nativeElement, {
                 type: 'bar',
@@ -6417,19 +6417,20 @@ class CyclesEmissionsChartComponent {
                     labels: [],
                     datasets: []
                 },
+                plugins: [ChartDataLabels],
                 options: {
                     plugins: {
                         legend: {
                             display: false
                         },
+                        tooltip: {
+                            enabled: true
+                        },
                         datalabels: {
                             color: 'black',
                             formatter: value => toPrecision(value, 3),
                             anchor: 'center',
                             clamp: true
-                        },
-                        tooltip: {
-                            enabled: true
                         }
                     },
                     responsive: true,
@@ -6461,7 +6462,6 @@ class CyclesEmissionsChartComponent {
         });
     }
     ngOnDestroy() {
-        Chart.unregister(ChartDataLabels);
         return this.chart && this.chart.destroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: CyclesEmissionsChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -6601,7 +6601,7 @@ class CyclesResultComponent {
                 data: this.cycles().map(({ '@id': id }) => (values[id] ? propertyValue$1(values[id].value, termId) : 0))
             };
         }));
-        Chart.register(CategoryScale, LinearScale, BarController, BarElement);
+        Chart.register(CategoryScale, LinearScale, BarController, BarElement, Tooltip);
         effect(() => {
             this.chart = new Chart(this.chartRef().nativeElement, {
                 type: 'bar',
@@ -6615,18 +6615,15 @@ class CyclesResultComponent {
                     maintainAspectRatio: false,
                     plugins: {
                         legend: {
-                            display: true
+                            display: false
                         },
                         tooltip: {
                             enabled: true,
-                            position: 'nearest'
-                            // callbacks: {
-                            //   // title: (tooltipItems, data) => data.labels![tooltipItems[0].index!] as any
-                            //   title() {
-                            //     console.log(arguments);
-                            //     return 'test';
-                            //   }
-                            // }
+                            callbacks: {
+                                title([{ dataIndex }]) {
+                                    return this.chart.data.labels[dataIndex];
+                                }
+                            }
                         }
                     },
                     scales: {
@@ -10249,7 +10246,7 @@ class ImpactAssessmentsIndicatorBreakdownChartComponent {
                 borderColor: this.logs().map(listColor)
             }
         ]);
-        Chart.register(CategoryScale, LinearScale, BarController, BarElement, ChartDataLabels);
+        Chart.register(CategoryScale, LinearScale, BarController, BarElement);
         this.impactAssessment$
             .pipe(filter(v => !!v), distinctUntilChangedDeep(), take(1), tap(() => this.loading.set(true)), mergeMap(node => (node ? this.nodeService.getLog({ ...node, dataState: DataState.recalculated }) : of(''))), map(value => (value ? parseLines(value) : [])), mergeAll(), filter(({ data }) => data.logger === 'hestia_earth.models' && data.level === Level.debug), filter(({ data: { message } }) => !!message), map(({ data: { message } }) => parseMessage$1(message)), filter(message => 'node' in message), map(parseLog), filter(log => !!log.impactTermId && !!log.blankNodeTermId && !isNaN(log.value) && log.value > 0), groupBy(log => [log.impactTermId, log.blankNodeTermId, log.modelId].join('/')), mergeMap(group => group.pipe(toArray())), map((values) => {
             const log = values[0];
@@ -10282,12 +10279,16 @@ class ImpactAssessmentsIndicatorBreakdownChartComponent {
                     labels: [],
                     datasets: []
                 },
+                plugins: [ChartDataLabels],
                 options: {
                     indexAxis: 'y',
                     plugins: {
                         legend: {
                             display: false
                         },
+                        tooltip: {
+                            enabled: false
+                        },
                         datalabels: {
                             color: 'black',
                             formatter: value => {
@@ -10295,9 +10296,6 @@ class ImpactAssessmentsIndicatorBreakdownChartComponent {
                                 return value > 0 ? `${toPrecision(value, 3)} (${ratio}%)` : '';
                             },
                             align: 'end'
-                        },
-                        tooltip: {
-                            enabled: false
                         }
                     },
                     responsive: true,
@@ -10328,7 +10326,6 @@ class ImpactAssessmentsIndicatorBreakdownChartComponent {
         });
     }
     ngOnDestroy() {
-        Chart.unregister(ChartDataLabels);
         return this.chart && this.chart.destroy();
     }
     selectTerm({ target: { value } }) {
@@ -10374,7 +10371,7 @@ class ImpactAssessmentsIndicatorsChartComponent {
                 borderColor: this.colors()
             }
         ]);
-        Chart.register(CategoryScale, LinearScale, BarController, BarElement, ChartDataLabels);
+        Chart.register(CategoryScale, LinearScale, BarController, BarElement);
         effect(() => {
             this.chart = new Chart(this.chartRef()?.nativeElement, {
                 type: 'bar',
@@ -10382,19 +10379,20 @@ class ImpactAssessmentsIndicatorsChartComponent {
                     labels: [],
                     datasets: []
                 },
+                plugins: [ChartDataLabels],
                 options: {
                     plugins: {
                         legend: {
                             display: false
                         },
+                        tooltip: {
+                            enabled: false
+                        },
                         datalabels: {
                             color: 'black',
                             formatter: value => toPrecision(value, 3),
                             anchor: 'center',
                             clamp: true
-                        },
-                        tooltip: {
-                            enabled: false
                         }
                     },
                     responsive: true,
@@ -10426,7 +10424,6 @@ class ImpactAssessmentsIndicatorsChartComponent {
         });
     }
     ngOnDestroy() {
-        Chart.unregister(ChartDataLabels);
         return this.chart && this.chart.destroy();
     }
     selectTerm({ target: { value } }) {