barsa-echarts 1.0.456 → 2.0.2

package/{esm2020 → esm2022}/lib/base/micro-chart-stackbar-base.directive.mjs

@@ -1,51 +1,51 @@
-import { Directive, Input } from '@angular/core';
-import { MicroChartBaseDirective } from './micro-chart-base.directive';
-import * as i0 from "@angular/core";
-export class MicroChartStackbarBaseDirective extends MicroChartBaseDirective {
-    constructor(_el, renderer2) {
-        super(_el, renderer2);
-        this._el = _el;
-        this.renderer2 = renderer2;
-    }
-    setOptions(options) {
-        this.chartData.data.forEach((dataItem) => {
-            const dataConfig = this.creatData(dataItem);
-            options.series.push(dataConfig);
-        });
-    }
-    creatData(dataItem) {
-        return {
-            name: 'Direct',
-            barWidth: 15,
-            type: 'bar',
-            stack: 'total',
-            emphasis: {
-                focus: 'series'
-            },
-            data: [
-                {
-                    value: dataItem.value,
-                    itemStyle: {
-                        color: dataItem.color
-                    }
-                }
-            ],
-            label: {
-                show: true,
-                formatter: (d) => d.data.value.toString() + this.chartData.suffix,
-                fontSize: 10
-            }
-        };
-    }
-}
-MicroChartStackbarBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartStackbarBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-MicroChartStackbarBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: MicroChartStackbarBaseDirective, selector: "[beMicroChartStackbar]", inputs: { chartData: "chartData" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartStackbarBaseDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[beMicroChartStackbar]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { chartData: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtc3RhY2tiYXItYmFzZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvYmFzZS9taWNyby1jaGFydC1zdGFja2Jhci1iYXNlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFNdkUsTUFBTSxPQUFPLCtCQUFnQyxTQUFRLHVCQUF1QjtJQUd4RSxZQUFzQixHQUFlLEVBQVksU0FBb0I7UUFDakUsS0FBSyxDQUFDLEdBQUcsRUFBRSxTQUFTLENBQUMsQ0FBQztRQURKLFFBQUcsR0FBSCxHQUFHLENBQVk7UUFBWSxjQUFTLEdBQVQsU0FBUyxDQUFXO0lBRXJFLENBQUM7SUFFUyxVQUFVLENBQUMsT0FBTztRQUN4QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtZQUNyQyxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQzVDLE9BQU8sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3BDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVPLFNBQVMsQ0FBQyxRQUFRO1FBQ3RCLE9BQU87WUFDSCxJQUFJLEVBQUUsUUFBUTtZQUNkLFFBQVEsRUFBRSxFQUFFO1lBQ1osSUFBSSxFQUFFLEtBQUs7WUFDWCxLQUFLLEVBQUUsT0FBTztZQUNkLFFBQVEsRUFBRTtnQkFDTixLQUFLLEVBQUUsUUFBUTthQUNsQjtZQUNELElBQUksRUFBRTtnQkFDRjtvQkFDSSxLQUFLLEVBQUUsUUFBUSxDQUFDLEtBQUs7b0JBQ3JCLFNBQVMsRUFBRTt3QkFDUCxLQUFLLEVBQUUsUUFBUSxDQUFDLEtBQUs7cUJBQ3hCO2lCQUNKO2FBQ0o7WUFFRCxLQUFLLEVBQUU7Z0JBQ0gsSUFBSSxFQUFFLElBQUk7Z0JBQ1YsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU07Z0JBQ2pFLFFBQVEsRUFBRSxFQUFFO2FBQ2Y7U0FDSixDQUFDO0lBQ04sQ0FBQzs7NEhBdENRLCtCQUErQjtnSEFBL0IsK0JBQStCOzJGQUEvQiwrQkFBK0I7a0JBSDNDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHdCQUF3QjtpQkFDckM7eUhBRVksU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWljcm9DaGFydEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuL21pY3JvLWNoYXJ0LWJhc2UuZGlyZWN0aXZlJztcbmltcG9ydCB7IFN0YWNrYmFySXRlbSB9IGZyb20gJy4uL21vZGVscy9zdGFja2Jhci1pdGVtJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbYmVNaWNyb0NoYXJ0U3RhY2tiYXJdJ1xufSlcbmV4cG9ydCBjbGFzcyBNaWNyb0NoYXJ0U3RhY2tiYXJCYXNlRGlyZWN0aXZlIGV4dGVuZHMgTWljcm9DaGFydEJhc2VEaXJlY3RpdmUge1xuICAgIEBJbnB1dCgpIGNoYXJ0RGF0YTogU3RhY2tiYXJJdGVtO1xuXG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIF9lbDogRWxlbWVudFJlZiwgcHJvdGVjdGVkIHJlbmRlcmVyMjogUmVuZGVyZXIyKSB7XG4gICAgICAgIHN1cGVyKF9lbCwgcmVuZGVyZXIyKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgc2V0T3B0aW9ucyhvcHRpb25zKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY2hhcnREYXRhLmRhdGEuZm9yRWFjaCgoZGF0YUl0ZW0pID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGRhdGFDb25maWcgPSB0aGlzLmNyZWF0RGF0YShkYXRhSXRlbSk7XG4gICAgICAgICAgICBvcHRpb25zLnNlcmllcy5wdXNoKGRhdGFDb25maWcpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGNyZWF0RGF0YShkYXRhSXRlbSk6IGFueSB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBuYW1lOiAnRGlyZWN0JyxcbiAgICAgICAgICAgIGJhcldpZHRoOiAxNSxcbiAgICAgICAgICAgIHR5cGU6ICdiYXInLFxuICAgICAgICAgICAgc3RhY2s6ICd0b3RhbCcsXG4gICAgICAgICAgICBlbXBoYXNpczoge1xuICAgICAgICAgICAgICAgIGZvY3VzOiAnc2VyaWVzJ1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGRhdGE6IFtcbiAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgIHZhbHVlOiBkYXRhSXRlbS52YWx1ZSxcbiAgICAgICAgICAgICAgICAgICAgaXRlbVN0eWxlOiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogZGF0YUl0ZW0uY29sb3JcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIF0sXG5cbiAgICAgICAgICAgIGxhYmVsOiB7XG4gICAgICAgICAgICAgICAgc2hvdzogdHJ1ZSxcbiAgICAgICAgICAgICAgICBmb3JtYXR0ZXI6IChkKSA9PiBkLmRhdGEudmFsdWUudG9TdHJpbmcoKSArIHRoaXMuY2hhcnREYXRhLnN1ZmZpeCxcbiAgICAgICAgICAgICAgICBmb250U2l6ZTogMTBcbiAgICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICB9XG59XG4iXX0=
+import { Directive, Input } from '@angular/core';
+import { MicroChartBaseDirective } from './micro-chart-base.directive';
+import * as i0 from "@angular/core";
+export class MicroChartStackbarBaseDirective extends MicroChartBaseDirective {
+    constructor(_el, renderer2) {
+        super(_el, renderer2);
+        this._el = _el;
+        this.renderer2 = renderer2;
+    }
+    setOptions(options) {
+        this.chartData.data.forEach((dataItem) => {
+            const dataConfig = this.creatData(dataItem);
+            options.series.push(dataConfig);
+        });
+    }
+    creatData(dataItem) {
+        return {
+            name: 'Direct',
+            barWidth: 15,
+            type: 'bar',
+            stack: 'total',
+            emphasis: {
+                focus: 'series'
+            },
+            data: [
+                {
+                    value: dataItem.value,
+                    itemStyle: {
+                        color: dataItem.color
+                    }
+                }
+            ],
+            label: {
+                show: true,
+                formatter: (d) => d.data.value.toString() + this.chartData.suffix,
+                fontSize: 10
+            }
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartStackbarBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.5", type: MicroChartStackbarBaseDirective, selector: "[beMicroChartStackbar]", inputs: { chartData: "chartData" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartStackbarBaseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[beMicroChartStackbar]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { chartData: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtc3RhY2tiYXItYmFzZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvYmFzZS9taWNyby1jaGFydC1zdGFja2Jhci1iYXNlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFNdkUsTUFBTSxPQUFPLCtCQUFnQyxTQUFRLHVCQUF1QjtJQUd4RSxZQUFzQixHQUFlLEVBQVksU0FBb0I7UUFDakUsS0FBSyxDQUFDLEdBQUcsRUFBRSxTQUFTLENBQUMsQ0FBQztRQURKLFFBQUcsR0FBSCxHQUFHLENBQVk7UUFBWSxjQUFTLEdBQVQsU0FBUyxDQUFXO0lBRXJFLENBQUM7SUFFUyxVQUFVLENBQUMsT0FBTztRQUN4QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtZQUNyQyxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQzVDLE9BQU8sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3BDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVPLFNBQVMsQ0FBQyxRQUFRO1FBQ3RCLE9BQU87WUFDSCxJQUFJLEVBQUUsUUFBUTtZQUNkLFFBQVEsRUFBRSxFQUFFO1lBQ1osSUFBSSxFQUFFLEtBQUs7WUFDWCxLQUFLLEVBQUUsT0FBTztZQUNkLFFBQVEsRUFBRTtnQkFDTixLQUFLLEVBQUUsUUFBUTthQUNsQjtZQUNELElBQUksRUFBRTtnQkFDRjtvQkFDSSxLQUFLLEVBQUUsUUFBUSxDQUFDLEtBQUs7b0JBQ3JCLFNBQVMsRUFBRTt3QkFDUCxLQUFLLEVBQUUsUUFBUSxDQUFDLEtBQUs7cUJBQ3hCO2lCQUNKO2FBQ0o7WUFFRCxLQUFLLEVBQUU7Z0JBQ0gsSUFBSSxFQUFFLElBQUk7Z0JBQ1YsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU07Z0JBQ2pFLFFBQVEsRUFBRSxFQUFFO2FBQ2Y7U0FDSixDQUFDO0lBQ04sQ0FBQzs4R0F0Q1EsK0JBQStCO2tHQUEvQiwrQkFBK0I7OzJGQUEvQiwrQkFBK0I7a0JBSDNDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHdCQUF3QjtpQkFDckM7dUdBRVksU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNaWNyb0NoYXJ0QmFzZURpcmVjdGl2ZSB9IGZyb20gJy4vbWljcm8tY2hhcnQtYmFzZS5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBTdGFja2Jhckl0ZW0gfSBmcm9tICcuLi9tb2RlbHMvc3RhY2tiYXItaXRlbSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICAgIHNlbGVjdG9yOiAnW2JlTWljcm9DaGFydFN0YWNrYmFyXSdcclxufSlcclxuZXhwb3J0IGNsYXNzIE1pY3JvQ2hhcnRTdGFja2JhckJhc2VEaXJlY3RpdmUgZXh0ZW5kcyBNaWNyb0NoYXJ0QmFzZURpcmVjdGl2ZSB7XHJcbiAgICBASW5wdXQoKSBjaGFydERhdGE6IFN0YWNrYmFySXRlbTtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgX2VsOiBFbGVtZW50UmVmLCBwcm90ZWN0ZWQgcmVuZGVyZXIyOiBSZW5kZXJlcjIpIHtcclxuICAgICAgICBzdXBlcihfZWwsIHJlbmRlcmVyMik7XHJcbiAgICB9XHJcblxyXG4gICAgcHJvdGVjdGVkIHNldE9wdGlvbnMob3B0aW9ucyk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuY2hhcnREYXRhLmRhdGEuZm9yRWFjaCgoZGF0YUl0ZW0pID0+IHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YUNvbmZpZyA9IHRoaXMuY3JlYXREYXRhKGRhdGFJdGVtKTtcclxuICAgICAgICAgICAgb3B0aW9ucy5zZXJpZXMucHVzaChkYXRhQ29uZmlnKTtcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGNyZWF0RGF0YShkYXRhSXRlbSk6IGFueSB7XHJcbiAgICAgICAgcmV0dXJuIHtcclxuICAgICAgICAgICAgbmFtZTogJ0RpcmVjdCcsXHJcbiAgICAgICAgICAgIGJhcldpZHRoOiAxNSxcclxuICAgICAgICAgICAgdHlwZTogJ2JhcicsXHJcbiAgICAgICAgICAgIHN0YWNrOiAndG90YWwnLFxyXG4gICAgICAgICAgICBlbXBoYXNpczoge1xyXG4gICAgICAgICAgICAgICAgZm9jdXM6ICdzZXJpZXMnXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgIGRhdGE6IFtcclxuICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICB2YWx1ZTogZGF0YUl0ZW0udmFsdWUsXHJcbiAgICAgICAgICAgICAgICAgICAgaXRlbVN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBkYXRhSXRlbS5jb2xvclxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgXSxcclxuXHJcbiAgICAgICAgICAgIGxhYmVsOiB7XHJcbiAgICAgICAgICAgICAgICBzaG93OiB0cnVlLFxyXG4gICAgICAgICAgICAgICAgZm9ybWF0dGVyOiAoZCkgPT4gZC5kYXRhLnZhbHVlLnRvU3RyaW5nKCkgKyB0aGlzLmNoYXJ0RGF0YS5zdWZmaXgsXHJcbiAgICAgICAgICAgICAgICBmb250U2l6ZTogMTBcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH07XHJcbiAgICB9XHJcbn1cclxuIl19

package/esm2022/lib/micro-charts/micro-chart-area/micro-chart-area.component.mjs

@@ -0,0 +1,34 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { BaseComponent } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "barsa-novin-ray-core";
+import * as i2 from "../../base/micro-chart-area-base.directive";
+export class MicroChartAreaComponent extends BaseComponent {
+    constructor(el) {
+        super();
+        this.el = el;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.suffix = this.chartData?.line?.suffix;
+        this.getFirstAndLastValues();
+    }
+    getFirstAndLastValues() {
+        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: "17.3.5", ngImport: i0, type: MicroChartAreaComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: MicroChartAreaComponent, selector: "be-micro-chart-area", inputs: { 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\" beMicroChartArea [areas]=\"chartData.areas\" [line]=\"chartData.line\"></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: i2.MicroChartAreaBaseDirective, selector: "[beMicroChartArea]", inputs: ["areas", "line"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartAreaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'be-micro-chart-area', changeDetection: ChangeDetectionStrategy.OnPush, 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\" beMicroChartArea [areas]=\"chartData.areas\" [line]=\"chartData.line\"></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: { size: [{
+                type: Input
+            }], chartData: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtYXJlYS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWFyZWEvbWljcm8tY2hhcnQtYXJlYS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWFyZWEvbWljcm8tY2hhcnQtYXJlYS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUU5RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7QUFTckQsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGFBQWE7SUFTdEQsWUFBbUIsRUFBYztRQUM3QixLQUFLLEVBQUUsQ0FBQztRQURPLE9BQUUsR0FBRixFQUFFLENBQVk7SUFFakMsQ0FBQztJQUVELFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksRUFBRSxNQUFNLENBQUM7UUFDM0MsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7SUFDakMsQ0FBQztJQUNELHFCQUFxQjtRQUNqQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ25ELElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUMvRCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzNFLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUNwRCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQ3BFLENBQUM7OEdBeEJRLHVCQUF1QjtrR0FBdkIsdUJBQXVCLG9JQ1hwQyx5a0NBeUJBOzsyRkRkYSx1QkFBdUI7a0JBTm5DLFNBQVM7K0JBQ0kscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU07K0VBR3RDLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgQmFzZUNvbXBvbmVudCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuaW1wb3J0IHsgQXJlYUNoYXJ0IH0gZnJvbSAnLi4vLi4vbW9kZWxzL2FyZWEtY2hhcnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2JlLW1pY3JvLWNoYXJ0LWFyZWEnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL21pY3JvLWNoYXJ0LWFyZWEuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbWljcm8tY2hhcnQtYXJlYS5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIE1pY3JvQ2hhcnRBcmVhQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICBASW5wdXQoKSBzaXplOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBjaGFydERhdGE6IEFyZWFDaGFydDtcclxuICAgIHN1ZmZpeDogc3RyaW5nIHwgdW5kZWZpbmVkO1xyXG4gICAgZmlyc3RWYWx1ZTogc3RyaW5nO1xyXG4gICAgbGFzdFZhbHVlOiBzdHJpbmc7XHJcbiAgICBmaXJzdExhYmVsOiBzdHJpbmc7XHJcbiAgICBsYXN0TGFiZWw6IHN0cmluZztcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWw6IEVsZW1lbnRSZWYpIHtcclxuICAgICAgICBzdXBlcigpO1xyXG4gICAgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XHJcbiAgICAgICAgdGhpcy5zdWZmaXggPSB0aGlzLmNoYXJ0RGF0YT8ubGluZT8uc3VmZml4O1xyXG4gICAgICAgIHRoaXMuZ2V0Rmlyc3RBbmRMYXN0VmFsdWVzKCk7XHJcbiAgICB9XHJcbiAgICBnZXRGaXJzdEFuZExhc3RWYWx1ZXMoKTogdm9pZCB7XHJcbiAgICAgICAgY29uc3QgZGF0YUxlbmd0aCA9IHRoaXMuY2hhcnREYXRhLmxpbmUuZGF0YS5sZW5ndGg7XHJcbiAgICAgICAgdGhpcy5maXJzdFZhbHVlID0gdGhpcy5jaGFydERhdGEubGluZS5kYXRhWzBdLnZhbHVlLnRvU3RyaW5nKCk7XHJcbiAgICAgICAgdGhpcy5sYXN0VmFsdWUgPSB0aGlzLmNoYXJ0RGF0YS5saW5lLmRhdGFbZGF0YUxlbmd0aCAtIDFdLnZhbHVlLnRvU3RyaW5nKCk7XHJcbiAgICAgICAgdGhpcy5maXJzdExhYmVsID0gdGhpcy5jaGFydERhdGEubGluZS5kYXRhWzBdLmxhYmVsO1xyXG4gICAgICAgIHRoaXMubGFzdExhYmVsID0gdGhpcy5jaGFydERhdGEubGluZS5kYXRhW2RhdGFMZW5ndGggLSAxXS5sYWJlbDtcclxuICAgIH1cclxufVxyXG4iLCJAaWYgKHNpemUgPT09ICdsJykge1xyXG48ZGl2IGNsYXNzPVwicmlnaHQtbGFiZWxzXCI+XHJcbiAgICA8c3BhbiBbc3R5bGUuY29sb3JdPVwiY2hhcnREYXRhLmxhc3RWYWx1ZUNvbG9yXCI+e3sgbGFzdFZhbHVlIH19e3sgY2hhcnREYXRhPy5saW5lPy5zdWZmaXggfX08L3NwYW4+XHJcbiAgICA8c3BhbiBbc3R5bGUuY29sb3JdPVwiY2hhcnREYXRhLmxhc3RWYWx1ZUNvbG9yXCI+e3sgbGFzdExhYmVsIH19PC9zcGFuPlxyXG48L2Rpdj5cclxufSBAaWYgKHNpemUgPT09ICdzJykge1xyXG48ZGl2IGNsYXNzPVwidG9wLWxhYmVsc1wiPlxyXG4gICAgPHNwYW4gW3N0eWxlLmNvbG9yXT1cImNoYXJ0RGF0YS5sYXN0VmFsdWVDb2xvclwiPnt7IGxhc3RWYWx1ZSB9fXt7IHN1ZmZpeCB9fTwvc3Bhbj5cclxuICAgIDxzcGFuIFtzdHlsZS5jb2xvcl09XCJjaGFydERhdGEuZmlyc3RWYWx1ZUNvbG9yXCI+e3sgZmlyc3RWYWx1ZSB9fXt7IHN1ZmZpeCB9fTwvc3Bhbj5cclxuPC9kaXY+XHJcbn1cclxuXHJcbjxkaXYgKnVudGlsSW5WaWV3PVwiZWxcIiBiZU1pY3JvQ2hhcnRBcmVhIFthcmVhc109XCJjaGFydERhdGEuYXJlYXNcIiBbbGluZV09XCJjaGFydERhdGEubGluZVwiPjwvZGl2PlxyXG5cclxuQGlmIChzaXplID09PSAnbCcpIHtcclxuPGRpdiBjbGFzcz1cImxlZnQtbGFiZWxzXCI+XHJcbiAgICA8c3BhbiBbc3R5bGUuY29sb3JdPVwiY2hhcnREYXRhLmZpcnN0VmFsdWVDb2xvclwiPnt7IGZpcnN0VmFsdWUgfX17eyBzdWZmaXggfX08L3NwYW4+XHJcbiAgICA8c3BhbiBbc3R5bGUuY29sb3JdPVwiY2hhcnREYXRhLmZpcnN0VmFsdWVDb2xvclwiPnt7IGZpcnN0TGFiZWwgfX08L3NwYW4+XHJcbjwvZGl2PlxyXG59IEBpZiAoc2l6ZSA9PT0gJ3MnKSB7XHJcbjxkaXYgY2xhc3M9XCJib3R0b20tbGFiZWxzXCI+XHJcbiAgICA8c3BhbiBbc3R5bGUuY29sb3JdPVwiY2hhcnREYXRhLmxhc3RWYWx1ZUNvbG9yXCI+e3sgbGFzdExhYmVsIH19PC9zcGFuPlxyXG4gICAgPHNwYW4gW3N0eWxlLmNvbG9yXT1cImNoYXJ0RGF0YS5maXJzdFZhbHVlQ29sb3JcIj57eyBmaXJzdExhYmVsIH19PC9zcGFuPlxyXG48L2Rpdj5cclxufVxyXG4iXX0=

package/{esm2020 → esm2022}/lib/micro-charts/micro-chart-bar/micro-chart-bar.component.mjs

@@ -1,25 +1,25 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { BaseComponent } from 'barsa-novin-ray-core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "barsa-novin-ray-core";
-import * as i3 from "../../base/micro-chart-bar-base.directive";
-export class MicroChartBarComponent extends BaseComponent {
-    constructor(el) {
-        super();
-        this.el = el;
-    }
-}
-MicroChartBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartBarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MicroChartBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: MicroChartBarComponent, selector: "be-micro-chart-bar", inputs: { data: "data", size: "size", extraData: "extraData" }, usesInheritance: true, ngImport: i0, template: "<div *untilInView=\"el\" beMicroChartBar [ngClass]=\"size === 'l' ? 'flex-50' : 'flex-100'\" [data]=\"data\"></div>\r\n<div class=\"chart-desc\" *ngIf=\"size === 'l'\">\r\n    <h2>{{ extraData.value }}{{ extraData.suffix }}</h2>\r\n</div>\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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "directive", type: i3.MicroChartBarBaseDirective, selector: "[beMicroChartBar]", inputs: ["data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'be-micro-chart-bar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *untilInView=\"el\" beMicroChartBar [ngClass]=\"size === 'l' ? 'flex-50' : 'flex-100'\" [data]=\"data\"></div>\r\n<div class=\"chart-desc\" *ngIf=\"size === 'l'\">\r\n    <h2>{{ extraData.value }}{{ extraData.suffix }}</h2>\r\n</div>\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: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { data: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], extraData: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLWVjaGFydHMvc3JjL2xpYi9taWNyby1jaGFydHMvbWljcm8tY2hhcnQtYmFyL21pY3JvLWNoYXJ0LWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWJhci9taWNyby1jaGFydC1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7OztBQVNyRCxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsYUFBYTtJQU9yRCxZQUFtQixFQUFjO1FBQzdCLEtBQUssRUFBRSxDQUFDO1FBRE8sT0FBRSxHQUFGLEVBQUUsQ0FBWTtJQUVqQyxDQUFDOzttSEFUUSxzQkFBc0I7dUdBQXRCLHNCQUFzQixpSkNYbkMsb1BBSUE7MkZET2Esc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNJLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNO2lHQUd0QyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgQmFzZUNvbXBvbmVudCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuaW1wb3J0IHsgQmFySXRlbSB9IGZyb20gJy4uLy4uL21vZGVscy9iYXItaXRlbSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYmUtbWljcm8tY2hhcnQtYmFyJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9taWNyby1jaGFydC1iYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbWljcm8tY2hhcnQtYmFyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWljcm9DaGFydEJhckNvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQge1xyXG4gICAgQElucHV0KCkgZGF0YTogQmFySXRlbVtdO1xyXG4gICAgQElucHV0KCkgc2l6ZTogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgZXh0cmFEYXRhOiB7XHJcbiAgICAgICAgdmFsdWU6IG51bWJlcjtcclxuICAgICAgICBzdWZmaXg6IHN0cmluZztcclxuICAgIH07XHJcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWw6IEVsZW1lbnRSZWYpIHtcclxuICAgICAgICBzdXBlcigpO1xyXG4gICAgfVxyXG59XHJcbiIsIjxkaXYgKnVudGlsSW5WaWV3PVwiZWxcIiBiZU1pY3JvQ2hhcnRCYXIgW25nQ2xhc3NdPVwic2l6ZSA9PT0gJ2wnID8gJ2ZsZXgtNTAnIDogJ2ZsZXgtMTAwJ1wiIFtkYXRhXT1cImRhdGFcIj48L2Rpdj5cclxuPGRpdiBjbGFzcz1cImNoYXJ0LWRlc2NcIiAqbmdJZj1cInNpemUgPT09ICdsJ1wiPlxyXG4gICAgPGgyPnt7IGV4dHJhRGF0YS52YWx1ZSB9fXt7IGV4dHJhRGF0YS5zdWZmaXggfX08L2gyPlxyXG48L2Rpdj5cclxuIl19
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { BaseComponent } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "barsa-novin-ray-core";
+import * as i3 from "../../base/micro-chart-bar-base.directive";
+export class MicroChartBarComponent extends BaseComponent {
+    constructor(el) {
+        super();
+        this.el = el;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartBarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: MicroChartBarComponent, selector: "be-micro-chart-bar", inputs: { data: "data", size: "size", extraData: "extraData" }, usesInheritance: true, ngImport: i0, template: "<div *untilInView=\"el\" beMicroChartBar [ngClass]=\"size === 'l' ? 'flex-50' : 'flex-100'\" [data]=\"data\"></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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "directive", type: i3.MicroChartBarBaseDirective, selector: "[beMicroChartBar]", inputs: ["data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'be-micro-chart-bar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *untilInView=\"el\" beMicroChartBar [ngClass]=\"size === 'l' ? 'flex-50' : 'flex-100'\" [data]=\"data\"></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: { data: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], extraData: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLWVjaGFydHMvc3JjL2xpYi9taWNyby1jaGFydHMvbWljcm8tY2hhcnQtYmFyL21pY3JvLWNoYXJ0LWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWJhci9taWNyby1jaGFydC1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7OztBQVNyRCxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsYUFBYTtJQU9yRCxZQUFtQixFQUFjO1FBQzdCLEtBQUssRUFBRSxDQUFDO1FBRE8sT0FBRSxHQUFGLEVBQUUsQ0FBWTtJQUVqQyxDQUFDOzhHQVRRLHNCQUFzQjtrR0FBdEIsc0JBQXNCLGlKQ1huQywwUEFNQTs7MkZES2Esc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNJLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNOytFQUd0QyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgQmFzZUNvbXBvbmVudCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuaW1wb3J0IHsgQmFySXRlbSB9IGZyb20gJy4uLy4uL21vZGVscy9iYXItaXRlbSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYmUtbWljcm8tY2hhcnQtYmFyJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9taWNyby1jaGFydC1iYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbWljcm8tY2hhcnQtYmFyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWljcm9DaGFydEJhckNvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQge1xyXG4gICAgQElucHV0KCkgZGF0YTogQmFySXRlbVtdO1xyXG4gICAgQElucHV0KCkgc2l6ZTogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgZXh0cmFEYXRhOiB7XHJcbiAgICAgICAgdmFsdWU6IG51bWJlcjtcclxuICAgICAgICBzdWZmaXg6IHN0cmluZztcclxuICAgIH07XHJcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWw6IEVsZW1lbnRSZWYpIHtcclxuICAgICAgICBzdXBlcigpO1xyXG4gICAgfVxyXG59XHJcbiIsIjxkaXYgKnVudGlsSW5WaWV3PVwiZWxcIiBiZU1pY3JvQ2hhcnRCYXIgW25nQ2xhc3NdPVwic2l6ZSA9PT0gJ2wnID8gJ2ZsZXgtNTAnIDogJ2ZsZXgtMTAwJ1wiIFtkYXRhXT1cImRhdGFcIj48L2Rpdj5cclxuQGlmIChzaXplID09PSAnbCcpIHtcclxuPGRpdiBjbGFzcz1cImNoYXJ0LWRlc2NcIj5cclxuICAgIDxoMj57eyBleHRyYURhdGEudmFsdWUgfX17eyBleHRyYURhdGEuc3VmZml4IH19PC9oMj5cclxuPC9kaXY+XHJcbn1cclxuIl19

package/esm2022/lib/micro-charts/micro-chart-bullet/micro-chart-bullet.component.mjs

@@ -0,0 +1,86 @@
+import { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';
+import { BaseComponent } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+export 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: "17.3.5", ngImport: i0, type: MicroChartBulletComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: MicroChartBulletComponent, selector: "be-micro-chart-bullet", inputs: { 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: "17.3.5", ngImport: i0, type: MicroChartBulletComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'be-micro-chart-bullet', changeDetection: ChangeDetectionStrategy.OnPush, 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: { 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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtYnVsbGV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLWVjaGFydHMvc3JjL2xpYi9taWNyby1jaGFydHMvbWljcm8tY2hhcnQtYnVsbGV0L21pY3JvLWNoYXJ0LWJ1bGxldC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWJ1bGxldC9taWNyby1jaGFydC1idWxsZXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVILHVCQUF1QixFQUN2QixTQUFTLEVBRVQsS0FBSyxFQUdMLFNBQVMsRUFDWixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBUXJELE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxhQUFhO0lBdUJ4RCxZQUFvQixRQUFtQjtRQUNuQyxLQUFLLEVBQUUsQ0FBQztRQURRLGFBQVEsR0FBUixRQUFRLENBQVc7UUFqQjlCLFdBQU0sR0FBRyxFQUFFLENBQUM7UUFlckIsNEJBQXVCLEdBQWEsRUFBRSxDQUFDO0lBSXZDLENBQUM7SUFFRCxRQUFRO1FBQ0osS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNoRCxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ2xELElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDNUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM1QyxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQztRQUNwRCxJQUFJLENBQUMsb0JBQW9CLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzdELElBQUksQ0FBQyx1QkFBdUIsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDbkUsSUFBSSxDQUFDLG9CQUFvQixHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUM3RCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM3RCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDM0QsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNELElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsZUFBZTtRQUNYLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNoQixNQUFNLFNBQVMsR0FDWCxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3JHLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLE1BQU0sRUFBRSxTQUFTLENBQUMsQ0FBQztZQUN2RSxNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDOUUsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO1lBQzlELElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLGVBQWUsRUFBRSxNQUFNLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztRQUN0RSxDQUFDO0lBQ0wsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFhLEVBQUUsUUFBa0I7UUFDdEMsSUFBSSxLQUFLLEVBQUUsQ0FBQztZQUNSLElBQUksS0FBSyxHQUFHLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxHQUFHLENBQUM7WUFDdkMsS0FBSyxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1lBQ3JDLE9BQU8sS0FBSyxDQUFDLFFBQVEsRUFBRSxHQUFHLEdBQUcsQ0FBQztRQUNsQyxDQUFDO2FBQU0sQ0FBQztZQUNKLE9BQU8sR0FBRyxDQUFDO1FBQ2YsQ0FBQztJQUNMLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxLQUFhO1FBQzVCLE9BQU8sS0FBSyxDQUFDLFFBQVEsRUFBRSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRUQsa0JBQWtCLENBQUMsSUFBb0M7UUFDbkQsSUFBSSxJQUFJLEtBQUssVUFBVSxFQUFFLENBQUM7WUFDdEIsT0FBTyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQ2hFLENBQUM7YUFBTSxDQUFDO1lBQ0osT0FBTyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQzdELENBQUM7SUFDTCxDQUFDO0lBRUQsU0FBUztRQUNMLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUM7WUFDM0MsSUFBSSxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN6QyxDQUFDO0lBQ0wsQ0FBQzs4R0FqRlEseUJBQXlCO2tHQUF6Qix5QkFBeUIsc1ZDbkJ0Qyx5M0NBOEJBOzsyRkRYYSx5QkFBeUI7a0JBTnJDLFNBQVM7K0JBQ0ksdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNOzhFQUd4QixRQUFRO3NCQUE5QixTQUFTO3VCQUFDLFVBQVU7Z0JBQ1osS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gICAgQWZ0ZXJWaWV3SW5pdCxcclxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gICAgQ29tcG9uZW50LFxyXG4gICAgRWxlbWVudFJlZixcclxuICAgIElucHV0LFxyXG4gICAgT25Jbml0LFxyXG4gICAgUmVuZGVyZXIyLFxyXG4gICAgVmlld0NoaWxkXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50IH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2JlLW1pY3JvLWNoYXJ0LWJ1bGxldCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vbWljcm8tY2hhcnQtYnVsbGV0LmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL21pY3JvLWNoYXJ0LWJ1bGxldC5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIE1pY3JvQ2hhcnRCdWxsZXRDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcclxuICAgIEBWaWV3Q2hpbGQoJ2RlbHRhQm94JykgZGVsdGFEb206IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xyXG4gICAgQElucHV0KCkgcmFuZ2U6IG51bWJlcjtcclxuICAgIEBJbnB1dCgpIHZhbHVlOiBudW1iZXI7XHJcbiAgICBASW5wdXQoKSBmb3JlY2FzdDogbnVtYmVyO1xyXG4gICAgQElucHV0KCkgdGFyZ2V0OiBudW1iZXI7XHJcbiAgICBASW5wdXQoKSBzdWZmaXggPSAnJztcclxuICAgIEBJbnB1dCgpIHNlcGFyYXRvckxpbmVzO1xyXG4gICAgQElucHV0KCkgaXNEZWx0YTogYm9vbGVhbjtcclxuXHJcbiAgICBkZWx0YTogbnVtYmVyO1xyXG4gICAgZm9yZWNhc3RXaWR0aDogc3RyaW5nO1xyXG4gICAgZGVsdGFXaWR0aDogc3RyaW5nO1xyXG4gICAgdmFsdWVXaWR0aDogc3RyaW5nO1xyXG4gICAgdGFyZ2V0V2lkdGg6IHN0cmluZztcclxuICAgIGRlbHRhQmFja2dyb3VuZENvbG9yOiBzdHJpbmc7XHJcbiAgICBmb3JlY2FzdEJhY2tncm91bmRDb2xvcjogc3RyaW5nO1xyXG4gICAgdmFsdWVCYWNrZ3JvdW5kQ29sb3I6IHN0cmluZztcclxuICAgIHRhcmdldFdpdGhTdWZmaXg6IHN0cmluZztcclxuICAgIGRlbHRhV2l0aFN1ZmZpeDogc3RyaW5nO1xyXG4gICAgdmFsdWVXaXRoU3VmZml4OiBzdHJpbmc7XHJcbiAgICBzZXBhcmF0b3JMaW5lc0Zha2VBcnJheTogbnVtYmVyW10gPSBbXTtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHtcclxuICAgICAgICBzdXBlcigpO1xyXG4gICAgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XHJcbiAgICAgICAgdGhpcy5kZWx0YSA9IE1hdGguYWJzKHRoaXMudmFsdWUgLSB0aGlzLnRhcmdldCk7XHJcbiAgICAgICAgdGhpcy5mb3JlY2FzdFdpZHRoID0gdGhpcy5nZXRXaWR0aCh0aGlzLmZvcmVjYXN0KTtcclxuICAgICAgICB0aGlzLmRlbHRhV2lkdGggPSB0aGlzLmdldFdpZHRoKHRoaXMuZGVsdGEpO1xyXG4gICAgICAgIHRoaXMudmFsdWVXaWR0aCA9IHRoaXMuZ2V0V2lkdGgodGhpcy52YWx1ZSk7XHJcbiAgICAgICAgdGhpcy50YXJnZXRXaWR0aCA9IHRoaXMuZ2V0V2lkdGgodGhpcy50YXJnZXQsIHRydWUpO1xyXG4gICAgICAgIHRoaXMuZGVsdGFCYWNrZ3JvdW5kQ29sb3IgPSB0aGlzLmdldEJhY2tncm91bmRDb2xvcignZGVsdGEnKTtcclxuICAgICAgICB0aGlzLmZvcmVjYXN0QmFja2dyb3VuZENvbG9yID0gdGhpcy5nZXRCYWNrZ3JvdW5kQ29sb3IoJ2ZvcmVjYXN0Jyk7XHJcbiAgICAgICAgdGhpcy52YWx1ZUJhY2tncm91bmRDb2xvciA9IHRoaXMuZ2V0QmFja2dyb3VuZENvbG9yKCd2YWx1ZScpO1xyXG4gICAgICAgIHRoaXMudGFyZ2V0V2l0aFN1ZmZpeCA9IHRoaXMuZ2V0VmFsdWVXaXRoU3VmZml4KHRoaXMudGFyZ2V0KTtcclxuICAgICAgICB0aGlzLmRlbHRhV2l0aFN1ZmZpeCA9IHRoaXMuZ2V0VmFsdWVXaXRoU3VmZml4KHRoaXMuZGVsdGEpO1xyXG4gICAgICAgIHRoaXMudmFsdWVXaXRoU3VmZml4ID0gdGhpcy5nZXRWYWx1ZVdpdGhTdWZmaXgodGhpcy52YWx1ZSk7XHJcbiAgICAgICAgdGhpcy5mYWtlQXJyYXkoKTtcclxuICAgIH1cclxuXHJcbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICAgICAgc3VwZXIubmdBZnRlclZpZXdJbml0KCk7XHJcbiAgICAgICAgaWYgKHRoaXMuZGVsdGFEb20pIHtcclxuICAgICAgICAgICAgY29uc3QgZGVsdGFMZWZ0ID1cclxuICAgICAgICAgICAgICAgIHRoaXMudmFsdWUgPj0gdGhpcy50YXJnZXQgPyB0aGlzLmdldFdpZHRoKHRoaXMudGFyZ2V0KSA6IHRoaXMuZ2V0V2lkdGgodGhpcy50YXJnZXQgLSB0aGlzLmRlbHRhKTtcclxuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmRlbHRhRG9tLm5hdGl2ZUVsZW1lbnQsICdsZWZ0JywgZGVsdGFMZWZ0KTtcclxuICAgICAgICAgICAgY29uc3QgZGVsdGFQb2ludGVyRG9tID0gdGhpcy5kZWx0YURvbS5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJy5wb2ludGVyJyk7XHJcbiAgICAgICAgICAgIGNvbnN0IGRlbHRhUG9pbnRlckxlZnQgPSB0aGlzLnZhbHVlID49IHRoaXMudGFyZ2V0ID8gJycgOiAnMCc7XHJcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoZGVsdGFQb2ludGVyRG9tLCAnbGVmdCcsIGRlbHRhUG9pbnRlckxlZnQpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBnZXRXaWR0aCh2YWx1ZTogbnVtYmVyLCBpc1RhcmdldD86IGJvb2xlYW4pOiBzdHJpbmcge1xyXG4gICAgICAgIGlmICh2YWx1ZSkge1xyXG4gICAgICAgICAgICBsZXQgd2lkdGggPSAodmFsdWUgLyB0aGlzLnJhbmdlKSAqIDEwMDtcclxuICAgICAgICAgICAgd2lkdGggPSBpc1RhcmdldCA/IHdpZHRoIC0gMiA6IHdpZHRoO1xyXG4gICAgICAgICAgICByZXR1cm4gd2lkdGgudG9TdHJpbmcoKSArICclJztcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICByZXR1cm4gJzAnO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBnZXRWYWx1ZVdpdGhTdWZmaXgodmFsdWU6IG51bWJlcik6IHN0cmluZyB7XHJcbiAgICAgICAgcmV0dXJuIHZhbHVlLnRvU3RyaW5nKCkgKyAodGhpcy5zdWZmaXggfHwgJycpO1xyXG4gICAgfVxyXG5cclxuICAgIGdldEJhY2tncm91bmRDb2xvcihpdGVtOiAndmFsdWUnIHwgJ2ZvcmVjYXN0JyB8ICdkZWx0YScpOiBzdHJpbmcge1xyXG4gICAgICAgIGlmIChpdGVtID09PSAnZm9yZWNhc3QnKSB7XHJcbiAgICAgICAgICAgIHJldHVybiB0aGlzLmZvcmVjYXN0ID49IHRoaXMudGFyZ2V0ID8gJyNhMWRiYjEnIDogJyNmZGE4YWInO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgIHJldHVybiB0aGlzLnZhbHVlID49IHRoaXMudGFyZ2V0ID8gJyMzZmE0NWInIDogJyNkYzBkMGUnO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBmYWtlQXJyYXkoKTogdm9pZCB7XHJcbiAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLnNlcGFyYXRvckxpbmVzOyBpKyspIHtcclxuICAgICAgICAgICAgdGhpcy5zZXBhcmF0b3JMaW5lc0Zha2VBcnJheS5wdXNoKGkpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY2hhcnQtY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicmFuZ2VcIj5cclxuICAgICAgICBAaWYgKHRhcmdldCkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0YXJnZXRcIiAjdGFyZ2V0IFtzdHlsZS5sZWZ0XT1cInRhcmdldFdpZHRoXCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7IHRhcmdldFdpdGhTdWZmaXggfX08L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfSBAaWYgKGZvcmVjYXN0KSB7XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImZvcmVjYXN0XCIgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwiZm9yZWNhc3RCYWNrZ3JvdW5kQ29sb3JcIiBbc3R5bGUud2lkdGhdPVwiZm9yZWNhc3RXaWR0aFwiPjwvZGl2PlxyXG4gICAgICAgIH0gQGlmIChpc0RlbHRhICYmIGRlbHRhKSB7XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImRlbHRhXCIgI2RlbHRhQm94IFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImRlbHRhQmFja2dyb3VuZENvbG9yXCIgW3N0eWxlLndpZHRoXT1cImRlbHRhV2lkdGhcIj5cclxuICAgICAgICAgICAgPHNwYW4gW3N0eWxlLmNvbG9yXT1cInZhbHVlQmFja2dyb3VuZENvbG9yXCI+e3sgZGVsdGFXaXRoU3VmZml4ICsgJ+KWsicgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwb2ludGVyXCIgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwiZGVsdGFCYWNrZ3JvdW5kQ29sb3JcIj48L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICB9IEBlbHNlIHsgQGlmICh2YWx1ZSkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZVwiIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cInZhbHVlQmFja2dyb3VuZENvbG9yXCIgW3N0eWxlLndpZHRoXT1cInZhbHVlV2lkdGhcIj5cclxuICAgICAgICAgICAgPHNwYW4gW3N0eWxlLmNvbG9yXT1cInZhbHVlQmFja2dyb3VuZENvbG9yXCI+e3sgdmFsdWVXaXRoU3VmZml4IH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicG9pbnRlclwiIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cInZhbHVlQmFja2dyb3VuZENvbG9yXCI+PC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfSB9XHJcblxyXG4gICAgICAgIDwhLS0gIHNlcGFyYXRvciBsaW5lcy0tPlxyXG4gICAgPC9kaXY+XHJcbiAgICBAaWYgKHNlcGFyYXRvckxpbmVzKSB7XHJcbiAgICA8ZGl2IGNsYXNzPVwic2VwYXJhdG9yLWxpbmVzXCI+XHJcbiAgICAgICAgQGZvciAoaSBvZiBzZXBhcmF0b3JMaW5lc0Zha2VBcnJheTsgdHJhY2sgaSkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZXBhcmF0b3ItbGluZVwiPjwvZGl2PlxyXG4gICAgICAgIH1cclxuICAgIDwvZGl2PlxyXG4gICAgfVxyXG48L2Rpdj5cclxuIl19

package/{esm2020 → esm2022}/lib/micro-charts/micro-chart-circular/micro-chart-circular.component.mjs

@@ -1,21 +1,21 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { BaseComponent } from 'barsa-novin-ray-core';
-import * as i0 from "@angular/core";
-import * as i1 from "barsa-novin-ray-core";
-import * as i2 from "../../base/micro-chart-circular-base.directive";
-export class MicroChartCircularComponent extends BaseComponent {
-    constructor(el) {
-        super();
-        this.el = el;
-        this.data = 50;
-    }
-}
-MicroChartCircularComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartCircularComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MicroChartCircularComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: MicroChartCircularComponent, selector: "be-micro-chart-circular", inputs: { data: "data" }, usesInheritance: true, ngImport: i0, template: "<div *untilInView=\"el\" beMicroChartCircular [data]=\"data\"></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: i2.MicroChartCircularBaseDirective, selector: "[beMicroChartCircular]", inputs: ["data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartCircularComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'be-micro-chart-circular', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *untilInView=\"el\" beMicroChartCircular [data]=\"data\"></div>\r\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { data: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtY2lyY3VsYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2EtZWNoYXJ0cy9zcmMvbGliL21pY3JvLWNoYXJ0cy9taWNyby1jaGFydC1jaXJjdWxhci9taWNyby1jaGFydC1jaXJjdWxhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWNpcmN1bGFyL21pY3JvLWNoYXJ0LWNpcmN1bGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXRGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7OztBQVFyRCxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsYUFBYTtJQUcxRCxZQUFtQixFQUFjO1FBQzdCLEtBQUssRUFBRSxDQUFDO1FBRE8sT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUZ4QixTQUFJLEdBQUcsRUFBRSxDQUFDO0lBSW5CLENBQUM7O3dIQUxRLDJCQUEyQjs0R0FBM0IsMkJBQTJCLGdIQ1Z4QywwRUFDQTsyRkRTYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0kseUJBQXlCLG1CQUdsQix1QkFBdUIsQ0FBQyxNQUFNO2lHQUd0QyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgQmFzZUNvbXBvbmVudCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdiZS1taWNyby1jaGFydC1jaXJjdWxhcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vbWljcm8tY2hhcnQtY2lyY3VsYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbWljcm8tY2hhcnQtY2lyY3VsYXIuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNaWNyb0NoYXJ0Q2lyY3VsYXJDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IHtcclxuICAgIEBJbnB1dCgpIGRhdGEgPSA1MDtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWw6IEVsZW1lbnRSZWYpIHtcclxuICAgICAgICBzdXBlcigpO1xyXG4gICAgfVxyXG59XHJcbiIsIjxkaXYgKnVudGlsSW5WaWV3PVwiZWxcIiBiZU1pY3JvQ2hhcnRDaXJjdWxhciBbZGF0YV09XCJkYXRhXCI+PC9kaXY+XHJcbiJdfQ==
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { BaseComponent } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "barsa-novin-ray-core";
+import * as i2 from "../../base/micro-chart-circular-base.directive";
+export class MicroChartCircularComponent extends BaseComponent {
+    constructor(el) {
+        super();
+        this.el = el;
+        this.data = 50;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartCircularComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: MicroChartCircularComponent, selector: "be-micro-chart-circular", inputs: { data: "data" }, usesInheritance: true, ngImport: i0, template: "<div *untilInView=\"el\" beMicroChartCircular [data]=\"data\"></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: i2.MicroChartCircularBaseDirective, selector: "[beMicroChartCircular]", inputs: ["data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartCircularComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'be-micro-chart-circular', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *untilInView=\"el\" beMicroChartCircular [data]=\"data\"></div>\r\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtY2lyY3VsYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2EtZWNoYXJ0cy9zcmMvbGliL21pY3JvLWNoYXJ0cy9taWNyby1jaGFydC1jaXJjdWxhci9taWNyby1jaGFydC1jaXJjdWxhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWNpcmN1bGFyL21pY3JvLWNoYXJ0LWNpcmN1bGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXRGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7OztBQVFyRCxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsYUFBYTtJQUcxRCxZQUFtQixFQUFjO1FBQzdCLEtBQUssRUFBRSxDQUFDO1FBRE8sT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUZ4QixTQUFJLEdBQUcsRUFBRSxDQUFDO0lBSW5CLENBQUM7OEdBTFEsMkJBQTJCO2tHQUEzQiwyQkFBMkIsZ0hDVnhDLDBFQUNBOzsyRkRTYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0kseUJBQXlCLG1CQUdsQix1QkFBdUIsQ0FBQyxNQUFNOytFQUd0QyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgQmFzZUNvbXBvbmVudCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdiZS1taWNyby1jaGFydC1jaXJjdWxhcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vbWljcm8tY2hhcnQtY2lyY3VsYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbWljcm8tY2hhcnQtY2lyY3VsYXIuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNaWNyb0NoYXJ0Q2lyY3VsYXJDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IHtcclxuICAgIEBJbnB1dCgpIGRhdGEgPSA1MDtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWw6IEVsZW1lbnRSZWYpIHtcclxuICAgICAgICBzdXBlcigpO1xyXG4gICAgfVxyXG59XHJcbiIsIjxkaXYgKnVudGlsSW5WaWV3PVwiZWxcIiBiZU1pY3JvQ2hhcnRDaXJjdWxhciBbZGF0YV09XCJkYXRhXCI+PC9kaXY+XHJcbiJdfQ==

package/{esm2020 → esm2022}/lib/micro-charts/micro-chart-comparison/micro-chart-comparison.component.mjs

@@ -1,22 +1,22 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { BaseComponent } from 'barsa-novin-ray-core';
-import * as i0 from "@angular/core";
-import * as i1 from "barsa-novin-ray-core";
-import * as i2 from "../../base/micro-chart-comparison-base.directive";
-export class MicroChartComparisonComponent extends BaseComponent {
-    constructor(el) {
-        super();
-        this.el = el;
-    }
-}
-MicroChartComparisonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartComparisonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MicroChartComparisonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: MicroChartComparisonComponent, selector: "be-micro-chart-comparison", inputs: { data: "data", size: "size" }, usesInheritance: true, ngImport: i0, template: "<div *untilInView=\"el\" beMicroChartComparison [chartData]=\"data\" [size]=\"size\"></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: i2.MicroChartComparisonBaseDirective, selector: "[beMicroChartComparison]", inputs: ["size", "chartData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartComparisonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'be-micro-chart-comparison', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *untilInView=\"el\" beMicroChartComparison [chartData]=\"data\" [size]=\"size\"></div>\r\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { data: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtY29tcGFyaXNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWNvbXBhcmlzb24vbWljcm8tY2hhcnQtY29tcGFyaXNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWNvbXBhcmlzb24vbWljcm8tY2hhcnQtY29tcGFyaXNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV0RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7QUFTckQsTUFBTSxPQUFPLDZCQUE4QixTQUFRLGFBQWE7SUFJNUQsWUFBbUIsRUFBYztRQUM3QixLQUFLLEVBQUUsQ0FBQztRQURPLE9BQUUsR0FBRixFQUFFLENBQVk7SUFFakMsQ0FBQzs7MEhBTlEsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsZ0lDWDFDLGlHQUNBOzJGRFVhLDZCQUE2QjtrQkFOekMsU0FBUzsrQkFDSSwyQkFBMkIsbUJBR3BCLHVCQUF1QixDQUFDLE1BQU07aUdBR3RDLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgQmFzZUNvbXBvbmVudCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuaW1wb3J0IHsgQ29tcGFyaXNvbkl0ZW0gfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2JlLW1pY3JvLWNoYXJ0LWNvbXBhcmlzb24nLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL21pY3JvLWNoYXJ0LWNvbXBhcmlzb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbWljcm8tY2hhcnQtY29tcGFyaXNvbi5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIE1pY3JvQ2hhcnRDb21wYXJpc29uQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudCB7XHJcbiAgICBASW5wdXQoKSBkYXRhOiBDb21wYXJpc29uSXRlbTtcclxuICAgIEBJbnB1dCgpIHNpemU6IHN0cmluZztcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWw6IEVsZW1lbnRSZWYpIHtcclxuICAgICAgICBzdXBlcigpO1xyXG4gICAgfVxyXG59XHJcbiIsIjxkaXYgKnVudGlsSW5WaWV3PVwiZWxcIiBiZU1pY3JvQ2hhcnRDb21wYXJpc29uIFtjaGFydERhdGFdPVwiZGF0YVwiIFtzaXplXT1cInNpemVcIj48L2Rpdj5cclxuIl19
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { BaseComponent } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "barsa-novin-ray-core";
+import * as i2 from "../../base/micro-chart-comparison-base.directive";
+export class MicroChartComparisonComponent extends BaseComponent {
+    constructor(el) {
+        super();
+        this.el = el;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartComparisonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: MicroChartComparisonComponent, selector: "be-micro-chart-comparison", inputs: { data: "data", size: "size" }, usesInheritance: true, ngImport: i0, template: "<div *untilInView=\"el\" beMicroChartComparison [chartData]=\"data\" [size]=\"size\"></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: i2.MicroChartComparisonBaseDirective, selector: "[beMicroChartComparison]", inputs: ["size", "chartData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartComparisonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'be-micro-chart-comparison', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *untilInView=\"el\" beMicroChartComparison [chartData]=\"data\" [size]=\"size\"></div>\r\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { data: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtY29tcGFyaXNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWNvbXBhcmlzb24vbWljcm8tY2hhcnQtY29tcGFyaXNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWNvbXBhcmlzb24vbWljcm8tY2hhcnQtY29tcGFyaXNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV0RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7QUFTckQsTUFBTSxPQUFPLDZCQUE4QixTQUFRLGFBQWE7SUFJNUQsWUFBbUIsRUFBYztRQUM3QixLQUFLLEVBQUUsQ0FBQztRQURPLE9BQUUsR0FBRixFQUFFLENBQVk7SUFFakMsQ0FBQzs4R0FOUSw2QkFBNkI7a0dBQTdCLDZCQUE2QixnSUNYMUMsaUdBQ0E7OzJGRFVhLDZCQUE2QjtrQkFOekMsU0FBUzsrQkFDSSwyQkFBMkIsbUJBR3BCLHVCQUF1QixDQUFDLE1BQU07K0VBR3RDLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgQmFzZUNvbXBvbmVudCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuaW1wb3J0IHsgQ29tcGFyaXNvbkl0ZW0gfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2JlLW1pY3JvLWNoYXJ0LWNvbXBhcmlzb24nLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL21pY3JvLWNoYXJ0LWNvbXBhcmlzb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbWljcm8tY2hhcnQtY29tcGFyaXNvbi5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIE1pY3JvQ2hhcnRDb21wYXJpc29uQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudCB7XHJcbiAgICBASW5wdXQoKSBkYXRhOiBDb21wYXJpc29uSXRlbTtcclxuICAgIEBJbnB1dCgpIHNpemU6IHN0cmluZztcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWw6IEVsZW1lbnRSZWYpIHtcclxuICAgICAgICBzdXBlcigpO1xyXG4gICAgfVxyXG59XHJcbiIsIjxkaXYgKnVudGlsSW5WaWV3PVwiZWxcIiBiZU1pY3JvQ2hhcnRDb21wYXJpc29uIFtjaGFydERhdGFdPVwiZGF0YVwiIFtzaXplXT1cInNpemVcIj48L2Rpdj5cclxuIl19

package/{esm2020 → esm2022}/lib/micro-charts/micro-chart-line/micro-chart-line.component.mjs

@@ -1,31 +1,31 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { BaseComponent } from 'barsa-novin-ray-core';
-import * as i0 from "@angular/core";
-import * as i1 from "barsa-novin-ray-core";
-import * as i2 from "../../base/micro-chart-line-base.directive";
-export class MicroChartLineComponent extends BaseComponent {
-    constructor(el) {
-        super();
-        this.el = el;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.getFirstAndLastValues();
-    }
-    getFirstAndLastValues() {
-        const dataLength = this.line.data.length;
-        this.firstValue = this.line.data[0].value.toString();
-        this.lastValue = this.line.data[dataLength - 1].value.toString();
-        this.firstLabel = this.line.data[0].label;
-        this.lastLabel = this.line.data[dataLength - 1].label;
-    }
-}
-MicroChartLineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartLineComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MicroChartLineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: MicroChartLineComponent, selector: "be-micro-chart-line", inputs: { line: "line" }, 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\" beMicroChartLine [line]=\"line\"></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: i2.MicroChartLineBaseDirective, selector: "[beMicroChartLine]", inputs: ["line"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartLineComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'be-micro-chart-line', changeDetection: ChangeDetectionStrategy.OnPush, 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\" beMicroChartLine [line]=\"line\"></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: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { line: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWxpbmUvbWljcm8tY2hhcnQtbGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWxpbmUvbWljcm8tY2hhcnQtbGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUU5RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7QUFTckQsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGFBQWE7SUFPdEQsWUFBbUIsRUFBYztRQUM3QixLQUFLLEVBQUUsQ0FBQztRQURPLE9BQUUsR0FBRixFQUFFLENBQVk7SUFFakMsQ0FBQztJQUVELFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7SUFDakMsQ0FBQztJQUNELHFCQUFxQjtRQUNqQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDekMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDckQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pFLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQzFDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUMxRCxDQUFDOztvSEFyQlEsdUJBQXVCO3dHQUF2Qix1QkFBdUIsNEdDWHBDLDhYQWFBOzJGREZhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDSSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTTtpR0FHdEMsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgQmFzZUNvbXBvbmVudCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuaW1wb3J0IHsgTGluZUl0ZW0gfSBmcm9tICcuLi8uLi9tb2RlbHMvbGluZS1pdGVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdiZS1taWNyby1jaGFydC1saW5lJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9taWNyby1jaGFydC1saW5lLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL21pY3JvLWNoYXJ0LWxpbmUuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNaWNyb0NoYXJ0TGluZUNvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgQElucHV0KCkgbGluZTogTGluZUl0ZW07XHJcbiAgICBzdWZmaXg6IHN0cmluZyB8IHVuZGVmaW5lZDtcclxuICAgIGZpcnN0VmFsdWU6IHN0cmluZztcclxuICAgIGxhc3RWYWx1ZTogc3RyaW5nO1xyXG4gICAgZmlyc3RMYWJlbDogc3RyaW5nO1xyXG4gICAgbGFzdExhYmVsOiBzdHJpbmc7XHJcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWw6IEVsZW1lbnRSZWYpIHtcclxuICAgICAgICBzdXBlcigpO1xyXG4gICAgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XHJcbiAgICAgICAgdGhpcy5nZXRGaXJzdEFuZExhc3RWYWx1ZXMoKTtcclxuICAgIH1cclxuICAgIGdldEZpcnN0QW5kTGFzdFZhbHVlcygpOiB2b2lkIHtcclxuICAgICAgICBjb25zdCBkYXRhTGVuZ3RoID0gdGhpcy5saW5lLmRhdGEubGVuZ3RoO1xyXG4gICAgICAgIHRoaXMuZmlyc3RWYWx1ZSA9IHRoaXMubGluZS5kYXRhWzBdLnZhbHVlLnRvU3RyaW5nKCk7XHJcbiAgICAgICAgdGhpcy5sYXN0VmFsdWUgPSB0aGlzLmxpbmUuZGF0YVtkYXRhTGVuZ3RoIC0gMV0udmFsdWUudG9TdHJpbmcoKTtcclxuICAgICAgICB0aGlzLmZpcnN0TGFiZWwgPSB0aGlzLmxpbmUuZGF0YVswXS5sYWJlbDtcclxuICAgICAgICB0aGlzLmxhc3RMYWJlbCA9IHRoaXMubGluZS5kYXRhW2RhdGFMZW5ndGggLSAxXS5sYWJlbDtcclxuICAgIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwidG9wLWxhYmVsc1wiPlxyXG4gICAgPHNwYW4+e3sgbGFzdFZhbHVlIH19e3sgbGluZT8uc3VmZml4IH19PC9zcGFuPlxyXG4gICAgPHNwYW4+e3sgZmlyc3RWYWx1ZSB9fXt7IGxpbmU/LnN1ZmZpeCB9fTwvc3Bhbj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwiY2hhcnRcIj5cclxuICAgIDxkaXYgKnVudGlsSW5WaWV3PVwiZWxcIiBiZU1pY3JvQ2hhcnRMaW5lIFtsaW5lXT1cImxpbmVcIj48L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwiYm90dG9tLWxhYmVsc1wiPlxyXG4gICAgPHNwYW4+e3sgbGFzdExhYmVsIH19PC9zcGFuPlxyXG4gICAgPHNwYW4+e3sgZmlyc3RMYWJlbCB9fTwvc3Bhbj5cclxuPC9kaXY+XHJcbiJdfQ==
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { BaseComponent } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "barsa-novin-ray-core";
+import * as i2 from "../../base/micro-chart-line-base.directive";
+export class MicroChartLineComponent extends BaseComponent {
+    constructor(el) {
+        super();
+        this.el = el;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.getFirstAndLastValues();
+    }
+    getFirstAndLastValues() {
+        const dataLength = this.line.data.length;
+        this.firstValue = this.line.data[0].value.toString();
+        this.lastValue = this.line.data[dataLength - 1].value.toString();
+        this.firstLabel = this.line.data[0].label;
+        this.lastLabel = this.line.data[dataLength - 1].label;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartLineComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: MicroChartLineComponent, selector: "be-micro-chart-line", inputs: { line: "line" }, 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\" beMicroChartLine [line]=\"line\"></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: i2.MicroChartLineBaseDirective, selector: "[beMicroChartLine]", inputs: ["line"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: MicroChartLineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'be-micro-chart-line', changeDetection: ChangeDetectionStrategy.OnPush, 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\" beMicroChartLine [line]=\"line\"></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: { line: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWxpbmUvbWljcm8tY2hhcnQtbGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWxpbmUvbWljcm8tY2hhcnQtbGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUU5RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7QUFTckQsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGFBQWE7SUFPdEQsWUFBbUIsRUFBYztRQUM3QixLQUFLLEVBQUUsQ0FBQztRQURPLE9BQUUsR0FBRixFQUFFLENBQVk7SUFFakMsQ0FBQztJQUVELFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7SUFDakMsQ0FBQztJQUNELHFCQUFxQjtRQUNqQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDekMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDckQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pFLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQzFDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUMxRCxDQUFDOzhHQXJCUSx1QkFBdUI7a0dBQXZCLHVCQUF1Qiw0R0NYcEMsOFhBYUE7OzJGREZhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDSSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTTsrRUFHdEMsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgQmFzZUNvbXBvbmVudCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuaW1wb3J0IHsgTGluZUl0ZW0gfSBmcm9tICcuLi8uLi9tb2RlbHMvbGluZS1pdGVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdiZS1taWNyby1jaGFydC1saW5lJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9taWNyby1jaGFydC1saW5lLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL21pY3JvLWNoYXJ0LWxpbmUuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNaWNyb0NoYXJ0TGluZUNvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgQElucHV0KCkgbGluZTogTGluZUl0ZW07XHJcbiAgICBzdWZmaXg6IHN0cmluZyB8IHVuZGVmaW5lZDtcclxuICAgIGZpcnN0VmFsdWU6IHN0cmluZztcclxuICAgIGxhc3RWYWx1ZTogc3RyaW5nO1xyXG4gICAgZmlyc3RMYWJlbDogc3RyaW5nO1xyXG4gICAgbGFzdExhYmVsOiBzdHJpbmc7XHJcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWw6IEVsZW1lbnRSZWYpIHtcclxuICAgICAgICBzdXBlcigpO1xyXG4gICAgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XHJcbiAgICAgICAgdGhpcy5nZXRGaXJzdEFuZExhc3RWYWx1ZXMoKTtcclxuICAgIH1cclxuICAgIGdldEZpcnN0QW5kTGFzdFZhbHVlcygpOiB2b2lkIHtcclxuICAgICAgICBjb25zdCBkYXRhTGVuZ3RoID0gdGhpcy5saW5lLmRhdGEubGVuZ3RoO1xyXG4gICAgICAgIHRoaXMuZmlyc3RWYWx1ZSA9IHRoaXMubGluZS5kYXRhWzBdLnZhbHVlLnRvU3RyaW5nKCk7XHJcbiAgICAgICAgdGhpcy5sYXN0VmFsdWUgPSB0aGlzLmxpbmUuZGF0YVtkYXRhTGVuZ3RoIC0gMV0udmFsdWUudG9TdHJpbmcoKTtcclxuICAgICAgICB0aGlzLmZpcnN0TGFiZWwgPSB0aGlzLmxpbmUuZGF0YVswXS5sYWJlbDtcclxuICAgICAgICB0aGlzLmxhc3RMYWJlbCA9IHRoaXMubGluZS5kYXRhW2RhdGFMZW5ndGggLSAxXS5sYWJlbDtcclxuICAgIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwidG9wLWxhYmVsc1wiPlxyXG4gICAgPHNwYW4+e3sgbGFzdFZhbHVlIH19e3sgbGluZT8uc3VmZml4IH19PC9zcGFuPlxyXG4gICAgPHNwYW4+e3sgZmlyc3RWYWx1ZSB9fXt7IGxpbmU/LnN1ZmZpeCB9fTwvc3Bhbj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwiY2hhcnRcIj5cclxuICAgIDxkaXYgKnVudGlsSW5WaWV3PVwiZWxcIiBiZU1pY3JvQ2hhcnRMaW5lIFtsaW5lXT1cImxpbmVcIj48L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwiYm90dG9tLWxhYmVsc1wiPlxyXG4gICAgPHNwYW4+e3sgbGFzdExhYmVsIH19PC9zcGFuPlxyXG4gICAgPHNwYW4+e3sgZmlyc3RMYWJlbCB9fTwvc3Bhbj5cclxuPC9kaXY+XHJcbiJdfQ==