@bizy/core 21.4.4 → 21.5.0

package/fesm2022/bizy-core.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, ElementRef, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule, Pipe, Renderer2, ViewChild, ViewContainerRef, RendererFactory2, Inject, Injectable, DOCUMENT as DOCUMENT$1, NgZone, Directive, ContentChildren, ContentChild, TemplateRef, HostListener } from '@angular/core';
+import { inject, ChangeDetectorRef, ElementRef, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule, Pipe, Renderer2, ViewChild, ViewContainerRef, RendererFactory2, Inject, Injectable, DOCUMENT as DOCUMENT$1, NgZone, ContentChildren, Directive, ContentChild, TemplateRef, HostListener } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT, registerLocaleData, DatePipe } from '@angular/common';
-import { Subscription, Subject, debounceTime, distinctUntilChanged, BehaviorSubject, fromEvent, merge, take, filter as filter$1, skip, auditTime, throttleTime, interval } from 'rxjs';
+import { Subscription, Subject, debounceTime, distinctUntilChanged, BehaviorSubject, fromEvent, merge, take, skip, auditTime, throttleTime, interval, filter as filter$1 } from 'rxjs';
 import * as i3 from '@angular/cdk/dialog';
 import { DIALOG_DATA, DialogRef, DialogModule, Dialog } from '@angular/cdk/dialog';
 import * as i1$1 from '@angular/cdk/drag-drop';
@@ -8642,6 +8642,107 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
                 }]
         }] });
 
+const DEFAULT_AXIS$1 = {
+    show: false
+};
+class BizyBarChartComponent {
+    #elementRef = inject(ElementRef);
+    #document = inject(DOCUMENT);
+    values = [];
+    stack = null;
+    name = null;
+    yAxis = DEFAULT_AXIS$1;
+    xAxis = DEFAULT_AXIS$1;
+    #getClosestCssVariable = (element, cssVariable) => {
+        while (element) {
+            const value = getComputedStyle(element).getPropertyValue(cssVariable).trim();
+            if (value) {
+                return value;
+            }
+            element = element.parentElement;
+        }
+        const rootValue = getComputedStyle(this.#document.documentElement).getPropertyValue(cssVariable).trim();
+        return rootValue || null;
+    };
+    getColor = () => this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-chart-color');
+    getMinHeight = () => this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-chart-min-height');
+    getYAxisColor = () => this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-chart-y-axis-color');
+    getYAxisWidth = () => this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-chart-y-axis-width');
+    getXAxisColor = () => this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-chart-x-axis-color');
+    getXAxisWidth = () => this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-chart-x-axis-width');
+    getNativeElement = () => this.#elementRef?.nativeElement;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyBarChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyBarChartComponent, isStandalone: true, selector: "bizy-bar-chart", inputs: { values: "values", stack: "stack", name: "name", yAxis: "yAxis", xAxis: "xAxis" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyBarChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'bizy-bar-chart',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { values: [{
+                type: Input
+            }], stack: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], yAxis: [{
+                type: Input
+            }], xAxis: [{
+                type: Input
+            }] } });
+
+const DEFAULT_AXIS = {
+    show: false
+};
+class BizyLineChartComponent {
+    #elementRef = inject(ElementRef);
+    #document = inject(DOCUMENT);
+    values = [];
+    discrete = false;
+    name = null;
+    yAxis = DEFAULT_AXIS;
+    xAxis = DEFAULT_AXIS;
+    #getClosestCssVariable = (element, cssVariable) => {
+        while (element) {
+            const value = getComputedStyle(element).getPropertyValue(cssVariable).trim();
+            if (value) {
+                return value;
+            }
+            element = element.parentElement;
+        }
+        const rootValue = getComputedStyle(this.#document.documentElement).getPropertyValue(cssVariable).trim();
+        return rootValue || null;
+    };
+    getColor = () => this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-line-chart-color');
+    getMinHeight = () => this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-line-chart-min-height');
+    getYAxisColor = () => this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-line-chart-y-axis-color');
+    getYAxisWidth = () => this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-line-chart-y-axis-width');
+    getXAxisColor = () => this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-line-chart-x-axis-color');
+    getXAxisWidth = () => this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-line-chart-x-axis-width');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyLineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyLineChartComponent, isStandalone: true, selector: "bizy-line-chart", inputs: { values: "values", discrete: "discrete", name: "name", yAxis: "yAxis", xAxis: "xAxis" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyLineChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'bizy-line-chart',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { values: [{
+                type: Input
+            }], discrete: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], yAxis: [{
+                type: Input
+            }], xAxis: [{
+                type: Input
+            }] } });
+
 var POPUP_PLACEMENT;
 (function (POPUP_PLACEMENT) {
     POPUP_PLACEMENT["TOP"] = "TOP";
@@ -10138,317 +10239,477 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
             args: [{ selector: 'bizy-bar-line-chart-popup', template: '', styles: [":host{display:inline-block;height:min(60rem,90dvh);width:min(60rem,85dvw)}\n"] }]
         }] });
 
-const GRID_BOTTOM = 30;
+var BIZY_BAR_LINE_CHART_AXIS_POSITION;
+(function (BIZY_BAR_LINE_CHART_AXIS_POSITION) {
+    BIZY_BAR_LINE_CHART_AXIS_POSITION["TOP"] = "top";
+    BIZY_BAR_LINE_CHART_AXIS_POSITION["RIGHT"] = "right";
+    BIZY_BAR_LINE_CHART_AXIS_POSITION["BOTTOM"] = "bottom";
+    BIZY_BAR_LINE_CHART_AXIS_POSITION["LEFT"] = "left";
+})(BIZY_BAR_LINE_CHART_AXIS_POSITION || (BIZY_BAR_LINE_CHART_AXIS_POSITION = {}));
+
+var BIZY_BAR_LINE_CHART_TYPE;
+(function (BIZY_BAR_LINE_CHART_TYPE) {
+    BIZY_BAR_LINE_CHART_TYPE["BAR"] = "bar";
+    BIZY_BAR_LINE_CHART_TYPE["LINE"] = "line";
+})(BIZY_BAR_LINE_CHART_TYPE || (BIZY_BAR_LINE_CHART_TYPE = {}));
+var BIZY_BAR_LINE_CHART_AXIS_TYPE;
+(function (BIZY_BAR_LINE_CHART_AXIS_TYPE) {
+    BIZY_BAR_LINE_CHART_AXIS_TYPE["INDEPENDENT"] = "category";
+    BIZY_BAR_LINE_CHART_AXIS_TYPE["DEPENDENT"] = "value";
+})(BIZY_BAR_LINE_CHART_AXIS_TYPE || (BIZY_BAR_LINE_CHART_AXIS_TYPE = {}));
 const Y_AXIS_OFFSET = 50;
+const X_AXIS_OFFSET = 50;
 const DEFAULT_CHART_SIZE$4 = '300px';
 const DEFAULT_DOWNLOAD$4 = {
     show: true,
     label: 'Descargar',
-    name: 'Bizy'
+    fileName: 'Bizy'
 };
 const DEFAULT_TOOLTIP$4 = {
     show: true
 };
 class BizyBarLineChartComponent {
     #elementRef = inject(ElementRef);
-    #document = inject(DOCUMENT$1);
+    #document = inject(DOCUMENT);
     #ref = inject(ChangeDetectorRef);
     #renderer = inject(Renderer2);
     #popup = inject(BizyPopupService);
     resizeRef = null;
     tooltip = DEFAULT_TOOLTIP$4;
     download = DEFAULT_DOWNLOAD$4;
-    axisPointer = 'line';
-    xAxis = null;
     onDownload = new EventEmitter();
     onSelect = new EventEmitter();
+    barCharts = null;
+    lineCharts = null;
     #echarts = null;
     #resizeObserver = null;
-    #afterViewInitSubscription = new Subscription();
     #resizeSubscription = new Subscription();
     #chartContainer = null;
-    #afterViewInit = new BehaviorSubject(false);
     #resize$ = new Subject();
-    #data = [];
-    #gridLeft = 0;
+    #gridTop = 0;
     #gridRight = 0;
+    #gridBottom = 0;
+    #gridLeft = 0;
     #chartStacks = [];
     #chartNames = [];
-    ngAfterViewInit() {
-        this.#afterViewInit.next(true);
-    }
-    getNativeElement = () => this.#elementRef?.nativeElement;
-    set data(data) {
-        if (!data) {
+    ngAfterContentInit() {
+        if ((!this.barCharts || this.barCharts.length === 0) && (!this.lineCharts || this.lineCharts.length === 0)) {
             return;
         }
-        if (data.length > 0) {
-            this.#setChartData(data);
-        }
-        else {
-            this.#deleteChartContainer();
-        }
-    }
-    async #setChartData(data) {
-        this.#data = data;
         this.#gridLeft = 0;
         this.#gridRight = 0;
         this.#chartStacks = [];
         this.#chartNames = [];
-        this.#afterViewInitSubscription.add(this.#afterViewInit.pipe(filter$1(value => value === true), take(1)).subscribe(() => {
-            this.#createChartContainer();
-            if (!this.#chartContainer) {
-                return;
-            }
-            const series = [];
-            const legends = [];
-            const yAxis = [];
-            this.#data.forEach((_d, _i) => {
-                if (!_d.type) {
-                    _d.type = 'bar';
-                }
-                if (!_d.values) {
-                    _d.values = [];
+        this.#createChartContainer();
+        if (!this.#chartContainer) {
+            return;
+        }
+        const series = [];
+        const xAxis = [];
+        const yAxis = [];
+        const legends = new Set();
+        const defaultYAxisColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-line-chart-y-axis-color');
+        const defaultXAxisColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-line-chart-x-axis-color');
+        this.lineCharts.forEach((_line, _i) => {
+            const lineXAxis = _line.xAxis;
+            const lineYAxis = _line.yAxis;
+            const xAxisType = !lineXAxis || typeof lineXAxis.independent === 'undefined' ? BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT : lineXAxis?.independent ? BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT : BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT;
+            const yAxisType = !lineYAxis || typeof lineYAxis.independent === 'undefined' ? BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT : lineYAxis?.independent ? BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT : BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT;
+            if (lineYAxis) {
+                const show = typeof lineYAxis.show === 'undefined' ? true : lineYAxis.show;
+                if (show && yAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT && !_line.name) {
+                    _line.name = lineYAxis.name;
                 }
-                const axisLine = {
-                    show: true,
-                    lineStyle: {}
-                };
-                const color = {
-                    lineStyle: {
-                        color: null
+                const position = lineYAxis.position === BIZY_BAR_LINE_CHART_AXIS_POSITION.RIGHT || lineYAxis.position === BIZY_BAR_LINE_CHART_AXIS_POSITION.LEFT ? lineYAxis.position : BIZY_BAR_LINE_CHART_AXIS_POSITION.LEFT;
+                const thereIsOtherVisibleYAxis = (position === BIZY_BAR_LINE_CHART_AXIS_POSITION.LEFT && this.#gridLeft > 0 || position === BIZY_BAR_LINE_CHART_AXIS_POSITION.RIGHT && this.#gridRight > 0);
+                const offset = show && thereIsOtherVisibleYAxis && typeof lineYAxis.offset !== 'undefined' ? lineYAxis.offset : show && thereIsOtherVisibleYAxis ? Y_AXIS_OFFSET : 0;
+                const color = _line.getYAxisColor() ? _line.getYAxisColor() : yAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT && _line.getColor() ? _line.getColor() : defaultYAxisColor;
+                yAxis.push({
+                    type: yAxisType,
+                    name: lineYAxis?.name,
+                    id: _line.name,
+                    show,
+                    position,
+                    offset,
+                    min: lineYAxis?.min,
+                    max: lineYAxis?.max,
+                    interval: lineYAxis?.interval,
+                    alignTicks: yAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT ? true : undefined,
+                    axisTick: yAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT ? { alignWithLabel: true } : undefined,
+                    data: yAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT ? _line.values.map(_v => _v.y) : [],
+                    axisPointer: {
+                        type: 'line',
+                        show: yAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT,
                     },
-                    itemStyle: {
-                        color: null
-                    }
-                };
-                if (_d.color) {
-                    axisLine.lineStyle = {
-                        color: _d.color
-                    };
-                    color.lineStyle.color = _d.color;
-                    color.itemStyle.color = _d.color;
-                }
-                let position = 'right';
-                let max = undefined;
-                let min = undefined;
-                let interval = undefined;
-                let formatter = null;
-                const xName = _d.xAxi && _d.xAxi.name ? _d.xAxi.name : _d.label;
-                let yName = _d.label;
-                let show = true;
-                if (_d.yAxi) {
-                    if (typeof _d.yAxi.show !== 'undefined' && _d.yAxi.show !== null) {
-                        show = Boolean(_d.yAxi.show);
-                    }
-                    formatter = _d.yAxi.onValueFormatter;
-                    position = _d.yAxi.position ? _d.yAxi.position : _d.type === 'bar' ? 'right' : 'left';
-                    if (_d.yAxi.name) {
-                        yName = _d.yAxi.name;
+                    axisLine: {
+                        show,
+                        lineStyle: {
+                            color
+                        }
+                    },
+                    axisLabel: {
+                        show,
+                        color,
+                        formatter: lineYAxis.formatter
                     }
-                    if (!show) {
-                        formatter = null;
+                });
+                if (show) {
+                    if (position === BIZY_BAR_LINE_CHART_AXIS_POSITION.RIGHT) {
+                        this.#gridRight += typeof lineYAxis.offset !== 'undefined' ? Number(lineYAxis.offset) : Y_AXIS_OFFSET;
                     }
                     else {
-                        if (_d.yAxi.max || _d.yAxi.max === 0) {
-                            max = _d.yAxi.max;
-                        }
-                        if (_d.yAxi.min || _d.yAxi.min === 0) {
-                            min = _d.yAxi.min;
-                        }
-                        if (_d.yAxi.interval || _d.yAxi.interval === 0) {
-                            interval = _d.yAxi.interval;
-                        }
+                        this.#gridLeft += typeof lineYAxis.offset !== 'undefined' ? Number(lineYAxis.offset) : Y_AXIS_OFFSET;
                     }
                 }
-                yAxis.push({
-                    type: 'value',
-                    name: yName,
-                    id: xName,
-                    offset: show && (position === 'left' && this.#gridLeft > 0 || position === 'right' && this.#gridRight > 0) && _d.yAxi && typeof _d.yAxi.width !== 'undefined' ? _d.yAxi.width : show && (position === 'left' && this.#gridLeft > 0 || position === 'right' && this.#gridRight > 0) ? Y_AXIS_OFFSET : 0, show,
+            }
+            if (lineXAxis) {
+                const show = typeof lineXAxis.show === 'undefined' ? true : lineXAxis.show;
+                if (show && xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT && !_line.name) {
+                    _line.name = lineYAxis.name;
+                }
+                const position = lineXAxis.position === BIZY_BAR_LINE_CHART_AXIS_POSITION.TOP || lineXAxis.position === BIZY_BAR_LINE_CHART_AXIS_POSITION.BOTTOM ? lineXAxis.position : BIZY_BAR_LINE_CHART_AXIS_POSITION.BOTTOM;
+                const thereIsOtherVisibleXAxis = (position === BIZY_BAR_LINE_CHART_AXIS_POSITION.TOP && this.#gridTop > 0 || position === BIZY_BAR_LINE_CHART_AXIS_POSITION.BOTTOM && this.#gridBottom > 0);
+                const offset = show && thereIsOtherVisibleXAxis && typeof lineXAxis.offset !== 'undefined' ? lineXAxis.offset : show && thereIsOtherVisibleXAxis ? X_AXIS_OFFSET : 0;
+                const color = _line.getXAxisColor() ? _line.getXAxisColor() : xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT && _line.getColor() ? _line.getColor() : defaultXAxisColor;
+                xAxis.push({
+                    type: xAxisType,
+                    name: lineXAxis?.name,
+                    id: _line.name,
+                    show,
                     position,
-                    min,
-                    max,
-                    interval,
-                    alignTicks: true,
-                    axisLine,
-                    axisLabel: { formatter }
+                    offset,
+                    min: lineXAxis?.min,
+                    max: lineXAxis?.max,
+                    interval: lineXAxis?.interval,
+                    alignTicks: xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT ? true : undefined,
+                    axisTick: xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT ? { alignWithLabel: true } : undefined,
+                    data: xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT ? _line.values.map(_v => _v.x) : [],
+                    axisPointer: {
+                        type: 'line',
+                        show: xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT,
+                    },
+                    axisLine: {
+                        show,
+                        lineStyle: {
+                            color,
+                        }
+                    },
+                    axisLabel: {
+                        show,
+                        color,
+                        formatter: lineXAxis.formatter
+                    }
                 });
                 if (show) {
-                    if (position === 'right') {
-                        this.#gridRight += typeof _d.yAxi.width !== 'undefined' ? _d.yAxi.width : Y_AXIS_OFFSET;
+                    if (position === BIZY_BAR_LINE_CHART_AXIS_POSITION.TOP) {
+                        this.#gridTop += typeof lineXAxis.offset !== 'undefined' ? Number(lineXAxis.offset) : X_AXIS_OFFSET;
                     }
                     else {
-                        this.#gridLeft += typeof _d.yAxi.width !== 'undefined' ? _d.yAxi.width : Y_AXIS_OFFSET;
+                        this.#gridBottom += typeof lineXAxis.offset !== 'undefined' ? Number(lineXAxis.offset) : X_AXIS_OFFSET;
                     }
                 }
-                legends.push(xName);
-                let yAxisIndex = _i;
-                if (_d.stack) {
-                    const _stack = this.#chartStacks.find(_stack => _stack === _d.stack);
-                    if (_stack) {
-                        const index = series.findIndex(_s => _s.stack === _stack);
-                        if (index !== -1) {
-                            yAxisIndex = series[index].yAxisIndex;
+            }
+            let axisIndex = _i;
+            const _name = this.#chartNames.find(_name => _name === _line.name);
+            if (_name) {
+                const index = series.findIndex(_s => _s.name === _name);
+                if (index !== -1) {
+                    axisIndex = index;
+                }
+            }
+            else {
+                this.#chartNames.push(_line.name);
+            }
+            series.push({
+                type: BIZY_BAR_LINE_CHART_TYPE.LINE,
+                name: _line.name,
+                yAxisIndex: yAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT ? axisIndex : undefined,
+                xAxisIndex: xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT ? axisIndex : undefined,
+                symbolSize: 5,
+                itemStyle: {
+                    color: _line.getColor() ?? null
+                },
+                lineStyle: {
+                    color: _line.getColor() ?? null
+                },
+                smooth: !_line.discrete,
+                data: _line.values.map(_v => xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT ? Number(_v.y) : Number(_v.x))
+            });
+            legends.add(_line.name);
+        });
+        this.barCharts.forEach((_bar, _i) => {
+            const barXAxis = _bar.xAxis;
+            const barYAxis = _bar.yAxis;
+            const xAxisType = !barXAxis || typeof barXAxis.independent === 'undefined' ? BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT : barXAxis?.independent ? BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT : BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT;
+            const yAxisType = !barYAxis || typeof barYAxis.independent === 'undefined' ? BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT : barYAxis?.independent ? BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT : BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT;
+            if (barYAxis) {
+                const show = typeof barYAxis.show === 'undefined' ? true : barYAxis.show;
+                if (show && yAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT && !_bar.name) {
+                    _bar.name = barYAxis.name;
+                }
+                const position = barYAxis.position === BIZY_BAR_LINE_CHART_AXIS_POSITION.RIGHT || barYAxis.position === BIZY_BAR_LINE_CHART_AXIS_POSITION.LEFT ? barYAxis.position : BIZY_BAR_LINE_CHART_AXIS_POSITION.LEFT;
+                const thereIsOtherVisibleYAxis = (position === BIZY_BAR_LINE_CHART_AXIS_POSITION.LEFT && this.#gridLeft > 0 || position === BIZY_BAR_LINE_CHART_AXIS_POSITION.RIGHT && this.#gridRight > 0);
+                const offset = show && thereIsOtherVisibleYAxis && typeof barYAxis.offset !== 'undefined' ? barYAxis.offset : show && thereIsOtherVisibleYAxis ? Y_AXIS_OFFSET : 0;
+                const color = _bar.getYAxisColor() ? _bar.getYAxisColor() : yAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT && _bar.getColor() ? _bar.getColor() : defaultYAxisColor;
+                yAxis.push({
+                    type: yAxisType,
+                    name: barYAxis?.name,
+                    id: _bar.name,
+                    show,
+                    position,
+                    offset,
+                    min: barYAxis?.min,
+                    max: barYAxis?.max,
+                    interval: barYAxis?.interval,
+                    alignTicks: yAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT ? true : undefined,
+                    axisTick: yAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT ? { alignWithLabel: true } : undefined,
+                    data: yAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT ? _bar.values.map(_v => _v.y) : [],
+                    axisPointer: {
+                        type: 'line',
+                        show: yAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT,
+                    },
+                    axisLine: {
+                        show,
+                        lineStyle: {
+                            color,
+                            width: _bar.getYAxisWidth()
                         }
+                    },
+                    axisLabel: {
+                        show,
+                        color,
+                        formatter: barYAxis.formatter
+                    }
+                });
+                if (show) {
+                    if (position === BIZY_BAR_LINE_CHART_AXIS_POSITION.RIGHT) {
+                        this.#gridRight += typeof barYAxis.offset !== 'undefined' ? Number(barYAxis.offset) : Y_AXIS_OFFSET;
                     }
                     else {
-                        this.#chartStacks.push(_d.stack);
+                        this.#gridLeft += typeof barYAxis.offset !== 'undefined' ? Number(barYAxis.offset) : Y_AXIS_OFFSET;
                     }
                 }
-                else {
-                    const _name = this.#chartNames.find(_name => _name === yName);
-                    if (_name) {
-                        const index = this.#data.findIndex(_d => (_d.yAxi && _d.yAxi.name === _name) || (_d.label === _name));
-                        if (index !== -1) {
-                            yAxisIndex = index;
+            }
+            if (barXAxis) {
+                const show = typeof barXAxis.show === 'undefined' ? true : barXAxis.show;
+                if (show && xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT && !_bar.name) {
+                    _bar.name = barYAxis.name;
+                }
+                const position = barXAxis.position === BIZY_BAR_LINE_CHART_AXIS_POSITION.TOP || barXAxis.position === BIZY_BAR_LINE_CHART_AXIS_POSITION.BOTTOM ? barXAxis.position : BIZY_BAR_LINE_CHART_AXIS_POSITION.BOTTOM;
+                const thereIsOtherVisibleXAxis = (position === BIZY_BAR_LINE_CHART_AXIS_POSITION.TOP && this.#gridTop > 0 || position === BIZY_BAR_LINE_CHART_AXIS_POSITION.BOTTOM && this.#gridBottom > 0);
+                const offset = show && thereIsOtherVisibleXAxis && typeof barXAxis.offset !== 'undefined' ? barXAxis.offset : show && thereIsOtherVisibleXAxis ? X_AXIS_OFFSET : 0;
+                const color = _bar.getXAxisColor() ? _bar.getXAxisColor() : xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT && _bar.getColor() ? _bar.getColor() : defaultXAxisColor;
+                xAxis.push({
+                    type: xAxisType,
+                    name: barXAxis?.name,
+                    id: _bar.name,
+                    show,
+                    position,
+                    offset,
+                    min: barXAxis?.min,
+                    max: barXAxis?.max,
+                    interval: barXAxis?.interval,
+                    alignTicks: xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT ? true : undefined,
+                    axisTick: xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT ? { alignWithLabel: true } : undefined,
+                    data: xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT ? _bar.values.map(_v => _v.x) : [],
+                    axisPointer: {
+                        type: 'line',
+                        show: xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT,
+                    },
+                    axisLine: {
+                        show,
+                        lineStyle: {
+                            color,
+                            width: _bar.getXAxisWidth()
                         }
+                    },
+                    axisLabel: {
+                        show,
+                        color,
+                        formatter: barXAxis.formatter
+                    }
+                });
+                if (show) {
+                    if (position === BIZY_BAR_LINE_CHART_AXIS_POSITION.TOP) {
+                        this.#gridTop += typeof barXAxis.offset !== 'undefined' ? Number(barXAxis.offset) : X_AXIS_OFFSET;
                     }
                     else {
-                        this.#chartNames.push(yName);
+                        this.#gridBottom += typeof barXAxis.offset !== 'undefined' ? Number(barXAxis.offset) : X_AXIS_OFFSET;
                     }
                 }
-                if (_d.barMinHeight) {
-                    const values = _d.values.map(v => v > 0 ? v : '-'); // use '-' for missing data
-                    const emptyValues = _d.values.map(v => v === 0 ? 0 : '-');
-                    series.push({ ...{
-                            type: _d.type,
-                            name: xName,
-                            yAxisIndex,
-                            smooth: !_d.discrete,
-                            stack: _d.stack,
-                            barMinHeight: _d.barMinHeight,
-                            data: values
-                        }, ...color });
-                    series.push({ ...{
-                            type: _d.type,
-                            name: '-',
-                            yAxisIndex,
-                            smooth: !_d.discrete,
-                            stack: _d.stack,
-                            data: emptyValues
-                        }, ...color });
+            }
+            let axisIndex = _i + this.lineCharts.length;
+            if (_bar.stack) {
+                const _stack = this.#chartStacks.find(_stack => _stack === _bar.stack);
+                if (_stack) {
+                    const index = series.findIndex(_s => _s.stack === _stack);
+                    if (index !== -1) {
+                        axisIndex = yAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT ? series[index].yAxisIndex : series[index].xAxisIndex;
+                    }
                 }
                 else {
-                    series.push({ ...{
-                            type: _d.type,
-                            name: xName,
-                            yAxisIndex,
-                            smooth: !_d.discrete,
-                            stack: _d.stack,
-                            data: _d.values
-                        }, ...color });
+                    this.#chartStacks.push(_bar.stack);
                 }
-            });
-            const tooltip = {
-                show: this.tooltip?.show ?? DEFAULT_TOOLTIP$4.show,
-                trigger: 'axis',
-                appendToBody: true,
-                axisPointer: {
-                    type: this.axisPointer
-                },
-                formatter: this.tooltip?.formatter
-            };
-            const grid = {
-                left: this.#gridLeft,
-                right: this.#gridRight,
-            };
-            const xAxis = [
-                {
-                    type: 'category',
-                    axisTick: {
-                        alignWithLabel: true
-                    },
-                    data: this.xAxis?.labels,
-                    axisLabel: {
-                        formatter: this.xAxis?.formatter,
+            }
+            else {
+                const _name = this.#chartNames.find(_name => _name === _bar.name);
+                if (_name) {
+                    const index = series.findIndex(_s => _s.name === _name);
+                    if (index !== -1) {
+                        axisIndex = index;
                     }
                 }
-            ];
-            const legend = {
-                type: 'scroll',
-                bottom: 0,
-                data: legends
-            };
-            const textColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-line-chart-tooltip-color');
-            const textBackgroundColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-line-chart-tooltip-background-color');
-            const borderColor = this.#getClosestCssVariable(this.#elementRef.nativeElement, '--bizy-bar-line-chart-tooltip-border-color');
-            const toolbox = {
-                show: true,
-                feature: {
-                    mySaveAsImage: {
-                        show: this.download?.show ?? DEFAULT_DOWNLOAD$4.show,
-                        icon: 'path://M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-101.5 0-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352 64 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z',
-                        title: this.download?.label ?? DEFAULT_DOWNLOAD$4.label,
-                        onclick: () => {
-                            this.#popup.open({
-                                disableCloseButton: true,
-                                disableBackdropClose: true,
-                                component: BizyBarLineChartPopupComponent,
-                                data: {
-                                    download: {
-                                        name: this.download?.name ?? DEFAULT_DOWNLOAD$4.name,
-                                    },
-                                    grid: {
-                                        left: this.#gridLeft,
-                                        right: this.#gridRight
-                                    },
-                                    option: this.#echarts.getOption()
-                                }
-                            });
-                            this.onDownload.emit();
-                        }
-                    }
-                },
-                emphasis: {
-                    iconStyle: {
-                        color: textColor,
-                        borderColor,
-                        borderWidth: 1,
-                        textBackgroundColor,
-                        textPadding: 5,
-                    }
+                else {
+                    this.#chartNames.push(_bar.name);
                 }
-            };
-            const option = {
-                tooltip,
-                legend,
-                grid,
-                xAxis,
-                yAxis,
-                toolbox,
-                series
-            };
-            import('echarts').then(echarts => {
-                this.#echarts = echarts.init(this.#chartContainer);
-                Promise.resolve().then(() => {
-                    this.#echarts.setOption(option);
-                    this.#echarts.on('click', params => {
-                        this.onSelect.emit(params.name);
-                    });
-                    this.#resizeSubscription.unsubscribe();
-                    this.#resizeObserver = new ResizeObserver(() => this.#resize$.next());
-                    const resizeRef = this.resizeRef ? this.resizeRef : this.#renderer.parentNode(this.#elementRef.nativeElement) ? this.#renderer.parentNode(this.#elementRef.nativeElement) : this.#elementRef.nativeElement;
-                    this.#resizeObserver.observe(resizeRef);
-                    this.#resizeSubscription = new Subscription();
-                    this.#resizeSubscription.add(this.#resize$.pipe(skip(1), auditTime(300), throttleTime(500)).subscribe(() => {
-                        this.#deleteChartContainer();
-                        this.#createChartContainer();
-                        if (!this.#chartContainer) {
-                            return;
-                        }
-                        this.#echarts = echarts.init(this.#chartContainer);
-                        Promise.resolve().then(() => {
-                            this.#echarts.setOption(option);
-                            this.#echarts.on('click', params => {
-                                this.onSelect.emit(params.name);
-                            });
+            }
+            if (_bar.getMinHeight()) {
+                const values = _bar.values.map(_v => {
+                    const value = xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT ? Number(_v.y) : Number(_v.x);
+                    return value > 0 ? value : '-'; // use '-' for missing data
+                });
+                const emptyValues = _bar.values.map(_v => {
+                    const value = xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT ? Number(_v.y) : Number(_v.x);
+                    return value === 0 ? 0 : '-';
+                });
+                series.push({
+                    type: BIZY_BAR_LINE_CHART_TYPE.BAR,
+                    name: _bar.name,
+                    yAxisIndex: yAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT ? axisIndex : undefined,
+                    xAxisIndex: xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT ? axisIndex : undefined,
+                    stack: _bar.stack,
+                    barMinHeight: _bar.getMinHeight(),
+                    itemStyle: {
+                        color: _bar.getColor() ?? null
+                    },
+                    data: values,
+                });
+                series.push({
+                    type: BIZY_BAR_LINE_CHART_TYPE.BAR,
+                    name: '-',
+                    yAxisIndex: yAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT ? axisIndex : undefined,
+                    xAxisIndex: xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT ? axisIndex : undefined,
+                    stack: _bar.stack,
+                    itemStyle: {
+                        color: _bar.getColor() ?? null
+                    },
+                    data: emptyValues,
+                });
+            }
+            else {
+                series.push({
+                    type: BIZY_BAR_LINE_CHART_TYPE.BAR,
+                    name: _bar.name,
+                    yAxisIndex: yAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT ? axisIndex : undefined,
+                    xAxisIndex: xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.DEPENDENT ? axisIndex : undefined,
+                    stack: _bar.stack,
+                    barMinHeight: _bar.getMinHeight(),
+                    itemStyle: {
+                        color: _bar.getColor() ?? null
+                    },
+                    data: _bar.values.map(_v => xAxisType === BIZY_BAR_LINE_CHART_AXIS_TYPE.INDEPENDENT ? Number(_v.y) : Number(_v.x))
+                });
+            }
+            legends.add(_bar.name);
+        });
+        const tooltip = {
+            show: this.tooltip?.show ?? DEFAULT_TOOLTIP$4.show,
+            appendToBody: true,
+            confine: true,
+            trigger: 'axis',
+            axisPointer: {
+                show: false
+            },
+            formatter: this.tooltip?.formatter
+        };
+        const grid = {
+            left: this.#gridLeft,
+            right: this.#gridRight,
+        };
+        const legend = {
+            type: 'scroll',
+            bottom: 0,
+            data: Array.from(legends)
+        };
+        const textColor = getComputedStyle(this.#document.documentElement).getPropertyValue('--bizy-bar-line-chart-tooltip-color');
+        const textBackgroundColor = getComputedStyle(this.#document.documentElement).getPropertyValue('--bizy-bar-line-chart-tooltip-background-color');
+        const borderColor = getComputedStyle(this.#document.documentElement).getPropertyValue('--bizy-bar-line-chart-tooltip-border-color');
+        const toolbox = {
+            show: true,
+            feature: {
+                mySaveAsImage: {
+                    show: this.download.show ?? DEFAULT_DOWNLOAD$4.show,
+                    icon: 'path://M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-101.5 0-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352 64 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z',
+                    title: this.download.label ?? DEFAULT_DOWNLOAD$4.label,
+                    onclick: () => {
+                        this.#popup.open({
+                            disableCloseButton: true,
+                            disableBackdropClose: true,
+                            component: BizyBarLineChartPopupComponent,
+                            data: {
+                                download: {
+                                    name: this.download?.fileName ?? DEFAULT_DOWNLOAD$4.fileName,
+                                },
+                                grid: {
+                                    left: this.#gridLeft,
+                                    right: this.#gridRight
+                                },
+                                option: this.#echarts.getOption()
+                            }
                         });
-                    }));
+                        this.onDownload.emit();
+                    }
+                }
+            },
+            emphasis: {
+                iconStyle: {
+                    color: textColor,
+                    borderColor,
+                    borderWidth: 1,
+                    textBackgroundColor,
+                    textPadding: 5,
+                }
+            }
+        };
+        const option = {
+            tooltip,
+            legend,
+            grid,
+            xAxis,
+            yAxis,
+            toolbox,
+            series
+        };
+        import('echarts').then(echarts => {
+            this.#echarts = echarts.init(this.#chartContainer);
+            Promise.resolve().then(() => {
+                this.#echarts.setOption(option);
+                this.#echarts.on('click', params => {
+                    this.onSelect.emit(params.name);
                 });
+                this.#resizeSubscription.unsubscribe();
+                this.#resizeObserver = new ResizeObserver(() => this.#resize$.next());
+                const resizeRef = this.resizeRef ? this.resizeRef : this.#renderer.parentNode(this.#elementRef.nativeElement) ? this.#renderer.parentNode(this.#elementRef.nativeElement) : this.#elementRef.nativeElement;
+                this.#resizeObserver.observe(resizeRef);
+                this.#resizeSubscription = new Subscription();
+                this.#resizeSubscription.add(this.#resize$.pipe(skip(1), auditTime(300), throttleTime(500)).subscribe(() => {
+                    this.#deleteChartContainer();
+                    this.#createChartContainer();
+                    if (!this.#chartContainer) {
+                        return;
+                    }
+                    this.#echarts = echarts.init(this.#chartContainer);
+                    Promise.resolve().then(() => {
+                        this.#echarts.setOption(option);
+                        this.#echarts.on('click', params => {
+                            this.onSelect.emit(params.name);
+                        });
+                    });
+                }));
             });
-        }));
+        });
     }
+    getNativeElement = () => this.#elementRef?.nativeElement;
     #createChartContainer = () => {
         if (this.#chartContainer || !this.#elementRef || !this.#elementRef.nativeElement) {
             return;
@@ -10482,11 +10743,10 @@ class BizyBarLineChartComponent {
             }
             element = element.parentElement;
         }
-        const rootValue = getComputedStyle(this.#document.documentElement).getPropertyValue(cssVariable).trim();
-        return rootValue;
+        const rootValue = getComputedStyle(document.documentElement).getPropertyValue(cssVariable).trim();
+        return rootValue || null;
     };
     ngOnDestroy() {
-        this.#afterViewInitSubscription.unsubscribe();
         this.#resizeSubscription.unsubscribe();
         if (this.#resizeObserver) {
             this.#resizeObserver.disconnect();
@@ -10496,45 +10756,51 @@ class BizyBarLineChartComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyBarLineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyBarLineChartComponent, isStandalone: true, selector: "bizy-bar-line-chart", inputs: { resizeRef: "resizeRef", tooltip: "tooltip", download: "download", axisPointer: "axisPointer", xAxis: "xAxis", data: "data" }, outputs: { onDownload: "onDownload", onSelect: "onSelect" }, ngImport: i0, template: '', isInline: true, styles: [":host{display:flex;justify-content:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: BizyBarLineChartComponent, isStandalone: true, selector: "bizy-bar-line-chart", inputs: { resizeRef: "resizeRef", tooltip: "tooltip", download: "download" }, outputs: { onDownload: "onDownload", onSelect: "onSelect" }, queries: [{ propertyName: "barCharts", predicate: BizyBarChartComponent }, { propertyName: "lineCharts", predicate: BizyLineChartComponent }], ngImport: i0, template: '<ng-content select="bizy-bar-chart"></ng-content><ng-content select="bizy-line-chart"></ng-content>', isInline: true, styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyBarLineChartComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bizy-bar-line-chart', template: '', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;justify-content:center}\n"] }]
+            args: [{ selector: 'bizy-bar-line-chart', template: '<ng-content select="bizy-bar-chart"></ng-content><ng-content select="bizy-line-chart"></ng-content>', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;justify-content:center}\n"] }]
         }], propDecorators: { resizeRef: [{
                 type: Input
             }], tooltip: [{
                 type: Input
             }], download: [{
                 type: Input
-            }], axisPointer: [{
-                type: Input
-            }], xAxis: [{
-                type: Input
             }], onDownload: [{
                 type: Output
             }], onSelect: [{
                 type: Output
-            }], data: [{
-                type: Input
+            }], barCharts: [{
+                type: ContentChildren,
+                args: [BizyBarChartComponent]
+            }], lineCharts: [{
+                type: ContentChildren,
+                args: [BizyLineChartComponent]
             }] } });
 
 const COMPONENTS$x = [
     BizyBarLineChartComponent,
-    BizyBarLineChartPopupComponent
+    BizyBarLineChartPopupComponent,
+    BizyBarChartComponent,
+    BizyLineChartComponent
 ];
 class BizyBarLineChartModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyBarLineChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BizyBarLineChartModule, imports: [BizyBarLineChartComponent,
-            BizyBarLineChartPopupComponent], exports: [BizyBarLineChartComponent,
-            BizyBarLineChartPopupComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyBarLineChartModule });
+            BizyBarLineChartPopupComponent,
+            BizyBarChartComponent,
+            BizyLineChartComponent], exports: [BizyBarLineChartComponent,
+            BizyBarLineChartPopupComponent,
+            BizyBarChartComponent,
+            BizyLineChartComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyBarLineChartModule, imports: [BizyBarLineChartComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BizyBarLineChartModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: COMPONENTS$x,
-                    exports: COMPONENTS$x
+                    exports: COMPONENTS$x,
                 }]
         }] });
 
@@ -18623,5 +18889,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BIZY_ANIMATION, BIZY_CALENDAR_DAY, BIZY_CALENDAR_EVENT_ACTION, BIZY_CALENDAR_LANGUAGE, BIZY_CALENDAR_MODE, BIZY_FORMAT_SECONDS_FORMAT, BIZY_FORMAT_SECONDS_LANGUAGE, BIZY_SKELETON_SHAPE, BIZY_STACKED_BAR_CHART_LEGEND_POSITION, BIZY_TAG_TYPE, BizyAccordionComponent, BizyAccordionModule, BizyAnimationService, BizyAudioPlayerComponent, BizyAudioPlayerFormatSecondsPipe, BizyAudioPlayerModule, BizyAudioRecorderComponent, BizyAudioRecorderModule, BizyAutoFocusDirective, BizyAveragePipe, BizyBarLineChartComponent, BizyBarLineChartModule, BizyBarLineChartPopupComponent, BizyBreadcrumbComponent, BizyBreadcrumbModule, BizyButtonComponent, BizyButtonModule, BizyCacheService, BizyCalendarComponent, BizyCalendarModule, BizyCardComponent, BizyCardModule, BizyCheckboxComponent, BizyCheckboxModule, BizyContentComponent, BizyContentModule, BizyCopyToClipboardDirective, BizyCopyToClipboardService, BizyCurrencyFormatDirective, BizyDatePickerComponent, BizyDatePickerModule, BizyDeviceService, BizyDirectivesModule, BizyDonutChartComponent, BizyDonutChartModule, BizyDonutChartPopupComponent, BizyEnumToArrayPipe, BizyExportToCSVService, BizyExtractNumbersPipe, BizyFileUploaderComponent, BizyFileUploaderModule, BizyFileUploaderService, BizyFilterComponent, BizyFilterContentComponent, BizyFilterModule, BizyFilterPipe, BizyFilterSectionCheckboxOptionComponent, BizyFilterSectionComponent, BizyFilterSectionRangeOptionComponent, BizyFilterSectionSearchOptionComponent, BizyFilterSectionsComponent, BizyFormComponent, BizyFormModule, BizyFormatSecondsPipe, BizyFormatSecondsService, BizyFullScreenPopupWrapperComponent, BizyGaugeChartComponent, BizyGaugeChartModule, BizyGaugeChartPopupComponent, BizyGridComponent, BizyGridForDirective, BizyGridModule, BizyGridRowComponent, BizyHeatMapChartComponent, BizyHeatMapChartModule, BizyInputComponent, BizyInputModule, BizyInputOptionComponent, BizyKeyboardService, BizyListComponent, BizyListModule, BizyLoadingDirective, BizyLogService, BizyLongPressDirective, BizyMenuBarComponent, BizyMenuBarModule, BizyMenuBarOptionComponent, BizyMenuComponent, BizyMenuModule, BizyMenuOptionComponent, BizyMenuTitleComponent, BizyOnlyNumbersDirective, BizyOnlyPhoneDigitsDirective, BizyOrderByPipe, BizyPieChartComponent, BizyPieChartModule, BizyPieChartPopupComponent, BizyPipesModule, BizyPopupModule, BizyPopupService, BizyPopupWrapperComponent, BizyProgressBarComponent, BizyProgressBarModule, BizyRadioComponent, BizyRadioModule, BizyRangeFilterPipe, BizyReducePipe, BizyReloadDirective, BizyRepeatPipe, BizyRoundPipe, BizyRouterService, BizySafePipe, BizySearchPipe, BizySectionCenterComponent, BizySectionComponent, BizySectionEndComponent, BizySectionModule, BizySectionStartComponent, BizySelectComponent, BizySelectModule, BizySelectOptionComponent, BizyServicesModule, BizySetToArrayPipe, BizySidebarComponent, BizySidebarFloatingOptionComponent, BizySidebarFloatingOptionTitleComponent, BizySidebarModule, BizySidebarOptionComponent, BizySkeletonComponent, BizySkeletonModule, BizySliderComponent, BizySliderModule, BizyStackedBarChartComponent, BizyStackedBarChartModule, BizyStackedBarChartSegmentComponent, BizyStorageService, BizyTabComponent, BizyTableColumnArrowsComponent, BizyTableColumnComponent, BizyTableColumnFixedDirective, BizyTableComponent, BizyTableFooterComponent, BizyTableHeaderComponent, BizyTableModule, BizyTableRowComponent, BizyTableRowExpandContentComponent, BizyTableScrollingComponent, BizyTableScrollingDirective, BizyTabsComponent, BizyTabsModule, BizyTagComponent, BizyTagModule, BizyTextEllipsisDirective, BizyTimelineComponent, BizyTimelineEventComponent, BizyTimelineModule, BizyToastModule, BizyToastService, BizyToastWrapperComponent, BizyToggleComponent, BizyToggleModule, BizyToolbarComponent, BizyToolbarModule, BizyTooltipDirective, BizyTranslateModule, BizyTranslatePipe, BizyTranslateService, BizyUniquePipe, BizyValidatorService, BizyViewportService, LANGUAGE, LOADING_TYPE, MIME_TYPE, POPUP_PLACEMENT };
+export { BIZY_ANIMATION, BIZY_BAR_LINE_CHART_AXIS_POSITION, BIZY_CALENDAR_DAY, BIZY_CALENDAR_EVENT_ACTION, BIZY_CALENDAR_LANGUAGE, BIZY_CALENDAR_MODE, BIZY_FORMAT_SECONDS_FORMAT, BIZY_FORMAT_SECONDS_LANGUAGE, BIZY_SKELETON_SHAPE, BIZY_STACKED_BAR_CHART_LEGEND_POSITION, BIZY_TAG_TYPE, BizyAccordionComponent, BizyAccordionModule, BizyAnimationService, BizyAudioPlayerComponent, BizyAudioPlayerFormatSecondsPipe, BizyAudioPlayerModule, BizyAudioRecorderComponent, BizyAudioRecorderModule, BizyAutoFocusDirective, BizyAveragePipe, BizyBarChartComponent, BizyBarLineChartComponent, BizyBarLineChartModule, BizyBarLineChartPopupComponent, BizyBreadcrumbComponent, BizyBreadcrumbModule, BizyButtonComponent, BizyButtonModule, BizyCacheService, BizyCalendarComponent, BizyCalendarModule, BizyCardComponent, BizyCardModule, BizyCheckboxComponent, BizyCheckboxModule, BizyContentComponent, BizyContentModule, BizyCopyToClipboardDirective, BizyCopyToClipboardService, BizyCurrencyFormatDirective, BizyDatePickerComponent, BizyDatePickerModule, BizyDeviceService, BizyDirectivesModule, BizyDonutChartComponent, BizyDonutChartModule, BizyDonutChartPopupComponent, BizyEnumToArrayPipe, BizyExportToCSVService, BizyExtractNumbersPipe, BizyFileUploaderComponent, BizyFileUploaderModule, BizyFileUploaderService, BizyFilterComponent, BizyFilterContentComponent, BizyFilterModule, BizyFilterPipe, BizyFilterSectionCheckboxOptionComponent, BizyFilterSectionComponent, BizyFilterSectionRangeOptionComponent, BizyFilterSectionSearchOptionComponent, BizyFilterSectionsComponent, BizyFormComponent, BizyFormModule, BizyFormatSecondsPipe, BizyFormatSecondsService, BizyFullScreenPopupWrapperComponent, BizyGaugeChartComponent, BizyGaugeChartModule, BizyGaugeChartPopupComponent, BizyGridComponent, BizyGridForDirective, BizyGridModule, BizyGridRowComponent, BizyHeatMapChartComponent, BizyHeatMapChartModule, BizyInputComponent, BizyInputModule, BizyInputOptionComponent, BizyKeyboardService, BizyLineChartComponent, BizyListComponent, BizyListModule, BizyLoadingDirective, BizyLogService, BizyLongPressDirective, BizyMenuBarComponent, BizyMenuBarModule, BizyMenuBarOptionComponent, BizyMenuComponent, BizyMenuModule, BizyMenuOptionComponent, BizyMenuTitleComponent, BizyOnlyNumbersDirective, BizyOnlyPhoneDigitsDirective, BizyOrderByPipe, BizyPieChartComponent, BizyPieChartModule, BizyPieChartPopupComponent, BizyPipesModule, BizyPopupModule, BizyPopupService, BizyPopupWrapperComponent, BizyProgressBarComponent, BizyProgressBarModule, BizyRadioComponent, BizyRadioModule, BizyRangeFilterPipe, BizyReducePipe, BizyReloadDirective, BizyRepeatPipe, BizyRoundPipe, BizyRouterService, BizySafePipe, BizySearchPipe, BizySectionCenterComponent, BizySectionComponent, BizySectionEndComponent, BizySectionModule, BizySectionStartComponent, BizySelectComponent, BizySelectModule, BizySelectOptionComponent, BizyServicesModule, BizySetToArrayPipe, BizySidebarComponent, BizySidebarFloatingOptionComponent, BizySidebarFloatingOptionTitleComponent, BizySidebarModule, BizySidebarOptionComponent, BizySkeletonComponent, BizySkeletonModule, BizySliderComponent, BizySliderModule, BizyStackedBarChartComponent, BizyStackedBarChartModule, BizyStackedBarChartSegmentComponent, BizyStorageService, BizyTabComponent, BizyTableColumnArrowsComponent, BizyTableColumnComponent, BizyTableColumnFixedDirective, BizyTableComponent, BizyTableFooterComponent, BizyTableHeaderComponent, BizyTableModule, BizyTableRowComponent, BizyTableRowExpandContentComponent, BizyTableScrollingComponent, BizyTableScrollingDirective, BizyTabsComponent, BizyTabsModule, BizyTagComponent, BizyTagModule, BizyTextEllipsisDirective, BizyTimelineComponent, BizyTimelineEventComponent, BizyTimelineModule, BizyToastModule, BizyToastService, BizyToastWrapperComponent, BizyToggleComponent, BizyToggleModule, BizyToolbarComponent, BizyToolbarModule, BizyTooltipDirective, BizyTranslateModule, BizyTranslatePipe, BizyTranslateService, BizyUniquePipe, BizyValidatorService, BizyViewportService, LANGUAGE, LOADING_TYPE, MIME_TYPE, POPUP_PLACEMENT };
 //# sourceMappingURL=bizy-core.mjs.map