@hestia-earth/ui-components 0.41.29 → 0.41.31

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',
@@ -5699,7 +5699,8 @@ const afterBarDrawPlugin = settings => ({
             const { x, y, base } = element;
             const label = chart.data.labels?.[index] ?? '';
             const data = dataset.data[index];
-            const anchorX = placement === 'left' ? base : x;
+            // use min/max as both negative values would inverse the positions
+            const anchorX = placement === 'left' ? Math.min(base, x) : Math.max(base, x);
             const xPos = xPosFn(anchorX, index, width, chart, data, placement);
             const yPos = yPosFn(y, index, height, chart, data, placement);
             const text = isUndefined(data) ? emptyValueLabel : textFn({ label, data }, index, chart);
@@ -6066,6 +6067,15 @@ const stretchSvg = (svgString, width, height) => {
     svgElement.setAttribute('preserveAspectRatio', 'xMidYMid meet');
     return svgElement.outerHTML;
 };
+const parseAfterDrawBarPlugins = (afterBarDrawConfig, units) => Array.isArray(afterBarDrawConfig)
+    ? afterBarDrawConfig.map(afterBarDrawPlugin)
+    : [
+        afterBarDrawPlugin({
+            textFn: ({ data }) => [toPrecision(Array.isArray(data) ? data[0] : data), units].filter(Boolean).join(' '),
+            emptyValueLabel: 'No data',
+            ...afterBarDrawConfig
+        })
+    ];
 const convertToSvg = (config, metadata = {}) => new Promise((resolve, reject) => {
     const width = metadata.width || defaultChartWidth;
     const height = metadata.height || defaultChartHeight;
@@ -6120,13 +6130,11 @@ const convertToSvg = (config, metadata = {}) => new Promise((resolve, reject) =>
     };
     // 4. Register Export-Specific Plugins
     chartConfig.plugins = [
-        afterBarDrawPlugin({
-            textFn: ({ data }) => [toPrecision(Array.isArray(data) ? data[0] : data), metadata.units].filter(Boolean).join(' '),
-            emptyValueLabel: 'No data',
-            ...(metadata?.afterBarDrawConfig || {})
-        }),
+        ...parseAfterDrawBarPlugins(metadata.afterBarDrawConfig || {}, metadata.units),
         metadata.lollipopConfig ? lollipopChartPlugin(metadata.lollipopConfig) : null
-    ].filter(Boolean);
+    ]
+        .filter(Boolean)
+        .flat();
     chart = new Chart(mockCanvas, chartConfig);
 });
 const exportAsSVG = async (config, metadata) => {