barsa-echarts 1.0.455 → 1.0.457

package/fesm2022/barsa-echarts.mjs

@@ -0,0 +1,329 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, ViewChild, Directive, NgModule, NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import * as i1 from 'barsa-novin-ray-core';
+import { BaseComponent, BaseDirective, BarsaApi, BarsaNovinRayCoreModule } from 'barsa-novin-ray-core';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class MicroChartBulletComponent extends BaseComponent {
+    constructor(renderer) {
+        super();
+        this.renderer = renderer;
+        this.suffix = '';
+        this.separatorLinesFakeArray = [];
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.delta = Math.abs(this.value - this.target);
+        this.forecastWidth = this.getWidth(this.forecast);
+        this.deltaWidth = this.getWidth(this.delta);
+        this.valueWidth = this.getWidth(this.value);
+        this.targetWidth = this.getWidth(this.target, true);
+        this.deltaBackgroundColor = this.getBackgroundColor('delta');
+        this.forecastBackgroundColor = this.getBackgroundColor('forecast');
+        this.valueBackgroundColor = this.getBackgroundColor('value');
+        this.targetWithSuffix = this.getValueWithSuffix(this.target);
+        this.deltaWithSuffix = this.getValueWithSuffix(this.delta);
+        this.valueWithSuffix = this.getValueWithSuffix(this.value);
+        this.fakeArray();
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        if (this.deltaDom) {
+            const deltaLeft = this.value >= this.target ? this.getWidth(this.target) : this.getWidth(this.target - this.delta);
+            this.renderer.setStyle(this.deltaDom.nativeElement, 'left', deltaLeft);
+            const deltaPointerDom = this.deltaDom.nativeElement.querySelector('.pointer');
+            const deltaPointerLeft = this.value >= this.target ? '' : '0';
+            this.renderer.setStyle(deltaPointerDom, 'left', deltaPointerLeft);
+        }
+    }
+    getWidth(value, isTarget) {
+        if (value) {
+            let width = (value / this.range) * 100;
+            width = isTarget ? width - 2 : width;
+            return width.toString() + '%';
+        }
+        else {
+            return '0';
+        }
+    }
+    getValueWithSuffix(value) {
+        return value.toString() + (this.suffix || '');
+    }
+    getBackgroundColor(item) {
+        if (item === 'forecast') {
+            return this.forecast >= this.target ? '#a1dbb1' : '#fda8ab';
+        }
+        else {
+            return this.value >= this.target ? '#3fa45b' : '#dc0d0e';
+        }
+    }
+    fakeArray() {
+        for (let i = 0; i < this.separatorLines; i++) {
+            this.separatorLinesFakeArray.push(i);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroChartBulletComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MicroChartBulletComponent, selector: "be-micro-chart-bullet", inputs: { chartInstanceId: "chartInstanceId", parentMoId: "parentMoId", range: "range", value: "value", forecast: "forecast", target: "target", suffix: "suffix", separatorLines: "separatorLines", isDelta: "isDelta" }, viewQueries: [{ propertyName: "deltaDom", first: true, predicate: ["deltaBox"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"chart-container\">\r\n    <div class=\"range\">\r\n        @if (target) {\r\n        <div class=\"target\" #target [style.left]=\"targetWidth\">\r\n            <span>{{ targetWithSuffix }}</span>\r\n        </div>\r\n        } @if (forecast) {\r\n        <div class=\"forecast\" [style.background-color]=\"forecastBackgroundColor\" [style.width]=\"forecastWidth\"></div>\r\n        } @if (isDelta && delta) {\r\n        <div class=\"delta\" #deltaBox [style.background-color]=\"deltaBackgroundColor\" [style.width]=\"deltaWidth\">\r\n            <span [style.color]=\"valueBackgroundColor\">{{ deltaWithSuffix + '\u25B2' }}</span>\r\n            <div class=\"pointer\" [style.background-color]=\"deltaBackgroundColor\"></div>\r\n        </div>\r\n        } @else { @if (value) {\r\n        <div class=\"value\" [style.background-color]=\"valueBackgroundColor\" [style.width]=\"valueWidth\">\r\n            <span [style.color]=\"valueBackgroundColor\">{{ valueWithSuffix }}</span>\r\n            <div class=\"pointer\" [style.background-color]=\"valueBackgroundColor\"></div>\r\n        </div>\r\n        } }\r\n\r\n        <!--  separator lines-->\r\n    </div>\r\n    @if (separatorLines) {\r\n    <div class=\"separator-lines\">\r\n        @for (i of separatorLinesFakeArray; track i) {\r\n        <div class=\"separator-line\"></div>\r\n        }\r\n    </div>\r\n    }\r\n</div>\r\n", styles: [".separator-lines,.range .value,.range .target,.range .forecast,.range{margin-bottom:auto;margin-top:auto;top:0;bottom:0}:host{display:flex;width:100%;height:100%;align-items:center}.chart-container{height:15px;width:100%;position:relative}.range{width:100%;position:absolute;background-color:#e6eee8;z-index:2}.range .forecast{position:absolute;left:0}.range .target{position:absolute;z-index:5;width:2%;height:24px;background-color:#000}.range .target span{position:absolute;bottom:-20px;right:-10px}.range .value{position:absolute;left:0;height:7px}.range .value .pointer{position:absolute;width:2px;height:20px;bottom:0}.range .value span{position:absolute;bottom:19px;right:-6px}.range .delta{position:absolute;height:15px}.range .delta .pointer{position:absolute;width:2px;height:20px;bottom:0}.range .delta span{position:absolute;bottom:19px}.separator-lines{position:absolute;display:flex;justify-content:space-between;height:20px;width:100%}.separator-lines .separator-line{background-color:#e9730c;width:2px}.separator-lines .separator-line:first-child,.separator-lines .separator-line:last-child{background-color:#c21a1a!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroChartBulletComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'be-micro-chart-bullet', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"chart-container\">\r\n    <div class=\"range\">\r\n        @if (target) {\r\n        <div class=\"target\" #target [style.left]=\"targetWidth\">\r\n            <span>{{ targetWithSuffix }}</span>\r\n        </div>\r\n        } @if (forecast) {\r\n        <div class=\"forecast\" [style.background-color]=\"forecastBackgroundColor\" [style.width]=\"forecastWidth\"></div>\r\n        } @if (isDelta && delta) {\r\n        <div class=\"delta\" #deltaBox [style.background-color]=\"deltaBackgroundColor\" [style.width]=\"deltaWidth\">\r\n            <span [style.color]=\"valueBackgroundColor\">{{ deltaWithSuffix + '\u25B2' }}</span>\r\n            <div class=\"pointer\" [style.background-color]=\"deltaBackgroundColor\"></div>\r\n        </div>\r\n        } @else { @if (value) {\r\n        <div class=\"value\" [style.background-color]=\"valueBackgroundColor\" [style.width]=\"valueWidth\">\r\n            <span [style.color]=\"valueBackgroundColor\">{{ valueWithSuffix }}</span>\r\n            <div class=\"pointer\" [style.background-color]=\"valueBackgroundColor\"></div>\r\n        </div>\r\n        } }\r\n\r\n        <!--  separator lines-->\r\n    </div>\r\n    @if (separatorLines) {\r\n    <div class=\"separator-lines\">\r\n        @for (i of separatorLinesFakeArray; track i) {\r\n        <div class=\"separator-line\"></div>\r\n        }\r\n    </div>\r\n    }\r\n</div>\r\n", styles: [".separator-lines,.range .value,.range .target,.range .forecast,.range{margin-bottom:auto;margin-top:auto;top:0;bottom:0}:host{display:flex;width:100%;height:100%;align-items:center}.chart-container{height:15px;width:100%;position:relative}.range{width:100%;position:absolute;background-color:#e6eee8;z-index:2}.range .forecast{position:absolute;left:0}.range .target{position:absolute;z-index:5;width:2%;height:24px;background-color:#000}.range .target span{position:absolute;bottom:-20px;right:-10px}.range .value{position:absolute;left:0;height:7px}.range .value .pointer{position:absolute;width:2px;height:20px;bottom:0}.range .value span{position:absolute;bottom:19px;right:-6px}.range .delta{position:absolute;height:15px}.range .delta .pointer{position:absolute;width:2px;height:20px;bottom:0}.range .delta span{position:absolute;bottom:19px}.separator-lines{position:absolute;display:flex;justify-content:space-between;height:20px;width:100%}.separator-lines .separator-line{background-color:#e9730c;width:2px}.separator-lines .separator-line:first-child,.separator-lines .separator-line:last-child{background-color:#c21a1a!important}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { chartInstanceId: [{
+                type: Input
+            }], parentMoId: [{
+                type: Input
+            }], deltaDom: [{
+                type: ViewChild,
+                args: ['deltaBox']
+            }], range: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], forecast: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], suffix: [{
+                type: Input
+            }], separatorLines: [{
+                type: Input
+            }], isDelta: [{
+                type: Input
+            }] } });
+
+class ChartBaseDirective extends BaseDirective {
+    constructor(_el, renderer2, _cdr) {
+        super(_el);
+        this._el = _el;
+        this.renderer2 = renderer2;
+        this._cdr = _cdr;
+    }
+    ngOnInit() {
+        // set some style to chart
+        super.ngOnInit();
+        const elDom = this._el.nativeElement;
+        this.renderer2.setStyle(elDom, 'width', '100%');
+        this.renderer2.setStyle(elDom, 'height', '100%');
+        this.renderer2.setStyle(elDom, 'display', 'block');
+    }
+    ngAfterViewInit() {
+        this._loadChartInstance(this.chartInstanceId, this.parentMoId);
+    }
+    _renderChart() {
+        setTimeout(() => {
+            head.load(['Lib/Echarts/echarts.My.min.js'], () => {
+                const elDom = this._el.nativeElement;
+                this.chart = echarts.init(elDom);
+                this.chart.setOption(this.chartOption);
+            });
+        }, 300);
+    }
+    _loadChartInstance(chartInstanceId, parentMoId = null) {
+        BarsaApi.Bw.RunBlMethodAsync({
+            Parameters: [chartInstanceId, parentMoId],
+            Method: 'BarsaGetChartOptions',
+            SuccessFn: (chartOption) => {
+                this.chartOption = BarsaApi.Ext.decode(chartOption);
+                this._renderChart();
+                this._cdr.detectChanges();
+            },
+            FailFn: () => { }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChartBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ChartBaseDirective, selector: "[echartRenderer]", inputs: { chartInstanceId: "chartInstanceId", parentMoId: "parentMoId" }, exportAs: ["echartRenderer"], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChartBaseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[echartRenderer]',
+                    exportAs: 'echartRenderer',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }], propDecorators: { chartInstanceId: [{
+                type: Input
+            }], parentMoId: [{
+                type: Input
+            }] } });
+
+class MicroChartLineComponent extends BaseComponent {
+    constructor(el) {
+        super();
+        this.el = el;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroChartLineComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MicroChartLineComponent, selector: "be-micro-chart-line", inputs: { chartInstanceId: "chartInstanceId", parentMoId: "parentMoId" }, usesInheritance: true, ngImport: i0, template: "<!-- <div class=\"top-labels\">\r\n    <span>{{ lastValue }}{{ line?.suffix }}</span>\r\n    <span>{{ firstValue }}{{ line?.suffix }}</span>\r\n</div> -->\r\n\r\n<div class=\"chart\">\r\n    <div *untilInView=\"el\" echartRenderer [chartInstanceId]=\"chartInstanceId\" [parentMoId]=\"parentMoId\"></div>\r\n</div>\r\n<!-- \r\n<div class=\"bottom-labels\">\r\n    <span>{{ lastLabel }}</span>\r\n    <span>{{ firstLabel }}</span>\r\n</div> -->\r\n", styles: [":host{display:block;width:100%;height:100%}.chart{width:100%;height:52%}span{margin:0;font-size:10px}.top-labels{width:100%;height:23%;display:flex;justify-content:space-between}.bottom-labels{width:100%;height:25%;display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i1.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "directive", type: ChartBaseDirective, selector: "[echartRenderer]", inputs: ["chartInstanceId", "parentMoId"], exportAs: ["echartRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroChartLineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'be-micro-chart-line', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- <div class=\"top-labels\">\r\n    <span>{{ lastValue }}{{ line?.suffix }}</span>\r\n    <span>{{ firstValue }}{{ line?.suffix }}</span>\r\n</div> -->\r\n\r\n<div class=\"chart\">\r\n    <div *untilInView=\"el\" echartRenderer [chartInstanceId]=\"chartInstanceId\" [parentMoId]=\"parentMoId\"></div>\r\n</div>\r\n<!-- \r\n<div class=\"bottom-labels\">\r\n    <span>{{ lastLabel }}</span>\r\n    <span>{{ firstLabel }}</span>\r\n</div> -->\r\n", styles: [":host{display:block;width:100%;height:100%}.chart{width:100%;height:52%}span{margin:0;font-size:10px}.top-labels{width:100%;height:23%;display:flex;justify-content:space-between}.bottom-labels{width:100%;height:25%;display:flex;justify-content:space-between}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { chartInstanceId: [{
+                type: Input
+            }], parentMoId: [{
+                type: Input
+            }] } });
+
+class MicroChartStackbarComponent extends BaseComponent {
+    constructor(el) {
+        super();
+        this.el = el;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroChartStackbarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MicroChartStackbarComponent, selector: "be-micro-chart-stackbar", inputs: { chartInstanceId: "chartInstanceId", parentMoId: "parentMoId" }, usesInheritance: true, ngImport: i0, template: "<div *untilInView=\"el\" echartRenderer class=\"chart\" [chartInstanceId]=\"chartInstanceId\" [parentMoId]=\"parentMoId\"></div>\r\n", styles: [":host{display:block;width:100%;height:100%}.chart{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "directive", type: ChartBaseDirective, selector: "[echartRenderer]", inputs: ["chartInstanceId", "parentMoId"], exportAs: ["echartRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroChartStackbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'be-micro-chart-stackbar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div *untilInView=\"el\" echartRenderer class=\"chart\" [chartInstanceId]=\"chartInstanceId\" [parentMoId]=\"parentMoId\"></div>\r\n", styles: [":host{display:block;width:100%;height:100%}.chart{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { chartInstanceId: [{
+                type: Input
+            }], parentMoId: [{
+                type: Input
+            }] } });
+
+class MicroChartCircularComponent extends BaseComponent {
+    constructor(el) {
+        super();
+        this.el = el;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroChartCircularComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MicroChartCircularComponent, selector: "be-micro-chart-circular", inputs: { chartInstanceId: "chartInstanceId", parentMoId: "parentMoId" }, usesInheritance: true, ngImport: i0, template: "<div *untilInView=\"el\" echartRenderer [chartInstanceId]=\"chartInstanceId\" [parentMoId]=\"parentMoId\"></div>\r\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "directive", type: ChartBaseDirective, selector: "[echartRenderer]", inputs: ["chartInstanceId", "parentMoId"], exportAs: ["echartRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroChartCircularComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'be-micro-chart-circular', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div *untilInView=\"el\" echartRenderer [chartInstanceId]=\"chartInstanceId\" [parentMoId]=\"parentMoId\"></div>\r\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { chartInstanceId: [{
+                type: Input
+            }], parentMoId: [{
+                type: Input
+            }] } });
+
+class MicroChartComparisonComponent extends BaseComponent {
+    constructor(el) {
+        super();
+        this.el = el;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroChartComparisonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MicroChartComparisonComponent, selector: "be-micro-chart-comparison", inputs: { chartInstanceId: "chartInstanceId", parentMoId: "parentMoId", size: "size" }, usesInheritance: true, ngImport: i0, template: "<div *untilInView=\"el\" echartRenderer [chartInstanceId]=\"chartInstanceId\" [parentMoId]=\"parentMoId\"></div>\r\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "directive", type: ChartBaseDirective, selector: "[echartRenderer]", inputs: ["chartInstanceId", "parentMoId"], exportAs: ["echartRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroChartComparisonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'be-micro-chart-comparison', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div *untilInView=\"el\" echartRenderer [chartInstanceId]=\"chartInstanceId\" [parentMoId]=\"parentMoId\"></div>\r\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { chartInstanceId: [{
+                type: Input
+            }], parentMoId: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
+class MicroChartAreaComponent extends BaseComponent {
+    constructor(el) {
+        super();
+        this.el = el;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.suffix = this.chartData?.line?.suffix;
+        this.getFirstAndLastValues();
+    }
+    getFirstAndLastValues() {
+        if (this.chartData) {
+            const dataLength = this.chartData.line.data.length;
+            this.firstValue = this.chartData.line.data[0].value.toString();
+            this.lastValue = this.chartData.line.data[dataLength - 1].value.toString();
+            this.firstLabel = this.chartData.line.data[0].label;
+            this.lastLabel = this.chartData.line.data[dataLength - 1].label;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroChartAreaComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MicroChartAreaComponent, selector: "be-micro-chart-area", inputs: { chartInstanceId: "chartInstanceId", parentMoId: "parentMoId", size: "size", chartData: "chartData" }, usesInheritance: true, ngImport: i0, template: "<!-- @if (size === 'l') {\r\n<div class=\"right-labels\">\r\n    <span [style.color]=\"chartData.lastValueColor\">{{ lastValue }}{{ chartData?.line?.suffix }}</span>\r\n    <span [style.color]=\"chartData.lastValueColor\">{{ lastLabel }}</span>\r\n</div>\r\n} @if (size === 's') {\r\n<div class=\"top-labels\">\r\n    <span [style.color]=\"chartData.lastValueColor\">{{ lastValue }}{{ suffix }}</span>\r\n    <span [style.color]=\"chartData.firstValueColor\">{{ firstValue }}{{ suffix }}</span>\r\n</div>\r\n} -->\r\n\r\n<div *untilInView=\"el\" echartRenderer [chartInstanceId]=\"chartInstanceId\" [parentMoId]=\"parentMoId\"></div>\r\n<!-- \r\n@if (size === 'l') {\r\n<div class=\"left-labels\">\r\n    <span [style.color]=\"chartData.firstValueColor\">{{ firstValue }}{{ suffix }}</span>\r\n    <span [style.color]=\"chartData.firstValueColor\">{{ firstLabel }}</span>\r\n</div>\r\n} @if (size === 's') {\r\n<div class=\"bottom-labels\">\r\n    <span [style.color]=\"chartData.lastValueColor\">{{ lastLabel }}</span>\r\n    <span [style.color]=\"chartData.firstValueColor\">{{ firstLabel }}</span>\r\n</div>\r\n} -->\r\n", styles: [":host{display:block;width:100%;height:100%}span{margin:0;font-size:10px}.top-labels{width:100%;height:23%;display:flex;justify-content:space-between}.bottom-labels{width:100%;height:25%;display:flex;justify-content:space-between}.right-labels{min-width:40px;display:flex;flex-direction:column;justify-content:space-between;text-align:right}.left-labels{min-width:40px;display:flex;flex-direction:column;justify-content:space-between;text-align:left}\n"], dependencies: [{ kind: "directive", type: i1.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "directive", type: ChartBaseDirective, selector: "[echartRenderer]", inputs: ["chartInstanceId", "parentMoId"], exportAs: ["echartRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroChartAreaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'be-micro-chart-area', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- @if (size === 'l') {\r\n<div class=\"right-labels\">\r\n    <span [style.color]=\"chartData.lastValueColor\">{{ lastValue }}{{ chartData?.line?.suffix }}</span>\r\n    <span [style.color]=\"chartData.lastValueColor\">{{ lastLabel }}</span>\r\n</div>\r\n} @if (size === 's') {\r\n<div class=\"top-labels\">\r\n    <span [style.color]=\"chartData.lastValueColor\">{{ lastValue }}{{ suffix }}</span>\r\n    <span [style.color]=\"chartData.firstValueColor\">{{ firstValue }}{{ suffix }}</span>\r\n</div>\r\n} -->\r\n\r\n<div *untilInView=\"el\" echartRenderer [chartInstanceId]=\"chartInstanceId\" [parentMoId]=\"parentMoId\"></div>\r\n<!-- \r\n@if (size === 'l') {\r\n<div class=\"left-labels\">\r\n    <span [style.color]=\"chartData.firstValueColor\">{{ firstValue }}{{ suffix }}</span>\r\n    <span [style.color]=\"chartData.firstValueColor\">{{ firstLabel }}</span>\r\n</div>\r\n} @if (size === 's') {\r\n<div class=\"bottom-labels\">\r\n    <span [style.color]=\"chartData.lastValueColor\">{{ lastLabel }}</span>\r\n    <span [style.color]=\"chartData.firstValueColor\">{{ firstLabel }}</span>\r\n</div>\r\n} -->\r\n", styles: [":host{display:block;width:100%;height:100%}span{margin:0;font-size:10px}.top-labels{width:100%;height:23%;display:flex;justify-content:space-between}.bottom-labels{width:100%;height:25%;display:flex;justify-content:space-between}.right-labels{min-width:40px;display:flex;flex-direction:column;justify-content:space-between;text-align:right}.left-labels{min-width:40px;display:flex;flex-direction:column;justify-content:space-between;text-align:left}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { chartInstanceId: [{
+                type: Input
+            }], parentMoId: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], chartData: [{
+                type: Input
+            }] } });
+
+class MicroChartBarComponent extends BaseComponent {
+    constructor(el) {
+        super();
+        this.el = el;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroChartBarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MicroChartBarComponent, selector: "be-micro-chart-bar", inputs: { chartInstanceId: "chartInstanceId", parentMoId: "parentMoId", size: "size", extraData: "extraData" }, viewQueries: [{ propertyName: "eChartBase", first: true, predicate: ["echartRenderer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n    *untilInView=\"el\"\r\n    echartRenderer\r\n    #echartRenderer=\"echartRenderer\"\r\n    [ngClass]=\"size === 'l' ? 'flex-50' : 'flex-100'\"\r\n    [chartInstanceId]=\"chartInstanceId\"\r\n    [parentMoId]=\"parentMoId\"\r\n></div>\r\n<!-- @if (size === 'l') {\r\n<div class=\"chart-desc\">\r\n    <h2>{{ extraData.value }}{{ extraData.suffix }}</h2>\r\n</div>\r\n} -->\r\n", styles: [":host{display:flex;width:100%;height:100%}.flex-50,.flex-100{flex:50%}.chart-desc{flex:50%;display:flex;align-items:flex-end;justify-content:flex-end}.chart-desc h2{margin:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "directive", type: ChartBaseDirective, selector: "[echartRenderer]", inputs: ["chartInstanceId", "parentMoId"], exportAs: ["echartRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MicroChartBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'be-micro-chart-bar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\r\n    *untilInView=\"el\"\r\n    echartRenderer\r\n    #echartRenderer=\"echartRenderer\"\r\n    [ngClass]=\"size === 'l' ? 'flex-50' : 'flex-100'\"\r\n    [chartInstanceId]=\"chartInstanceId\"\r\n    [parentMoId]=\"parentMoId\"\r\n></div>\r\n<!-- @if (size === 'l') {\r\n<div class=\"chart-desc\">\r\n    <h2>{{ extraData.value }}{{ extraData.suffix }}</h2>\r\n</div>\r\n} -->\r\n", styles: [":host{display:flex;width:100%;height:100%}.flex-50,.flex-100{flex:50%}.chart-desc{flex:50%;display:flex;align-items:flex-end;justify-content:flex-end}.chart-desc h2{margin:0}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { eChartBase: [{
+                type: ViewChild,
+                args: ['echartRenderer']
+            }], chartInstanceId: [{
+                type: Input
+            }], parentMoId: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], extraData: [{
+                type: Input
+            }] } });
+
+const components = [
+    MicroChartComparisonComponent,
+    MicroChartAreaComponent,
+    MicroChartBarComponent,
+    MicroChartAreaComponent,
+    MicroChartStackbarComponent,
+    MicroChartCircularComponent,
+    MicroChartLineComponent,
+    MicroChartCircularComponent,
+    MicroChartBulletComponent,
+    ChartBaseDirective
+];
+class BarsaEchartsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaEchartsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: BarsaEchartsModule, declarations: [MicroChartComparisonComponent,
+            MicroChartAreaComponent,
+            MicroChartBarComponent,
+            MicroChartAreaComponent,
+            MicroChartStackbarComponent,
+            MicroChartCircularComponent,
+            MicroChartLineComponent,
+            MicroChartCircularComponent,
+            MicroChartBulletComponent,
+            ChartBaseDirective], imports: [CommonModule, BarsaNovinRayCoreModule], exports: [MicroChartComparisonComponent,
+            MicroChartAreaComponent,
+            MicroChartBarComponent,
+            MicroChartAreaComponent,
+            MicroChartStackbarComponent,
+            MicroChartCircularComponent,
+            MicroChartLineComponent,
+            MicroChartCircularComponent,
+            MicroChartBulletComponent,
+            ChartBaseDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaEchartsModule, imports: [CommonModule, BarsaNovinRayCoreModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BarsaEchartsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    schemas: [NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA],
+                    imports: [CommonModule, BarsaNovinRayCoreModule],
+                    declarations: [...components],
+                    exports: [...components]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BarsaEchartsModule, ChartBaseDirective, MicroChartAreaComponent, MicroChartBarComponent, MicroChartBulletComponent, MicroChartCircularComponent, MicroChartComparisonComponent, MicroChartLineComponent, MicroChartStackbarComponent };
+//# sourceMappingURL=barsa-echarts.mjs.map

package/fesm2022/barsa-echarts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"barsa-echarts.mjs","sources":["../../../projects/barsa-echarts/src/lib/micro-charts/micro-chart-bullet/micro-chart-bullet.component.ts","../../../projects/barsa-echarts/src/lib/micro-charts/micro-chart-bullet/micro-chart-bullet.component.html","../../../projects/barsa-echarts/src/lib/base/chart-base.directive.ts","../../../projects/barsa-echarts/src/lib/micro-charts/micro-chart-line/micro-chart-line.component.ts","../../../projects/barsa-echarts/src/lib/micro-charts/micro-chart-line/micro-chart-line.component.html","../../../projects/barsa-echarts/src/lib/micro-charts/micro-chart-stackbar/micro-chart-stackbar.component.ts","../../../projects/barsa-echarts/src/lib/micro-charts/micro-chart-stackbar/micro-chart-stackbar.component.html","../../../projects/barsa-echarts/src/lib/micro-charts/micro-chart-circular/micro-chart-circular.component.ts","../../../projects/barsa-echarts/src/lib/micro-charts/micro-chart-circular/micro-chart-circular.component.html","../../../projects/barsa-echarts/src/lib/micro-charts/micro-chart-comparison/micro-chart-comparison.component.ts","../../../projects/barsa-echarts/src/lib/micro-charts/micro-chart-comparison/micro-chart-comparison.component.html","../../../projects/barsa-echarts/src/lib/micro-charts/micro-chart-area/micro-chart-area.component.ts","../../../projects/barsa-echarts/src/lib/micro-charts/micro-chart-area/micro-chart-area.component.html","../../../projects/barsa-echarts/src/lib/micro-charts/micro-chart-bar/micro-chart-bar.component.ts","../../../projects/barsa-echarts/src/lib/micro-charts/micro-chart-bar/micro-chart-bar.component.html","../../../projects/barsa-echarts/src/lib/barsa-echarts.module.ts","../../../projects/barsa-echarts/src/barsa-echarts.ts"],"sourcesContent":["import {\r\n    AfterViewInit,\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    ElementRef,\r\n    Input,\r\n    OnInit,\r\n    Renderer2,\r\n    ViewChild\r\n} from '@angular/core';\r\n\r\nimport { BaseComponent } from 'barsa-novin-ray-core';\r\n\r\n@Component({\r\n    selector: 'be-micro-chart-bullet',\r\n    templateUrl: './micro-chart-bullet.component.html',\r\n    styleUrls: ['./micro-chart-bullet.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    standalone: false\r\n})\r\nexport class MicroChartBulletComponent extends BaseComponent implements OnInit, AfterViewInit {\r\n    @Input() chartInstanceId: string;\r\n    @Input() parentMoId: string;\r\n\r\n    @ViewChild('deltaBox') deltaDom: ElementRef<HTMLElement>;\r\n    @Input() range: number;\r\n    @Input() value: number;\r\n    @Input() forecast: number;\r\n    @Input() target: number;\r\n    @Input() suffix = '';\r\n    @Input() separatorLines;\r\n    @Input() isDelta: boolean;\r\n\r\n    delta: number;\r\n    forecastWidth: string;\r\n    deltaWidth: string;\r\n    valueWidth: string;\r\n    targetWidth: string;\r\n    deltaBackgroundColor: string;\r\n    forecastBackgroundColor: string;\r\n    valueBackgroundColor: string;\r\n    targetWithSuffix: string;\r\n    deltaWithSuffix: string;\r\n    valueWithSuffix: string;\r\n    separatorLinesFakeArray: number[] = [];\r\n\r\n    constructor(private renderer: Renderer2) {\r\n        super();\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        super.ngOnInit();\r\n        this.delta = Math.abs(this.value - this.target);\r\n        this.forecastWidth = this.getWidth(this.forecast);\r\n        this.deltaWidth = this.getWidth(this.delta);\r\n        this.valueWidth = this.getWidth(this.value);\r\n        this.targetWidth = this.getWidth(this.target, true);\r\n        this.deltaBackgroundColor = this.getBackgroundColor('delta');\r\n        this.forecastBackgroundColor = this.getBackgroundColor('forecast');\r\n        this.valueBackgroundColor = this.getBackgroundColor('value');\r\n        this.targetWithSuffix = this.getValueWithSuffix(this.target);\r\n        this.deltaWithSuffix = this.getValueWithSuffix(this.delta);\r\n        this.valueWithSuffix = this.getValueWithSuffix(this.value);\r\n        this.fakeArray();\r\n    }\r\n\r\n    ngAfterViewInit(): void {\r\n        super.ngAfterViewInit();\r\n        if (this.deltaDom) {\r\n            const deltaLeft =\r\n                this.value >= this.target ? this.getWidth(this.target) : this.getWidth(this.target - this.delta);\r\n            this.renderer.setStyle(this.deltaDom.nativeElement, 'left', deltaLeft);\r\n            const deltaPointerDom = this.deltaDom.nativeElement.querySelector('.pointer');\r\n            const deltaPointerLeft = this.value >= this.target ? '' : '0';\r\n            this.renderer.setStyle(deltaPointerDom, 'left', deltaPointerLeft);\r\n        }\r\n    }\r\n\r\n    getWidth(value: number, isTarget?: boolean): string {\r\n        if (value) {\r\n            let width = (value / this.range) * 100;\r\n            width = isTarget ? width - 2 : width;\r\n            return width.toString() + '%';\r\n        } else {\r\n            return '0';\r\n        }\r\n    }\r\n\r\n    getValueWithSuffix(value: number): string {\r\n        return value.toString() + (this.suffix || '');\r\n    }\r\n\r\n    getBackgroundColor(item: 'value' | 'forecast' | 'delta'): string {\r\n        if (item === 'forecast') {\r\n            return this.forecast >= this.target ? '#a1dbb1' : '#fda8ab';\r\n        } else {\r\n            return this.value >= this.target ? '#3fa45b' : '#dc0d0e';\r\n        }\r\n    }\r\n\r\n    fakeArray(): void {\r\n        for (let i = 0; i < this.separatorLines; i++) {\r\n            this.separatorLinesFakeArray.push(i);\r\n        }\r\n    }\r\n}\r\n","<div class=\"chart-container\">\r\n    <div class=\"range\">\r\n        @if (target) {\r\n        <div class=\"target\" #target [style.left]=\"targetWidth\">\r\n            <span>{{ targetWithSuffix }}</span>\r\n        </div>\r\n        } @if (forecast) {\r\n        <div class=\"forecast\" [style.background-color]=\"forecastBackgroundColor\" [style.width]=\"forecastWidth\"></div>\r\n        } @if (isDelta && delta) {\r\n        <div class=\"delta\" #deltaBox [style.background-color]=\"deltaBackgroundColor\" [style.width]=\"deltaWidth\">\r\n            <span [style.color]=\"valueBackgroundColor\">{{ deltaWithSuffix + '▲' }}</span>\r\n            <div class=\"pointer\" [style.background-color]=\"deltaBackgroundColor\"></div>\r\n        </div>\r\n        } @else { @if (value) {\r\n        <div class=\"value\" [style.background-color]=\"valueBackgroundColor\" [style.width]=\"valueWidth\">\r\n            <span [style.color]=\"valueBackgroundColor\">{{ valueWithSuffix }}</span>\r\n            <div class=\"pointer\" [style.background-color]=\"valueBackgroundColor\"></div>\r\n        </div>\r\n        } }\r\n\r\n        <!--  separator lines-->\r\n    </div>\r\n    @if (separatorLines) {\r\n    <div class=\"separator-lines\">\r\n        @for (i of separatorLinesFakeArray; track i) {\r\n        <div class=\"separator-line\"></div>\r\n        }\r\n    </div>\r\n    }\r\n</div>\r\n","import { Directive, OnInit, AfterViewInit, ElementRef, Renderer2, ChangeDetectorRef, Input } from '@angular/core';\r\nimport { BarsaApi, BaseDirective } from 'barsa-novin-ray-core';\r\n\r\ndeclare const echarts: any;\r\ndeclare const head: any;\r\n\r\n@Directive({\r\n    selector: '[echartRenderer]',\r\n    exportAs: 'echartRenderer',\r\n    standalone: false\r\n})\r\nexport class ChartBaseDirective extends BaseDirective implements OnInit, AfterViewInit {\r\n    @Input() chartInstanceId: string;\r\n    @Input() parentMoId: string;\r\n    chart: any;\r\n    chartOption: any;\r\n    constructor(protected _el: ElementRef, protected renderer2: Renderer2, private _cdr: ChangeDetectorRef) {\r\n        super(_el);\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        // set some style to chart\r\n        super.ngOnInit();\r\n        const elDom = this._el.nativeElement;\r\n        this.renderer2.setStyle(elDom, 'width', '100%');\r\n        this.renderer2.setStyle(elDom, 'height', '100%');\r\n        this.renderer2.setStyle(elDom, 'display', 'block');\r\n    }\r\n\r\n    ngAfterViewInit(): void {\r\n        this._loadChartInstance(this.chartInstanceId, this.parentMoId);\r\n    }\r\n    protected _renderChart(): void {\r\n        setTimeout(() => {\r\n            head.load(['Lib/Echarts/echarts.My.min.js'], () => {\r\n                const elDom = this._el.nativeElement;\r\n                this.chart = echarts.init(elDom);\r\n                this.chart.setOption(this.chartOption);\r\n            });\r\n        }, 300);\r\n    }\r\n\r\n    private _loadChartInstance(chartInstanceId: string, parentMoId: string | null = null): void {\r\n        BarsaApi.Bw.RunBlMethodAsync({\r\n            Parameters: [chartInstanceId, parentMoId],\r\n            Method: 'BarsaGetChartOptions',\r\n            SuccessFn: (chartOption: string) => {\r\n                this.chartOption = BarsaApi.Ext.decode(chartOption);\r\n                this._renderChart();\r\n                this._cdr.detectChanges();\r\n            },\r\n            FailFn: () => {}\r\n        });\r\n    }\r\n}\r\n","import { ChangeDetectionStrategy, Component, ElementRef, Input, OnInit } from '@angular/core';\r\n\r\nimport { BaseComponent } from 'barsa-novin-ray-core';\r\n\r\n@Component({\r\n    selector: 'be-micro-chart-line',\r\n    templateUrl: './micro-chart-line.component.html',\r\n    styleUrls: ['./micro-chart-line.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    standalone: false\r\n})\r\nexport class MicroChartLineComponent extends BaseComponent implements OnInit {\r\n    @Input() chartInstanceId: string;\r\n    @Input() parentMoId: string;\r\n\r\n    suffix: string | undefined;\r\n    firstValue: string;\r\n    lastValue: string;\r\n    firstLabel: string;\r\n    lastLabel: string;\r\n    constructor(public el: ElementRef) {\r\n        super();\r\n    }\r\n}\r\n","<!-- <div class=\"top-labels\">\r\n    <span>{{ lastValue }}{{ line?.suffix }}</span>\r\n    <span>{{ firstValue }}{{ line?.suffix }}</span>\r\n</div> -->\r\n\r\n<div class=\"chart\">\r\n    <div *untilInView=\"el\" echartRenderer [chartInstanceId]=\"chartInstanceId\" [parentMoId]=\"parentMoId\"></div>\r\n</div>\r\n<!-- \r\n<div class=\"bottom-labels\">\r\n    <span>{{ lastLabel }}</span>\r\n    <span>{{ firstLabel }}</span>\r\n</div> -->\r\n","import { ChangeDetectionStrategy, Component, ElementRef, Input } from '@angular/core';\r\n\r\nimport { BaseComponent } from 'barsa-novin-ray-core';\r\n\r\n@Component({\r\n    selector: 'be-micro-chart-stackbar',\r\n    templateUrl: './micro-chart-stackbar.component.html',\r\n    styleUrls: ['./micro-chart-stackbar.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    standalone: false\r\n})\r\nexport class MicroChartStackbarComponent extends BaseComponent {\r\n    @Input() chartInstanceId: string;\r\n    @Input() parentMoId: string;\r\n    constructor(public el: ElementRef) {\r\n        super();\r\n    }\r\n}\r\n","<div *untilInView=\"el\" echartRenderer class=\"chart\" [chartInstanceId]=\"chartInstanceId\" [parentMoId]=\"parentMoId\"></div>\r\n","import { ChangeDetectionStrategy, Component, ElementRef, Input } from '@angular/core';\r\n\r\nimport { BaseComponent } from 'barsa-novin-ray-core';\r\n\r\n@Component({\r\n    selector: 'be-micro-chart-circular',\r\n    templateUrl: './micro-chart-circular.component.html',\r\n    styleUrls: ['./micro-chart-circular.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    standalone: false\r\n})\r\nexport class MicroChartCircularComponent extends BaseComponent {\r\n    @Input() chartInstanceId: string;\r\n    @Input() parentMoId: string;\r\n\r\n    constructor(public el: ElementRef) {\r\n        super();\r\n    }\r\n}\r\n","<div *untilInView=\"el\" echartRenderer [chartInstanceId]=\"chartInstanceId\" [parentMoId]=\"parentMoId\"></div>\r\n","import { ChangeDetectionStrategy, Component, ElementRef, Input } from '@angular/core';\r\nimport { BaseComponent } from 'barsa-novin-ray-core';\r\n@Component({\r\n    selector: 'be-micro-chart-comparison',\r\n    templateUrl: './micro-chart-comparison.component.html',\r\n    styleUrls: ['./micro-chart-comparison.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    standalone: false\r\n})\r\nexport class MicroChartComparisonComponent extends BaseComponent {\r\n    @Input() chartInstanceId: string;\r\n    @Input() parentMoId: string;\r\n\r\n    @Input() size: string;\r\n\r\n    constructor(public el: ElementRef) {\r\n        super();\r\n    }\r\n}\r\n","<div *untilInView=\"el\" echartRenderer [chartInstanceId]=\"chartInstanceId\" [parentMoId]=\"parentMoId\"></div>\r\n","import { ChangeDetectionStrategy, Component, ElementRef, Input, OnInit } from '@angular/core';\r\n\r\nimport { BaseComponent } from 'barsa-novin-ray-core';\r\nimport { AreaChart } from '../../models/area-chart';\r\n\r\n@Component({\r\n    selector: 'be-micro-chart-area',\r\n    templateUrl: './micro-chart-area.component.html',\r\n    styleUrls: ['./micro-chart-area.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    standalone: false\r\n})\r\nexport class MicroChartAreaComponent extends BaseComponent implements OnInit {\r\n    @Input() chartInstanceId: string;\r\n    @Input() parentMoId: string;\r\n    @Input() size: string;\r\n    @Input() chartData: AreaChart;\r\n    suffix: string | undefined;\r\n    firstValue: string;\r\n    lastValue: string;\r\n    firstLabel: string;\r\n    lastLabel: string;\r\n\r\n    constructor(public el: ElementRef) {\r\n        super();\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        super.ngOnInit();\r\n        this.suffix = this.chartData?.line?.suffix;\r\n        this.getFirstAndLastValues();\r\n    }\r\n    getFirstAndLastValues(): void {\r\n        if (this.chartData) {\r\n            const dataLength = this.chartData.line.data.length;\r\n            this.firstValue = this.chartData.line.data[0].value.toString();\r\n            this.lastValue = this.chartData.line.data[dataLength - 1].value.toString();\r\n            this.firstLabel = this.chartData.line.data[0].label;\r\n            this.lastLabel = this.chartData.line.data[dataLength - 1].label;\r\n        }\r\n    }\r\n}\r\n","<!-- @if (size === 'l') {\r\n<div class=\"right-labels\">\r\n    <span [style.color]=\"chartData.lastValueColor\">{{ lastValue }}{{ chartData?.line?.suffix }}</span>\r\n    <span [style.color]=\"chartData.lastValueColor\">{{ lastLabel }}</span>\r\n</div>\r\n} @if (size === 's') {\r\n<div class=\"top-labels\">\r\n    <span [style.color]=\"chartData.lastValueColor\">{{ lastValue }}{{ suffix }}</span>\r\n    <span [style.color]=\"chartData.firstValueColor\">{{ firstValue }}{{ suffix }}</span>\r\n</div>\r\n} -->\r\n\r\n<div *untilInView=\"el\" echartRenderer [chartInstanceId]=\"chartInstanceId\" [parentMoId]=\"parentMoId\"></div>\r\n<!-- \r\n@if (size === 'l') {\r\n<div class=\"left-labels\">\r\n    <span [style.color]=\"chartData.firstValueColor\">{{ firstValue }}{{ suffix }}</span>\r\n    <span [style.color]=\"chartData.firstValueColor\">{{ firstLabel }}</span>\r\n</div>\r\n} @if (size === 's') {\r\n<div class=\"bottom-labels\">\r\n    <span [style.color]=\"chartData.lastValueColor\">{{ lastLabel }}</span>\r\n    <span [style.color]=\"chartData.firstValueColor\">{{ firstLabel }}</span>\r\n</div>\r\n} -->\r\n","import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild } from '@angular/core';\r\n\r\nimport { BaseComponent } from 'barsa-novin-ray-core';\r\nimport { ChartBaseDirective } from '../../base/chart-base.directive';\r\n\r\n@Component({\r\n    selector: 'be-micro-chart-bar',\r\n    templateUrl: './micro-chart-bar.component.html',\r\n    styleUrls: ['./micro-chart-bar.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    standalone: false\r\n})\r\nexport class MicroChartBarComponent extends BaseComponent {\r\n    @ViewChild('echartRenderer') eChartBase: ChartBaseDirective;\r\n    @Input() chartInstanceId: string;\r\n    @Input() parentMoId: string;\r\n    @Input() size: string;\r\n    @Input() extraData: {\r\n        value: number;\r\n        suffix: string;\r\n    };\r\n    constructor(public el: ElementRef) {\r\n        super();\r\n    }\r\n}\r\n","<div\r\n    *untilInView=\"el\"\r\n    echartRenderer\r\n    #echartRenderer=\"echartRenderer\"\r\n    [ngClass]=\"size === 'l' ? 'flex-50' : 'flex-100'\"\r\n    [chartInstanceId]=\"chartInstanceId\"\r\n    [parentMoId]=\"parentMoId\"\r\n></div>\r\n<!-- @if (size === 'l') {\r\n<div class=\"chart-desc\">\r\n    <h2>{{ extraData.value }}{{ extraData.suffix }}</h2>\r\n</div>\r\n} -->\r\n","import { CUSTOM_ELEMENTS_SCHEMA, NgModule, NO_ERRORS_SCHEMA } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { BarsaNovinRayCoreModule } from 'barsa-novin-ray-core';\r\n\r\nimport { MicroChartComparisonComponent } from './micro-charts/micro-chart-comparison/micro-chart-comparison.component';\r\nimport { MicroChartAreaComponent } from './micro-charts/micro-chart-area/micro-chart-area.component';\r\nimport { MicroChartBarComponent } from './micro-charts/micro-chart-bar/micro-chart-bar.component';\r\nimport { MicroChartCircularComponent } from './micro-charts/micro-chart-circular/micro-chart-circular.component';\r\nimport { MicroChartStackbarComponent } from './micro-charts/micro-chart-stackbar/micro-chart-stackbar.component';\r\nimport { MicroChartLineComponent } from './micro-charts/micro-chart-line/micro-chart-line.component';\r\n\r\nimport { MicroChartBulletComponent } from './micro-charts/micro-chart-bullet/micro-chart-bullet.component';\r\nimport { ChartBaseDirective } from './base';\r\n\r\nconst components = [\r\n    MicroChartComparisonComponent,\r\n    MicroChartAreaComponent,\r\n    MicroChartBarComponent,\r\n    MicroChartAreaComponent,\r\n    MicroChartStackbarComponent,\r\n    MicroChartCircularComponent,\r\n    MicroChartLineComponent,\r\n    MicroChartCircularComponent,\r\n    MicroChartBulletComponent,\r\n    ChartBaseDirective\r\n];\r\n\r\n@NgModule({\r\n    schemas: [NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA],\r\n    imports: [CommonModule, BarsaNovinRayCoreModule],\r\n    declarations: [...components],\r\n    exports: [...components]\r\n})\r\nexport class BarsaEchartsModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.ChartBaseDirective","i1","i2","i3.ChartBaseDirective"],"mappings":"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"}

package/index.d.ts

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="barsa-echarts" />
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="barsa-echarts" />
+export * from './public-api';

package/lib/barsa-echarts.module.d.ts

@@ -1,22 +1,16 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./micro-charts/micro-chart-comparison/micro-chart-comparison.component";
-import * as i2 from "./micro-charts/micro-chart-area/micro-chart-area.component";
-import * as i3 from "./micro-charts/micro-chart-bar/micro-chart-bar.component";
-import * as i4 from "./micro-charts/micro-chart-stackbar/micro-chart-stackbar.component";
-import * as i5 from "./micro-charts/micro-chart-circular/micro-chart-circular.component";
-import * as i6 from "./micro-charts/micro-chart-line/micro-chart-line.component";
-import * as i7 from "./base/micro-chart-area-base.directive";
-import * as i8 from "./base/micro-chart-line-base.directive";
-import * as i9 from "./base/micro-chart-stackbar-base.directive";
-import * as i10 from "./base/micro-chart-comparison-base.directive";
-import * as i11 from "./base/micro-chart-bar-base.directive";
-import * as i12 from "./base/micro-chart-circular-base.directive";
-import * as i13 from "./micro-charts/micro-chart-bullet/micro-chart-bullet.component";
-import * as i14 from "./base/chart-line-time-base.directive";
-import * as i15 from "@angular/common";
-import * as i16 from "barsa-novin-ray-core";
-export declare class BarsaEchartsModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<BarsaEchartsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BarsaEchartsModule, [typeof i1.MicroChartComparisonComponent, typeof i2.MicroChartAreaComponent, typeof i3.MicroChartBarComponent, typeof i2.MicroChartAreaComponent, typeof i4.MicroChartStackbarComponent, typeof i5.MicroChartCircularComponent, typeof i6.MicroChartLineComponent, typeof i7.MicroChartAreaBaseDirective, typeof i8.MicroChartLineBaseDirective, typeof i9.MicroChartStackbarBaseDirective, typeof i10.MicroChartComparisonBaseDirective, typeof i5.MicroChartCircularComponent, typeof i11.MicroChartBarBaseDirective, typeof i12.MicroChartCircularBaseDirective, typeof i13.MicroChartBulletComponent, typeof i14.ChartLineTimeBaseDirective], [typeof i15.CommonModule, typeof i16.BarsaNovinRayCoreModule], [typeof i1.MicroChartComparisonComponent, typeof i2.MicroChartAreaComponent, typeof i3.MicroChartBarComponent, typeof i2.MicroChartAreaComponent, typeof i4.MicroChartStackbarComponent, typeof i5.MicroChartCircularComponent, typeof i6.MicroChartLineComponent, typeof i7.MicroChartAreaBaseDirective, typeof i8.MicroChartLineBaseDirective, typeof i9.MicroChartStackbarBaseDirective, typeof i10.MicroChartComparisonBaseDirective, typeof i5.MicroChartCircularComponent, typeof i11.MicroChartBarBaseDirective, typeof i12.MicroChartCircularBaseDirective, typeof i13.MicroChartBulletComponent, typeof i14.ChartLineTimeBaseDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<BarsaEchartsModule>;
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./micro-charts/micro-chart-comparison/micro-chart-comparison.component";
+import * as i2 from "./micro-charts/micro-chart-area/micro-chart-area.component";
+import * as i3 from "./micro-charts/micro-chart-bar/micro-chart-bar.component";
+import * as i4 from "./micro-charts/micro-chart-stackbar/micro-chart-stackbar.component";
+import * as i5 from "./micro-charts/micro-chart-circular/micro-chart-circular.component";
+import * as i6 from "./micro-charts/micro-chart-line/micro-chart-line.component";
+import * as i7 from "./micro-charts/micro-chart-bullet/micro-chart-bullet.component";
+import * as i8 from "./base/chart-base.directive";
+import * as i9 from "@angular/common";
+import * as i10 from "barsa-novin-ray-core";
+export declare class BarsaEchartsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BarsaEchartsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BarsaEchartsModule, [typeof i1.MicroChartComparisonComponent, typeof i2.MicroChartAreaComponent, typeof i3.MicroChartBarComponent, typeof i2.MicroChartAreaComponent, typeof i4.MicroChartStackbarComponent, typeof i5.MicroChartCircularComponent, typeof i6.MicroChartLineComponent, typeof i5.MicroChartCircularComponent, typeof i7.MicroChartBulletComponent, typeof i8.ChartBaseDirective], [typeof i9.CommonModule, typeof i10.BarsaNovinRayCoreModule], [typeof i1.MicroChartComparisonComponent, typeof i2.MicroChartAreaComponent, typeof i3.MicroChartBarComponent, typeof i2.MicroChartAreaComponent, typeof i4.MicroChartStackbarComponent, typeof i5.MicroChartCircularComponent, typeof i6.MicroChartLineComponent, typeof i5.MicroChartCircularComponent, typeof i7.MicroChartBulletComponent, typeof i8.ChartBaseDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BarsaEchartsModule>;
+}

package/lib/base/chart-base.directive.d.ts

@@ -1,28 +1,19 @@
-import { OnInit, AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
-import { BaseDirective } from 'barsa-novin-ray-core';
-import * as i0 from "@angular/core";
-export declare abstract class ChartBaseDirective extends BaseDirective implements OnInit, AfterViewInit {
-    protected _el: ElementRef;
-    protected renderer2: Renderer2;
-    tooltip: any;
-    grid: any;
-    xAxis: any;
-    yAxis: any;
-    series: any | any | any;
-    options: {
-        grid: any;
-        xAxis: any;
-        yAxis: any;
-        series: any;
-        tooltip: any;
-    };
-    chart: any;
-    protected constructor(_el: ElementRef, renderer2: Renderer2);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    protected _renderChart(): void;
-    private _initializeOptions;
-    protected abstract setOptions(options: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChartBaseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ChartBaseDirective, never, never, {}, {}, never, never, false>;
-}
+import { OnInit, AfterViewInit, ElementRef, Renderer2, ChangeDetectorRef } from '@angular/core';
+import { BaseDirective } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+export declare class ChartBaseDirective extends BaseDirective implements OnInit, AfterViewInit {
+    protected _el: ElementRef;
+    protected renderer2: Renderer2;
+    private _cdr;
+    chartInstanceId: string;
+    parentMoId: string;
+    chart: any;
+    chartOption: any;
+    constructor(_el: ElementRef, renderer2: Renderer2, _cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    protected _renderChart(): void;
+    private _loadChartInstance;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChartBaseDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ChartBaseDirective, "[echartRenderer]", ["echartRenderer"], { "chartInstanceId": { "alias": "chartInstanceId"; "required": false; }; "parentMoId": { "alias": "parentMoId"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/base/index.d.ts

@@ -1,7 +1 @@
-export * from './micro-chart-line-base.directive';
-export * from './micro-chart-stackbar-base.directive';
-export * from './micro-chart-circular-base.directive';
-export * from './micro-chart-comparison-base.directive';
-export * from './micro-chart-area-base.directive';
-export * from './micro-chart-bar-base.directive';
-export * from './chart-line-time-base.directive';
+export * from './chart-base.directive';

package/lib/micro-charts/micro-chart-area/micro-chart-area.component.d.ts

@@ -1,19 +1,21 @@
-import { ElementRef, OnInit } from '@angular/core';
-import { BaseComponent } from 'barsa-novin-ray-core';
-import { AreaChart } from '../../models/area-chart';
-import * as i0 from "@angular/core";
-export declare class MicroChartAreaComponent extends BaseComponent implements OnInit {
-    el: ElementRef;
-    size: string;
-    chartData: AreaChart;
-    suffix: string | undefined;
-    firstValue: string;
-    lastValue: string;
-    firstLabel: string;
-    lastLabel: string;
-    constructor(el: ElementRef);
-    ngOnInit(): void;
-    getFirstAndLastValues(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MicroChartAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MicroChartAreaComponent, "be-micro-chart-area", never, { "size": "size"; "chartData": "chartData"; }, {}, never, never, false>;
-}
+import { ElementRef, OnInit } from '@angular/core';
+import { BaseComponent } from 'barsa-novin-ray-core';
+import { AreaChart } from '../../models/area-chart';
+import * as i0 from "@angular/core";
+export declare class MicroChartAreaComponent extends BaseComponent implements OnInit {
+    el: ElementRef;
+    chartInstanceId: string;
+    parentMoId: string;
+    size: string;
+    chartData: AreaChart;
+    suffix: string | undefined;
+    firstValue: string;
+    lastValue: string;
+    firstLabel: string;
+    lastLabel: string;
+    constructor(el: ElementRef);
+    ngOnInit(): void;
+    getFirstAndLastValues(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MicroChartAreaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MicroChartAreaComponent, "be-micro-chart-area", never, { "chartInstanceId": { "alias": "chartInstanceId"; "required": false; }; "parentMoId": { "alias": "parentMoId"; "required": false; }; "size": { "alias": "size"; "required": false; }; "chartData": { "alias": "chartData"; "required": false; }; }, {}, never, never, false, never>;
+}