@visionaris-bruno/vs-echarts 0.0.1

package/README.md

@@ -0,0 +1,48 @@
+# vs-echarts Library
+
+Biblioteca de componentes de visualización de datos basada en **Apache ECharts** para la suite Visionaris.
+
+## 🚀 Características
+- **Arquitectura de Builders**: Separación total entre la configuración de ECharts y los componentes de Angular.
+- **Especialistas**: Componentes dedicados para tipos específicos de gráficos (`Ring`, `Vertical Bands`).
+- **Responsive**: Gestión automática del redimensionamiento.
+- **Interactividad**: Soporte nativo para Cross-filtering de Visionaris.
+
+## 📦 Instalación
+
+En tu aplicación Angular (ej. `VisionarisFrontEnd`), asegúrate de que el `package.json` apunte a la librería:
+
+```json
+"dependencies": {
+  "vs-echarts": "file:../reusable/vs-ng-library/dist/vs-echarts"
+}
+```
+
+Luego, importa los componentes necesarios o el módulo si aplica.
+
+## 🛠️ Uso Básico
+
+```typescript
+import { EchartsRingComponent } from 'vs-echarts';
+
+// En tu componente wrapper
+@Component({
+  standalone: true,
+  imports: [EchartsRingComponent],
+  template: `
+    <vs-echarts-ring 
+      [data]="miData" 
+      [palette]="miPaleta"
+      (chartClick)="manejarClick($event)">
+    </vs-echarts-ring>
+  `
+})
+```
+
+## 📖 Documentación Detallada
+
+- [**Arquitectura Interna (Builders & Specialists)**](./docs/internal-architecture.md)
+- [**Referencia de API e Interfaces**](./docs/api-reference.md)
+- **Patrones por Componente**:
+  - [ECharts Ring Patterns](./docs/charts/ring-patterns.md)
+  - [ECharts Vertical Bands Patterns](./docs/charts/vertical-bands-patterns.md)

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

@@ -0,0 +1,874 @@
+import { provideEchartsCore, NgxEchartsDirective } from 'ngx-echarts';
+import * as echarts from 'echarts/core';
+import { BarChart, PieChart } from 'echarts/charts';
+import { TitleComponent, TooltipComponent, GridComponent, LegendComponent, GraphicComponent, ToolboxComponent } from 'echarts/components';
+import { CanvasRenderer } from 'echarts/renderers';
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, ViewChild, Directive, Component } from '@angular/core';
+import { ReplaySubject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+import { CommonModule } from '@angular/common';
+
+/**
+ * Inicialización centralizada de ECharts para evitar duplicación y efectos secundarios
+ * no controlados en componentes standalone.
+ */
+let initialized = false;
+function initializeEcharts() {
+    if (initialized)
+        return;
+    echarts.use([
+        BarChart,
+        PieChart,
+        TitleComponent,
+        TooltipComponent,
+        GridComponent,
+        LegendComponent,
+        CanvasRenderer,
+        GraphicComponent,
+        ToolboxComponent
+    ]);
+    initialized = true;
+}
+/**
+ * Provee la configuración de ECharts para ngx-echarts.
+ * Llama automáticamente a la inicialización de módulos.
+ */
+function provideVSEcharts() {
+    initializeEcharts();
+    return provideEchartsCore({ echarts });
+}
+
+/**
+ * BaseEchartsComponent
+ *
+ * Clase base para componentes especialistas de ECharts.
+ * Gestiona el ciclo de vida, redimensionado dinámico y debouncing de actualizaciones.
+ *
+ * @see {@link vs-echarts/docs/internal-architecture.md}
+ */
+class BaseEchartsComponent {
+    chartContainer;
+    /** Datos normalizados para graficar */
+    data = { categories: [], series: [] };
+    /** Configuración visual agnóstica */
+    chartConfig = {};
+    /** Paleta de colores básica */
+    palette;
+    /** Resolver de colores dinámico (Callback) */
+    colorResolver;
+    /** Formateador de valores para etiquetas y tooltips */
+    valueFormatter;
+    chartClick = new EventEmitter();
+    /** Opciones configuradas para ngx-echarts */
+    chartOptions = {};
+    /** Subject para debouncing de actualizaciones. ReplaySubject asegura no perder el primer renderizado. */
+    updateSubject = new ReplaySubject(1);
+    updateSubscription;
+    constructor() {
+        this.updateSubscription = this.updateSubject.pipe(debounceTime(150)).subscribe(options => {
+            this.updateOptions(options);
+        });
+    }
+    chartInstance;
+    ngOnChanges(changes) {
+        this.onInputChanges(changes);
+    }
+    ngOnDestroy() {
+        this.updateSubscription?.unsubscribe();
+        this.chartInstance?.dispose();
+    }
+    /**
+     * Captura la instancia de echarts (usado por ngx-echarts)
+     */
+    onChartInit(instance) {
+        this.chartInstance = instance;
+        this.updateChartOptions();
+    }
+    updateOptions(options) {
+        this.chartOptions = { ...options };
+        this.chartInstance?.setOption(options, { notMerge: true });
+    }
+    /**
+     * Hook de template method invocado por `ngOnChanges`.
+     * Las subclases lo sobreescriben para añadir lógica propia
+     * y deben llamar a `super.onInputChanges(changes)` para preservar
+     * el comportamiento base (detectar inputs relevantes y actualizar el chart).
+     */
+    onInputChanges(changes) {
+        if (changes['data'] || changes['chartConfig'] || changes['palette'] || changes['colorResolver'] || changes['valueFormatter']) {
+            this.updateChartOptions();
+        }
+    }
+    /**
+   * Gatilla actualización en ngx-echarts
+   */
+    triggerUpdate(options) {
+        this.updateSubject.next(options);
+    }
+    /**
+     * Método público para forzar el redimensionado desde el padre
+     */
+    resize() {
+        this.chartInstance?.resize();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BaseEchartsComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.19", type: BaseEchartsComponent, isStandalone: true, inputs: { data: "data", chartConfig: "chartConfig", palette: "palette", colorResolver: "colorResolver", valueFormatter: "valueFormatter" }, outputs: { chartClick: "chartClick" }, viewQueries: [{ propertyName: "chartContainer", first: true, predicate: ["chartContainer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BaseEchartsComponent, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true
+                }]
+        }], ctorParameters: () => [], propDecorators: { chartContainer: [{
+                type: ViewChild,
+                args: ['chartContainer', { static: true }]
+            }], data: [{
+                type: Input
+            }], chartConfig: [{
+                type: Input
+            }], palette: [{
+                type: Input
+            }], colorResolver: [{
+                type: Input
+            }], valueFormatter: [{
+                type: Input
+            }], chartClick: [{
+                type: Output
+            }] } });
+
+/**
+ * ECharts Options Standard Library
+ *
+ * Biblioteca de fragmentos de configuración y tokens de diseño para asegurar
+ * una estética cohesiva en todos los gráficos de Visionaris.
+ *
+ * @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
+});
+/**
+ * Formats a value using native browser SI suffixes (k, M, B).
+ */
+function formatAxisValue(value) {
+    return compactFormatter.format(value);
+}
+/**
+ * Global Design Tokens for ECharts
+ */
+const EChartsTokens = {
+    fontFamily: "'Inter', 'Roboto', sans-serif",
+    fontSize: 11,
+    axisColor: '#666',
+    lineColor: '#ddd',
+    primaryColor: '#08B1D5',
+    tooltipBg: 'rgba(255, 255, 255, 0.95)',
+    defaultPalette: ['#08B1D5', '#2C3E50', '#F39C12', '#E74C3C', '#27AE60', '#8E44AD', '#3498DB', '#16A085', '#D35400', '#2980B9']
+};
+/**
+ * Exposes the default Visionaris palette for internal fallbacks.
+ */
+function getDefaultPalette() {
+    return [...EChartsTokens.defaultPalette];
+}
+/**
+ * Common legend configuration with scroll to prevent "cannibalization".
+ * Atomic Pattern: Provides the scrollable container with Visionaris styling.
+ */
+function getLegendOptions(overrides) {
+    const defaults = {
+        show: true,
+        type: 'scroll',
+        orient: 'horizontal',
+        bottom: 0,
+        left: 'center',
+        height: 60,
+        textStyle: {
+            color: '#333',
+            fontSize: EChartsTokens.fontSize,
+            fontFamily: EChartsTokens.fontFamily
+        },
+        pageButtonPosition: 'end',
+        pageIconColor: EChartsTokens.primaryColor,
+        pageIconInactiveColor: '#ccc',
+        pageIconSize: 12,
+        pageTextStyle: {
+            color: '#666'
+        }
+    };
+    return { ...defaults, ...overrides };
+}
+/**
+ * Common XAxis configuration for category-based charts.
+ * Atomic Pattern: Handles category mapping and adaptive label rotation.
+ */
+function getXAxisOptions(overrides) {
+    const categories = overrides?.data || [];
+    const autoRotate = categories.length > 10 ? 45 : 0;
+    const defaults = {
+        type: 'category',
+        triggerEvent: true,
+        axisLabel: {
+            rotate: autoRotate,
+            interval: 'auto',
+            color: EChartsTokens.axisColor,
+            fontSize: EChartsTokens.fontSize
+        },
+        axisLine: {
+            lineStyle: {
+                color: EChartsTokens.lineColor
+            }
+        }
+    };
+    // Deep merge for axisLabel if provided
+    const result = { ...defaults, ...overrides };
+    if (overrides?.axisLabel) {
+        result.axisLabel = { ...defaults.axisLabel, ...overrides.axisLabel };
+    }
+    return result;
+}
+/**
+ * Common YAxis configuration for value-based charts.
+ * Atomic Pattern: Standardizes value formatting and grid lines.
+ */
+function getYAxisOptions(overrides) {
+    const defaults = {
+        type: 'value',
+        splitLine: {
+            show: true,
+            lineStyle: {
+                type: 'dashed',
+                color: '#f0f0f0'
+            }
+        },
+        axisLabel: {
+            formatter: (value) => formatAxisValue(value),
+            color: EChartsTokens.axisColor,
+            fontSize: EChartsTokens.fontSize
+        }
+    };
+    const result = { ...defaults, ...overrides };
+    if (overrides?.splitLine) {
+        result.splitLine = { ...defaults.splitLine, ...overrides.splitLine };
+    }
+    return result;
+}
+/**
+ * Common Tooltip configuration.
+ * Atomic Pattern: Enforces consistent glassmorphism and pointer styles.
+ */
+function getTooltipOptions(overrides) {
+    const trigger = overrides?.trigger || 'axis';
+    const isAxis = trigger === 'axis';
+    const defaults = {
+        show: true,
+        trigger: trigger,
+        backgroundColor: EChartsTokens.tooltipBg,
+        borderColor: '#eee',
+        borderWidth: 1,
+        textStyle: {
+            color: '#333',
+            fontSize: 12
+        },
+        extraCssText: 'box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 8px;',
+        ...(isAxis ? {
+            axisPointer: {
+                type: 'shadow'
+            }
+        } : {})
+    };
+    return { ...defaults, ...overrides };
+}
+
+/**
+ * BaseEchartBuilder
+ *
+ * Clase base para la construcción de opciones de ECharts.
+ * Implementa lógica compartida de paletas y opciones comunes.
+ *
+ * @see {@link vs-echarts/docs/internal-architecture.md}
+ */
+class BaseEchartBuilder {
+    valueFormatter = (value) => value.toLocaleString();
+    palette = [];
+    colorResolver;
+    constructor() { }
+    /**
+     * Permite inyectar un formateador de valores externo.
+     */
+    setValueFormatter(formatter) {
+        if (formatter) {
+            this.valueFormatter = formatter;
+        }
+    }
+    /**
+     * Permite inyectar una paleta de colores básica.
+     */
+    setPalette(palette) {
+        if (palette) {
+            this.palette = palette;
+        }
+    }
+    /**
+     * Permite inyectar un resolver de colores dinámico.
+     */
+    setColorResolver(resolver) {
+        if (resolver) {
+            this.colorResolver = resolver;
+        }
+    }
+    /**
+     * Retorna configuraciones comunes para todos los gráficos.
+     */
+    getCommonOptions(chartConfig) {
+        const common = {
+            backgroundColor: 'transparent',
+            textStyle: {
+                fontFamily: "'Inter', 'Roboto', 'Open Sans', sans-serif"
+            },
+            grid: {
+                left: '3%',
+                right: '4%',
+                bottom: '15%',
+                top: '20px',
+                containLabel: true
+            }
+        };
+        // Aplicar paleta global: Prioridad Palette Inyectada > Default Visionaris
+        common.color = (this.palette && this.palette.length > 0) ? this.palette : getDefaultPalette();
+        return common;
+    }
+    /**
+     * Formatea un valor utilizando el callback inyectado.
+     */
+    formatCellValue(value, key) {
+        return this.valueFormatter(value, key);
+    }
+}
+
+/**
+ * RingBuilder
+ *
+ * Especializado en construir opciones para gráficos de tipo Ring (Donas concéntricas).
+ * @see {@link vs-echarts/docs/charts/ring-patterns.md}
+ */
+class RingBuilder extends BaseEchartBuilder {
+    build(data, chartConfig) {
+        if (!data || !data.series.length)
+            return {};
+        const totalRings = data.series.length; // Cada serie es un anillo
+        // Configuración dinámica de radios y márgenes
+        const margin = totalRings > 1 ? Math.max(0.5, 2.5 - (totalRings * 0.1)) : 0;
+        const minInnerRadius = totalRings === 1 ? 45 : (totalRings > 5 ? Math.max(15, 40 - (totalRings * 1.2)) : 40);
+        const maxOuterRadius = totalRings === 1 ? 78 : (totalRings > 5 ? Math.min(90, 78 + (totalRings * 0.5)) : 78);
+        const availableSpan = maxOuterRadius - minInnerRadius - (margin * (totalRings - 1));
+        const thickness = availableSpan / totalRings;
+        const borderRadius = totalRings === 1 ? 10 : Math.max(2, Math.min(10, thickness * 0.8));
+        const borderWidth = totalRings === 1 ? 2 : Math.max(0.5, Math.min(2, thickness * 0.15));
+        const series = data.series.map((s, ringIndex) => {
+            const inner = minInnerRadius + (ringIndex * (thickness + margin));
+            const outer = inner + thickness;
+            const pieData = data.categories.map((catName, catIndex) => ({
+                name: catName,
+                value: s.data[catIndex],
+                originalMeassureKey: s.originalKey || (data.categoryKeys ? data.categoryKeys[catIndex] : '')
+            }));
+            const seriesOption = {
+                name: s.name,
+                type: 'pie',
+                radius: [`${inner}%`, `${outer}%`],
+                center: ['50%', '45%'],
+                avoidLabelOverlap: true,
+                minAngle: 3,
+                selectedMode: 'single',
+                selectedOffset: 4,
+                itemStyle: {
+                    borderRadius: borderRadius,
+                    borderColor: '#fff',
+                    borderWidth: borderWidth
+                },
+                label: { show: false },
+                emphasis: {
+                    scale: true,
+                    scaleSize: 2,
+                    itemStyle: {
+                        borderColor: '#fff',
+                        borderWidth: borderWidth
+                    }
+                },
+                select: {
+                    itemStyle: {
+                        borderColor: '#fff',
+                        borderWidth: borderWidth
+                    }
+                },
+                animationType: 'scale',
+                animationEasing: 'elasticOut',
+                data: pieData,
+                id: `ring_${ringIndex}`
+            };
+            // Inyectar el resolver de color si existe
+            if (this.colorResolver) {
+                seriesOption.itemStyle.color = this.colorResolver;
+            }
+            return seriesOption;
+        });
+        const common = this.getCommonOptions(chartConfig);
+        return {
+            ...common,
+            tooltip: {
+                ...getTooltipOptions({ trigger: 'item' }),
+                formatter: (params) => {
+                    const key = params.data.originalMeassureKey || '';
+                    const valFormatted = this.formatCellValue(params.value, key);
+                    const seriesHeader = totalRings > 1 ? `<b>${params.seriesName}</b><br/>` : '';
+                    return `${seriesHeader}${params.name}<br/>${params.marker} <b>${valFormatted}</b> (${params.percent}%)`;
+                }
+            },
+            legend: getLegendOptions(),
+            graphic: [{
+                    id: 'center-kpi',
+                    type: 'text',
+                    left: 'center',
+                    top: '43%',
+                    z: 100,
+                    transition: ['style'],
+                    style: {
+                        text: '',
+                        fontSize: 22,
+                        fontWeight: 'bold',
+                        fill: '#333',
+                        stroke: '#fff',
+                        lineWidth: 1,
+                        paintOrder: 'stroke',
+                        textAlign: 'center',
+                        textVerticalAlign: 'middle',
+                        opacity: 0
+                    }
+                }],
+            series: series,
+        };
+    }
+}
+
+/**
+ * EchartsRingComponent
+ *
+ * Especialista en visualización de tipo Ring. Soporta multi-medidas y KPI central.
+ * @see {@link vs-echarts/docs/charts/ring-patterns.md}
+ */
+class EchartsRingComponent extends BaseEchartsComponent {
+    lastSelectedSeriesIndex = null;
+    lastSelectedDataIndex = null;
+    selectedPercent = null;
+    currentLegendSelected = null;
+    currentGraphicText = '';
+    builder;
+    constructor() {
+        super();
+        this.builder = new RingBuilder();
+    }
+    onInputChanges(changes) {
+        // Reset selection only if data changed
+        if (changes['data']) {
+            this.lastSelectedSeriesIndex = null;
+            this.lastSelectedDataIndex = null;
+            this.selectedPercent = null;
+            this.currentLegendSelected = null;
+            this.currentGraphicText = '';
+        }
+        super.onInputChanges(changes);
+    }
+    /**
+     * Maneja clics en los sectores del ring.
+     * Soporta múltiples series (anillos) y actualiza el KPI central.
+     */
+    onChartClick(event) {
+        if (this.chartInstance && event && event.dataIndex !== undefined) {
+            const isSameSelection = event.seriesIndex === this.lastSelectedSeriesIndex &&
+                event.dataIndex === this.lastSelectedDataIndex;
+            if (isSameSelection) {
+                // Toggle OFF
+                this.lastSelectedSeriesIndex = null;
+                this.lastSelectedDataIndex = null;
+                this.selectedPercent = null;
+                this.setGraphicText('');
+                this.chartInstance.dispatchAction({
+                    type: 'unselect',
+                    seriesIndex: event.seriesIndex,
+                    dataIndex: event.dataIndex
+                });
+            }
+            else {
+                // SELECT
+                this.lastSelectedSeriesIndex = event.seriesIndex;
+                this.lastSelectedDataIndex = event.dataIndex;
+                this.selectedPercent = (event.percent !== undefined) ? event.percent + '%' : '';
+                this.setGraphicText(this.selectedPercent);
+            }
+            this.chartClick.emit({
+                type: 'cross-filter',
+                data: {
+                    category: event.name,
+                    serie: event.seriesName,
+                    value: event.value
+                }
+            });
+        }
+    }
+    onChartMouseOver(event) {
+        if (this.selectedPercent === null && event && event.percent !== undefined) {
+            this.setGraphicText(event.percent + '%');
+        }
+    }
+    onChartMouseOut(event) {
+        if (this.selectedPercent === null) {
+            this.setGraphicText('');
+        }
+    }
+    /**
+     * Captura los cambios en la selección de la leyenda para persistirlos.
+     */
+    onLegendSelectChanged(event) {
+        if (event && event.selected) {
+            this.currentLegendSelected = event.selected;
+            // Resetear la selección actual al cambiar el contexto de la leyenda
+            this.lastSelectedSeriesIndex = null;
+            this.lastSelectedDataIndex = null;
+            this.selectedPercent = null;
+            this.currentGraphicText = '';
+            this.updateChartOptions();
+        }
+    }
+    /**
+     * Actualiza el texto del Graphic central y persiste la selección en el modelo de opciones.
+     */
+    setGraphicText(text) {
+        this.currentGraphicText = text;
+        this.updateChartOptions();
+    }
+    updateChartOptions() {
+        if (!this.chartInstance)
+            return;
+        if (!this.data)
+            return;
+        // 1. Configuramos el builder (Formateadores, Colores, etc se manejan en la base)
+        // Pero aquí necesitamos llamar a super o duplicar la lógica de inyección de inputs
+        if (this.valueFormatter)
+            this.builder.setValueFormatter(this.valueFormatter);
+        if (this.palette)
+            this.builder.setPalette(this.palette);
+        if (this.colorResolver)
+            this.builder.setColorResolver(this.colorResolver);
+        // 2. Obtenemos las bases del chart usando el builder
+        let options = this.builder.build(this.data, this.chartConfig);
+        // 3. Persistencia de GRAPHIC (KPI central)
+        if (options.graphic && Array.isArray(options.graphic)) {
+            const graphic = options.graphic[0];
+            if (graphic && graphic.style) {
+                graphic.style.text = this.currentGraphicText;
+                graphic.style.opacity = this.currentGraphicText ? 1 : 0;
+            }
+        }
+        // 4. Persistencia de SELECCIÓN (sector elevado)
+        if (options.series && Array.isArray(options.series)) {
+            options.series.forEach((s, sIdx) => {
+                if (s.data && Array.isArray(s.data)) {
+                    s.data.forEach((item, dIdx) => {
+                        if (typeof item === 'object') {
+                            item.selected = (sIdx === this.lastSelectedSeriesIndex && dIdx === this.lastSelectedDataIndex);
+                        }
+                    });
+                }
+            });
+        }
+        // 5. Persistencia de LEYENDA (filtros de usuario)
+        if (this.currentLegendSelected && options.legend) {
+            options.legend = {
+                ...options.legend,
+                selected: { ...this.currentLegendSelected }
+            };
+        }
+        // Gatillar actualización en ngx-echarts
+        this.triggerUpdate(options);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EchartsRingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: EchartsRingComponent, isStandalone: true, selector: "vs-echarts-ring", providers: [provideVSEcharts()], usesInheritance: true, ngImport: i0, template: "<div class=\"echarts-container\">\n  <div class=\"ring-chart\" \n    echarts \n    [options]=\"chartOptions\" \n    [autoResize]=\"true\" \n    (chartInit)=\"onChartInit($event)\" \n    (chartClick)=\"onChartClick($event)\" \n    (chartMouseOver)=\"onChartMouseOver($event)\" \n    (chartMouseOut)=\"onChartMouseOut($event)\" \n    (chartLegendSelectChanged)=\"onLegendSelectChanged($event)\"\n  ></div>\n</div>\n", styles: [".echarts-container{width:100%;height:100%;position:relative;background-color:#fff;border-radius:8px;padding:1rem;box-sizing:border-box}.ring-chart{width:100%;height:100%}.empty-state{display:flex;justify-content:center;align-items:center;height:100%;color:#666;font-family:Roboto,sans-serif;text-align:center;padding:2rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: NgxEchartsDirective, selector: "echarts, [echarts]", inputs: ["options", "theme", "initOpts", "merge", "autoResize", "loading", "loadingType", "loadingOpts"], outputs: ["chartInit", "optionsError", "chartClick", "chartDblClick", "chartMouseDown", "chartMouseMove", "chartMouseUp", "chartMouseOver", "chartMouseOut", "chartGlobalOut", "chartContextMenu", "chartHighlight", "chartDownplay", "chartSelectChanged", "chartLegendSelectChanged", "chartLegendSelected", "chartLegendUnselected", "chartLegendLegendSelectAll", "chartLegendLegendInverseSelect", "chartLegendScroll", "chartDataZoom", "chartDataRangeSelected", "chartGraphRoam", "chartGeoRoam", "chartTreeRoam", "chartTimelineChanged", "chartTimelinePlayChanged", "chartRestore", "chartDataViewChanged", "chartMagicTypeChanged", "chartGeoSelectChanged", "chartGeoSelected", "chartGeoUnselected", "chartAxisAreaSelected", "chartBrush", "chartBrushEnd", "chartBrushSelected", "chartGlobalCursorTaken", "chartRendered", "chartFinished"], exportAs: ["echarts"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EchartsRingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vs-echarts-ring', standalone: true, imports: [
+                        CommonModule,
+                        NgxEchartsDirective,
+                    ], providers: [provideVSEcharts()], template: "<div class=\"echarts-container\">\n  <div class=\"ring-chart\" \n    echarts \n    [options]=\"chartOptions\" \n    [autoResize]=\"true\" \n    (chartInit)=\"onChartInit($event)\" \n    (chartClick)=\"onChartClick($event)\" \n    (chartMouseOver)=\"onChartMouseOver($event)\" \n    (chartMouseOut)=\"onChartMouseOut($event)\" \n    (chartLegendSelectChanged)=\"onLegendSelectChanged($event)\"\n  ></div>\n</div>\n", styles: [".echarts-container{width:100%;height:100%;position:relative;background-color:#fff;border-radius:8px;padding:1rem;box-sizing:border-box}.ring-chart{width:100%;height:100%}.empty-state{display:flex;justify-content:center;align-items:center;height:100%;color:#666;font-family:Roboto,sans-serif;text-align:center;padding:2rem}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * VerticalBandsBuilder
+ *
+ * Especializado en construir opciones para gráficos de barras verticales.
+ * @see {@link vs-echarts/docs/charts/vertical-bands-patterns.md}
+ */
+class VerticalBandsBuilder extends BaseEchartBuilder {
+    constructor() {
+        super();
+    }
+    build(data, chartConfig) {
+        if (!data || !data.series.length)
+            return {};
+        const series = data.series.map((s) => {
+            const seriesOption = {
+                name: s.name,
+                type: 'bar',
+                barMaxWidth: 50,
+                barGap: '15%',
+                barCategoryGap: '35%',
+                animation: true,
+                animationDuration: 1000,
+                animationEasing: 'cubicOut',
+                itemStyle: {
+                    borderRadius: [4, 4, 0, 0]
+                },
+                data: s.data,
+                emphasis: {
+                    focus: 'none'
+                },
+                blur: {
+                    itemStyle: {
+                        opacity: 0.2
+                    }
+                },
+                select: {
+                    itemStyle: {
+                        opacity: 1,
+                        shadowBlur: 10,
+                        shadowColor: 'rgba(0,0,0,0.3)'
+                    }
+                },
+                label: {
+                    show: false,
+                    position: 'top',
+                    formatter: (params) => {
+                        const key = s.originalKey || (data.categoryKeys ? data.categoryKeys[params.dataIndex] : String(params.dataIndex));
+                        return this.formatCellValue(params.value, key);
+                    }
+                }
+            };
+            // Inyectar el resolver de color si existe
+            if (this.colorResolver) {
+                seriesOption.itemStyle.color = this.colorResolver;
+            }
+            return seriesOption;
+        });
+        const common = this.getCommonOptions(chartConfig);
+        return {
+            ...common,
+            tooltip: {
+                ...getTooltipOptions({ trigger: 'axis' }),
+                formatter: (params) => {
+                    let html = `<b>${params[0].name}</b><br/>`;
+                    params.forEach((p) => {
+                        const seriesObj = data.series[p.seriesIndex];
+                        const key = seriesObj.originalKey || (data.categoryKeys ? data.categoryKeys[p.dataIndex] : String(p.dataIndex));
+                        const valFormatted = this.formatCellValue(p.value, key);
+                        html += `${p.marker} ${p.seriesName}: <b>${valFormatted}</b><br/>`;
+                    });
+                    return html;
+                }
+            },
+            legend: getLegendOptions(),
+            xAxis: getXAxisOptions({ data: data.categories }),
+            yAxis: getYAxisOptions(),
+            series: series
+        };
+    }
+}
+
+/**
+ * EchartsVerticalBandsComponent
+ *
+ * Especialista en visualización de bandas/barras verticales.
+ * Implementa patrones de interacción ZRender y resaltado de grupos.
+ * @see {@link vs-echarts/docs/charts/vertical-bands-patterns.md}
+ */
+class EchartsVerticalBandsComponent extends BaseEchartsComponent {
+    selectedSectorIndex = null;
+    selectedSeriesIndex = null;
+    currentLegendSelected = null;
+    builder;
+    constructor() {
+        super();
+        this.builder = new VerticalBandsBuilder();
+    }
+    onChartInit(instance) {
+        super.onChartInit(instance);
+        this.setupInteractions();
+    }
+    onInputChanges(changes) {
+        if (changes['data']) {
+            this.selectedSectorIndex = null;
+            this.selectedSeriesIndex = null;
+            this.currentLegendSelected = null;
+        }
+        super.onInputChanges(changes);
+    }
+    setupInteractions() {
+        if (!this.chartInstance)
+            return;
+        // 1. ZRender click for background "sectors"
+        const zr = this.chartInstance.getZr();
+        zr.on('click', (params) => {
+            if (!params.target) {
+                const pointInPixel = [params.offsetX, params.offsetY];
+                if (this.chartInstance.containPixel('grid', pointInPixel)) {
+                    // Fix TS2352: convertFromPixel return type cast
+                    const xIndexResult = this.chartInstance.convertFromPixel({ xAxisIndex: 0 }, pointInPixel);
+                    const xIndex = Array.isArray(xIndexResult) ? xIndexResult[0] : xIndexResult;
+                    if (typeof xIndex === 'number' && xIndex >= 0) {
+                        this.toggleSectorSelection(xIndex);
+                    }
+                }
+            }
+        });
+        // 2. Mouseover for Group Highlighting
+        this.chartInstance.on('mouseover', (params) => {
+            if (params.dataIndex !== undefined) {
+                this.highlightSector(params.dataIndex);
+            }
+        });
+        this.chartInstance.on('mouseout', () => {
+            this.clearHighlight();
+        });
+    }
+    toggleSectorSelection(index, seriesIndex = null) {
+        const isSameBar = this.selectedSectorIndex === index && this.selectedSeriesIndex === seriesIndex;
+        if (isSameBar) {
+            this.selectedSectorIndex = null;
+            this.selectedSeriesIndex = null;
+        }
+        else {
+            this.selectedSectorIndex = index;
+            this.selectedSeriesIndex = seriesIndex;
+        }
+        // Refresh options to apply selection logic
+        this.updateChartOptions();
+    }
+    highlightSector(index) {
+        if (!this.chartInstance)
+            return;
+        const seriesCount = Array.isArray(this.chartOptions.series) ? this.chartOptions.series.length : 0;
+        this.chartInstance.dispatchAction({
+            type: 'highlight',
+            seriesIndex: Array.from({ length: seriesCount }, (_, i) => i),
+            dataIndex: index
+        });
+    }
+    clearHighlight() {
+        if (!this.chartInstance)
+            return;
+        const seriesCount = Array.isArray(this.chartOptions.series) ? this.chartOptions.series.length : 0;
+        this.chartInstance.dispatchAction({
+            type: 'downplay',
+            seriesIndex: Array.from({ length: seriesCount }, (_, i) => i)
+        });
+    }
+    onChartClick(event) {
+        // 3. ECharts click only for bars (to avoid unwanted axis filtering)
+        if (event.componentType === 'series') {
+            const index = event.dataIndex;
+            if (index !== undefined && index >= 0) {
+                let seriesIndex = null;
+                if (event.componentType === 'series') {
+                    seriesIndex = event.seriesIndex;
+                }
+                this.toggleSectorSelection(index, seriesIndex);
+                // Emit standardized payload for cross-filtering
+                this.chartClick.emit({
+                    type: 'cross-filter',
+                    data: {
+                        category: event.name,
+                        serie: event.seriesName,
+                        value: event.value
+                    }
+                });
+            }
+        }
+    }
+    /**
+     * Maneja clics en la leyenda para persistir filtros.
+     */
+    onLegendSelectChanged(event) {
+        if (event && event.selected) {
+            this.currentLegendSelected = event.selected;
+            this.updateChartOptions();
+        }
+    }
+    updateChartOptions() {
+        if (!this.chartInstance)
+            return;
+        if (!this.data)
+            return;
+        // 1. Configuramos el builder (Formateadores, Colores, etc se manejan en la base)
+        if (this.valueFormatter)
+            this.builder.setValueFormatter(this.valueFormatter);
+        if (this.palette)
+            this.builder.setPalette(this.palette);
+        if (this.colorResolver)
+            this.builder.setColorResolver(this.colorResolver);
+        // 2. Obtenemos las bases del chart usando el builder
+        let baseOptions = this.builder.build(this.data, this.chartConfig);
+        // 3. Re-apply legend selection state if exists
+        if (this.currentLegendSelected && baseOptions.legend) {
+            baseOptions.legend.selected = { ...this.currentLegendSelected };
+        }
+        // 4. Apply persistent selection style if a sector is selected
+        if (this.selectedSectorIndex !== null && baseOptions.series) {
+            const seriesArray = baseOptions.series;
+            baseOptions.series = seriesArray.map((s, sIdx) => {
+                if (s.type === 'bar' && Array.isArray(s.data)) {
+                    return {
+                        ...s,
+                        data: s.data.map((val, idx) => {
+                            const isSelected = idx === this.selectedSectorIndex;
+                            const isBarSelected = isSelected && sIdx === this.selectedSeriesIndex;
+                            const itemVal = (val && typeof val === 'object' && val.value !== undefined) ? val.value : val;
+                            return {
+                                value: itemVal,
+                                itemStyle: {
+                                    opacity: isSelected ? (isBarSelected ? 1 : 0.5) : 0.15,
+                                    borderWidth: 0
+                                }
+                            };
+                        })
+                    };
+                }
+                return s;
+            });
+        }
+        this.triggerUpdate(baseOptions);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EchartsVerticalBandsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: EchartsVerticalBandsComponent, isStandalone: true, selector: "vs-echarts-vertical-bands", providers: [provideVSEcharts()], usesInheritance: true, ngImport: i0, template: "<div class=\"echarts-container\">\n  <div echarts [options]=\"chartOptions\" [autoResize]=\"true\" (chartInit)=\"onChartInit($event)\" (chartClick)=\"onChartClick($event)\" (legendSelectChanged)=\"onLegendSelectChanged($event)\" class=\"demo-chart\"></div>\n</div>\n", styles: [".echarts-container{width:100%;height:100%;position:relative;background-color:#fff;border-radius:8px;padding:1rem;box-sizing:border-box}.demo-chart{width:100%;height:100%}.empty-state{display:flex;justify-content:center;align-items:center;height:100%;color:#666;font-family:Roboto,sans-serif;text-align:center;padding:2rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: NgxEchartsDirective, selector: "echarts, [echarts]", inputs: ["options", "theme", "initOpts", "merge", "autoResize", "loading", "loadingType", "loadingOpts"], outputs: ["chartInit", "optionsError", "chartClick", "chartDblClick", "chartMouseDown", "chartMouseMove", "chartMouseUp", "chartMouseOver", "chartMouseOut", "chartGlobalOut", "chartContextMenu", "chartHighlight", "chartDownplay", "chartSelectChanged", "chartLegendSelectChanged", "chartLegendSelected", "chartLegendUnselected", "chartLegendLegendSelectAll", "chartLegendLegendInverseSelect", "chartLegendScroll", "chartDataZoom", "chartDataRangeSelected", "chartGraphRoam", "chartGeoRoam", "chartTreeRoam", "chartTimelineChanged", "chartTimelinePlayChanged", "chartRestore", "chartDataViewChanged", "chartMagicTypeChanged", "chartGeoSelectChanged", "chartGeoSelected", "chartGeoUnselected", "chartAxisAreaSelected", "chartBrush", "chartBrushEnd", "chartBrushSelected", "chartGlobalCursorTaken", "chartRendered", "chartFinished"], exportAs: ["echarts"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: EchartsVerticalBandsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vs-echarts-vertical-bands', standalone: true, imports: [
+                        CommonModule,
+                        NgxEchartsDirective,
+                    ], providers: [provideVSEcharts()], template: "<div class=\"echarts-container\">\n  <div echarts [options]=\"chartOptions\" [autoResize]=\"true\" (chartInit)=\"onChartInit($event)\" (chartClick)=\"onChartClick($event)\" (legendSelectChanged)=\"onLegendSelectChanged($event)\" class=\"demo-chart\"></div>\n</div>\n", styles: [".echarts-container{width:100%;height:100%;position:relative;background-color:#fff;border-radius:8px;padding:1rem;box-sizing:border-box}.demo-chart{width:100%;height:100%}.empty-state{display:flex;justify-content:center;align-items:center;height:100%;color:#666;font-family:Roboto,sans-serif;text-align:center;padding:2rem}\n"] }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of echarts
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseEchartsComponent, EchartsRingComponent, EchartsVerticalBandsComponent, initializeEcharts, provideVSEcharts };
+//# sourceMappingURL=visionaris-bruno-vs-echarts.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"visionaris-bruno-vs-echarts.mjs","sources":["../../../projects/vs-echarts/src/lib/vs-echarts.config.ts","../../../projects/vs-echarts/src/lib/base-echart.component.ts","../../../projects/vs-echarts/src/lib/echarts-options.ts","../../../projects/vs-echarts/src/lib/builders/base-echart.builder.ts","../../../projects/vs-echarts/src/lib/builders/ring.builder.ts","../../../projects/vs-echarts/src/lib/charts/echarts-ring/echarts-ring.component.ts","../../../projects/vs-echarts/src/lib/charts/echarts-ring/echarts-ring.component.html","../../../projects/vs-echarts/src/lib/builders/vertical-bands.builder.ts","../../../projects/vs-echarts/src/lib/charts/echarts-vertical-bands/echarts-vertical-bands.component.ts","../../../projects/vs-echarts/src/lib/charts/echarts-vertical-bands/echarts-vertical-bands.component.html","../../../projects/vs-echarts/src/public-api.ts","../../../projects/vs-echarts/src/visionaris-bruno-vs-echarts.ts"],"sourcesContent":["import { provideEchartsCore } from 'ngx-echarts';\nimport * as echarts from 'echarts/core';\nimport { BarChart, PieChart } from 'echarts/charts';\nimport {\n  TitleComponent,\n  TooltipComponent,\n  GridComponent,\n  LegendComponent,\n  GraphicComponent,\n  ToolboxComponent\n} from 'echarts/components';\nimport { CanvasRenderer } from 'echarts/renderers';\n\n/**\n * Inicialización centralizada de ECharts para evitar duplicación y efectos secundarios \n * no controlados en componentes standalone.\n */\nlet initialized = false;\n\nexport function initializeEcharts() {\n  if (initialized) return;\n  \n  echarts.use([\n    BarChart,\n    PieChart,\n    TitleComponent,\n    TooltipComponent,\n    GridComponent,\n    LegendComponent,\n    CanvasRenderer,\n    GraphicComponent,\n    ToolboxComponent\n  ]);\n  \n  initialized = true;\n}\n\n/**\n * Provee la configuración de ECharts para ngx-echarts.\n * Llama automáticamente a la inicialización de módulos.\n */\nexport function provideVSEcharts() {\n  initializeEcharts();\n  return provideEchartsCore({ echarts });\n}\n","import { Input, OnChanges, SimpleChanges, ViewChild, ElementRef, Output, EventEmitter, OnDestroy, Directive } from '@angular/core';\nimport { ReplaySubject, Subscription } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\nimport type * as echarts from 'echarts';\n\nimport { IEChartData, EChartValueFormatter, EChartColorResolver, IEChartConfiguration } from './echarts-data.interfaces';\nimport { EChartClickType } from './echarts.interfaces';\nimport { BaseEchartBuilder } from './builders/base-echart.builder';\n\n@Directive({\n  standalone: true\n})\n/**\n * BaseEchartsComponent\n * \n * Clase base para componentes especialistas de ECharts.\n * Gestiona el ciclo de vida, redimensionado dinámico y debouncing de actualizaciones.\n * \n * @see {@link vs-echarts/docs/internal-architecture.md}\n */\nexport abstract class BaseEchartsComponent implements OnChanges, OnDestroy {\n  @ViewChild('chartContainer', { static: true }) chartContainer!: ElementRef;\n  \n  /** Datos normalizados para graficar */\n  @Input() data: IEChartData = { categories: [], series: [] };\n  \n  /** Configuración visual agnóstica */\n  @Input() chartConfig: IEChartConfiguration = {};\n\n  /** Paleta de colores básica */\n  @Input() palette?: string[];\n\n  /** Resolver de colores dinámico (Callback) */\n  @Input() colorResolver?: EChartColorResolver;\n\n  /** Formateador de valores para etiquetas y tooltips */\n  @Input() valueFormatter?: EChartValueFormatter;\n  \n  @Output() chartClick = new EventEmitter<{type: EChartClickType, data: any}>();\n\n  /** Opciones configuradas para ngx-echarts */\n  public chartOptions: any = {};\n\n  /** Subject para debouncing de actualizaciones. ReplaySubject asegura no perder el primer renderizado. */\n  private updateSubject = new ReplaySubject<echarts.EChartsOption>(1);\n  private updateSubscription?: Subscription;\n\n  constructor() {\n    this.updateSubscription = this.updateSubject.pipe(\n      debounceTime(150)\n    ).subscribe(options => {\n      this.updateOptions(options);\n    });\n  }\n\n  protected chartInstance?: echarts.ECharts;\n  protected abstract builder: BaseEchartBuilder;\n\n  ngOnChanges(changes: SimpleChanges) {\n    this.onInputChanges(changes);\n  }\n\n  ngOnDestroy() {\n    this.updateSubscription?.unsubscribe();\n    this.chartInstance?.dispose();\n  }\n\n  /**\n   * Captura la instancia de echarts (usado por ngx-echarts)\n   */\n  onChartInit(instance: any) {\n    this.chartInstance = instance;\n    this.updateChartOptions();\n  }\n\n  private updateOptions(options: echarts.EChartsOption) {\n    this.chartOptions = { ...options };\n    this.chartInstance?.setOption(options, { notMerge: true });\n  }\n\n  /**\n   * Hook de template method invocado por `ngOnChanges`.\n   * Las subclases lo sobreescriben para añadir lógica propia\n   * y deben llamar a `super.onInputChanges(changes)` para preservar\n   * el comportamiento base (detectar inputs relevantes y actualizar el chart).\n   */\n  protected onInputChanges(changes: SimpleChanges): void {\n    if (changes['data'] || changes['chartConfig'] || changes['palette'] || changes['colorResolver'] || changes['valueFormatter']) {\n      this.updateChartOptions();\n    }\n  }\n\n  protected abstract updateChartOptions(): void;\n  \n  /**\n * Gatilla actualización en ngx-echarts\n */\n  protected triggerUpdate(options: echarts.EChartsOption) {\n    this.updateSubject.next(options);\n  }\n\n  /**\n   * Método público para forzar el redimensionado desde el padre\n   */\n  public resize() {\n    this.chartInstance?.resize();\n  }\n}\n","/**\n * ECharts Options Standard Library\n * \n * Biblioteca de fragmentos de configuración y tokens de diseño para asegurar \n * una estética cohesiva en todos los gráficos de Visionaris.\n * \n * @see {@link VisionarisFrontEnd/docs/technical/echarts-architecture.md}\n */\n\n// Pre-cached native formatter for performance in axis ticks\nexport const compactFormatter = new Intl.NumberFormat('es-AR', {\n    notation: 'compact',\n    compactDisplay: 'short',\n    maximumFractionDigits: 1\n});\n\n/**\n * Formats a value using native browser SI suffixes (k, M, B).\n */\nexport function formatAxisValue(value: number): string {\n    return compactFormatter.format(value);\n}\n\n/**\n * Global Design Tokens for ECharts\n */\nconst EChartsTokens = {\n    fontFamily: \"'Inter', 'Roboto', sans-serif\",\n    fontSize: 11,\n    axisColor: '#666',\n    lineColor: '#ddd',\n    primaryColor: '#08B1D5',\n    tooltipBg: 'rgba(255, 255, 255, 0.95)',\n    defaultPalette: ['#08B1D5', '#2C3E50', '#F39C12', '#E74C3C', '#27AE60', '#8E44AD', '#3498DB', '#16A085', '#D35400', '#2980B9']\n};\n\n/**\n * Exposes the default Visionaris palette for internal fallbacks.\n */\nexport function getDefaultPalette(): string[] {\n    return [...EChartsTokens.defaultPalette];\n}\n\n/**\n * Common legend configuration with scroll to prevent \"cannibalization\".\n * Atomic Pattern: Provides the scrollable container with Visionaris styling.\n */\nexport function getLegendOptions(overrides?: any): any {\n    const defaults = {\n        show: true,\n        type: 'scroll',\n        orient: 'horizontal',\n        bottom: 0,\n        left: 'center',\n        height: 60,\n        textStyle: {\n            color: '#333',\n            fontSize: EChartsTokens.fontSize,\n            fontFamily: EChartsTokens.fontFamily\n        },\n        pageButtonPosition: 'end',\n        pageIconColor: EChartsTokens.primaryColor,\n        pageIconInactiveColor: '#ccc',\n        pageIconSize: 12,\n        pageTextStyle: {\n            color: '#666'\n        }\n    };\n\n    return { ...defaults, ...overrides };\n}\n\n/**\n * Common XAxis configuration for category-based charts.\n * Atomic Pattern: Handles category mapping and adaptive label rotation.\n */\nexport function getXAxisOptions(overrides?: any): any {\n    const categories = overrides?.data || [];\n    const autoRotate = categories.length > 10 ? 45 : 0;\n\n    const defaults = {\n        type: 'category',\n        triggerEvent: true,\n        axisLabel: {\n            rotate: autoRotate,\n            interval: 'auto',\n            color: EChartsTokens.axisColor,\n            fontSize: EChartsTokens.fontSize\n        },\n        axisLine: {\n            lineStyle: {\n                color: EChartsTokens.lineColor\n            }\n        }\n    };\n\n    // Deep merge for axisLabel if provided\n    const result = { ...defaults, ...overrides };\n    if (overrides?.axisLabel) {\n        result.axisLabel = { ...defaults.axisLabel, ...overrides.axisLabel };\n    }\n\n    return result;\n}\n\n/**\n * Common YAxis configuration for value-based charts.\n * Atomic Pattern: Standardizes value formatting and grid lines.\n */\nexport function getYAxisOptions(overrides?: any): any {\n    const defaults = {\n        type: 'value',\n        splitLine: { \n            show: true,\n            lineStyle: { \n                type: 'dashed',\n                color: '#f0f0f0'\n            } \n        },\n        axisLabel: {\n            formatter: (value: number) => formatAxisValue(value),\n            color: EChartsTokens.axisColor,\n            fontSize: EChartsTokens.fontSize\n        }\n    };\n\n    const result = { ...defaults, ...overrides };\n    if (overrides?.splitLine) {\n        result.splitLine = { ...defaults.splitLine, ...overrides.splitLine };\n    }\n\n    return result;\n}\n\n/**\n * Common Tooltip configuration.\n * Atomic Pattern: Enforces consistent glassmorphism and pointer styles.\n */\nexport function getTooltipOptions(overrides?: any): any {\n    const trigger = overrides?.trigger || 'axis';\n    const isAxis = trigger === 'axis';\n\n    const defaults = {\n        show: true,\n        trigger: trigger,\n        backgroundColor: EChartsTokens.tooltipBg,\n        borderColor: '#eee',\n        borderWidth: 1,\n        textStyle: {\n            color: '#333',\n            fontSize: 12\n        },\n        extraCssText: 'box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 8px;',\n        ...(isAxis ? {\n            axisPointer: {\n                type: 'shadow'\n            }\n        } : {})\n    };\n\n    return { ...defaults, ...overrides };\n}\n","import { EChartsOption } from 'echarts';\nimport { IEChartData, EChartValueFormatter, EChartColorResolver, IEChartConfiguration } from '../echarts-data.interfaces';\nimport * as EChartsOptions from '../echarts-options';\n\n/**\n * BaseEchartBuilder\n * \n * Clase base para la construcción de opciones de ECharts.\n * Implementa lógica compartida de paletas y opciones comunes.\n * \n * @see {@link vs-echarts/docs/internal-architecture.md}\n */\nexport abstract class BaseEchartBuilder {\n  \n  protected valueFormatter: EChartValueFormatter = (value: number) => value.toLocaleString();\n  protected palette: string[] = [];\n  protected colorResolver?: EChartColorResolver;\n\n  constructor() {}\n\n  /**\n   * Permite inyectar un formateador de valores externo.\n   */\n  public setValueFormatter(formatter: EChartValueFormatter): void {\n    if (formatter) {\n      this.valueFormatter = formatter;\n    }\n  }\n\n  /**\n   * Permite inyectar una paleta de colores básica.\n   */\n  public setPalette(palette: string[]): void {\n    if (palette) {\n      this.palette = palette;\n    }\n  }\n\n  /**\n   * Permite inyectar un resolver de colores dinámico.\n   */\n  public setColorResolver(resolver: EChartColorResolver): void {\n    if (resolver) {\n      this.colorResolver = resolver;\n    }\n  }\n\n  /**\n   * Método principal para construir el objeto EChartsOption.\n   */\n  abstract build(\n    data: IEChartData,\n    chartConfig: IEChartConfiguration\n  ): EChartsOption;\n\n  /**\n   * Retorna configuraciones comunes para todos los gráficos.\n   */\n  protected getCommonOptions(chartConfig?: IEChartConfiguration): EChartsOption {\n    const common: EChartsOption = {\n      backgroundColor: 'transparent',\n      textStyle: {\n        fontFamily: \"'Inter', 'Roboto', 'Open Sans', sans-serif\"\n      },\n      grid: {\n        left: '3%',\n        right: '4%',\n        bottom: '15%',\n        top: '20px',\n        containLabel: true\n      }\n    };\n\n    // Aplicar paleta global: Prioridad Palette Inyectada > Default Visionaris\n    common.color = (this.palette && this.palette.length > 0) ? this.palette : EChartsOptions.getDefaultPalette();\n\n    return common;\n  }\n\n  /**\n   * Formatea un valor utilizando el callback inyectado.\n   */\n  protected formatCellValue(value: number, key: string): string {\n    return this.valueFormatter(value, key);\n  }\n}\n","import { EChartsOption } from 'echarts';\nimport { BaseEchartBuilder } from './base-echart.builder';\nimport { IEChartData, IEChartConfiguration } from '../echarts-data.interfaces';\nimport * as EChartsOptions from '../echarts-options';\n\n/**\n * RingBuilder\n * \n * Especializado en construir opciones para gráficos de tipo Ring (Donas concéntricas).\n * @see {@link vs-echarts/docs/charts/ring-patterns.md}\n */\nexport class RingBuilder extends BaseEchartBuilder {\n  \n  build(\n    data: IEChartData,\n    chartConfig: IEChartConfiguration\n  ): EChartsOption {\n    if (!data || !data.series.length) return {};\n\n    const totalRings = data.series.length; // Cada serie es un anillo\n    \n    // Configuración dinámica de radios y márgenes\n    const margin = totalRings > 1 ? Math.max(0.5, 2.5 - (totalRings * 0.1)) : 0;\n    const minInnerRadius = totalRings === 1 ? 45 : (totalRings > 5 ? Math.max(15, 40 - (totalRings * 1.2)) : 40);\n    const maxOuterRadius = totalRings === 1 ? 78 : (totalRings > 5 ? Math.min(90, 78 + (totalRings * 0.5)) : 78);\n\n    const availableSpan = maxOuterRadius - minInnerRadius - (margin * (totalRings - 1));\n    const thickness = availableSpan / totalRings;\n\n    const borderRadius = totalRings === 1 ? 10 : Math.max(2, Math.min(10, thickness * 0.8));\n    const borderWidth = totalRings === 1 ? 2 : Math.max(0.5, Math.min(2, thickness * 0.15));\n\n    const series = data.series.map((s, ringIndex) => {\n      const inner = minInnerRadius + (ringIndex * (thickness + margin));\n      const outer = inner + thickness;\n\n      const pieData = data.categories.map((catName, catIndex) => ({\n        name: catName,\n        value: s.data[catIndex],\n        originalMeassureKey: s.originalKey || (data.categoryKeys ? data.categoryKeys[catIndex] : '')\n      }));\n\n      const seriesOption: any = {\n        name: s.name,\n        type: 'pie' as const,\n        radius: [`${inner}%`, `${outer}%`],\n        center: ['50%', '45%'],\n        avoidLabelOverlap: true,\n        minAngle: 3,\n        selectedMode: 'single' as const,\n        selectedOffset: 4,\n        itemStyle: {\n          borderRadius: borderRadius,\n          borderColor: '#fff',\n          borderWidth: borderWidth\n        },\n        label: { show: false },\n        emphasis: { \n          scale: true,\n          scaleSize: 2,\n          itemStyle: {\n            borderColor: '#fff',\n            borderWidth: borderWidth\n          }\n        },\n        select: {\n          itemStyle: {\n            borderColor: '#fff',\n            borderWidth: borderWidth\n          }\n        },\n        animationType: 'scale',\n        animationEasing: 'elasticOut',\n        data: pieData,\n        id: `ring_${ringIndex}`\n      };\n\n      // Inyectar el resolver de color si existe\n      if (this.colorResolver) {\n        seriesOption.itemStyle.color = this.colorResolver;\n      }\n\n      return seriesOption;\n    });\n\n    const common = this.getCommonOptions(chartConfig);\n\n    return {\n      ...common,\n      tooltip: {\n        ...EChartsOptions.getTooltipOptions({ trigger: 'item' }),\n        formatter: (params: any) => {\n          const key = (params.data as any).originalMeassureKey || '';\n          const valFormatted = this.formatCellValue(params.value as number, key);\n          const seriesHeader = totalRings > 1 ? `<b>${params.seriesName}</b><br/>` : '';\n          return `${seriesHeader}${params.name}<br/>${params.marker} <b>${valFormatted}</b> (${params.percent}%)`;\n        }\n      },\n      legend: EChartsOptions.getLegendOptions(),\n      graphic: [{\n        id: 'center-kpi',\n        type: 'text' as const,\n        left: 'center',\n        top: '43%',\n        z: 100,\n        transition: ['style'],\n        style: {\n          text: '',\n          fontSize: 22,\n          fontWeight: 'bold',\n          fill: '#333',\n          stroke: '#fff',\n          lineWidth: 1,\n          paintOrder: 'stroke',\n          textAlign: 'center',\n          textVerticalAlign: 'middle',\n          opacity: 0\n        } as any\n      } as any],\n      series: series as any,\n    };\n  }\n}\n","import { Component, SimpleChanges } from '@angular/core';\nimport { BaseEchartsComponent } from '../../base-echart.component';\nimport { RingBuilder } from '../../builders/ring.builder';\nimport { NgxEchartsDirective } from 'ngx-echarts';\nimport { CommonModule } from '@angular/common';\nimport { provideVSEcharts } from '../../vs-echarts.config';\n\n/**\n * EchartsRingComponent\n * \n * Especialista en visualización de tipo Ring. Soporta multi-medidas y KPI central.\n * @see {@link vs-echarts/docs/charts/ring-patterns.md}\n */\n@Component({\n  selector: 'vs-echarts-ring',\n  standalone: true,\n  imports: [\n    CommonModule,\n    NgxEchartsDirective,\n  ],\n  templateUrl: './echarts-ring.component.html',\n  styleUrls: ['./echarts-ring.component.scss'],\n  providers: [provideVSEcharts()]\n})\nexport class EchartsRingComponent extends BaseEchartsComponent {\n  \n  private lastSelectedSeriesIndex: number | null = null;\n  private lastSelectedDataIndex: number | null = null;\n  private selectedPercent: string | null = null;\n  private currentLegendSelected: any = null;\n  private currentGraphicText: string = '';\n  \n  protected override builder: RingBuilder;\n\n  constructor() {\n    super();\n    this.builder = new RingBuilder();\n  }\n\n  protected override onInputChanges(changes: SimpleChanges): void {\n    // Reset selection only if data changed\n    if (changes['data']) {\n      this.lastSelectedSeriesIndex = null;\n      this.lastSelectedDataIndex = null;\n      this.selectedPercent = null;\n      this.currentLegendSelected = null;\n      this.currentGraphicText = '';\n    }\n    super.onInputChanges(changes);\n  }\n\n  /**\n   * Maneja clics en los sectores del ring.\n   * Soporta múltiples series (anillos) y actualiza el KPI central.\n   */\n  onChartClick(event: any): void {\n    if (this.chartInstance && event && event.dataIndex !== undefined) {\n      const isSameSelection = \n        event.seriesIndex === this.lastSelectedSeriesIndex && \n        event.dataIndex === this.lastSelectedDataIndex;\n\n      if (isSameSelection) {\n        // Toggle OFF\n        this.lastSelectedSeriesIndex = null;\n        this.lastSelectedDataIndex = null;\n        this.selectedPercent = null;\n        this.setGraphicText('');\n        \n        this.chartInstance.dispatchAction({\n          type: 'unselect',\n          seriesIndex: event.seriesIndex,\n          dataIndex: event.dataIndex\n        });\n      } else {\n        // SELECT\n        this.lastSelectedSeriesIndex = event.seriesIndex;\n        this.lastSelectedDataIndex = event.dataIndex;\n        this.selectedPercent = (event.percent !== undefined) ? event.percent + '%' : '';\n        this.setGraphicText(this.selectedPercent);\n      }\n\n      this.chartClick.emit({\n        type: 'cross-filter',\n        data: {\n          category: event.name,\n          serie: event.seriesName,\n          value: event.value\n        }\n      });\n    }\n  }\n\n  onChartMouseOver(event: any): void {\n    if (this.selectedPercent === null && event && event.percent !== undefined) {\n      this.setGraphicText(event.percent + '%');\n    }\n  }\n\n  onChartMouseOut(event: any): void {\n    if (this.selectedPercent === null) {\n      this.setGraphicText('');\n    }\n  }\n\n  /**\n   * Captura los cambios en la selección de la leyenda para persistirlos.\n   */\n  onLegendSelectChanged(event: any): void {\n    if (event && event.selected) {\n      this.currentLegendSelected = event.selected;\n      \n      // Resetear la selección actual al cambiar el contexto de la leyenda\n      this.lastSelectedSeriesIndex = null;\n      this.lastSelectedDataIndex = null;\n      this.selectedPercent = null;\n      this.currentGraphicText = '';\n      \n      this.updateChartOptions();\n    }\n  }\n\n  /**\n   * Actualiza el texto del Graphic central y persiste la selección en el modelo de opciones.\n   */\n  private setGraphicText(text: string): void {\n    this.currentGraphicText = text;\n    this.updateChartOptions();\n  }\n\n  protected updateChartOptions(): void {\n    if (!this.chartInstance) return;\n    if (!this.data) return;\n    \n    // 1. Configuramos el builder (Formateadores, Colores, etc se manejan en la base)\n    // Pero aquí necesitamos llamar a super o duplicar la lógica de inyección de inputs\n    if (this.valueFormatter) this.builder.setValueFormatter(this.valueFormatter);\n    if (this.palette) this.builder.setPalette(this.palette);\n    if (this.colorResolver) this.builder.setColorResolver(this.colorResolver);\n\n    // 2. Obtenemos las bases del chart usando el builder\n    let options = this.builder.build(\n      this.data, \n      this.chartConfig\n    );\n\n    // 3. Persistencia de GRAPHIC (KPI central)\n    if (options.graphic && Array.isArray(options.graphic)) {\n      const graphic = (options.graphic as any)[0];\n      if (graphic && graphic.style) {\n        graphic.style.text = this.currentGraphicText;\n        graphic.style.opacity = this.currentGraphicText ? 1 : 0;\n      }\n    }\n\n    // 4. Persistencia de SELECCIÓN (sector elevado)\n    if (options.series && Array.isArray(options.series)) {\n      options.series.forEach((s: any, sIdx: number) => {\n        if (s.data && Array.isArray(s.data)) {\n          s.data.forEach((item: any, dIdx: number) => {\n            if (typeof item === 'object') {\n              item.selected = (sIdx === this.lastSelectedSeriesIndex && dIdx === this.lastSelectedDataIndex);\n            }\n          });\n        }\n      });\n    }\n\n    // 5. Persistencia de LEYENDA (filtros de usuario)\n    if (this.currentLegendSelected && options.legend) {\n      options.legend = {\n        ...(options.legend as any),\n        selected: { ...this.currentLegendSelected }\n      };\n    }\n\n    // Gatillar actualización en ngx-echarts\n    this.triggerUpdate(options);\n  }\n}\n","<div class=\"echarts-container\">\n  <div class=\"ring-chart\" \n    echarts \n    [options]=\"chartOptions\" \n    [autoResize]=\"true\" \n    (chartInit)=\"onChartInit($event)\" \n    (chartClick)=\"onChartClick($event)\" \n    (chartMouseOver)=\"onChartMouseOver($event)\" \n    (chartMouseOut)=\"onChartMouseOut($event)\" \n    (chartLegendSelectChanged)=\"onLegendSelectChanged($event)\"\n  ></div>\n</div>\n","import { EChartsOption } from 'echarts';\nimport { BaseEchartBuilder } from './base-echart.builder';\nimport { IEChartData, IEChartConfiguration } from '../echarts-data.interfaces';\nimport * as EChartsOptions from '../echarts-options';\n\n/**\n * VerticalBandsBuilder\n * \n * Especializado en construir opciones para gráficos de barras verticales.\n * @see {@link vs-echarts/docs/charts/vertical-bands-patterns.md}\n */\nexport class VerticalBandsBuilder extends BaseEchartBuilder {\n  \n  constructor() {\n    super();\n  }\n\n  build(\n    data: IEChartData,\n    chartConfig: IEChartConfiguration\n  ): EChartsOption {\n    if (!data || !data.series.length) return {};\n\n    const series = data.series.map((s) => {\n      const seriesOption: any = {\n        name: s.name,\n        type: 'bar',\n        barMaxWidth: 50,\n        barGap: '15%',\n        barCategoryGap: '35%',\n        animation: true,\n        animationDuration: 1000,\n        animationEasing: 'cubicOut',\n        itemStyle: {\n          borderRadius: [4, 4, 0, 0]\n        },\n        data: s.data,\n        emphasis: {\n          focus: 'none'\n        },\n        blur: {\n          itemStyle: {\n            opacity: 0.2\n          }\n        },\n        select: {\n          itemStyle: {\n            opacity: 1,\n            shadowBlur: 10,\n            shadowColor: 'rgba(0,0,0,0.3)'\n          }\n        },\n        label: {\n          show: false,\n          position: 'top',\n          formatter: (params: any) => {\n            const key = s.originalKey || (data.categoryKeys ? data.categoryKeys[params.dataIndex] : String(params.dataIndex));\n            return this.formatCellValue(params.value as number, key);\n          }\n        }\n      };\n\n      // Inyectar el resolver de color si existe\n      if (this.colorResolver) {\n        seriesOption.itemStyle.color = this.colorResolver;\n      }\n\n      return seriesOption;\n    });\n\n    const common = this.getCommonOptions(chartConfig);\n\n    return {\n      ...common,\n      tooltip: {\n        ...EChartsOptions.getTooltipOptions({ trigger: 'axis' }),\n        formatter: (params: any) => {\n          let html = `<b>${params[0].name}</b><br/>`;\n          params.forEach((p: any) => {\n            const seriesObj = data.series[p.seriesIndex];\n            const key = seriesObj.originalKey || (data.categoryKeys ? data.categoryKeys[p.dataIndex] : String(p.dataIndex));\n            const valFormatted = this.formatCellValue(p.value, key);\n            html += `${p.marker} ${p.seriesName}: <b>${valFormatted}</b><br/>`;\n          });\n          return html;\n        }\n      },\n      legend: EChartsOptions.getLegendOptions(),\n      xAxis: EChartsOptions.getXAxisOptions({ data: data.categories }),\n      yAxis: EChartsOptions.getYAxisOptions(),\n      series: series as any\n    };\n  }\n}\n","import { Component, EventEmitter, Output, SimpleChanges } from '@angular/core';\nimport { BaseEchartsComponent } from '../../base-echart.component';\nimport { VerticalBandsBuilder } from '../../builders/vertical-bands.builder';\nimport { NgxEchartsDirective } from 'ngx-echarts';\nimport { CommonModule } from '@angular/common';\nimport { provideVSEcharts } from '../../vs-echarts.config';\n\n/**\n * EchartsVerticalBandsComponent\n * \n * Especialista en visualización de bandas/barras verticales. \n * Implementa patrones de interacción ZRender y resaltado de grupos.\n * @see {@link vs-echarts/docs/charts/vertical-bands-patterns.md}\n */\n@Component({\n  selector: 'vs-echarts-vertical-bands',\n  standalone: true,\n  imports: [\n    CommonModule,\n    NgxEchartsDirective,\n  ],\n  templateUrl: './echarts-vertical-bands.component.html',\n  styleUrls: ['./echarts-vertical-bands.component.scss'],\n  providers: [provideVSEcharts()]\n})\nexport class EchartsVerticalBandsComponent extends BaseEchartsComponent {\n  \n  selectedSectorIndex: number | null = null;\n  selectedSeriesIndex: number | null = null;\n  private currentLegendSelected: any = null;\n  \n  protected override builder: VerticalBandsBuilder;\n\n  constructor() {\n    super();\n    this.builder = new VerticalBandsBuilder();\n  }\n\n  override onChartInit(instance: any): void {\n    super.onChartInit(instance);\n    this.setupInteractions();\n  }\n\n  protected override onInputChanges(changes: SimpleChanges): void {\n    if (changes['data']) {\n      this.selectedSectorIndex = null;\n      this.selectedSeriesIndex = null;\n      this.currentLegendSelected = null;\n    }\n    super.onInputChanges(changes);\n  }\n\n  private setupInteractions(): void {\n    if (!this.chartInstance) return;\n\n    // 1. ZRender click for background \"sectors\"\n    const zr = this.chartInstance.getZr();\n    zr.on('click', (params: any) => {\n      if (!params.target) {\n        const pointInPixel = [params.offsetX, params.offsetY];\n        if (this.chartInstance!.containPixel('grid', pointInPixel)) {\n          // Fix TS2352: convertFromPixel return type cast\n          const xIndexResult = this.chartInstance!.convertFromPixel({ xAxisIndex: 0 }, pointInPixel);\n          const xIndex = Array.isArray(xIndexResult) ? xIndexResult[0] : xIndexResult;\n          \n          if (typeof xIndex === 'number' && xIndex >= 0) {\n            this.toggleSectorSelection(xIndex);\n          }\n        }\n      }\n    });\n\n    // 2. Mouseover for Group Highlighting\n    this.chartInstance.on('mouseover', (params: any) => {\n      if (params.dataIndex !== undefined) {\n        this.highlightSector(params.dataIndex);\n      }\n    });\n\n    this.chartInstance.on('mouseout', () => {\n      this.clearHighlight();\n    });\n  }\n\n  private toggleSectorSelection(index: number, seriesIndex: number | null = null): void {\n    const isSameBar = this.selectedSectorIndex === index && this.selectedSeriesIndex === seriesIndex;\n\n    if (isSameBar) {\n      this.selectedSectorIndex = null;\n      this.selectedSeriesIndex = null;\n    } else {\n      this.selectedSectorIndex = index;\n      this.selectedSeriesIndex = seriesIndex;\n    }\n    \n    // Refresh options to apply selection logic\n    this.updateChartOptions();\n  }\n\n  private highlightSector(index: number): void {\n    if (!this.chartInstance) return;\n    const seriesCount = Array.isArray(this.chartOptions.series) ? this.chartOptions.series.length : 0;\n    this.chartInstance.dispatchAction({\n      type: 'highlight',\n      seriesIndex: Array.from({length: seriesCount}, (_, i) => i),\n      dataIndex: index\n    });\n  }\n\n  private clearHighlight(): void {\n    if (!this.chartInstance) return;\n    const seriesCount = Array.isArray(this.chartOptions.series) ? this.chartOptions.series.length : 0;\n    this.chartInstance.dispatchAction({\n      type: 'downplay',\n      seriesIndex: Array.from({length: seriesCount}, (_, i) => i)\n    });\n  }\n\n  onChartClick(event: any): void {\n    // 3. ECharts click only for bars (to avoid unwanted axis filtering)\n    if (event.componentType === 'series') {\n      const index = event.dataIndex;\n\n      if (index !== undefined && index >= 0) {\n        let seriesIndex: number | null = null;\n        if (event.componentType === 'series') {\n          seriesIndex = event.seriesIndex;\n        }\n        this.toggleSectorSelection(index, seriesIndex);\n        \n        // Emit standardized payload for cross-filtering\n        this.chartClick.emit({\n          type: 'cross-filter',\n          data: {\n            category: event.name,\n            serie: event.seriesName,\n            value: event.value\n          }\n        });\n      }\n    }\n  }\n\n  /**\n   * Maneja clics en la leyenda para persistir filtros.\n   */\n  onLegendSelectChanged(event: any): void {\n    if (event && event.selected) {\n      this.currentLegendSelected = event.selected;\n      this.updateChartOptions();\n    }\n  }\n\n  protected updateChartOptions(): void {\n    if (!this.chartInstance) return;\n    if (!this.data) return;\n\n    // 1. Configuramos el builder (Formateadores, Colores, etc se manejan en la base)\n    if (this.valueFormatter) this.builder.setValueFormatter(this.valueFormatter);\n    if (this.palette) this.builder.setPalette(this.palette);\n    if (this.colorResolver) this.builder.setColorResolver(this.colorResolver);\n\n    // 2. Obtenemos las bases del chart usando el builder\n    let baseOptions = this.builder.build(\n      this.data, \n      this.chartConfig\n    );\n\n    // 3. Re-apply legend selection state if exists\n    if (this.currentLegendSelected && baseOptions.legend) {\n      (baseOptions.legend as any).selected = { ...this.currentLegendSelected };\n    }\n\n    // 4. Apply persistent selection style if a sector is selected\n    if (this.selectedSectorIndex !== null && baseOptions.series) {\n      const seriesArray = baseOptions.series as any[];\n      baseOptions.series = seriesArray.map((s, sIdx) => {\n        if (s.type === 'bar' && Array.isArray(s.data)) {\n          return {\n            ...s,\n            data: s.data.map((val: any, idx: number) => {\n              const isSelected = idx === this.selectedSectorIndex;\n              const isBarSelected = isSelected && sIdx === this.selectedSeriesIndex;\n              \n              const itemVal = (val && typeof val === 'object' && val.value !== undefined) ? val.value : val;\n              \n              return {\n                value: itemVal,\n                itemStyle: {\n                  opacity: isSelected ? (isBarSelected ? 1 : 0.5) : 0.15,\n                  borderWidth: 0\n                }\n              };\n            })\n          };\n        }\n        return s;\n      });\n    }\n\n    this.triggerUpdate(baseOptions)\n  }\n}\n","<div class=\"echarts-container\">\n  <div echarts [options]=\"chartOptions\" [autoResize]=\"true\" (chartInit)=\"onChartInit($event)\" (chartClick)=\"onChartClick($event)\" (legendSelectChanged)=\"onLegendSelectChanged($event)\" class=\"demo-chart\"></div>\n</div>\n","/*\n * Public API Surface of echarts\n */\n\nexport * from './lib/vs-echarts.config';\nexport * from './lib/charts/echarts-ring/echarts-ring.component';\nexport * from './lib/charts/echarts-vertical-bands/echarts-vertical-bands.component';\nexport * from './lib/base-echart.component';\nexport * from './lib/echarts-data.interfaces';\nexport * from './lib/echarts.interfaces';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EChartsOptions.getDefaultPalette","EChartsOptions.getTooltipOptions","EChartsOptions.getLegendOptions","EChartsOptions.getXAxisOptions","EChartsOptions.getYAxisOptions"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,232 @@
+import * as i0 from '@angular/core';
+import { OnChanges, OnDestroy, ElementRef, EventEmitter, SimpleChanges } from '@angular/core';
+import * as echarts from 'echarts';
+import { EChartsOption } from 'echarts';
+
+declare function initializeEcharts(): void;
+/**
+ * Provee la configuración de ECharts para ngx-echarts.
+ * Llama automáticamente a la inicialización de módulos.
+ */
+declare function provideVSEcharts(): i0.Provider;
+
+/**
+ * IEChartSeries
+ *
+ * Estructura de datos para una serie de ECharts.
+ */
+interface IEChartSeries {
+    name: string;
+    data: number[];
+    originalKey?: string;
+}
+/**
+ * IEChartData
+ *
+ * Interfaz unificada para el paso de datos a componentes de ECharts.
+ * Desacoplada de IDataFrame de Visionaris.
+ */
+interface IEChartData {
+    categories: string[];
+    categoryKeys?: string[];
+    series: IEChartSeries[];
+}
+/**
+ * EChartValueFormatter
+ *
+ * Callback para formatear los valores numéricos de las celdas/series.
+ */
+type EChartValueFormatter = (value: number, key: string) => string;
+/**
+ * EChartColorResolver
+ *
+ * Callback para determinar el color de un elemento gráfico basado en sus parámetros.
+ */
+type EChartColorResolver = (params: any) => string;
+/**
+ * IEChartConfiguration
+ *
+ * Interfaz agnóstica para la configuración visual básica de ECharts.
+ */
+interface IEChartConfiguration {
+}
+
+type EChartClickType = 'cross-filter';
+
+/**
+ * BaseEchartBuilder
+ *
+ * Clase base para la construcción de opciones de ECharts.
+ * Implementa lógica compartida de paletas y opciones comunes.
+ *
+ * @see {@link vs-echarts/docs/internal-architecture.md}
+ */
+declare abstract class BaseEchartBuilder {
+    protected valueFormatter: EChartValueFormatter;
+    protected palette: string[];
+    protected colorResolver?: EChartColorResolver;
+    constructor();
+    /**
+     * Permite inyectar un formateador de valores externo.
+     */
+    setValueFormatter(formatter: EChartValueFormatter): void;
+    /**
+     * Permite inyectar una paleta de colores básica.
+     */
+    setPalette(palette: string[]): void;
+    /**
+     * Permite inyectar un resolver de colores dinámico.
+     */
+    setColorResolver(resolver: EChartColorResolver): void;
+    /**
+     * Método principal para construir el objeto EChartsOption.
+     */
+    abstract build(data: IEChartData, chartConfig: IEChartConfiguration): EChartsOption;
+    /**
+     * Retorna configuraciones comunes para todos los gráficos.
+     */
+    protected getCommonOptions(chartConfig?: IEChartConfiguration): EChartsOption;
+    /**
+     * Formatea un valor utilizando el callback inyectado.
+     */
+    protected formatCellValue(value: number, key: string): string;
+}
+
+declare abstract class BaseEchartsComponent implements OnChanges, OnDestroy {
+    chartContainer: ElementRef;
+    /** Datos normalizados para graficar */
+    data: IEChartData;
+    /** Configuración visual agnóstica */
+    chartConfig: IEChartConfiguration;
+    /** Paleta de colores básica */
+    palette?: string[];
+    /** Resolver de colores dinámico (Callback) */
+    colorResolver?: EChartColorResolver;
+    /** Formateador de valores para etiquetas y tooltips */
+    valueFormatter?: EChartValueFormatter;
+    chartClick: EventEmitter<{
+        type: EChartClickType;
+        data: any;
+    }>;
+    /** Opciones configuradas para ngx-echarts */
+    chartOptions: any;
+    /** Subject para debouncing de actualizaciones. ReplaySubject asegura no perder el primer renderizado. */
+    private updateSubject;
+    private updateSubscription?;
+    constructor();
+    protected chartInstance?: echarts.ECharts;
+    protected abstract builder: BaseEchartBuilder;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /**
+     * Captura la instancia de echarts (usado por ngx-echarts)
+     */
+    onChartInit(instance: any): void;
+    private updateOptions;
+    /**
+     * Hook de template method invocado por `ngOnChanges`.
+     * Las subclases lo sobreescriben para añadir lógica propia
+     * y deben llamar a `super.onInputChanges(changes)` para preservar
+     * el comportamiento base (detectar inputs relevantes y actualizar el chart).
+     */
+    protected onInputChanges(changes: SimpleChanges): void;
+    protected abstract updateChartOptions(): void;
+    /**
+   * Gatilla actualización en ngx-echarts
+   */
+    protected triggerUpdate(options: echarts.EChartsOption): void;
+    /**
+     * Método público para forzar el redimensionado desde el padre
+     */
+    resize(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseEchartsComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseEchartsComponent, never, never, { "data": { "alias": "data"; "required": false; }; "chartConfig": { "alias": "chartConfig"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "colorResolver": { "alias": "colorResolver"; "required": false; }; "valueFormatter": { "alias": "valueFormatter"; "required": false; }; }, { "chartClick": "chartClick"; }, never, never, true, never>;
+}
+
+/**
+ * RingBuilder
+ *
+ * Especializado en construir opciones para gráficos de tipo Ring (Donas concéntricas).
+ * @see {@link vs-echarts/docs/charts/ring-patterns.md}
+ */
+declare class RingBuilder extends BaseEchartBuilder {
+    build(data: IEChartData, chartConfig: IEChartConfiguration): EChartsOption;
+}
+
+/**
+ * EchartsRingComponent
+ *
+ * Especialista en visualización de tipo Ring. Soporta multi-medidas y KPI central.
+ * @see {@link vs-echarts/docs/charts/ring-patterns.md}
+ */
+declare class EchartsRingComponent extends BaseEchartsComponent {
+    private lastSelectedSeriesIndex;
+    private lastSelectedDataIndex;
+    private selectedPercent;
+    private currentLegendSelected;
+    private currentGraphicText;
+    protected builder: RingBuilder;
+    constructor();
+    protected onInputChanges(changes: SimpleChanges): void;
+    /**
+     * Maneja clics en los sectores del ring.
+     * Soporta múltiples series (anillos) y actualiza el KPI central.
+     */
+    onChartClick(event: any): void;
+    onChartMouseOver(event: any): void;
+    onChartMouseOut(event: any): void;
+    /**
+     * Captura los cambios en la selección de la leyenda para persistirlos.
+     */
+    onLegendSelectChanged(event: any): void;
+    /**
+     * Actualiza el texto del Graphic central y persiste la selección en el modelo de opciones.
+     */
+    private setGraphicText;
+    protected updateChartOptions(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EchartsRingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EchartsRingComponent, "vs-echarts-ring", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * VerticalBandsBuilder
+ *
+ * Especializado en construir opciones para gráficos de barras verticales.
+ * @see {@link vs-echarts/docs/charts/vertical-bands-patterns.md}
+ */
+declare class VerticalBandsBuilder extends BaseEchartBuilder {
+    constructor();
+    build(data: IEChartData, chartConfig: IEChartConfiguration): EChartsOption;
+}
+
+/**
+ * EchartsVerticalBandsComponent
+ *
+ * Especialista en visualización de bandas/barras verticales.
+ * Implementa patrones de interacción ZRender y resaltado de grupos.
+ * @see {@link vs-echarts/docs/charts/vertical-bands-patterns.md}
+ */
+declare class EchartsVerticalBandsComponent extends BaseEchartsComponent {
+    selectedSectorIndex: number | null;
+    selectedSeriesIndex: number | null;
+    private currentLegendSelected;
+    protected builder: VerticalBandsBuilder;
+    constructor();
+    onChartInit(instance: any): void;
+    protected onInputChanges(changes: SimpleChanges): void;
+    private setupInteractions;
+    private toggleSectorSelection;
+    private highlightSector;
+    private clearHighlight;
+    onChartClick(event: any): void;
+    /**
+     * Maneja clics en la leyenda para persistir filtros.
+     */
+    onLegendSelectChanged(event: any): void;
+    protected updateChartOptions(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EchartsVerticalBandsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EchartsVerticalBandsComponent, "vs-echarts-vertical-bands", never, {}, {}, never, never, true, never>;
+}
+
+export { BaseEchartsComponent, EchartsRingComponent, EchartsVerticalBandsComponent, initializeEcharts, provideVSEcharts };
+export type { EChartClickType, EChartColorResolver, EChartValueFormatter, IEChartConfiguration, IEChartData, IEChartSeries };

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@visionaris-bruno/vs-echarts",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^20.3.0",
+    "@angular/core": "^20.3.0",
+    "echarts": "^5.6.0",
+    "ngx-echarts": "^20.0.1",
+    "rxjs": "^7.8.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/visionaris-bruno-vs-echarts.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/visionaris-bruno-vs-echarts.mjs"
+    }
+  }
+}