@hestia-earth/ui-components 0.41.27 → 0.41.28

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

@@ -5654,7 +5654,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
 // show label 8px from bar
 const gapX = 8;
 const placementGap = (placement) => (placement === 'right' ? +gapX : -gapX);
-const placementX = (x, chart, data, placement) => placement === 'right' ? (data < 0 ? positionAtZero(chart) : x) : x;
+const placementX = (x, chart, data, placement) => placement === 'right' ? (Array.isArray(data) || data < 0 ? positionAtZero(chart) : x) : x;
 const positionAtZero = (chart) => chart.scales.x.getPixelForValue(0);
 const defaultBarDrawSettings = {
     placement: 'right',
@@ -6012,9 +6012,9 @@ const lollipopChartPlugin = settings => ({
                 clickableDictionary.push((clientX, clientY) => isMouseInsideCircle({ clientX, clientY }, { x: xValue, y }, circleRadius));
                 circle(ctx, xValue, y, color, circleRadius);
                 // draw the line between the 2 cricles if necessary
-                Array.isArray(data) && lineWidth && line(ctx, base, x, y, color, lineWidth);
+                [Array.isArray(data), !!lineWidth].every(Boolean) && line(ctx, base, x, y, color, lineWidth);
                 // when drawing from the data, draw both ends if its an array
-                if (xValue === null) {
+                if (isUndefined(overrideValue)) {
                     clickableDictionary.push((clientX, clientY) => isMouseInsideCircle({ clientX, clientY }, { x: base, y }, circleRadius));
                     Array.isArray(data) && circle(ctx, base, y, color, circleRadius);
                 }
@@ -6121,11 +6121,12 @@ const convertToSvg = (config, metadata = {}) => new Promise((resolve, reject) =>
     // 4. Register Export-Specific Plugins
     chartConfig.plugins = [
         afterBarDrawPlugin({
-            textFn: ({ data }) => [toPrecision(data), metadata.units].filter(Boolean).join(' '),
-            emptyValueLabel: 'No data'
+            textFn: ({ data }) => [toPrecision(Array.isArray(data) ? data[0] : data), metadata.units].filter(Boolean).join(' '),
+            emptyValueLabel: 'No data',
+            ...(metadata?.afterBarDrawConfig || {})
         }),
         metadata.lollipopConfig ? lollipopChartPlugin(metadata.lollipopConfig) : null
-    ].filter((p) => Boolean(p));
+    ].filter(Boolean);
     chart = new Chart(mockCanvas, chartConfig);
 });
 const exportAsSVG = async (config, metadata) => {
@@ -6523,12 +6524,12 @@ class ChartTooltipComponent {
         this.tooltipX = signal(0, ...(ngDevMode ? [{ debugName: "tooltipX" }] : []));
         this.tooltipY = signal(0, ...(ngDevMode ? [{ debugName: "tooltipY" }] : []));
     }
-    show(data, x, y, options = { placement: 'bottom' }) {
+    show(data, x, y, options = {}) {
         this.tooltipX.set(x);
         this.tooltipY.set(y);
         const text = this.tooltipFn()(data);
         this.tooltip().container = options?.container;
-        this.tooltip().placement = options?.placement;
+        this.tooltip().placement = options?.placement || 'bottom';
         text && setTimeout(() => this.tooltip().open({ data: text }));
     }
     hide() {