barsa-echarts 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +25 -0
- package/esm2020/barsa-echarts.mjs +5 -0
- package/esm2020/lib/barsa-echarts.module.mjs +81 -0
- package/esm2020/lib/base/chart-base.directive.mjs +73 -0
- package/esm2020/lib/base/chart-line-time-base.directive.mjs +80 -0
- package/esm2020/lib/base/index.mjs +8 -0
- package/esm2020/lib/base/micro-chart-area-base.directive.mjs +89 -0
- package/esm2020/lib/base/micro-chart-bar-base.directive.mjs +48 -0
- package/esm2020/lib/base/micro-chart-base.directive.mjs +49 -0
- package/esm2020/lib/base/micro-chart-circular-base.directive.mjs +75 -0
- package/esm2020/lib/base/micro-chart-comparison-base.directive.mjs +99 -0
- package/esm2020/lib/base/micro-chart-line-base.directive.mjs +60 -0
- package/esm2020/lib/base/micro-chart-stackbar-base.directive.mjs +51 -0
- package/esm2020/lib/micro-charts/micro-chart-area/micro-chart-area.component.mjs +35 -0
- package/esm2020/lib/micro-charts/micro-chart-bar/micro-chart-bar.component.mjs +25 -0
- package/esm2020/lib/micro-charts/micro-chart-bullet/micro-chart-bullet.component.mjs +87 -0
- package/esm2020/lib/micro-charts/micro-chart-circular/micro-chart-circular.component.mjs +21 -0
- package/esm2020/lib/micro-charts/micro-chart-comparison/micro-chart-comparison.component.mjs +22 -0
- package/esm2020/lib/micro-charts/micro-chart-line/micro-chart-line.component.mjs +31 -0
- package/esm2020/lib/micro-charts/micro-chart-stackbar/micro-chart-stackbar.component.mjs +20 -0
- package/esm2020/lib/models/area-chart.mjs +2 -0
- package/esm2020/lib/models/bar-item.mjs +2 -0
- package/esm2020/lib/models/comparison-item.mjs +2 -0
- package/esm2020/lib/models/index.mjs +6 -0
- package/esm2020/lib/models/line-item.mjs +2 -0
- package/esm2020/lib/models/stackbar-item.mjs +2 -0
- package/esm2020/public-api.mjs +15 -0
- package/fesm2015/barsa-echarts.mjs +878 -0
- package/fesm2015/barsa-echarts.mjs.map +1 -0
- package/fesm2020/barsa-echarts.mjs +877 -0
- package/fesm2020/barsa-echarts.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/barsa-echarts.module.d.ts +22 -0
- package/lib/base/chart-base.directive.d.ts +28 -0
- package/lib/base/chart-line-time-base.directive.d.ts +19 -0
- package/lib/base/index.d.ts +7 -0
- package/lib/base/micro-chart-area-base.directive.d.ts +18 -0
- package/lib/base/micro-chart-bar-base.directive.d.ts +14 -0
- package/lib/base/micro-chart-base.directive.d.ts +14 -0
- package/lib/base/micro-chart-circular-base.directive.d.ts +13 -0
- package/lib/base/micro-chart-comparison-base.directive.d.ts +17 -0
- package/lib/base/micro-chart-line-base.directive.d.ts +15 -0
- package/lib/base/micro-chart-stackbar-base.directive.d.ts +14 -0
- package/lib/micro-charts/micro-chart-area/micro-chart-area.component.d.ts +19 -0
- package/lib/micro-charts/micro-chart-bar/micro-chart-bar.component.d.ts +16 -0
- package/lib/micro-charts/micro-chart-bullet/micro-chart-bullet.component.d.ts +35 -0
- package/lib/micro-charts/micro-chart-circular/micro-chart-circular.component.d.ts +10 -0
- package/lib/micro-charts/micro-chart-comparison/micro-chart-comparison.component.d.ts +12 -0
- package/lib/micro-charts/micro-chart-line/micro-chart-line.component.d.ts +18 -0
- package/lib/micro-charts/micro-chart-stackbar/micro-chart-stackbar.component.d.ts +11 -0
- package/lib/models/area-chart.d.ts +11 -0
- package/lib/models/bar-item.d.ts +5 -0
- package/lib/models/comparison-item.d.ts +9 -0
- package/lib/models/index.d.ts +5 -0
- package/lib/models/line-item.d.ts +8 -0
- package/lib/models/stackbar-item.d.ts +7 -0
- package/package.json +31 -0
- package/public-api.d.ts +11 -0
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
|
2
|
+
import { MicroChartBaseDirective } from './micro-chart-base.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class MicroChartComparisonBaseDirective extends MicroChartBaseDirective {
|
|
5
|
+
constructor(el, renderer2) {
|
|
6
|
+
super(el, renderer2);
|
|
7
|
+
this.el = el;
|
|
8
|
+
this.renderer2 = renderer2;
|
|
9
|
+
}
|
|
10
|
+
setOptions(options) {
|
|
11
|
+
// initialize series
|
|
12
|
+
this._initValues(options);
|
|
13
|
+
// set custom xAxis
|
|
14
|
+
this.xAxis.type = 'value';
|
|
15
|
+
this.xAxis.boundaryGap = ['0%', '50%'];
|
|
16
|
+
// set custom yAxis
|
|
17
|
+
this.yAxis.type = 'category';
|
|
18
|
+
this.yAxis.offset = 6;
|
|
19
|
+
this.yAxis.axisLabel = {
|
|
20
|
+
show: true,
|
|
21
|
+
inside: true,
|
|
22
|
+
lineHeight: 16
|
|
23
|
+
};
|
|
24
|
+
// set custom grid
|
|
25
|
+
this.grid.top = 10;
|
|
26
|
+
const textStyle = {
|
|
27
|
+
verticalAlign: 'bottom',
|
|
28
|
+
fontSize: 12,
|
|
29
|
+
fontWeight: 'bold'
|
|
30
|
+
};
|
|
31
|
+
this.chartData.data.forEach((item) => {
|
|
32
|
+
const seriesData = {
|
|
33
|
+
value: item.value,
|
|
34
|
+
itemStyle: {
|
|
35
|
+
color: item.color
|
|
36
|
+
},
|
|
37
|
+
label: {
|
|
38
|
+
position: ['100', '0%']
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
options.series[0].data.push(seriesData);
|
|
42
|
+
const yAxisData = { value: item.label, textStyle };
|
|
43
|
+
this.yAxis?.data?.push(yAxisData);
|
|
44
|
+
});
|
|
45
|
+
// if we have double tile
|
|
46
|
+
if (this.size === 'l') {
|
|
47
|
+
this.grid.left = 50;
|
|
48
|
+
this.yAxis.axisLabel.inside = false;
|
|
49
|
+
this.yAxis.axisLabel.lineHeight = undefined;
|
|
50
|
+
options.series[0].label.position = 'right';
|
|
51
|
+
this.yAxis.offset = -2;
|
|
52
|
+
options.series[0].showBackground = false;
|
|
53
|
+
this.xAxis.max = 112;
|
|
54
|
+
options.series[0].data.map((dataItem) => {
|
|
55
|
+
delete dataItem.label.offset;
|
|
56
|
+
dataItem.label.position = ['100%', '0%'];
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
options.series[0].label.formatter = (d) => d.data.value + this.chartData.suffix;
|
|
60
|
+
}
|
|
61
|
+
_initValues(options) {
|
|
62
|
+
options.series = [
|
|
63
|
+
{
|
|
64
|
+
showBackground: true,
|
|
65
|
+
barWidth: this.chartData.barWidth ?? 3,
|
|
66
|
+
type: 'bar',
|
|
67
|
+
data: [],
|
|
68
|
+
label: {
|
|
69
|
+
show: true,
|
|
70
|
+
position: 'top',
|
|
71
|
+
distance: 0,
|
|
72
|
+
valueAnimation: true,
|
|
73
|
+
fontFamily: 'monospace',
|
|
74
|
+
formatter: (d) => d.data.value + '%',
|
|
75
|
+
lineHeight: -10
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
];
|
|
79
|
+
options.plotOptions = {
|
|
80
|
+
bar: {
|
|
81
|
+
horizontal: true,
|
|
82
|
+
distributed: true
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
MicroChartComparisonBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartComparisonBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
88
|
+
MicroChartComparisonBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: MicroChartComparisonBaseDirective, selector: "[beMicroChartComparison]", inputs: { size: "size", chartData: "chartData" }, usesInheritance: true, ngImport: i0 });
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartComparisonBaseDirective, decorators: [{
|
|
90
|
+
type: Directive,
|
|
91
|
+
args: [{
|
|
92
|
+
selector: '[beMicroChartComparison]'
|
|
93
|
+
}]
|
|
94
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { size: [{
|
|
95
|
+
type: Input
|
|
96
|
+
}], chartData: [{
|
|
97
|
+
type: Input
|
|
98
|
+
}] } });
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtY29tcGFyaXNvbi1iYXNlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLWVjaGFydHMvc3JjL2xpYi9iYXNlL21pY3JvLWNoYXJ0LWNvbXBhcmlzb24tYmFzZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFJeEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBS3ZFLE1BQU0sT0FBTyxpQ0FBa0MsU0FBUSx1QkFBdUI7SUFLMUUsWUFBc0IsRUFBYyxFQUFZLFNBQW9CO1FBQ2hFLEtBQUssQ0FBQyxFQUFFLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFESCxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBQVksY0FBUyxHQUFULFNBQVMsQ0FBVztJQUVwRSxDQUFDO0lBRVMsVUFBVSxDQUFDLE9BQVk7UUFDN0Isb0JBQW9CO1FBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFMUIsbUJBQW1CO1FBQ25CLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQztRQUMxQixJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQztRQUV2QyxtQkFBbUI7UUFDbkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsVUFBVSxDQUFDO1FBQzdCLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztRQUN0QixJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRztZQUNuQixJQUFJLEVBQUUsSUFBSTtZQUNWLE1BQU0sRUFBRSxJQUFJO1lBQ1osVUFBVSxFQUFFLEVBQUU7U0FDakIsQ0FBQztRQUVGLGtCQUFrQjtRQUNsQixJ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QUUsQ0FBQyxFQUFFO2lCQUNsQjthQUNKO1NBQ0osQ0FBQztRQUVGLE9BQU8sQ0FBQyxXQUFXLEdBQUc7WUFDbEIsR0FBRyxFQUFFO2dCQUNELFVBQVUsRUFBRSxJQUFJO2dCQUNoQixXQUFXLEVBQUUsSUFBSTthQUNwQjtTQUNKLENBQUM7SUFDTixDQUFDOzs4SEE3RlEsaUNBQWlDO2tIQUFqQyxpQ0FBaUM7MkZBQWpDLGlDQUFpQztrQkFIN0MsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsMEJBQTBCO2lCQUN2Qzt5SEFFWSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21wYXJpc29uSXRlbSB9IGZyb20gJy4uL21vZGVscyc7XHJcbmltcG9ydCB7IFRleHRDb21tb25PcHRpb24gfSBmcm9tICdlY2hhcnRzL3R5cGVzL3NyYy91dGlsL3R5cGVzJztcclxuaW1wb3J0IHsgWUFYaXNPcHRpb24gfSBmcm9tICdlY2hhcnRzL3R5cGVzL2Rpc3Qvc2hhcmVkJztcclxuaW1wb3J0IHsgTWljcm9DaGFydEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuL21pY3JvLWNoYXJ0LWJhc2UuZGlyZWN0aXZlJztcclxuXHJcbkBEaXJlY3RpdmUoe1xyXG4gICAgc2VsZWN0b3I6ICdbYmVNaWNyb0NoYXJ0Q29tcGFyaXNvbl0nXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNaWNyb0NoYXJ0Q29tcGFyaXNvbkJhc2VEaXJlY3RpdmUgZXh0ZW5kcyBNaWNyb0NoYXJ0QmFzZURpcmVjdGl2ZSB7XHJcbiAgICBASW5wdXQoKSBzaXplOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBjaGFydERhdGE6IENvbXBhcmlzb25JdGVtO1xyXG4gICAgeUF4aXM6IFlBWGlzT3B0aW9uO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBlbDogRWxlbWVudFJlZiwgcHJvdGVjdGVkIHJlbmRlcmVyMjogUmVuZGVyZXIyKSB7XHJcbiAgICAgICAgc3VwZXIoZWwsIHJlbmRlcmVyMik7XHJcbiAgICB9XHJcblxyXG4gICAgcHJvdGVjdGVkIHNldE9wdGlvbnMob3B0aW9uczogYW55KTogdm9pZCB7XHJcbiAgICAgICAgLy8gaW5pdGlhbGl6ZSBzZXJpZXNcclxuICAgICAgICB0aGlzLl9pbml0VmFsdWVzKG9wdGlvbnMpO1xyXG5cclxuICAgICAgICAvLyBzZXQgY3VzdG9tIHhBeGlzXHJcbiAgICAgICAgdGhpcy54QXhpcy50eXBlID0gJ3ZhbHVlJztcclxuICAgICAgICB0aGlzLnhBeGlzLmJvdW5kYXJ5R2FwID0gWycwJScsICc1MCUnXTtcclxuXHJcbiAgICAgICAgLy8gc2V0IGN1c3RvbSB5QXhpc1xyXG4gICAgICAgIHRoaXMueUF4aXMudHlwZSA9ICdjYXRlZ29yeSc7XHJcbiAgICAgICAgdGhpcy55QXhpcy5vZmZzZXQgPSA2O1xyXG4gICAgICAgIHRoaXMueUF4aXMuYXhpc0xhYmVsID0ge1xyXG4gICAgICAgICAgICBzaG93OiB0cnVlLFxyXG4gICAgICAgICAgICBpbnNpZGU6IHRydWUsXHJcbiAgICAgICAgICAgIGxpbmVIZWlnaHQ6IDE2XHJcbiAgICAgICAgfTtcclxuXHJcbiAgICAgICAgLy8gc2V0IGN1c3RvbSBncmlkXHJcbiAgICAgICAgdGhpcy5ncmlkLnRvcCA9IDEwO1xyXG5cclxuICAgICAgICBjb25zdCB0ZXh0U3R5bGU6IFRleHRDb21tb25PcHRpb24gPSB7XHJcbiAgICAgICAgICAgIHZlcnRpY2FsQWxpZ246ICdib3R0b20nLFxyXG4gICAgICAgICAgICBmb250U2l6ZTogMTIsXHJcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6ICdib2xkJ1xyXG4gICAgICAgIH07XHJcblxyXG4gICAgICAgIHRoaXMuY2hhcnREYXRhLmRhdGEuZm9yRWFjaCgoaXRlbSkgPT4ge1xyXG4gICAgICAgICAgICBjb25zdCBzZXJpZXNEYXRhID0ge1xyXG4gICAgICAgICAgICAgICAgdmFsdWU6IGl0ZW0udmFsdWUsXHJcbiAgICAgICAgICAgICAgICBpdGVtU3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBjb2xvcjogaXRlbS5jb2xvclxyXG4gICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIGxhYmVsOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IFsnMTAwJywgJzAlJ11cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfTtcclxuXHJcbiAgICAgICAgICAgIG9wdGlvbnMuc2VyaWVzWzBdLmRhdGEucHVzaChzZXJpZXNEYXRhKTtcclxuICAgICAgICAgICAgY29uc3QgeUF4aXNEYXRhID0geyB2YWx1ZTogaXRlbS5sYWJlbCwgdGV4dFN0eWxlIH07XHJcbiAgICAgICAgICAgIHRoaXMueUF4aXM/LmRhdGE/LnB1c2goeUF4aXNEYXRhKTtcclxuICAgICAgICB9KTtcclxuXHJcbiAgICAgICAgLy8gaWYgd2UgaGF2ZSBkb3VibGUgdGlsZVxyXG4gICAgICAgIGlmICh0aGlzLnNpemUgPT09ICdsJykge1xyXG4gICAgICAgICAgICB0aGlzLmdyaWQubGVmdCA9IDUwO1xyXG4gICAgICAgICAgICB0aGlzLnlBeGlzLmF4aXNMYWJlbC5pbnNpZGUgPSBmYWxzZTtcclxuICAgICAgICAgICAgdGhpcy55QXhpcy5heGlzTGFiZWwubGluZUhlaWdodCA9IHVuZGVmaW5lZDtcclxuICAgICAgICAgICAgb3B0aW9ucy5zZXJpZXNbMF0ubGFiZWwucG9zaXRpb24gPSAncmlnaHQnO1xyXG4gICAgICAgICAgICB0aGlzLnlBeGlzLm9mZnNldCA9IC0yO1xyXG4gICAgICAgICAgICBvcHRpb25zLnNlcmllc1swXS5zaG93QmFja2dyb3VuZCA9IGZhbHNlO1xyXG4gICAgICAgICAgICB0aGlzLnhBeGlzLm1heCA9IDExMjtcclxuICAgICAgICAgICAgb3B0aW9ucy5zZXJpZXNbMF0uZGF0YS5tYXAoKGRhdGFJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgICAgICBkZWxldGUgZGF0YUl0ZW0ubGFiZWwub2Zmc2V0O1xyXG4gICAgICAgICAgICAgICAgZGF0YUl0ZW0ubGFiZWwucG9zaXRpb24gPSBbJzEwMCUnLCAnMCUnXTtcclxuICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIG9wdGlvbnMuc2VyaWVzWzBdLmxhYmVsLmZvcm1hdHRlciA9IChkKSA9PiBkLmRhdGEudmFsdWUgKyB0aGlzLmNoYXJ0RGF0YS5zdWZmaXg7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBfaW5pdFZhbHVlcyhvcHRpb25zKTogdm9pZCB7XHJcbiAgICAgICAgb3B0aW9ucy5zZXJpZXMgPSBbXHJcbiAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgIHNob3dCYWNrZ3JvdW5kOiB0cnVlLFxyXG4gICAgICAgICAgICAgICAgYmFyV2lkdGg6IHRoaXMuY2hhcnREYXRhLmJhcldpZHRoID8/IDMsXHJcbiAgICAgICAgICAgICAgICB0eXBlOiAnYmFyJyxcclxuICAgICAgICAgICAgICAgIGRhdGE6IFtdLFxyXG4gICAgICAgICAgICAgICAgbGFiZWw6IHtcclxuICAgICAgICAgICAgICAgICAgICBzaG93OiB0cnVlLFxyXG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiAndG9wJyxcclxuICAgICAgICAgICAgICAgICAgICBkaXN0YW5jZTogMCxcclxuICAgICAgICAgICAgICAgICAgICB2YWx1ZUFuaW1hdGlvbjogdHJ1ZSxcclxuICAgICAgICAgICAgICAgICAgICBmb250RmFtaWx5OiAnbW9ub3NwYWNlJyxcclxuICAgICAgICAgICAgICAgICAgICBmb3JtYXR0ZXI6IChkKSA9PiBkLmRhdGEudmFsdWUgKyAnJScsXHJcbiAgICAgICAgICAgICAgICAgICAgbGluZUhlaWdodDogLTEwXHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICBdO1xyXG5cclxuICAgICAgICBvcHRpb25zLnBsb3RPcHRpb25zID0ge1xyXG4gICAgICAgICAgICBiYXI6IHtcclxuICAgICAgICAgICAgICAgIGhvcml6b250YWw6IHRydWUsXHJcbiAgICAgICAgICAgICAgICBkaXN0cmlidXRlZDogdHJ1ZVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfTtcclxuICAgIH1cclxufVxyXG4iXX0=
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
|
2
|
+
import { MicroChartBaseDirective } from './micro-chart-base.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class MicroChartLineBaseDirective extends MicroChartBaseDirective {
|
|
5
|
+
constructor(el, renderer2) {
|
|
6
|
+
super(el, renderer2);
|
|
7
|
+
this.el = el;
|
|
8
|
+
this.renderer2 = renderer2;
|
|
9
|
+
}
|
|
10
|
+
setOptions(options) {
|
|
11
|
+
this._scaleDownLineData();
|
|
12
|
+
// initialize series
|
|
13
|
+
this._initSeries(options);
|
|
14
|
+
// set input data
|
|
15
|
+
this.line.data.forEach((item) => {
|
|
16
|
+
this.xAxis?.data?.push(item.label);
|
|
17
|
+
const dataObj = {
|
|
18
|
+
value: item.value,
|
|
19
|
+
symbol: 'none'
|
|
20
|
+
};
|
|
21
|
+
options.series[0].data.push(dataObj);
|
|
22
|
+
});
|
|
23
|
+
this.xAxis.max = undefined;
|
|
24
|
+
this.xAxis.type = 'category';
|
|
25
|
+
// set custom yAxis
|
|
26
|
+
this.yAxis.min = 0;
|
|
27
|
+
this.yAxis.max = 6;
|
|
28
|
+
this.yAxis.type = 'value';
|
|
29
|
+
}
|
|
30
|
+
/* eslint-disable */
|
|
31
|
+
_scaleDownLineData() {
|
|
32
|
+
const maxValue = Math.max.apply(Math, this.line.data.map((dataItem) => dataItem.value));
|
|
33
|
+
return this.line.data.forEach((dataItem) => {
|
|
34
|
+
dataItem.value *= 6 / maxValue;
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
_initSeries(options) {
|
|
38
|
+
options.series = [
|
|
39
|
+
{
|
|
40
|
+
type: 'line',
|
|
41
|
+
color: this.line?.color,
|
|
42
|
+
data: [],
|
|
43
|
+
label: {
|
|
44
|
+
show: false
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
];
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
MicroChartLineBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartLineBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
51
|
+
MicroChartLineBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: MicroChartLineBaseDirective, selector: "[beMicroChartLine]", inputs: { line: "line" }, usesInheritance: true, ngImport: i0 });
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartLineBaseDirective, decorators: [{
|
|
53
|
+
type: Directive,
|
|
54
|
+
args: [{
|
|
55
|
+
selector: '[beMicroChartLine]'
|
|
56
|
+
}]
|
|
57
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { line: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}] } });
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtbGluZS1iYXNlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLWVjaGFydHMvc3JjL2xpYi9iYXNlL21pY3JvLWNoYXJ0LWxpbmUtYmFzZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBTXZFLE1BQU0sT0FBTywyQkFBNEIsU0FBUSx1QkFBdUI7SUFHcEUsWUFBc0IsRUFBYyxFQUFZLFNBQW9CO1FBQ2hFLEtBQUssQ0FBQyxFQUFFLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFESCxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBQVksY0FBUyxHQUFULFNBQVMsQ0FBVztJQUVwRSxDQUFDO0lBRVMsVUFBVSxDQUFDLE9BQU87UUFDeEIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7UUFFMUIsb0JBQW9CO1FBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFMUIsaUJBQWlCO1FBQ2pCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQzVCLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDbkMsTUFBTSxPQUFPLEdBQUc7Z0JBQ1osS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO2dCQUNqQixNQUFNLEVBQUUsTUFBTTthQUNqQixDQUFDO1lBQ0YsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3pDLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLEdBQUcsU0FBUyxDQUFDO1FBQzNCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLFVBQVUsQ0FBQztRQUU3QixtQkFBbUI7UUFDbkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDO1FBQ25CLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQztRQUNuQixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxPQUFPLENBQUM7SUFDOUIsQ0FBQztJQUVELG9CQUFvQjtJQUNaLGtCQUFrQjtRQUN0QixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FDM0IsSUFBSSxFQUNKLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUNuRCxDQUFDO1FBQ0YsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtZQUN2QyxRQUFRLENBQUMsS0FBSyxJQUFJLENBQUMsR0FBRyxRQUFRLENBQUM7UUFDbkMsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU8sV0FBVyxDQUFDLE9BQU87UUFDdkIsT0FBTyxDQUFDLE1BQU0sR0FBRztZQUNiO2dCQUNJLElBQUksRUFBRSxNQUFNO2dCQUNaLEtBQUssRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUs7Z0JBQ3ZCLElBQUksRUFBRSxFQUFFO2dCQUNSLEtBQUssRUFBRTtvQkFDSCxJQUFJLEVBQUUsS0FBSztpQkFDZDthQUNKO1NBQ0osQ0FBQztJQUNOLENBQUM7O3dIQXJEUSwyQkFBMkI7NEdBQTNCLDJCQUEyQjsyRkFBM0IsMkJBQTJCO2tCQUh2QyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxvQkFBb0I7aUJBQ2pDO3lIQUVZLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNaWNyb0NoYXJ0QmFzZURpcmVjdGl2ZSB9IGZyb20gJy4vbWljcm8tY2hhcnQtYmFzZS5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBMaW5lSXRlbSB9IGZyb20gJy4uL21vZGVscy9saW5lLWl0ZW0nO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgICBzZWxlY3RvcjogJ1tiZU1pY3JvQ2hhcnRMaW5lXSdcclxufSlcclxuZXhwb3J0IGNsYXNzIE1pY3JvQ2hhcnRMaW5lQmFzZURpcmVjdGl2ZSBleHRlbmRzIE1pY3JvQ2hhcnRCYXNlRGlyZWN0aXZlIHtcclxuICAgIEBJbnB1dCgpIGxpbmU6IExpbmVJdGVtO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBlbDogRWxlbWVudFJlZiwgcHJvdGVjdGVkIHJlbmRlcmVyMjogUmVuZGVyZXIyKSB7XHJcbiAgICAgICAgc3VwZXIoZWwsIHJlbmRlcmVyMik7XHJcbiAgICB9XHJcblxyXG4gICAgcHJvdGVjdGVkIHNldE9wdGlvbnMob3B0aW9ucyk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuX3NjYWxlRG93bkxpbmVEYXRhKCk7XHJcblxyXG4gICAgICAgIC8vIGluaXRpYWxpemUgc2VyaWVzXHJcbiAgICAgICAgdGhpcy5faW5pdFNlcmllcyhvcHRpb25zKTtcclxuXHJcbiAgICAgICAgLy8gc2V0IGlucHV0IGRhdGFcclxuICAgICAgICB0aGlzLmxpbmUuZGF0YS5mb3JFYWNoKChpdGVtKSA9PiB7XHJcbiAgICAgICAgICAgIHRoaXMueEF4aXM/LmRhdGE/LnB1c2goaXRlbS5sYWJlbCk7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFPYmogPSB7XHJcbiAgICAgICAgICAgICAgICB2YWx1ZTogaXRlbS52YWx1ZSxcclxuICAgICAgICAgICAgICAgIHN5bWJvbDogJ25vbmUnXHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIG9wdGlvbnMuc2VyaWVzWzBdLmRhdGEucHVzaChkYXRhT2JqKTtcclxuICAgICAgICB9KTtcclxuICAgICAgICB0aGlzLnhBeGlzLm1heCA9IHVuZGVmaW5lZDtcclxuICAgICAgICB0aGlzLnhBeGlzLnR5cGUgPSAnY2F0ZWdvcnknO1xyXG5cclxuICAgICAgICAvLyBzZXQgY3VzdG9tIHlBeGlzXHJcbiAgICAgICAgdGhpcy55QXhpcy5taW4gPSAwO1xyXG4gICAgICAgIHRoaXMueUF4aXMubWF4ID0gNjtcclxuICAgICAgICB0aGlzLnlBeGlzLnR5cGUgPSAndmFsdWUnO1xyXG4gICAgfVxyXG5cclxuICAgIC8qIGVzbGludC1kaXNhYmxlICovXHJcbiAgICBwcml2YXRlIF9zY2FsZURvd25MaW5lRGF0YSgpOiB2b2lkIHtcclxuICAgICAgICBjb25zdCBtYXhWYWx1ZSA9IE1hdGgubWF4LmFwcGx5KFxyXG4gICAgICAgICAgICBNYXRoLFxyXG4gICAgICAgICAgICB0aGlzLmxpbmUuZGF0YS5tYXAoKGRhdGFJdGVtKSA9PiBkYXRhSXRlbS52YWx1ZSlcclxuICAgICAgICApO1xyXG4gICAgICAgIHJldHVybiB0aGlzLmxpbmUuZGF0YS5mb3JFYWNoKChkYXRhSXRlbSkgPT4ge1xyXG4gICAgICAgICAgICBkYXRhSXRlbS52YWx1ZSAqPSA2IC8gbWF4VmFsdWU7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBfaW5pdFNlcmllcyhvcHRpb25zKTogdm9pZCB7XHJcbiAgICAgICAgb3B0aW9ucy5zZXJpZXMgPSBbXHJcbiAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgIHR5cGU6ICdsaW5lJyxcclxuICAgICAgICAgICAgICAgIGNvbG9yOiB0aGlzLmxpbmU/LmNvbG9yLFxyXG4gICAgICAgICAgICAgICAgZGF0YTogW10sXHJcbiAgICAgICAgICAgICAgICBsYWJlbDoge1xyXG4gICAgICAgICAgICAgICAgICAgIHNob3c6IGZhbHNlXHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICBdO1xyXG4gICAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
|
2
|
+
import { MicroChartBaseDirective } from './micro-chart-base.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class MicroChartStackbarBaseDirective extends MicroChartBaseDirective {
|
|
5
|
+
constructor(el, renderer2) {
|
|
6
|
+
super(el, renderer2);
|
|
7
|
+
this.el = el;
|
|
8
|
+
this.renderer2 = renderer2;
|
|
9
|
+
}
|
|
10
|
+
setOptions(options) {
|
|
11
|
+
this.chartData.data.forEach((dataItem) => {
|
|
12
|
+
const dataConfig = this.creatData(dataItem);
|
|
13
|
+
options.series.push(dataConfig);
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
creatData(dataItem) {
|
|
17
|
+
return {
|
|
18
|
+
name: 'Direct',
|
|
19
|
+
barWidth: 15,
|
|
20
|
+
type: 'bar',
|
|
21
|
+
stack: 'total',
|
|
22
|
+
emphasis: {
|
|
23
|
+
focus: 'series'
|
|
24
|
+
},
|
|
25
|
+
data: [
|
|
26
|
+
{
|
|
27
|
+
value: dataItem.value,
|
|
28
|
+
itemStyle: {
|
|
29
|
+
color: dataItem.color
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
],
|
|
33
|
+
label: {
|
|
34
|
+
show: true,
|
|
35
|
+
formatter: (d) => d.data.value.toString() + this.chartData.suffix,
|
|
36
|
+
fontSize: 10
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
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 });
|
|
42
|
+
MicroChartStackbarBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", type: MicroChartStackbarBaseDirective, selector: "[beMicroChartStackbar]", inputs: { chartData: "chartData" }, usesInheritance: true, ngImport: i0 });
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartStackbarBaseDirective, decorators: [{
|
|
44
|
+
type: Directive,
|
|
45
|
+
args: [{
|
|
46
|
+
selector: '[beMicroChartStackbar]'
|
|
47
|
+
}]
|
|
48
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { chartData: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}] } });
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtc3RhY2tiYXItYmFzZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvYmFzZS9taWNyby1jaGFydC1zdGFja2Jhci1iYXNlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFNdkUsTUFBTSxPQUFPLCtCQUFnQyxTQUFRLHVCQUF1QjtJQUd4RSxZQUFzQixFQUFjLEVBQVksU0FBb0I7UUFDaEUsS0FBSyxDQUFDLEVBQUUsRUFBRSxTQUFTLENBQUMsQ0FBQztRQURILE9BQUUsR0FBRixFQUFFLENBQVk7UUFBWSxjQUFTLEdBQVQsU0FBUyxDQUFXO0lBRXBFLENBQUM7SUFFUyxVQUFVLENBQUMsT0FBTztRQUN4QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtZQUNyQyxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQzVDLE9BQU8sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3BDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVPLFNBQVMsQ0FBQyxRQUFRO1FBQ3RCLE9BQU87WUFDSCxJQUFJLEVBQUUsUUFBUTtZQUNkLFFBQVEsRUFBRSxFQUFFO1lBQ1osSUFBSSxFQUFFLEtBQUs7WUFDWCxLQUFLLEVBQUUsT0FBTztZQUNkLFFBQVEsRUFBRTtnQkFDTixLQUFLLEVBQUUsUUFBUTthQUNsQjtZQUNELElBQUksRUFBRTtnQkFDRjtvQkFDSSxLQUFLLEVBQUUsUUFBUSxDQUFDLEtBQUs7b0JBQ3JCLFNBQVMsRUFBRTt3QkFDUCxLQUFLLEVBQUUsUUFBUSxDQUFDLEtBQUs7cUJBQ3hCO2lCQUNKO2FBQ0o7WUFFRCxLQUFLLEVBQUU7Z0JBQ0gsSUFBSSxFQUFFLElBQUk7Z0JBQ1YsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU07Z0JBQ2pFLFFBQVEsRUFBRSxFQUFFO2FBQ2Y7U0FDSixDQUFDO0lBQ04sQ0FBQzs7NEhBdENRLCtCQUErQjtnSEFBL0IsK0JBQStCOzJGQUEvQiwrQkFBK0I7a0JBSDNDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHdCQUF3QjtpQkFDckM7eUhBRVksU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNaWNyb0NoYXJ0QmFzZURpcmVjdGl2ZSB9IGZyb20gJy4vbWljcm8tY2hhcnQtYmFzZS5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBTdGFja2Jhckl0ZW0gfSBmcm9tICcuLi9tb2RlbHMvc3RhY2tiYXItaXRlbSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICAgIHNlbGVjdG9yOiAnW2JlTWljcm9DaGFydFN0YWNrYmFyXSdcclxufSlcclxuZXhwb3J0IGNsYXNzIE1pY3JvQ2hhcnRTdGFja2JhckJhc2VEaXJlY3RpdmUgZXh0ZW5kcyBNaWNyb0NoYXJ0QmFzZURpcmVjdGl2ZSB7XHJcbiAgICBASW5wdXQoKSBjaGFydERhdGE6IFN0YWNrYmFySXRlbTtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgZWw6IEVsZW1lbnRSZWYsIHByb3RlY3RlZCByZW5kZXJlcjI6IFJlbmRlcmVyMikge1xyXG4gICAgICAgIHN1cGVyKGVsLCByZW5kZXJlcjIpO1xyXG4gICAgfVxyXG5cclxuICAgIHByb3RlY3RlZCBzZXRPcHRpb25zKG9wdGlvbnMpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLmNoYXJ0RGF0YS5kYXRhLmZvckVhY2goKGRhdGFJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFDb25maWcgPSB0aGlzLmNyZWF0RGF0YShkYXRhSXRlbSk7XHJcbiAgICAgICAgICAgIG9wdGlvbnMuc2VyaWVzLnB1c2goZGF0YUNvbmZpZyk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBjcmVhdERhdGEoZGF0YUl0ZW0pOiBhbnkge1xyXG4gICAgICAgIHJldHVybiB7XHJcbiAgICAgICAgICAgIG5hbWU6ICdEaXJlY3QnLFxyXG4gICAgICAgICAgICBiYXJXaWR0aDogMTUsXHJcbiAgICAgICAgICAgIHR5cGU6ICdiYXInLFxyXG4gICAgICAgICAgICBzdGFjazogJ3RvdGFsJyxcclxuICAgICAgICAgICAgZW1waGFzaXM6IHtcclxuICAgICAgICAgICAgICAgIGZvY3VzOiAnc2VyaWVzJ1xyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICBkYXRhOiBbXHJcbiAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgdmFsdWU6IGRhdGFJdGVtLnZhbHVlLFxyXG4gICAgICAgICAgICAgICAgICAgIGl0ZW1TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogZGF0YUl0ZW0uY29sb3JcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIF0sXHJcblxyXG4gICAgICAgICAgICBsYWJlbDoge1xyXG4gICAgICAgICAgICAgICAgc2hvdzogdHJ1ZSxcclxuICAgICAgICAgICAgICAgIGZvcm1hdHRlcjogKGQpID0+IGQuZGF0YS52YWx1ZS50b1N0cmluZygpICsgdGhpcy5jaGFydERhdGEuc3VmZml4LFxyXG4gICAgICAgICAgICAgICAgZm9udFNpemU6IDEwXHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9O1xyXG4gICAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import { BaseComponent } from 'barsa-novin-ray-core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "barsa-novin-ray-core";
|
|
6
|
+
import * as i3 from "../../base/micro-chart-area-base.directive";
|
|
7
|
+
export class MicroChartAreaComponent extends BaseComponent {
|
|
8
|
+
constructor(el) {
|
|
9
|
+
super();
|
|
10
|
+
this.el = el;
|
|
11
|
+
}
|
|
12
|
+
ngOnInit() {
|
|
13
|
+
super.ngOnInit();
|
|
14
|
+
this.suffix = this.chartData?.line?.suffix;
|
|
15
|
+
this.getFirstAndLastValues();
|
|
16
|
+
}
|
|
17
|
+
getFirstAndLastValues() {
|
|
18
|
+
const dataLength = this.chartData.line.data.length;
|
|
19
|
+
this.firstValue = this.chartData.line.data[0].value.toString();
|
|
20
|
+
this.lastValue = this.chartData.line.data[dataLength - 1].value.toString();
|
|
21
|
+
this.firstLabel = this.chartData.line.data[0].label;
|
|
22
|
+
this.lastLabel = this.chartData.line.data[dataLength - 1].label;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
MicroChartAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartAreaComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
MicroChartAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: MicroChartAreaComponent, selector: "be-micro-chart-area", inputs: { size: "size", chartData: "chartData" }, usesInheritance: true, ngImport: i0, template: "<div class=\"right-labels\" *ngIf=\"size === 'l'\">\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\r\n<div class=\"top-labels\" *ngIf=\"size === 's'\">\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<div *untilInView=\"el\" beMicroChartArea [areas]=\"chartData.areas\" [line]=\"chartData.line\"></div>\r\n\r\n<div class=\"left-labels\" *ngIf=\"size === 'l'\">\r\n <span [style.color]=\"chartData.firstValueColor\">{{ firstValue }}{{ suffix }}</span>\r\n <span [style.color]=\"chartData.firstValueColor\">{{ firstLabel }}</span>\r\n</div>\r\n<div class=\"bottom-labels\" *ngIf=\"size === 's'\">\r\n <span [style.color]=\"chartData.lastValueColor\">{{ lastLabel }}</span>\r\n <span [style.color]=\"chartData.firstValueColor\">{{ firstLabel }}</span>\r\n</div>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }, { kind: "directive", type: i3.MicroChartAreaBaseDirective, selector: "[beMicroChartArea]", inputs: ["areas", "line"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartAreaComponent, decorators: [{
|
|
28
|
+
type: Component,
|
|
29
|
+
args: [{ selector: 'be-micro-chart-area', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"right-labels\" *ngIf=\"size === 'l'\">\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\r\n<div class=\"top-labels\" *ngIf=\"size === 's'\">\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<div *untilInView=\"el\" beMicroChartArea [areas]=\"chartData.areas\" [line]=\"chartData.line\"></div>\r\n\r\n<div class=\"left-labels\" *ngIf=\"size === 'l'\">\r\n <span [style.color]=\"chartData.firstValueColor\">{{ firstValue }}{{ suffix }}</span>\r\n <span [style.color]=\"chartData.firstValueColor\">{{ firstLabel }}</span>\r\n</div>\r\n<div class=\"bottom-labels\" *ngIf=\"size === 's'\">\r\n <span [style.color]=\"chartData.lastValueColor\">{{ lastLabel }}</span>\r\n <span [style.color]=\"chartData.firstValueColor\">{{ firstLabel }}</span>\r\n</div>\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"] }]
|
|
30
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { size: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], chartData: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}] } });
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtYXJlYS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWFyZWEvbWljcm8tY2hhcnQtYXJlYS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWFyZWEvbWljcm8tY2hhcnQtYXJlYS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUU5RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7O0FBU3JELE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxhQUFhO0lBU3RELFlBQW1CLEVBQWM7UUFDN0IsS0FBSyxFQUFFLENBQUM7UUFETyxPQUFFLEdBQUYsRUFBRSxDQUFZO0lBRWpDLENBQUM7SUFFRCxRQUFRO1FBQ0osS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLEVBQUUsTUFBTSxDQUFDO1FBQzNDLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFDRCxxQkFBcUI7UUFDakIsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUNuRCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDL0QsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUMzRSxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7UUFDcEQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUNwRSxDQUFDOztvSEF4QlEsdUJBQXVCO3dHQUF2Qix1QkFBdUIsb0lDWHBDLDJqQ0FvQkE7MkZEVGEsdUJBQXVCO2tCQU5uQyxTQUFTOytCQUNJLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNO2lHQUd0QyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQmFzZUNvbXBvbmVudCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcbmltcG9ydCB7IEFyZWFDaGFydCB9IGZyb20gJy4uLy4uL21vZGVscy9hcmVhLWNoYXJ0JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdiZS1taWNyby1jaGFydC1hcmVhJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbWljcm8tY2hhcnQtYXJlYS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbWljcm8tY2hhcnQtYXJlYS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIE1pY3JvQ2hhcnRBcmVhQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgc2l6ZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGNoYXJ0RGF0YTogQXJlYUNoYXJ0O1xuICAgIHN1ZmZpeDogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICAgIGZpcnN0VmFsdWU6IHN0cmluZztcbiAgICBsYXN0VmFsdWU6IHN0cmluZztcbiAgICBmaXJzdExhYmVsOiBzdHJpbmc7XG4gICAgbGFzdExhYmVsOiBzdHJpbmc7XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWw6IEVsZW1lbnRSZWYpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICAgICAgdGhpcy5zdWZmaXggPSB0aGlzLmNoYXJ0RGF0YT8ubGluZT8uc3VmZml4O1xuICAgICAgICB0aGlzLmdldEZpcnN0QW5kTGFzdFZhbHVlcygpO1xuICAgIH1cbiAgICBnZXRGaXJzdEFuZExhc3RWYWx1ZXMoKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGRhdGFMZW5ndGggPSB0aGlzLmNoYXJ0RGF0YS5saW5lLmRhdGEubGVuZ3RoO1xuICAgICAgICB0aGlzLmZpcnN0VmFsdWUgPSB0aGlzLmNoYXJ0RGF0YS5saW5lLmRhdGFbMF0udmFsdWUudG9TdHJpbmcoKTtcbiAgICAgICAgdGhpcy5sYXN0VmFsdWUgPSB0aGlzLmNoYXJ0RGF0YS5saW5lLmRhdGFbZGF0YUxlbmd0aCAtIDFdLnZhbHVlLnRvU3RyaW5nKCk7XG4gICAgICAgIHRoaXMuZmlyc3RMYWJlbCA9IHRoaXMuY2hhcnREYXRhLmxpbmUuZGF0YVswXS5sYWJlbDtcbiAgICAgICAgdGhpcy5sYXN0TGFiZWwgPSB0aGlzLmNoYXJ0RGF0YS5saW5lLmRhdGFbZGF0YUxlbmd0aCAtIDFdLmxhYmVsO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJyaWdodC1sYWJlbHNcIiAqbmdJZj1cInNpemUgPT09ICdsJ1wiPlxyXG4gICAgPHNwYW4gW3N0eWxlLmNvbG9yXT1cImNoYXJ0RGF0YS5sYXN0VmFsdWVDb2xvclwiPnt7IGxhc3RWYWx1ZSB9fXt7IGNoYXJ0RGF0YT8ubGluZT8uc3VmZml4IH19PC9zcGFuPlxyXG4gICAgPHNwYW4gW3N0eWxlLmNvbG9yXT1cImNoYXJ0RGF0YS5sYXN0VmFsdWVDb2xvclwiPnt7IGxhc3RMYWJlbCB9fTwvc3Bhbj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwidG9wLWxhYmVsc1wiICpuZ0lmPVwic2l6ZSA9PT0gJ3MnXCI+XHJcbiAgICA8c3BhbiBbc3R5bGUuY29sb3JdPVwiY2hhcnREYXRhLmxhc3RWYWx1ZUNvbG9yXCI+e3sgbGFzdFZhbHVlIH19e3sgc3VmZml4IH19PC9zcGFuPlxyXG4gICAgPHNwYW4gW3N0eWxlLmNvbG9yXT1cImNoYXJ0RGF0YS5maXJzdFZhbHVlQ29sb3JcIj57eyBmaXJzdFZhbHVlIH19e3sgc3VmZml4IH19PC9zcGFuPlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgKnVudGlsSW5WaWV3PVwiZWxcIiBiZU1pY3JvQ2hhcnRBcmVhIFthcmVhc109XCJjaGFydERhdGEuYXJlYXNcIiBbbGluZV09XCJjaGFydERhdGEubGluZVwiPjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImxlZnQtbGFiZWxzXCIgKm5nSWY9XCJzaXplID09PSAnbCdcIj5cclxuICAgIDxzcGFuIFtzdHlsZS5jb2xvcl09XCJjaGFydERhdGEuZmlyc3RWYWx1ZUNvbG9yXCI+e3sgZmlyc3RWYWx1ZSB9fXt7IHN1ZmZpeCB9fTwvc3Bhbj5cclxuICAgIDxzcGFuIFtzdHlsZS5jb2xvcl09XCJjaGFydERhdGEuZmlyc3RWYWx1ZUNvbG9yXCI+e3sgZmlyc3RMYWJlbCB9fTwvc3Bhbj5cclxuPC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJib3R0b20tbGFiZWxzXCIgKm5nSWY9XCJzaXplID09PSAncydcIj5cclxuICAgIDxzcGFuIFtzdHlsZS5jb2xvcl09XCJjaGFydERhdGEubGFzdFZhbHVlQ29sb3JcIj57eyBsYXN0TGFiZWwgfX08L3NwYW4+XHJcbiAgICA8c3BhbiBbc3R5bGUuY29sb3JdPVwiY2hhcnREYXRhLmZpcnN0VmFsdWVDb2xvclwiPnt7IGZpcnN0TGFiZWwgfX08L3NwYW4+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import { BaseComponent } from 'barsa-novin-ray-core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "barsa-novin-ray-core";
|
|
6
|
+
import * as i3 from "../../base/micro-chart-bar-base.directive";
|
|
7
|
+
export class MicroChartBarComponent extends BaseComponent {
|
|
8
|
+
constructor(el) {
|
|
9
|
+
super();
|
|
10
|
+
this.el = el;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
MicroChartBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartBarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
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 });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartBarComponent, decorators: [{
|
|
16
|
+
type: Component,
|
|
17
|
+
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"] }]
|
|
18
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { data: [{
|
|
19
|
+
type: Input
|
|
20
|
+
}], size: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}], extraData: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}] } });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLWVjaGFydHMvc3JjL2xpYi9taWNyby1jaGFydHMvbWljcm8tY2hhcnQtYmFyL21pY3JvLWNoYXJ0LWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWJhci9taWNyby1jaGFydC1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7OztBQVNyRCxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsYUFBYTtJQU9yRCxZQUFtQixFQUFjO1FBQzdCLEtBQUssRUFBRSxDQUFDO1FBRE8sT0FBRSxHQUFGLEVBQUUsQ0FBWTtJQUVqQyxDQUFDOzttSEFUUSxzQkFBc0I7dUdBQXRCLHNCQUFzQixpSkNYbkMsb1BBSUE7MkZET2Esc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNJLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNO2lHQUd0QyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50IH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuaW1wb3J0IHsgQmFySXRlbSB9IGZyb20gJy4uLy4uL21vZGVscy9iYXItaXRlbSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYmUtbWljcm8tY2hhcnQtYmFyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbWljcm8tY2hhcnQtYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9taWNyby1jaGFydC1iYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBNaWNyb0NoYXJ0QmFyQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgZGF0YTogQmFySXRlbVtdO1xuICAgIEBJbnB1dCgpIHNpemU6IHN0cmluZztcbiAgICBASW5wdXQoKSBleHRyYURhdGE6IHtcbiAgICAgICAgdmFsdWU6IG51bWJlcjtcbiAgICAgICAgc3VmZml4OiBzdHJpbmc7XG4gICAgfTtcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWw6IEVsZW1lbnRSZWYpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG59XG4iLCI8ZGl2ICp1bnRpbEluVmlldz1cImVsXCIgYmVNaWNyb0NoYXJ0QmFyIFtuZ0NsYXNzXT1cInNpemUgPT09ICdsJyA/ICdmbGV4LTUwJyA6ICdmbGV4LTEwMCdcIiBbZGF0YV09XCJkYXRhXCI+PC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJjaGFydC1kZXNjXCIgKm5nSWY9XCJzaXplID09PSAnbCdcIj5cclxuICAgIDxoMj57eyBleHRyYURhdGEudmFsdWUgfX17eyBleHRyYURhdGEuc3VmZml4IH19PC9oMj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';
|
|
2
|
+
import { BaseComponent } from 'barsa-novin-ray-core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class MicroChartBulletComponent extends BaseComponent {
|
|
6
|
+
constructor(renderer) {
|
|
7
|
+
super();
|
|
8
|
+
this.renderer = renderer;
|
|
9
|
+
this.suffix = '';
|
|
10
|
+
this.separatorLinesFakeArray = [];
|
|
11
|
+
}
|
|
12
|
+
ngOnInit() {
|
|
13
|
+
super.ngOnInit();
|
|
14
|
+
this.delta = Math.abs(this.value - this.target);
|
|
15
|
+
this.forecastWidth = this.getWidth(this.forecast);
|
|
16
|
+
this.deltaWidth = this.getWidth(this.delta);
|
|
17
|
+
this.valueWidth = this.getWidth(this.value);
|
|
18
|
+
this.targetWidth = this.getWidth(this.target, true);
|
|
19
|
+
this.deltaBackgroundColor = this.getBackgroundColor('delta');
|
|
20
|
+
this.forecastBackgroundColor = this.getBackgroundColor('forecast');
|
|
21
|
+
this.valueBackgroundColor = this.getBackgroundColor('value');
|
|
22
|
+
this.targetWithSuffix = this.getValueWithSuffix(this.target);
|
|
23
|
+
this.deltaWithSuffix = this.getValueWithSuffix(this.delta);
|
|
24
|
+
this.valueWithSuffix = this.getValueWithSuffix(this.value);
|
|
25
|
+
this.fakeArray();
|
|
26
|
+
}
|
|
27
|
+
ngAfterViewInit() {
|
|
28
|
+
super.ngAfterViewInit();
|
|
29
|
+
if (this.deltaDom) {
|
|
30
|
+
const deltaLeft = this.value >= this.target ? this.getWidth(this.target) : this.getWidth(this.target - this.delta);
|
|
31
|
+
this.renderer.setStyle(this.deltaDom.nativeElement, 'left', deltaLeft);
|
|
32
|
+
const deltaPointerDom = this.deltaDom.nativeElement.querySelector('.pointer');
|
|
33
|
+
const deltaPointerLeft = this.value >= this.target ? '' : '0';
|
|
34
|
+
this.renderer.setStyle(deltaPointerDom, 'left', deltaPointerLeft);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
getWidth(value, isTarget) {
|
|
38
|
+
if (value) {
|
|
39
|
+
let width = (value / this.range) * 100;
|
|
40
|
+
width = isTarget ? width - 2 : width;
|
|
41
|
+
return width.toString() + '%';
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
return '0';
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
getValueWithSuffix(value) {
|
|
48
|
+
return value.toString() + (this.suffix || '');
|
|
49
|
+
}
|
|
50
|
+
getBackgroundColor(item) {
|
|
51
|
+
if (item === 'forecast') {
|
|
52
|
+
return this.forecast >= this.target ? '#a1dbb1' : '#fda8ab';
|
|
53
|
+
}
|
|
54
|
+
else {
|
|
55
|
+
return this.value >= this.target ? '#3fa45b' : '#dc0d0e';
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
fakeArray() {
|
|
59
|
+
for (let i = 0; i < this.separatorLines; i++) {
|
|
60
|
+
this.separatorLinesFakeArray.push(i);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
MicroChartBulletComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartBulletComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
65
|
+
MicroChartBulletComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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 <div class=\"target\" *ngIf=\"target\" #target [style.left]=\"targetWidth\">\r\n <span>{{ targetWithSuffix }}</span>\r\n </div>\r\n <div\r\n class=\"forecast\"\r\n *ngIf=\"forecast\"\r\n [style.background-color]=\"forecastBackgroundColor\"\r\n [style.width]=\"forecastWidth\"\r\n ></div>\r\n\r\n <div\r\n class=\"delta\"\r\n #deltaBox\r\n *ngIf=\"isDelta && delta; else valueBox\"\r\n [style.background-color]=\"deltaBackgroundColor\"\r\n [style.width]=\"deltaWidth\"\r\n >\r\n <span [style.color]=\"valueBackgroundColor\">{{ deltaWithSuffix + '\u25B2' }}</span>\r\n <div class=\"pointer\" [style.background-color]=\"deltaBackgroundColor\"></div>\r\n </div>\r\n\r\n <ng-template #valueBox>\r\n <div class=\"value\" *ngIf=\"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 </ng-template>\r\n\r\n <!-- separator lines-->\r\n </div>\r\n <div class=\"separator-lines\" *ngIf=\"separatorLines\">\r\n <div *ngFor=\"let i of separatorLinesFakeArray\" class=\"separator-line\"></div>\r\n </div>\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"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
66
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartBulletComponent, decorators: [{
|
|
67
|
+
type: Component,
|
|
68
|
+
args: [{ selector: 'be-micro-chart-bullet', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"chart-container\">\r\n <div class=\"range\">\r\n <div class=\"target\" *ngIf=\"target\" #target [style.left]=\"targetWidth\">\r\n <span>{{ targetWithSuffix }}</span>\r\n </div>\r\n <div\r\n class=\"forecast\"\r\n *ngIf=\"forecast\"\r\n [style.background-color]=\"forecastBackgroundColor\"\r\n [style.width]=\"forecastWidth\"\r\n ></div>\r\n\r\n <div\r\n class=\"delta\"\r\n #deltaBox\r\n *ngIf=\"isDelta && delta; else valueBox\"\r\n [style.background-color]=\"deltaBackgroundColor\"\r\n [style.width]=\"deltaWidth\"\r\n >\r\n <span [style.color]=\"valueBackgroundColor\">{{ deltaWithSuffix + '\u25B2' }}</span>\r\n <div class=\"pointer\" [style.background-color]=\"deltaBackgroundColor\"></div>\r\n </div>\r\n\r\n <ng-template #valueBox>\r\n <div class=\"value\" *ngIf=\"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 </ng-template>\r\n\r\n <!-- separator lines-->\r\n </div>\r\n <div class=\"separator-lines\" *ngIf=\"separatorLines\">\r\n <div *ngFor=\"let i of separatorLinesFakeArray\" class=\"separator-line\"></div>\r\n </div>\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"] }]
|
|
69
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { deltaDom: [{
|
|
70
|
+
type: ViewChild,
|
|
71
|
+
args: ['deltaBox']
|
|
72
|
+
}], range: [{
|
|
73
|
+
type: Input
|
|
74
|
+
}], value: [{
|
|
75
|
+
type: Input
|
|
76
|
+
}], forecast: [{
|
|
77
|
+
type: Input
|
|
78
|
+
}], target: [{
|
|
79
|
+
type: Input
|
|
80
|
+
}], suffix: [{
|
|
81
|
+
type: Input
|
|
82
|
+
}], separatorLines: [{
|
|
83
|
+
type: Input
|
|
84
|
+
}], isDelta: [{
|
|
85
|
+
type: Input
|
|
86
|
+
}] } });
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtYnVsbGV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLWVjaGFydHMvc3JjL2xpYi9taWNyby1jaGFydHMvbWljcm8tY2hhcnQtYnVsbGV0L21pY3JvLWNoYXJ0LWJ1bGxldC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWJ1bGxldC9taWNyby1jaGFydC1idWxsZXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVILHVCQUF1QixFQUN2QixTQUFTLEVBRVQsS0FBSyxFQUdMLFNBQVMsRUFDWixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7OztBQVFyRCxNQUFNLE9BQU8seUJBQTBCLFNBQVEsYUFBYTtJQXVCeEQsWUFBb0IsUUFBbUI7UUFDbkMsS0FBSyxFQUFFLENBQUM7UUFEUSxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBakI5QixXQUFNLEdBQUcsRUFBRSxDQUFDO1FBZXJCLDRCQUF1QixHQUFhLEVBQUUsQ0FBQztJQUl2QyxDQUFDO0lBRUQsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDaEQsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUNsRCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzVDLElB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SyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1NBQzVEO0lBQ0wsQ0FBQztJQUVELFNBQVM7UUFDTCxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUMxQyxJQUFJLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3hDO0lBQ0wsQ0FBQzs7c0hBakZRLHlCQUF5QjswR0FBekIseUJBQXlCLHNWQ25CdEMsa2hEQW9DQTsyRkRqQmEseUJBQXlCO2tCQU5yQyxTQUFTOytCQUNJLHVCQUF1QixtQkFHaEIsdUJBQXVCLENBQUMsTUFBTTtnR0FHeEIsUUFBUTtzQkFBOUIsU0FBUzt1QkFBQyxVQUFVO2dCQUNaLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBZnRlclZpZXdJbml0LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIElucHV0LFxuICAgIE9uSW5pdCxcbiAgICBSZW5kZXJlcjIsXG4gICAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50IH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2JlLW1pY3JvLWNoYXJ0LWJ1bGxldCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL21pY3JvLWNoYXJ0LWJ1bGxldC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbWljcm8tY2hhcnQtYnVsbGV0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgTWljcm9DaGFydEJ1bGxldENvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICAgIEBWaWV3Q2hpbGQoJ2RlbHRhQm94JykgZGVsdGFEb206IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xuICAgIEBJbnB1dCgpIHJhbmdlOiBudW1iZXI7XG4gICAgQElucHV0KCkgdmFsdWU6IG51bWJlcjtcbiAgICBASW5wdXQoKSBmb3JlY2FzdDogbnVtYmVyO1xuICAgIEBJbnB1dCgpIHRhcmdldDogbnVtYmVyO1xuICAgIEBJbnB1dCgpIHN1ZmZpeCA9ICcnO1xuICAgIEBJbnB1dCgpIHNlcGFyYXRvckxpbmVzO1xuICAgIEBJbnB1dCgpIGlzRGVsdGE6IGJvb2xlYW47XG5cbiAgICBkZWx0YTogbnVtYmVyO1xuICAgIGZvcmVjYXN0V2lkdGg6IHN0cmluZztcbiAgICBkZWx0YVdpZHRoOiBzdHJpbmc7XG4gICAgdmFsdWVXaWR0aDogc3RyaW5nO1xuICAgIHRhcmdldFdpZHRoOiBzdHJpbmc7XG4gICAgZGVsdGFCYWNrZ3JvdW5kQ29sb3I6IHN0cmluZztcbiAgICBmb3JlY2FzdEJhY2tncm91bmRDb2xvcjogc3RyaW5nO1xuICAgIHZhbHVlQmFja2dyb3VuZENvbG9yOiBzdHJpbmc7XG4gICAgdGFyZ2V0V2l0aFN1ZmZpeDogc3RyaW5nO1xuICAgIGRlbHRhV2l0aFN1ZmZpeDogc3RyaW5nO1xuICAgIHZhbHVlV2l0aFN1ZmZpeDogc3RyaW5nO1xuICAgIHNlcGFyYXRvckxpbmVzRmFrZUFycmF5OiBudW1iZXJbXSA9IFtdO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIHRoaXMuZGVsdGEgPSBNYXRoLmFicyh0aGlzLnZhbHVlIC0gdGhpcy50YXJnZXQpO1xuICAgICAgICB0aGlzLmZvcmVjYXN0V2lkdGggPSB0aGlzLmdldFdpZHRoKHRoaXMuZm9yZWNhc3QpO1xuICAgICAgICB0aGlzLmRlbHRhV2lkdGggPSB0aGlzLmdldFdpZHRoKHRoaXMuZGVsdGEpO1xuICAgICAgICB0aGlzLnZhbHVlV2lkdGggPSB0aGlzLmdldFdpZHRoKHRoaXMudmFsdWUpO1xuICAgICAgICB0aGlzLnRhcmdldFdpZHRoID0gdGhpcy5nZXRXaWR0aCh0aGlzLnRhcmdldCwgdHJ1ZSk7XG4gICAgICAgIHRoaXMuZGVsdGFCYWNrZ3JvdW5kQ29sb3IgPSB0aGlzLmdldEJhY2tncm91bmRDb2xvcignZGVsdGEnKTtcbiAgICAgICAgdGhpcy5mb3JlY2FzdEJhY2tncm91bmRDb2xvciA9IHRoaXMuZ2V0QmFja2dyb3VuZENvbG9yKCdmb3JlY2FzdCcpO1xuICAgICAgICB0aGlzLnZhbHVlQmFja2dyb3VuZENvbG9yID0gdGhpcy5nZXRCYWNrZ3JvdW5kQ29sb3IoJ3ZhbHVlJyk7XG4gICAgICAgIHRoaXMudGFyZ2V0V2l0aFN1ZmZpeCA9IHRoaXMuZ2V0VmFsdWVXaXRoU3VmZml4KHRoaXMudGFyZ2V0KTtcbiAgICAgICAgdGhpcy5kZWx0YVdpdGhTdWZmaXggPSB0aGlzLmdldFZhbHVlV2l0aFN1ZmZpeCh0aGlzLmRlbHRhKTtcbiAgICAgICAgdGhpcy52YWx1ZVdpdGhTdWZmaXggPSB0aGlzLmdldFZhbHVlV2l0aFN1ZmZpeCh0aGlzLnZhbHVlKTtcbiAgICAgICAgdGhpcy5mYWtlQXJyYXkoKTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nQWZ0ZXJWaWV3SW5pdCgpO1xuICAgICAgICBpZiAodGhpcy5kZWx0YURvbSkge1xuICAgICAgICAgICAgY29uc3QgZGVsdGFMZWZ0ID1cbiAgICAgICAgICAgICAgICB0aGlzLnZhbHVlID49IHRoaXMudGFyZ2V0ID8gdGhpcy5nZXRXaWR0aCh0aGlzLnRhcmdldCkgOiB0aGlzLmdldFdpZHRoKHRoaXMudGFyZ2V0IC0gdGhpcy5kZWx0YSk7XG4gICAgICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuZGVsdGFEb20ubmF0aXZlRWxlbWVudCwgJ2xlZnQnLCBkZWx0YUxlZnQpO1xuICAgICAgICAgICAgY29uc3QgZGVsdGFQb2ludGVyRG9tID0gdGhpcy5kZWx0YURvbS5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJy5wb2ludGVyJyk7XG4gICAgICAgICAgICBjb25zdCBkZWx0YVBvaW50ZXJMZWZ0ID0gdGhpcy52YWx1ZSA+PSB0aGlzLnRhcmdldCA/ICcnIDogJzAnO1xuICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShkZWx0YVBvaW50ZXJEb20sICdsZWZ0JywgZGVsdGFQb2ludGVyTGVmdCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBnZXRXaWR0aCh2YWx1ZTogbnVtYmVyLCBpc1RhcmdldD86IGJvb2xlYW4pOiBzdHJpbmcge1xuICAgICAgICBpZiAodmFsdWUpIHtcbiAgICAgICAgICAgIGxldCB3aWR0aCA9ICh2YWx1ZSAvIHRoaXMucmFuZ2UpICogMTAwO1xuICAgICAgICAgICAgd2lkdGggPSBpc1RhcmdldCA/IHdpZHRoIC0gMiA6IHdpZHRoO1xuICAgICAgICAgICAgcmV0dXJuIHdpZHRoLnRvU3RyaW5nKCkgKyAnJSc7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICByZXR1cm4gJzAnO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgZ2V0VmFsdWVXaXRoU3VmZml4KHZhbHVlOiBudW1iZXIpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdmFsdWUudG9TdHJpbmcoKSArICh0aGlzLnN1ZmZpeCB8fCAnJyk7XG4gICAgfVxuXG4gICAgZ2V0QmFja2dyb3VuZENvbG9yKGl0ZW06ICd2YWx1ZScgfCAnZm9yZWNhc3QnIHwgJ2RlbHRhJyk6IHN0cmluZyB7XG4gICAgICAgIGlmIChpdGVtID09PSAnZm9yZWNhc3QnKSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5mb3JlY2FzdCA+PSB0aGlzLnRhcmdldCA/ICcjYTFkYmIxJyA6ICcjZmRhOGFiJztcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLnZhbHVlID49IHRoaXMudGFyZ2V0ID8gJyMzZmE0NWInIDogJyNkYzBkMGUnO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgZmFrZUFycmF5KCk6IHZvaWQge1xuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMuc2VwYXJhdG9yTGluZXM7IGkrKykge1xuICAgICAgICAgICAgdGhpcy5zZXBhcmF0b3JMaW5lc0Zha2VBcnJheS5wdXNoKGkpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNoYXJ0LWNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInJhbmdlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRhcmdldFwiICpuZ0lmPVwidGFyZ2V0XCIgI3RhcmdldCBbc3R5bGUubGVmdF09XCJ0YXJnZXRXaWR0aFwiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eyB0YXJnZXRXaXRoU3VmZml4IH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXZcclxuICAgICAgICAgICAgY2xhc3M9XCJmb3JlY2FzdFwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwiZm9yZWNhc3RcIlxyXG4gICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJmb3JlY2FzdEJhY2tncm91bmRDb2xvclwiXHJcbiAgICAgICAgICAgIFtzdHlsZS53aWR0aF09XCJmb3JlY2FzdFdpZHRoXCJcclxuICAgICAgICA+PC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXZcclxuICAgICAgICAgICAgY2xhc3M9XCJkZWx0YVwiXHJcbiAgICAgICAgICAgICNkZWx0YUJveFxyXG4gICAgICAgICAgICAqbmdJZj1cImlzRGVsdGEgJiYgZGVsdGE7IGVsc2UgdmFsdWVCb3hcIlxyXG4gICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJkZWx0YUJhY2tncm91bmRDb2xvclwiXHJcbiAgICAgICAgICAgIFtzdHlsZS53aWR0aF09XCJkZWx0YVdpZHRoXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICAgIDxzcGFuIFtzdHlsZS5jb2xvcl09XCJ2YWx1ZUJhY2tncm91bmRDb2xvclwiPnt7IGRlbHRhV2l0aFN1ZmZpeCArICfilrInIH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicG9pbnRlclwiIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImRlbHRhQmFja2dyb3VuZENvbG9yXCI+PC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjdmFsdWVCb3g+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZVwiICpuZ0lmPVwidmFsdWVcIiBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJ2YWx1ZUJhY2tncm91bmRDb2xvclwiIFtzdHlsZS53aWR0aF09XCJ2YWx1ZVdpZHRoXCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBbc3R5bGUuY29sb3JdPVwidmFsdWVCYWNrZ3JvdW5kQ29sb3JcIj57eyB2YWx1ZVdpdGhTdWZmaXggfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicG9pbnRlclwiIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cInZhbHVlQmFja2dyb3VuZENvbG9yXCI+PC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcblxyXG4gICAgICAgIDwhLS0gIHNlcGFyYXRvciBsaW5lcy0tPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwic2VwYXJhdG9yLWxpbmVzXCIgKm5nSWY9XCJzZXBhcmF0b3JMaW5lc1wiPlxyXG4gICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGkgb2Ygc2VwYXJhdG9yTGluZXNGYWtlQXJyYXlcIiBjbGFzcz1cInNlcGFyYXRvci1saW5lXCI+PC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import { BaseComponent } from 'barsa-novin-ray-core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "barsa-novin-ray-core";
|
|
5
|
+
import * as i2 from "../../base/micro-chart-circular-base.directive";
|
|
6
|
+
export class MicroChartCircularComponent extends BaseComponent {
|
|
7
|
+
constructor(el) {
|
|
8
|
+
super();
|
|
9
|
+
this.el = el;
|
|
10
|
+
this.data = 50;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
MicroChartCircularComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartCircularComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
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 });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartCircularComponent, decorators: [{
|
|
16
|
+
type: Component,
|
|
17
|
+
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"] }]
|
|
18
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { data: [{
|
|
19
|
+
type: Input
|
|
20
|
+
}] } });
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtY2lyY3VsYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2EtZWNoYXJ0cy9zcmMvbGliL21pY3JvLWNoYXJ0cy9taWNyby1jaGFydC1jaXJjdWxhci9taWNyby1jaGFydC1jaXJjdWxhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWNpcmN1bGFyL21pY3JvLWNoYXJ0LWNpcmN1bGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXRGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7OztBQVFyRCxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsYUFBYTtJQUcxRCxZQUFtQixFQUFjO1FBQzdCLEtBQUssRUFBRSxDQUFDO1FBRE8sT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUZ4QixTQUFJLEdBQUcsRUFBRSxDQUFDO0lBSW5CLENBQUM7O3dIQUxRLDJCQUEyQjs0R0FBM0IsMkJBQTJCLGdIQ1Z4QywwRUFDQTsyRkRTYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0kseUJBQXlCLG1CQUdsQix1QkFBdUIsQ0FBQyxNQUFNO2lHQUd0QyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50IH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2JlLW1pY3JvLWNoYXJ0LWNpcmN1bGFyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbWljcm8tY2hhcnQtY2lyY3VsYXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL21pY3JvLWNoYXJ0LWNpcmN1bGFyLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgTWljcm9DaGFydENpcmN1bGFyQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgZGF0YSA9IDUwO1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIGVsOiBFbGVtZW50UmVmKSB7XG4gICAgICAgIHN1cGVyKCk7XG4gICAgfVxufVxuIiwiPGRpdiAqdW50aWxJblZpZXc9XCJlbFwiIGJlTWljcm9DaGFydENpcmN1bGFyIFtkYXRhXT1cImRhdGFcIj48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import { BaseComponent } from 'barsa-novin-ray-core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "barsa-novin-ray-core";
|
|
5
|
+
import * as i2 from "../../base/micro-chart-comparison-base.directive";
|
|
6
|
+
export class MicroChartComparisonComponent extends BaseComponent {
|
|
7
|
+
constructor(el) {
|
|
8
|
+
super();
|
|
9
|
+
this.el = el;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
MicroChartComparisonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartComparisonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
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 });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartComparisonComponent, decorators: [{
|
|
15
|
+
type: Component,
|
|
16
|
+
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"] }]
|
|
17
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { data: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}], size: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}] } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtY29tcGFyaXNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWNvbXBhcmlzb24vbWljcm8tY2hhcnQtY29tcGFyaXNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWNvbXBhcmlzb24vbWljcm8tY2hhcnQtY29tcGFyaXNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV0RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7QUFTckQsTUFBTSxPQUFPLDZCQUE4QixTQUFRLGFBQWE7SUFJNUQsWUFBbUIsRUFBYztRQUM3QixLQUFLLEVBQUUsQ0FBQztRQURPLE9BQUUsR0FBRixFQUFFLENBQVk7SUFFakMsQ0FBQzs7MEhBTlEsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsZ0lDWDFDLGlHQUNBOzJGRFVhLDZCQUE2QjtrQkFOekMsU0FBUzsrQkFDSSwyQkFBMkIsbUJBR3BCLHVCQUF1QixDQUFDLE1BQU07aUdBR3RDLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50IH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuaW1wb3J0IHsgQ29tcGFyaXNvbkl0ZW0gfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2JlLW1pY3JvLWNoYXJ0LWNvbXBhcmlzb24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9taWNyby1jaGFydC1jb21wYXJpc29uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9taWNyby1jaGFydC1jb21wYXJpc29uLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgTWljcm9DaGFydENvbXBhcmlzb25Db21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBkYXRhOiBDb21wYXJpc29uSXRlbTtcbiAgICBASW5wdXQoKSBzaXplOiBzdHJpbmc7XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWw6IEVsZW1lbnRSZWYpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG59XG4iLCI8ZGl2ICp1bnRpbEluVmlldz1cImVsXCIgYmVNaWNyb0NoYXJ0Q29tcGFyaXNvbiBbY2hhcnREYXRhXT1cImRhdGFcIiBbc2l6ZV09XCJzaXplXCI+PC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import { BaseComponent } from 'barsa-novin-ray-core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "barsa-novin-ray-core";
|
|
5
|
+
import * as i2 from "../../base/micro-chart-line-base.directive";
|
|
6
|
+
export class MicroChartLineComponent extends BaseComponent {
|
|
7
|
+
constructor(el) {
|
|
8
|
+
super();
|
|
9
|
+
this.el = el;
|
|
10
|
+
}
|
|
11
|
+
ngOnInit() {
|
|
12
|
+
super.ngOnInit();
|
|
13
|
+
this.getFirstAndLastValues();
|
|
14
|
+
}
|
|
15
|
+
getFirstAndLastValues() {
|
|
16
|
+
const dataLength = this.line.data.length;
|
|
17
|
+
this.firstValue = this.line.data[0].value.toString();
|
|
18
|
+
this.lastValue = this.line.data[dataLength - 1].value.toString();
|
|
19
|
+
this.firstLabel = this.line.data[0].label;
|
|
20
|
+
this.lastLabel = this.line.data[dataLength - 1].label;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
MicroChartLineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartLineComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
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 });
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartLineComponent, decorators: [{
|
|
26
|
+
type: Component,
|
|
27
|
+
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"] }]
|
|
28
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { line: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}] } });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWxpbmUvbWljcm8tY2hhcnQtbGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LWxpbmUvbWljcm8tY2hhcnQtbGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUU5RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7QUFTckQsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGFBQWE7SUFPdEQsWUFBbUIsRUFBYztRQUM3QixLQUFLLEVBQUUsQ0FBQztRQURPLE9BQUUsR0FBRixFQUFFLENBQVk7SUFFakMsQ0FBQztJQUVELFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7SUFDakMsQ0FBQztJQUNELHFCQUFxQjtRQUNqQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDekMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDckQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pFLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQzFDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUMxRCxDQUFDOztvSEFyQlEsdUJBQXVCO3dHQUF2Qix1QkFBdUIsNEdDWHBDLDhYQWFBOzJGREZhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDSSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTTtpR0FHdEMsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50IH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuaW1wb3J0IHsgTGluZUl0ZW0gfSBmcm9tICcuLi8uLi9tb2RlbHMvbGluZS1pdGVtJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdiZS1taWNyby1jaGFydC1saW5lJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbWljcm8tY2hhcnQtbGluZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbWljcm8tY2hhcnQtbGluZS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIE1pY3JvQ2hhcnRMaW5lQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgbGluZTogTGluZUl0ZW07XG4gICAgc3VmZml4OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gICAgZmlyc3RWYWx1ZTogc3RyaW5nO1xuICAgIGxhc3RWYWx1ZTogc3RyaW5nO1xuICAgIGZpcnN0TGFiZWw6IHN0cmluZztcbiAgICBsYXN0TGFiZWw6IHN0cmluZztcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWw6IEVsZW1lbnRSZWYpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICAgICAgdGhpcy5nZXRGaXJzdEFuZExhc3RWYWx1ZXMoKTtcbiAgICB9XG4gICAgZ2V0Rmlyc3RBbmRMYXN0VmFsdWVzKCk6IHZvaWQge1xuICAgICAgICBjb25zdCBkYXRhTGVuZ3RoID0gdGhpcy5saW5lLmRhdGEubGVuZ3RoO1xuICAgICAgICB0aGlzLmZpcnN0VmFsdWUgPSB0aGlzLmxpbmUuZGF0YVswXS52YWx1ZS50b1N0cmluZygpO1xuICAgICAgICB0aGlzLmxhc3RWYWx1ZSA9IHRoaXMubGluZS5kYXRhW2RhdGFMZW5ndGggLSAxXS52YWx1ZS50b1N0cmluZygpO1xuICAgICAgICB0aGlzLmZpcnN0TGFiZWwgPSB0aGlzLmxpbmUuZGF0YVswXS5sYWJlbDtcbiAgICAgICAgdGhpcy5sYXN0TGFiZWwgPSB0aGlzLmxpbmUuZGF0YVtkYXRhTGVuZ3RoIC0gMV0ubGFiZWw7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInRvcC1sYWJlbHNcIj5cclxuICAgIDxzcGFuPnt7IGxhc3RWYWx1ZSB9fXt7IGxpbmU/LnN1ZmZpeCB9fTwvc3Bhbj5cclxuICAgIDxzcGFuPnt7IGZpcnN0VmFsdWUgfX17eyBsaW5lPy5zdWZmaXggfX08L3NwYW4+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImNoYXJ0XCI+XHJcbiAgICA8ZGl2ICp1bnRpbEluVmlldz1cImVsXCIgYmVNaWNyb0NoYXJ0TGluZSBbbGluZV09XCJsaW5lXCI+PC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImJvdHRvbS1sYWJlbHNcIj5cclxuICAgIDxzcGFuPnt7IGxhc3RMYWJlbCB9fTwvc3Bhbj5cclxuICAgIDxzcGFuPnt7IGZpcnN0TGFiZWwgfX08L3NwYW4+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import { BaseComponent } from 'barsa-novin-ray-core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "barsa-novin-ray-core";
|
|
5
|
+
import * as i2 from "../../base/micro-chart-stackbar-base.directive";
|
|
6
|
+
export class MicroChartStackbarComponent extends BaseComponent {
|
|
7
|
+
constructor(el) {
|
|
8
|
+
super();
|
|
9
|
+
this.el = el;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
MicroChartStackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartStackbarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
MicroChartStackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: MicroChartStackbarComponent, selector: "be-micro-chart-stackbar", inputs: { data: "data" }, usesInheritance: true, ngImport: i0, template: "<div *untilInView=\"el\" beMicroChartStackbar class=\"chart\" [chartData]=\"data\"></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: i2.MicroChartStackbarBaseDirective, selector: "[beMicroChartStackbar]", inputs: ["chartData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: MicroChartStackbarComponent, decorators: [{
|
|
15
|
+
type: Component,
|
|
16
|
+
args: [{ selector: 'be-micro-chart-stackbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *untilInView=\"el\" beMicroChartStackbar class=\"chart\" [chartData]=\"data\"></div>\r\n", styles: [":host{display:block;width:100%;height:100%}.chart{width:100%}\n"] }]
|
|
17
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { data: [{
|
|
18
|
+
type: Input
|
|
19
|
+
}] } });
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tY2hhcnQtc3RhY2tiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2EtZWNoYXJ0cy9zcmMvbGliL21pY3JvLWNoYXJ0cy9taWNyby1jaGFydC1zdGFja2Jhci9taWNyby1jaGFydC1zdGFja2Jhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbWljcm8tY2hhcnRzL21pY3JvLWNoYXJ0LXN0YWNrYmFyL21pY3JvLWNoYXJ0LXN0YWNrYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXRGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7OztBQVNyRCxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsYUFBYTtJQUUxRCxZQUFtQixFQUFjO1FBQzdCLEtBQUssRUFBRSxDQUFDO1FBRE8sT0FBRSxHQUFGLEVBQUUsQ0FBWTtJQUVqQyxDQUFDOzt3SEFKUSwyQkFBMkI7NEdBQTNCLDJCQUEyQixnSENYeEMsK0ZBQ0E7MkZEVWEsMkJBQTJCO2tCQU52QyxTQUFTOytCQUNJLHlCQUF5QixtQkFHbEIsdUJBQXVCLENBQUMsTUFBTTtpR0FHdEMsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQmFzZUNvbXBvbmVudCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcbmltcG9ydCB7IFN0YWNrYmFySXRlbSB9IGZyb20gJy4uLy4uL21vZGVscy9zdGFja2Jhci1pdGVtJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdiZS1taWNyby1jaGFydC1zdGFja2JhcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL21pY3JvLWNoYXJ0LXN0YWNrYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9taWNyby1jaGFydC1zdGFja2Jhci5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIE1pY3JvQ2hhcnRTdGFja2JhckNvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGRhdGE6IFN0YWNrYmFySXRlbTtcbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgZWw6IEVsZW1lbnRSZWYpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG59XG4iLCI8ZGl2ICp1bnRpbEluVmlldz1cImVsXCIgYmVNaWNyb0NoYXJ0U3RhY2tiYXIgY2xhc3M9XCJjaGFydFwiIFtjaGFydERhdGFdPVwiZGF0YVwiPjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJlYS1jaGFydC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLWVjaGFydHMvc3JjL2xpYi9tb2RlbHMvYXJlYS1jaGFydC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTGluZUl0ZW0gfSBmcm9tICcuL2xpbmUtaXRlbSc7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEFyZWFJdGVtIHtcclxuICAgIGRhdGE6IG51bWJlcltdO1xyXG4gICAgY29sb3I/OiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQXJlYUNoYXJ0IHtcclxuICAgIGFyZWFzOiBBcmVhSXRlbVtdO1xyXG4gICAgbGluZTogTGluZUl0ZW07XHJcbiAgICBmaXJzdFZhbHVlQ29sb3I/OiBzdHJpbmc7XHJcbiAgICBsYXN0VmFsdWVDb2xvcj86IHN0cmluZztcclxufVxyXG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyLWl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbW9kZWxzL2Jhci1pdGVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIEJhckl0ZW0ge1xyXG4gICAgdmFsdWU6IG51bWJlcjtcclxuICAgIGNvbG9yOiBzdHJpbmc7XHJcbiAgICBsYWJlbDogc3RyaW5nO1xyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFyaXNvbi1pdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2EtZWNoYXJ0cy9zcmMvbGliL21vZGVscy9jb21wYXJpc29uLWl0ZW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgQ29tcGFyaXNvbkl0ZW0ge1xyXG4gICAgc3VmZml4OiBzdHJpbmc7XHJcbiAgICBiYXJXaWR0aD86IG51bWJlcjtcclxuICAgIGRhdGE6IHtcclxuICAgICAgICB2YWx1ZTogbnVtYmVyO1xyXG4gICAgICAgIGNvbG9yOiBzdHJpbmc7XHJcbiAgICAgICAgbGFiZWw6IHN0cmluZztcclxuICAgIH1bXTtcclxufVxyXG4iXX0=
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export * from './area-chart';
|
|
2
|
+
export * from './bar-item';
|
|
3
|
+
export * from './comparison-item';
|
|
4
|
+
export * from './line-item';
|
|
5
|
+
export * from './stackbar-item';
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1lY2hhcnRzL3NyYy9saWIvbW9kZWxzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYXJlYS1jaGFydCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vYmFyLWl0ZW0nO1xyXG5leHBvcnQgKiBmcm9tICcuL2NvbXBhcmlzb24taXRlbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGluZS1pdGVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9zdGFja2Jhci1pdGVtJztcclxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS1pdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2EtZWNoYXJ0cy9zcmMvbGliL21vZGVscy9saW5lLWl0ZW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgTGluZUl0ZW0ge1xyXG4gICAgZGF0YTogeyB2YWx1ZTogbnVtYmVyOyBsYWJlbDogc3RyaW5nIH1bXTtcclxuICAgIGNvbG9yPzogc3RyaW5nO1xyXG4gICAgc3VmZml4Pzogc3RyaW5nO1xyXG59XHJcbiJdfQ==
|