@visionaris-bruno/vs-echarts 9.1.0 → 9.1.3

package/fesm2022/visionaris-bruno-vs-echarts.mjs

@@ -4,7 +4,7 @@ import { BarChart, PieChart, LineChart, ScatterChart, FunnelChart, SunburstChart
 import { TooltipComponent, GridComponent, CalendarComponent, LegendComponent, GraphicComponent, PolarComponent, DatasetComponent, DataZoomComponent, VisualMapComponent } from 'echarts/components';
 import { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
 import * as i0 from '@angular/core';
-import { InjectionToken, Inject, Injectable, EventEmitter, inject, Output, Input, ViewChild, Directive, Component } from '@angular/core';
+import { Inject, Injectable, InjectionToken, EventEmitter, inject, Output, Input, ViewChild, Directive, Component } from '@angular/core';
 import langES from 'echarts/lib/i18n/langES.js';
 import langDE from 'echarts/lib/i18n/langDE.js';
 import langFR from 'echarts/lib/i18n/langFR.js';
@@ -17,6 +17,55 @@ import { CommonModule } from '@angular/common';
 import { merge as merge$1 } from 'lodash';
 import { TranslateService } from '@ngx-translate/core';
 
+// TODO: Exportar valores por defecto de vs-echarts.config.ts por este servicio y actualizar en logica de frontend.
+let activeLocale = undefined;
+function getActiveLocale() {
+    return activeLocale;
+}
+function setActiveLocale(locale) {
+    activeLocale = locale;
+}
+class VSEchartsConfigService {
+    vsEchartsConfig;
+    mapping = {
+        es: 'ES',
+        en: 'EN',
+        us: 'EN',
+        de: 'DE',
+        fr: 'FR',
+        it: 'IT',
+        pt: 'PT-br',
+        br: 'PT-br',
+    };
+    constructor(vsEchartsConfig) {
+        this.vsEchartsConfig = vsEchartsConfig;
+        if (this.vsEchartsConfig?.locale) {
+            setActiveLocale(this.vsEchartsConfig.locale);
+        }
+    }
+    setLocale(language) {
+        if (!language) {
+            this.vsEchartsConfig.locale = 'ES';
+            setActiveLocale('ES');
+            return;
+        }
+        const echartsLocale = this.mapping[language.toLowerCase()] || 'ES';
+        this.vsEchartsConfig.locale = echartsLocale;
+        setActiveLocale(echartsLocale);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: VSEchartsConfigService, deps: [{ token: VS_ECHARTS_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: VSEchartsConfigService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: VSEchartsConfigService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VS_ECHARTS_CONFIG]
+                }] }] });
+
 /**
  * Global Design Tokens for ECharts
  */
@@ -44,7 +93,7 @@ function getDefaultPalette() {
  * pero por algun motivo esto es distinto en este tipo de graficos.
  *
  * apache echarts version: 5.6.0
-*/
+ * */
 const fixPieDataIndexInside = (e) => {
     /** selected serie index */
     const ssi = e.fromActionPayload.seriesIndex;
@@ -56,11 +105,47 @@ const fixPieDataIndexInside = (e) => {
     e.fromActionPayload.dataIndexInside = fixedDataIndex; // aplico corrección de index inside.
     return e;
 };
+/**
+ * Retorna valor con formato local establecido por configuracion de biblioteca.
+ * Utilizara el del navegador si el locale y activeLocale es indefinido.
+ * @param value
+ * @param opts
+ * @returns
+ */
+const valueToLocale = (value, opts) => {
+    const locale = opts?.locale ?? getActiveLocale();
+    const officialLocale = locale ? localeMapper[locale] : undefined;
+    // 1. Si ya es una instancia de Date
+    if (value instanceof Date) {
+        return value.toLocaleString(officialLocale);
+    }
+    // 2. Si es un string, intentamos ver si es una fecha válida
+    if (typeof value === 'string') {
+        const parsedDate = Date.parse(value);
+        if (!isNaN(parsedDate)) {
+            return new Date(parsedDate).toLocaleString(officialLocale);
+        }
+        // Si no era una fecha válida, devolvemos el string tal cual
+        return value;
+    }
+    // 3. Si es un número o bigint
+    if (typeof value === 'number' || typeof value === 'bigint') {
+        return value.toLocaleString(officialLocale);
+    }
+    // Fallback por si llega algo inesperado (null, undefined, etc.)
+    return String(value);
+};
+const defaultValueFormatter = (value) => {
+    return valueToLocale(value);
+};
 
 /// <reference path="./typings.d.ts" />
 const VS_ECHARTS_CONFIG = new InjectionToken('VS_ECHARTS_CONFIG', {
     providedIn: 'root',
-    factory: () => ({ renderer: 'svg' }),
+    factory: () => ({
+        renderer: 'svg',
+        locale: 'AR',
+    }),
 });
 /**
  * Inicialización centralizada de ECharts para evitar duplicación y efectos secundarios
@@ -105,6 +190,47 @@ function provideVSEcharts() {
     initializeEcharts();
     return provideEchartsCore({ echarts });
 }
+// 2. Diccionario de mapeo interno a códigos BCP 47 oficiales
+const localeMapper = {
+    ZH: 'zh-CN', // Chino Simplificado (puedes cambiarlo a zh-TW si prefieres)
+    EN: 'en-US', // Inglés (o en-GB)
+    AR: 'ar-EG', // Árabe
+    CS: 'cs-CZ', // Checo
+    DE: 'de-DE', // Alemán
+    EL: 'el-GR', // Griego
+    ES: 'es-ES', // Español
+    FA: 'fa-IR', // Persa
+    FI: 'fi-FI', // Finlandés
+    FR: 'fr-FR', // Francés
+    HU: 'hu-HU', // Húngaro
+    IT: 'it-IT', // Italiano
+    JA: 'ja-JP', // Japonés
+    KO: 'ko-KR', // Coreano
+    LV: 'lv-LV', // Letón
+    'nb-NO': 'nb-NO', // Noruego Bokmål (ya es estándar)
+    NL: 'nl-NL', // Neerlandés
+    PL: 'pl-PL', // Polaco
+    'PT-br': 'pt-BR', // Portugués de Brasil (corregido a camelCase estándar)
+    RO: 'ro-RO', // Rumano
+    RU: 'ru-RU', // Ruso
+    SI: 'si-LK', // Cingalés
+    SV: 'sv-SE', // Sueco
+    TH: 'th-TH', // Tailandés
+    TR: 'tr-TR', // Turco
+    UK: 'uk-UA', // Ucraniano
+    VI: 'vi-VN', // Vietnamita
+};
+// 3. Función formateadora universal (para números)
+function formatNumberByLocale(value, customLocale, options) {
+    // Obtenemos el locale oficial, si no existe por alguna razón, usamos el del sistema
+    const officialLocale = localeMapper[customLocale] || undefined;
+    return value.toLocaleString(officialLocale, options);
+}
+// 4. Función formateadora universal (para fechas)
+function formatDateByLocale(date, customLocale, options) {
+    const officialLocale = localeMapper[customLocale] || undefined;
+    return date.toLocaleString(officialLocale, options);
+}
 function defaultOptionsOverrides() {
     return {
         tooltip: {
@@ -191,44 +317,6 @@ function defaultOptionsOverrides() {
         },
     };
 }
-const defaultValueFormatter = (value) => `${value}`;
-
-// TODO: Exportar valores por defecto de vs-echarts.config.ts por este servicio y actualizar en logica de frontend.
-class VSEchartsConfigService {
-    vsEchartsConfig;
-    mapping = {
-        es: 'ES',
-        en: 'EN',
-        us: 'EN',
-        de: 'DE',
-        fr: 'FR',
-        it: 'IT',
-        pt: 'PT-br',
-        br: 'PT-br',
-    };
-    constructor(vsEchartsConfig) {
-        this.vsEchartsConfig = vsEchartsConfig;
-    }
-    setLocale(language) {
-        if (!language) {
-            this.vsEchartsConfig.locale = 'ES';
-            return;
-        }
-        const echartsLocale = this.mapping[language.toLowerCase()] || 'ES';
-        this.vsEchartsConfig.locale = echartsLocale;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: VSEchartsConfigService, deps: [{ token: VS_ECHARTS_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: VSEchartsConfigService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: VSEchartsConfigService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [VS_ECHARTS_CONFIG]
-                }] }] });
 
 /**
  * BaseEchartsComponent
@@ -445,12 +533,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  *
  * @see {@link VisionarisFrontEnd/docs/technical/echarts-architecture.md}
  */
-// Pre-cached native formatter for performance in axis ticks
-const compactFormatter = new Intl.NumberFormat('es-AR', {
-    notation: 'compact',
-    compactDisplay: 'short',
-    maximumFractionDigits: 1
-});
+const formattersCache = new Map();
+function getCompactFormatter() {
+    const locale = getActiveLocale();
+    const officialLocale = locale ? localeMapper[locale] : undefined;
+    const cacheKey = officialLocale || 'default';
+    let formatter = formattersCache.get(cacheKey);
+    if (!formatter) {
+        formatter = new Intl.NumberFormat(officialLocale, {
+            notation: 'compact',
+            compactDisplay: 'short',
+            maximumFractionDigits: 1
+        });
+        formattersCache.set(cacheKey, formatter);
+    }
+    return formatter;
+}
+// Wrap with custom formatter implementation to keep identical signature/API dynamically
+const compactFormatter = {
+    format: (value) => getCompactFormatter().format(value)
+};
 /**
  * Formats a value using native browser SI suffixes (k, M, B).
  */
@@ -1145,7 +1247,8 @@ class BoxPlotBuilder {
             {
                 type: 'slider',
                 height: 20,
-                bottom: 10
+                bottom: 10,
+                labelFormatter: (value) => valueToLocale(value)
             }
         ];
     }
@@ -3187,7 +3290,7 @@ class EChartsHeatmapCalendar extends BaseEchartsComponent {
                 top: this.calendarPaddings.visualMapTop,
                 formatter: (dv) => {
                     const value = dv ?? '';
-                    return value.toLocaleString();
+                    return valueToLocale(value);
                 },
             }, // dinamico
             calendar: {
@@ -3272,5 +3375,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BaseEchartsComponent, EChartsAreaComponent, EChartsAreaStackComponent, EChartsBarStackedComponent, EChartsBarStackedRadialComponent, EChartsHBarComponent, EChartsHBarStackedComponent, EChartsHBoxplotComponent, EChartsHeatmapCalendar, EChartsSunburstComponent, EchartsBarComponent, EchartsFunnelComponent, EchartsLineComponent, EchartsPieComponent, EchartsRingComponent, EchartsSankeyComponent, EchartsScatterComponent, VSEchartsConfigService, defaultOptionsOverrides, provideVSEcharts };
+export { BaseEchartsComponent, EChartsAreaComponent, EChartsAreaStackComponent, EChartsBarStackedComponent, EChartsBarStackedRadialComponent, EChartsHBarComponent, EChartsHBarStackedComponent, EChartsHBoxplotComponent, EChartsHeatmapCalendar, EChartsSunburstComponent, EchartsBarComponent, EchartsFunnelComponent, EchartsLineComponent, EchartsPieComponent, EchartsRingComponent, EchartsSankeyComponent, EchartsScatterComponent, VSEchartsConfigService, defaultOptionsOverrides, getActiveLocale, provideVSEcharts, setActiveLocale };
 //# sourceMappingURL=visionaris-bruno-vs-echarts.mjs.map