aril 0.1.36 → 0.1.38
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/esm2022/ui/charts/src/highCharts/bar/bar-chart.component.mjs +38 -25
- package/esm2022/ui/charts/src/highCharts/column/column-chart.component.mjs +68 -36
- package/esm2022/ui/charts/src/highCharts/pie/pie-chart.component.mjs +76 -30
- package/fesm2022/aril-ui-charts.mjs +177 -86
- package/fesm2022/aril-ui-charts.mjs.map +1 -1
- package/package.json +152 -150
- package/ui/charts/src/highCharts/bar/bar-chart.component.d.ts +5 -3
- package/ui/charts/src/highCharts/column/column-chart.component.d.ts +10 -6
- package/ui/charts/src/highCharts/pie/pie-chart.component.d.ts +10 -5
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ChangeDetectionStrategy, Component, input } from '@angular/core';
|
|
2
2
|
import * as Highcharts from 'highcharts';
|
|
3
3
|
import { HighchartsChartModule } from 'highcharts-angular';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -18,42 +18,55 @@ export class BarHighChartComponent {
|
|
|
18
18
|
this.categoriesTitle = input('');
|
|
19
19
|
this.valuesTitle = input('');
|
|
20
20
|
this.seriesName = input();
|
|
21
|
+
this.width = input('460');
|
|
22
|
+
this.height = input('380');
|
|
21
23
|
this.Highcharts = Highcharts;
|
|
22
24
|
this.chartOptions = {}; // Highcharts.Options
|
|
23
25
|
}
|
|
24
26
|
setChartOptions() {
|
|
25
27
|
this.chartOptions = {
|
|
26
28
|
chart: {
|
|
27
|
-
type: 'bar'
|
|
29
|
+
type: 'bar',
|
|
30
|
+
height: this.height(),
|
|
31
|
+
width: this.width()
|
|
28
32
|
},
|
|
29
33
|
title: {
|
|
30
|
-
text: this.title()
|
|
34
|
+
text: this.title()
|
|
31
35
|
},
|
|
32
36
|
xAxis: {
|
|
33
|
-
categories: this.data().map(item => item.name),
|
|
37
|
+
categories: this.data().map((item) => item.name),
|
|
34
38
|
title: {
|
|
35
|
-
text: this.categoriesTitle()
|
|
36
|
-
}
|
|
39
|
+
text: this.categoriesTitle()
|
|
40
|
+
}
|
|
37
41
|
},
|
|
38
42
|
yAxis: {
|
|
39
43
|
min: 0,
|
|
40
44
|
title: {
|
|
41
|
-
text: this.valuesTitle()
|
|
42
|
-
}
|
|
45
|
+
text: this.valuesTitle()
|
|
46
|
+
}
|
|
43
47
|
},
|
|
44
48
|
tooltip: {
|
|
45
|
-
|
|
49
|
+
formatter: function () {
|
|
50
|
+
return `
|
|
51
|
+
<strong>${this.point.category}</strong><br>
|
|
52
|
+
Değer: <b>${this.point.y.toLocaleString('tr-TR', {
|
|
53
|
+
minimumFractionDigits: 2,
|
|
54
|
+
maximumFractionDigits: 2
|
|
55
|
+
})}</b>
|
|
56
|
+
`;
|
|
57
|
+
},
|
|
58
|
+
useHTML: true
|
|
46
59
|
},
|
|
47
60
|
series: [
|
|
48
61
|
{
|
|
49
62
|
name: this.seriesName(),
|
|
50
|
-
data: this.data().map(item => item.y)
|
|
63
|
+
data: this.data().map((item) => item.y)
|
|
51
64
|
}
|
|
52
65
|
],
|
|
53
66
|
legend: { enabled: this.seriesName() ? true : false },
|
|
54
67
|
credits: {
|
|
55
|
-
enabled: false
|
|
56
|
-
}
|
|
68
|
+
enabled: false
|
|
69
|
+
}
|
|
57
70
|
};
|
|
58
71
|
}
|
|
59
72
|
ngOnChanges(changes) {
|
|
@@ -62,26 +75,26 @@ export class BarHighChartComponent {
|
|
|
62
75
|
}
|
|
63
76
|
}
|
|
64
77
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: BarHighChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
65
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: BarHighChartComponent, isStandalone: true, selector: "aril-bar-highchart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, categoriesTitle: { classPropertyName: "categoriesTitle", publicName: "categoriesTitle", isSignal: true, isRequired: false, transformFunction: null }, valuesTitle: { classPropertyName: "valuesTitle", publicName: "valuesTitle", isSignal: true, isRequired: false, transformFunction: null }, seriesName: { classPropertyName: "seriesName", publicName: "seriesName", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: `
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
78
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: BarHighChartComponent, isStandalone: true, selector: "aril-bar-highchart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, categoriesTitle: { classPropertyName: "categoriesTitle", publicName: "categoriesTitle", isSignal: true, isRequired: false, transformFunction: null }, valuesTitle: { classPropertyName: "valuesTitle", publicName: "valuesTitle", isSignal: true, isRequired: false, transformFunction: null }, seriesName: { classPropertyName: "seriesName", publicName: "seriesName", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: ` <highcharts-chart
|
|
79
|
+
style="width: 100%; display: block"
|
|
80
|
+
[Highcharts]="Highcharts"
|
|
81
|
+
[options]="chartOptions"
|
|
82
|
+
[oneToOne]="true">
|
|
83
|
+
</highcharts-chart>`, isInline: true, dependencies: [{ kind: "ngmodule", type: HighchartsChartModule }, { kind: "component", type: i1.HighchartsChartComponent, selector: "highcharts-chart", inputs: ["Highcharts", "constructorType", "callbackFunction", "oneToOne", "runOutsideAngular", "options", "update"], outputs: ["updateChange", "chartInstance"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
71
84
|
}
|
|
72
85
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: BarHighChartComponent, decorators: [{
|
|
73
86
|
type: Component,
|
|
74
87
|
args: [{
|
|
75
88
|
standalone: true,
|
|
76
89
|
selector: 'aril-bar-highchart',
|
|
77
|
-
template: `
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
90
|
+
template: ` <highcharts-chart
|
|
91
|
+
style="width: 100%; display: block"
|
|
92
|
+
[Highcharts]="Highcharts"
|
|
93
|
+
[options]="chartOptions"
|
|
94
|
+
[oneToOne]="true">
|
|
95
|
+
</highcharts-chart>`,
|
|
83
96
|
imports: [HighchartsChartModule],
|
|
84
97
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
85
98
|
}]
|
|
86
99
|
}] });
|
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FyaWwvdWkvY2hhcnRzL3NyYy9oaWdoQ2hhcnRzL2Jhci9iYXItY2hhcnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQTRCLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVwRyxPQUFPLEtBQUssVUFBVSxNQUFNLFlBQVksQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7O0FBVTNELGVBQWU7QUFDZixXQUFXO0FBQ1gsbUNBQW1DO0FBQ25DLG1DQUFtQztBQUNuQyxtQ0FBbUM7QUFDbkMsbUNBQW1DO0FBQ25DLG1DQUFtQztBQUNuQyxJQUFJO0FBZUosTUFBTSxPQUFPLHFCQUFxQjtJQWJsQztRQWNDLFNBQUksR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFlLENBQUM7UUFDckMsVUFBSyxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUMxQixvQkFBZSxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUNwQyxnQkFBVyxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUNoQyxlQUFVLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDN0IsVUFBSyxHQUFHLEtBQUssQ0FBUyxLQUFLLENBQUMsQ0FBQztRQUM3QixXQUFNLEdBQUcsS0FBSyxDQUFTLEtBQUssQ0FBQyxDQUFDO1FBRTlCLGVBQVUsR0FBc0IsVUFBVSxDQUFDO1FBQzNDLGlCQUFZLEdBQVEsRUFBRSxDQUFDLENBQUMscUJBQXFCO0tBc0Q3QztJQXBEQSxlQUFlO1FBQ2QsSUFBSSxDQUFDLFlBQVksR0FBRztZQUNuQixLQUFLLEVBQUU7Z0JBQ04sSUFBSSxFQUFFLEtBQUs7Z0JBQ1gsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUU7Z0JBQ3JCLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFO2FBQ25CO1lBQ0QsS0FBSyxFQUFFO2dCQUNOLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFO2FBQ2xCO1lBQ0QsS0FBSyxFQUFFO2dCQUNOLFVBQVUsRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO2dCQUNoRCxLQUFLLEVBQUU7b0JBQ04sSUFBSSxFQUFFLElBQUksQ0FBQyxlQUFlLEVBQUU7aUJBQzVCO2FBQ0Q7WUFDRCxLQUFLLEVBQUU7Z0JBQ04sR0FBRyxFQUFFLENBQUM7Z0JBQ04sS0FBSyxFQUFFO29CQUNOLElBQUksRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFO2lCQUN4QjthQUNEO1lBQ0QsT0FBTyxFQUFFO2dCQUNSLFNBQVMsRUFBRTtvQkFDVixPQUFPO2dCQUNJLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUTtrQkFDakIsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLE9BQU8sRUFBRTt3QkFDaEQscUJBQXFCLEVBQUUsQ0FBQzt3QkFDeEIscUJBQXFCLEVBQUUsQ0FBQztxQkFDeEIsQ0FBQztNQUNGLENBQUM7Z0JBQ0gsQ0FBQztnQkFDRCxPQUFPLEVBQUUsSUFBSTthQUNiO1lBQ0QsTUFBTSxFQUFFO2dCQUNQO29CQUNDLElBQUksRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFO29CQUN2QixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztpQkFDdkM7YUFDRDtZQUNELE1BQU0sRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFFO1lBQ3JELE9BQU8sRUFBRTtnQkFDUixPQUFPLEVBQUUsS0FBSzthQUNkO1NBQ0QsQ0FBQztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDakMsSUFBSSxPQUFPLENBQUMsTUFBTSxDQUFDLElBQUksT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7WUFDekMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLENBQUM7SUFDRixDQUFDOzhHQS9EVyxxQkFBcUI7a0dBQXJCLHFCQUFxQixxL0JBVnZCOzs7OztxQkFLVSwyREFFVixxQkFBcUI7OzJGQUduQixxQkFBcUI7a0JBYmpDLFNBQVM7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFFBQVEsRUFBRTs7Ozs7cUJBS1U7b0JBRXBCLE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNoQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDL0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgKiBhcyBIaWdoY2hhcnRzIGZyb20gJ2hpZ2hjaGFydHMnO1xyXG5pbXBvcnQgeyBIaWdoY2hhcnRzQ2hhcnRNb2R1bGUgfSBmcm9tICdoaWdoY2hhcnRzLWFuZ3VsYXInO1xyXG5cclxuaW50ZXJmYWNlIGRhdGFJdGVtcyB7XHJcblx0bmFtZTogc3RyaW5nO1xyXG5cdHk6IGFueTtcclxuXHRjb2xvcj86IHN0cmluZztcclxuXHR0b29sdGlwPzogc3RyaW5nO1xyXG5cdHNlbGVjdGVkPzogYm9vbGVhbjtcclxufVxyXG5cclxuLy8gRXhhbXBsZSBEYXRhXHJcbi8vIGRhdGEgPSBbXHJcbi8vIFx0eyBuYW1lOiAnS2F0ZWdvcmkgQScsIHk6IDIwMCB9LFxyXG4vLyBcdHsgbmFtZTogJ0thdGVnb3JpIEInLCB5OiAxMDAgfSxcclxuLy8gXHR7IG5hbWU6ICdLYXRlZ29yaSBDJywgeTogNTAwIH0sXHJcbi8vIFx0eyBuYW1lOiAnS2F0ZWdvcmkgRCcsIHk6IDI1MCB9LFxyXG4vLyBcdHsgbmFtZTogJ0thdGVnb3JpIEUnLCB5OiA0MDAgfSxcclxuLy8gXVxyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c3RhbmRhbG9uZTogdHJ1ZSxcclxuXHRzZWxlY3RvcjogJ2FyaWwtYmFyLWhpZ2hjaGFydCcsXHJcblx0dGVtcGxhdGU6IGAgPGhpZ2hjaGFydHMtY2hhcnRcclxuXHRcdHN0eWxlPVwid2lkdGg6IDEwMCU7IGRpc3BsYXk6IGJsb2NrXCJcclxuXHRcdFtIaWdoY2hhcnRzXT1cIkhpZ2hjaGFydHNcIlxyXG5cdFx0W29wdGlvbnNdPVwiY2hhcnRPcHRpb25zXCJcclxuXHRcdFtvbmVUb09uZV09XCJ0cnVlXCI+XHJcblx0PC9oaWdoY2hhcnRzLWNoYXJ0PmAsXHJcblxyXG5cdGltcG9ydHM6IFtIaWdoY2hhcnRzQ2hhcnRNb2R1bGVdLFxyXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYXJIaWdoQ2hhcnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG5cdGRhdGEgPSBpbnB1dC5yZXF1aXJlZDxkYXRhSXRlbXNbXT4oKTtcclxuXHR0aXRsZSA9IGlucHV0PHN0cmluZz4oJycpO1xyXG5cdGNhdGVnb3JpZXNUaXRsZSA9IGlucHV0PHN0cmluZz4oJycpO1xyXG5cdHZhbHVlc1RpdGxlID0gaW5wdXQ8c3RyaW5nPignJyk7XHJcblx0c2VyaWVzTmFtZSA9IGlucHV0PHN0cmluZz4oKTtcclxuXHR3aWR0aCA9IGlucHV0PHN0cmluZz4oJzQ2MCcpO1xyXG5cdGhlaWdodCA9IGlucHV0PHN0cmluZz4oJzM4MCcpO1xyXG5cclxuXHRIaWdoY2hhcnRzOiB0eXBlb2YgSGlnaGNoYXJ0cyA9IEhpZ2hjaGFydHM7XHJcblx0Y2hhcnRPcHRpb25zOiBhbnkgPSB7fTsgLy8gSGlnaGNoYXJ0cy5PcHRpb25zXHJcblxyXG5cdHNldENoYXJ0T3B0aW9ucygpIHtcclxuXHRcdHRoaXMuY2hhcnRPcHRpb25zID0ge1xyXG5cdFx0XHRjaGFydDoge1xyXG5cdFx0XHRcdHR5cGU6ICdiYXInLFxyXG5cdFx0XHRcdGhlaWdodDogdGhpcy5oZWlnaHQoKSxcclxuXHRcdFx0XHR3aWR0aDogdGhpcy53aWR0aCgpXHJcblx0XHRcdH0sXHJcblx0XHRcdHRpdGxlOiB7XHJcblx0XHRcdFx0dGV4dDogdGhpcy50aXRsZSgpXHJcblx0XHRcdH0sXHJcblx0XHRcdHhBeGlzOiB7XHJcblx0XHRcdFx0Y2F0ZWdvcmllczogdGhpcy5kYXRhKCkubWFwKChpdGVtKSA9PiBpdGVtLm5hbWUpLFxyXG5cdFx0XHRcdHRpdGxlOiB7XHJcblx0XHRcdFx0XHR0ZXh0OiB0aGlzLmNhdGVnb3JpZXNUaXRsZSgpXHJcblx0XHRcdFx0fVxyXG5cdFx0XHR9LFxyXG5cdFx0XHR5QXhpczoge1xyXG5cdFx0XHRcdG1pbjogMCxcclxuXHRcdFx0XHR0aXRsZToge1xyXG5cdFx0XHRcdFx0dGV4dDogdGhpcy52YWx1ZXNUaXRsZSgpXHJcblx0XHRcdFx0fVxyXG5cdFx0XHR9LFxyXG5cdFx0XHR0b29sdGlwOiB7XHJcblx0XHRcdFx0Zm9ybWF0dGVyOiBmdW5jdGlvbiAodGhpczogYW55KSB7XHJcblx0XHRcdFx0XHRyZXR1cm4gYFxyXG5cdFx0XHRcdFx0XHQ8c3Ryb25nPiR7dGhpcy5wb2ludC5jYXRlZ29yeX08L3N0cm9uZz48YnI+XHJcblx0XHRcdFx0XHRcdERlxJ9lcjogPGI+JHt0aGlzLnBvaW50LnkudG9Mb2NhbGVTdHJpbmcoJ3RyLVRSJywge1xyXG5cdFx0XHRcdFx0XHRcdG1pbmltdW1GcmFjdGlvbkRpZ2l0czogMixcclxuXHRcdFx0XHRcdFx0XHRtYXhpbXVtRnJhY3Rpb25EaWdpdHM6IDJcclxuXHRcdFx0XHRcdFx0fSl9PC9iPlxyXG5cdFx0XHRcdFx0YDtcclxuXHRcdFx0XHR9LFxyXG5cdFx0XHRcdHVzZUhUTUw6IHRydWVcclxuXHRcdFx0fSxcclxuXHRcdFx0c2VyaWVzOiBbXHJcblx0XHRcdFx0e1xyXG5cdFx0XHRcdFx0bmFtZTogdGhpcy5zZXJpZXNOYW1lKCksXHJcblx0XHRcdFx0XHRkYXRhOiB0aGlzLmRhdGEoKS5tYXAoKGl0ZW0pID0+IGl0ZW0ueSlcclxuXHRcdFx0XHR9XHJcblx0XHRcdF0sXHJcblx0XHRcdGxlZ2VuZDogeyBlbmFibGVkOiB0aGlzLnNlcmllc05hbWUoKSA/IHRydWUgOiBmYWxzZSB9LFxyXG5cdFx0XHRjcmVkaXRzOiB7XHJcblx0XHRcdFx0ZW5hYmxlZDogZmFsc2VcclxuXHRcdFx0fVxyXG5cdFx0fTtcclxuXHR9XHJcblxyXG5cdG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuXHRcdGlmIChjaGFuZ2VzWydkYXRhJ10gfHwgY2hhbmdlc1sndGl0bGUnXSkge1xyXG5cdFx0XHR0aGlzLnNldENoYXJ0T3B0aW9ucygpO1xyXG5cdFx0fVxyXG5cdH1cclxufVxyXG4iXX0=
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component,
|
|
1
|
+
import { Component, effect, input } from '@angular/core';
|
|
2
2
|
import * as Highcharts from 'highcharts';
|
|
3
3
|
import { HighchartsChartModule } from 'highcharts-angular';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -18,68 +18,100 @@ export class ColumnHighChartComponent {
|
|
|
18
18
|
this.categoriesTitle = input('');
|
|
19
19
|
this.valuesTitle = input('');
|
|
20
20
|
this.seriesName = input();
|
|
21
|
+
this.dateFormat = input();
|
|
22
|
+
this.width = input('460');
|
|
23
|
+
this.height = input('380');
|
|
24
|
+
this.series = input([]);
|
|
21
25
|
this.Highcharts = Highcharts;
|
|
22
26
|
this.chartOptions = {}; // Highcharts.Options
|
|
27
|
+
effect(() => {
|
|
28
|
+
if (this.data()) {
|
|
29
|
+
this.setChartOptions();
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
formatDate(name) {
|
|
34
|
+
const date = new Date(`${name.toString().slice(0, 4)}-${name.toString().slice(4, 6)}-${name.toString().slice(6, 8)}T` +
|
|
35
|
+
`${name.toString().slice(8, 10)}:${name.toString().slice(10, 12)}:${name.toString().slice(12, 14)}Z`);
|
|
36
|
+
switch (this.dateFormat()) {
|
|
37
|
+
case 'date':
|
|
38
|
+
return new Intl.DateTimeFormat('tr-TR', { day: '2-digit', month: 'long', year: 'numeric' }).format(date);
|
|
39
|
+
case 'month':
|
|
40
|
+
return new Intl.DateTimeFormat('tr-TR', { month: 'long', year: 'numeric' }).format(date).replace(' ', '/');
|
|
41
|
+
case 'year':
|
|
42
|
+
return new Intl.DateTimeFormat('tr-TR', { year: 'numeric' }).format(date);
|
|
43
|
+
}
|
|
23
44
|
}
|
|
24
45
|
setChartOptions() {
|
|
25
46
|
this.chartOptions = {
|
|
26
47
|
chart: {
|
|
27
|
-
type: 'column'
|
|
48
|
+
type: 'column',
|
|
49
|
+
width: this.width(),
|
|
50
|
+
height: this.height()
|
|
28
51
|
},
|
|
29
52
|
title: {
|
|
30
|
-
text: this.title()
|
|
53
|
+
text: this.title()
|
|
31
54
|
},
|
|
32
55
|
xAxis: {
|
|
33
|
-
categories: this.
|
|
56
|
+
categories: this.dateFormat() ?
|
|
57
|
+
this.data().map((item) => this.formatDate(item.name))
|
|
58
|
+
: this.data().map((item) => item.name),
|
|
34
59
|
title: {
|
|
35
|
-
text: this.categoriesTitle()
|
|
36
|
-
}
|
|
60
|
+
text: this.categoriesTitle()
|
|
61
|
+
}
|
|
37
62
|
},
|
|
38
63
|
yAxis: {
|
|
39
64
|
min: 0,
|
|
40
65
|
title: {
|
|
41
|
-
text: this.valuesTitle()
|
|
42
|
-
}
|
|
66
|
+
text: this.valuesTitle()
|
|
67
|
+
}
|
|
43
68
|
},
|
|
44
69
|
tooltip: {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
70
|
+
formatter: function () {
|
|
71
|
+
return `
|
|
72
|
+
<strong>${this.point.category}</strong><br>
|
|
73
|
+
Değer: <b>${this.point.y.toLocaleString('tr-TR', {
|
|
74
|
+
minimumFractionDigits: 2,
|
|
75
|
+
maximumFractionDigits: 2
|
|
76
|
+
})}</b>
|
|
77
|
+
`;
|
|
51
78
|
},
|
|
52
|
-
|
|
79
|
+
useHTML: true
|
|
80
|
+
},
|
|
81
|
+
series: this.series().length ?
|
|
82
|
+
this.series()
|
|
83
|
+
: [
|
|
84
|
+
{
|
|
85
|
+
name: this.seriesName(),
|
|
86
|
+
data: this.data().map((item) => item.y)
|
|
87
|
+
}
|
|
88
|
+
],
|
|
53
89
|
legend: { enabled: this.seriesName() ? true : false },
|
|
54
90
|
credits: {
|
|
55
|
-
enabled: false
|
|
56
|
-
}
|
|
91
|
+
enabled: false
|
|
92
|
+
}
|
|
57
93
|
};
|
|
58
94
|
}
|
|
59
|
-
ngOnChanges(changes) {
|
|
60
|
-
if (changes['data'] || changes['title']) {
|
|
61
|
-
this.setChartOptions();
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
95
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ColumnHighChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
65
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: ColumnHighChartComponent, isStandalone: true, selector: "aril-column-highchart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, categoriesTitle: { classPropertyName: "categoriesTitle", publicName: "categoriesTitle", isSignal: true, isRequired: false, transformFunction: null }, valuesTitle: { classPropertyName: "valuesTitle", publicName: "valuesTitle", isSignal: true, isRequired: false, transformFunction: null }, seriesName: { classPropertyName: "seriesName", publicName: "seriesName", isSignal: true, isRequired: false, transformFunction: null } },
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
96
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: ColumnHighChartComponent, isStandalone: true, selector: "aril-column-highchart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, categoriesTitle: { classPropertyName: "categoriesTitle", publicName: "categoriesTitle", isSignal: true, isRequired: false, transformFunction: null }, valuesTitle: { classPropertyName: "valuesTitle", publicName: "valuesTitle", isSignal: true, isRequired: false, transformFunction: null }, seriesName: { classPropertyName: "seriesName", publicName: "seriesName", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, series: { classPropertyName: "series", publicName: "series", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: ` <highcharts-chart
|
|
97
|
+
style="width: 100%; display: block"
|
|
98
|
+
[Highcharts]="Highcharts"
|
|
99
|
+
[oneToOne]="true"
|
|
100
|
+
[options]="chartOptions">
|
|
101
|
+
</highcharts-chart>`, isInline: true, dependencies: [{ kind: "ngmodule", type: HighchartsChartModule }, { kind: "component", type: i1.HighchartsChartComponent, selector: "highcharts-chart", inputs: ["Highcharts", "constructorType", "callbackFunction", "oneToOne", "runOutsideAngular", "options", "update"], outputs: ["updateChange", "chartInstance"] }] }); }
|
|
70
102
|
}
|
|
71
103
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ColumnHighChartComponent, decorators: [{
|
|
72
104
|
type: Component,
|
|
73
105
|
args: [{
|
|
74
106
|
standalone: true,
|
|
75
107
|
selector: 'aril-column-highchart',
|
|
76
|
-
template: `
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
108
|
+
template: ` <highcharts-chart
|
|
109
|
+
style="width: 100%; display: block"
|
|
110
|
+
[Highcharts]="Highcharts"
|
|
111
|
+
[oneToOne]="true"
|
|
112
|
+
[options]="chartOptions">
|
|
113
|
+
</highcharts-chart>`,
|
|
114
|
+
imports: [HighchartsChartModule]
|
|
83
115
|
}]
|
|
84
|
-
}] });
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
116
|
+
}], ctorParameters: () => [] });
|
|
117
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FyaWwvdWkvY2hhcnRzL3NyYy9oaWdoQ2hhcnRzL2NvbHVtbi9jb2x1bW4tY2hhcnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6RCxPQUFPLEtBQUssVUFBVSxNQUFNLFlBQVksQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7O0FBVTNELGVBQWU7QUFDZixXQUFXO0FBQ1gsbUNBQW1DO0FBQ25DLG1DQUFtQztBQUNuQyxtQ0FBbUM7QUFDbkMsbUNBQW1DO0FBQ25DLG1DQUFtQztBQUNuQyxJQUFJO0FBY0osTUFBTSxPQUFPLHdCQUF3QjtJQUNwQztRQVFBLFNBQUksR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFlLENBQUM7UUFDckMsVUFBSyxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUMxQixvQkFBZSxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUNwQyxnQkFBVyxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUNoQyxlQUFVLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDN0IsZUFBVSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQzdCLFVBQUssR0FBRyxLQUFLLENBQVMsS0FBSyxDQUFDLENBQUM7UUFDN0IsV0FBTSxHQUFHLEtBQUssQ0FBUyxLQUFLLENBQUMsQ0FBQztRQUM5QixXQUFNLEdBQUcsS0FBSyxDQUFNLEVBQUUsQ0FBQyxDQUFDO1FBRXhCLGVBQVUsR0FBc0IsVUFBVSxDQUFDO1FBQzNDLGlCQUFZLEdBQVEsRUFBRSxDQUFDLENBQUMscUJBQXFCO1FBbEI1QyxNQUFNLENBQUMsR0FBRyxF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QkFDakIsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLE9BQU8sRUFBRTt3QkFDaEQscUJBQXFCLEVBQUUsQ0FBQzt3QkFDeEIscUJBQXFCLEVBQUUsQ0FBQztxQkFDeEIsQ0FBQztNQUNGLENBQUM7Z0JBQ0gsQ0FBQztnQkFDRCxPQUFPLEVBQUUsSUFBSTthQUNiO1lBQ0QsTUFBTSxFQUNMLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDckIsSUFBSSxDQUFDLE1BQU0sRUFBRTtnQkFDZCxDQUFDLENBQUM7b0JBQ0E7d0JBQ0MsSUFBSSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUU7d0JBQ3ZCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO3FCQUN2QztpQkFDRDtZQUNILE1BQU0sRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFFO1lBQ3JELE9BQU8sRUFBRTtnQkFDUixPQUFPLEVBQUUsS0FBSzthQUNkO1NBQ0QsQ0FBQztJQUNILENBQUM7OEdBekZXLHdCQUF3QjtrR0FBeEIsd0JBQXdCLHF1Q0FUMUI7Ozs7O3FCQUtVLDJEQUVWLHFCQUFxQjs7MkZBRW5CLHdCQUF3QjtrQkFacEMsU0FBUzttQkFBQztvQkFDVixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsUUFBUSxFQUFFOzs7OztxQkFLVTtvQkFFcEIsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBlZmZlY3QsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgKiBhcyBIaWdoY2hhcnRzIGZyb20gJ2hpZ2hjaGFydHMnO1xyXG5pbXBvcnQgeyBIaWdoY2hhcnRzQ2hhcnRNb2R1bGUgfSBmcm9tICdoaWdoY2hhcnRzLWFuZ3VsYXInO1xyXG5cclxuaW50ZXJmYWNlIGRhdGFJdGVtcyB7XHJcblx0bmFtZTogYW55O1xyXG5cdHk6IGFueTtcclxuXHRjb2xvcj86IHN0cmluZztcclxuXHR0b29sdGlwPzogc3RyaW5nO1xyXG5cdHNlbGVjdGVkPzogYm9vbGVhbjtcclxufVxyXG5cclxuLy8gRXhhbXBsZSBEYXRhXHJcbi8vIGRhdGEgPSBbXHJcbi8vIFx0eyBuYW1lOiAnS2F0ZWdvcmkgQScsIHk6IDIwMCB9LFxyXG4vLyBcdHsgbmFtZTogJ0thdGVnb3JpIEInLCB5OiAxMDAgfSxcclxuLy8gXHR7IG5hbWU6ICdLYXRlZ29yaSBDJywgeTogNTAwIH0sXHJcbi8vIFx0eyBuYW1lOiAnS2F0ZWdvcmkgRCcsIHk6IDI1MCB9LFxyXG4vLyBcdHsgbmFtZTogJ0thdGVnb3JpIEUnLCB5OiA0MDAgfSxcclxuLy8gXVxyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c3RhbmRhbG9uZTogdHJ1ZSxcclxuXHRzZWxlY3RvcjogJ2FyaWwtY29sdW1uLWhpZ2hjaGFydCcsXHJcblx0dGVtcGxhdGU6IGAgPGhpZ2hjaGFydHMtY2hhcnRcclxuXHRcdHN0eWxlPVwid2lkdGg6IDEwMCU7IGRpc3BsYXk6IGJsb2NrXCJcclxuXHRcdFtIaWdoY2hhcnRzXT1cIkhpZ2hjaGFydHNcIlxyXG5cdFx0W29uZVRvT25lXT1cInRydWVcIlxyXG5cdFx0W29wdGlvbnNdPVwiY2hhcnRPcHRpb25zXCI+XHJcblx0PC9oaWdoY2hhcnRzLWNoYXJ0PmAsXHJcblxyXG5cdGltcG9ydHM6IFtIaWdoY2hhcnRzQ2hhcnRNb2R1bGVdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb2x1bW5IaWdoQ2hhcnRDb21wb25lbnQge1xyXG5cdGNvbnN0cnVjdG9yKCkge1xyXG5cdFx0ZWZmZWN0KCgpID0+IHtcclxuXHRcdFx0aWYgKHRoaXMuZGF0YSgpKSB7XHJcblx0XHRcdFx0dGhpcy5zZXRDaGFydE9wdGlvbnMoKTtcclxuXHRcdFx0fVxyXG5cdFx0fSk7XHJcblx0fVxyXG5cclxuXHRkYXRhID0gaW5wdXQucmVxdWlyZWQ8ZGF0YUl0ZW1zW10+KCk7XHJcblx0dGl0bGUgPSBpbnB1dDxzdHJpbmc+KCcnKTtcclxuXHRjYXRlZ29yaWVzVGl0bGUgPSBpbnB1dDxzdHJpbmc+KCcnKTtcclxuXHR2YWx1ZXNUaXRsZSA9IGlucHV0PHN0cmluZz4oJycpO1xyXG5cdHNlcmllc05hbWUgPSBpbnB1dDxzdHJpbmc+KCk7XHJcblx0ZGF0ZUZvcm1hdCA9IGlucHV0PHN0cmluZz4oKTtcclxuXHR3aWR0aCA9IGlucHV0PHN0cmluZz4oJzQ2MCcpO1xyXG5cdGhlaWdodCA9IGlucHV0PHN0cmluZz4oJzM4MCcpO1xyXG5cdHNlcmllcyA9IGlucHV0PGFueT4oW10pO1xyXG5cclxuXHRIaWdoY2hhcnRzOiB0eXBlb2YgSGlnaGNoYXJ0cyA9IEhpZ2hjaGFydHM7XHJcblx0Y2hhcnRPcHRpb25zOiBhbnkgPSB7fTsgLy8gSGlnaGNoYXJ0cy5PcHRpb25zXHJcblxyXG5cdGZvcm1hdERhdGUobmFtZTogYW55KTogYW55IHtcclxuXHRcdGNvbnN0IGRhdGUgPSBuZXcgRGF0ZShcclxuXHRcdFx0YCR7bmFtZS50b1N0cmluZygpLnNsaWNlKDAsIDQpfS0ke25hbWUudG9TdHJpbmcoKS5zbGljZSg0LCA2KX0tJHtuYW1lLnRvU3RyaW5nKCkuc2xpY2UoNiwgOCl9VGAgK1xyXG5cdFx0XHRcdGAke25hbWUudG9TdHJpbmcoKS5zbGljZSg4LCAxMCl9OiR7bmFtZS50b1N0cmluZygpLnNsaWNlKDEwLCAxMil9OiR7bmFtZS50b1N0cmluZygpLnNsaWNlKDEyLCAxNCl9WmBcclxuXHRcdCk7XHJcblxyXG5cdFx0c3dpdGNoICh0aGlzLmRhdGVGb3JtYXQoKSkge1xyXG5cdFx0XHRjYXNlICdkYXRlJzpcclxuXHRcdFx0XHRyZXR1cm4gbmV3IEludGwuRGF0ZVRpbWVGb3JtYXQoJ3RyLVRSJywgeyBkYXk6ICcyLWRpZ2l0JywgbW9udGg6ICdsb25nJywgeWVhcjogJ251bWVyaWMnIH0pLmZvcm1hdChkYXRlKTtcclxuXHRcdFx0Y2FzZSAnbW9udGgnOlxyXG5cdFx0XHRcdHJldHVybiBuZXcgSW50bC5EYXRlVGltZUZvcm1hdCgndHItVFInLCB7IG1vbnRoOiAnbG9uZycsIHllYXI6ICdudW1lcmljJyB9KS5mb3JtYXQoZGF0ZSkucmVwbGFjZSgnICcsICcvJyk7XHJcblx0XHRcdGNhc2UgJ3llYXInOlxyXG5cdFx0XHRcdHJldHVybiBuZXcgSW50bC5EYXRlVGltZUZvcm1hdCgndHItVFInLCB7IHllYXI6ICdudW1lcmljJyB9KS5mb3JtYXQoZGF0ZSk7XHJcblx0XHR9XHJcblx0fVxyXG5cclxuXHRzZXRDaGFydE9wdGlvbnMoKSB7XHJcblx0XHR0aGlzLmNoYXJ0T3B0aW9ucyA9IHtcclxuXHRcdFx0Y2hhcnQ6IHtcclxuXHRcdFx0XHR0eXBlOiAnY29sdW1uJyxcclxuXHRcdFx0XHR3aWR0aDogdGhpcy53aWR0aCgpLFxyXG5cdFx0XHRcdGhlaWdodDogdGhpcy5oZWlnaHQoKVxyXG5cdFx0XHR9LFxyXG5cdFx0XHR0aXRsZToge1xyXG5cdFx0XHRcdHRleHQ6IHRoaXMudGl0bGUoKVxyXG5cdFx0XHR9LFxyXG5cdFx0XHR4QXhpczoge1xyXG5cdFx0XHRcdGNhdGVnb3JpZXM6XHJcblx0XHRcdFx0XHR0aGlzLmRhdGVGb3JtYXQoKSA/XHJcblx0XHRcdFx0XHRcdHRoaXMuZGF0YSgpLm1hcCgoaXRlbSkgPT4gdGhpcy5mb3JtYXREYXRlKGl0ZW0ubmFtZSkpXHJcblx0XHRcdFx0XHQ6XHR0aGlzLmRhdGEoKS5tYXAoKGl0ZW0pID0+IGl0ZW0ubmFtZSksXHJcblx0XHRcdFx0dGl0bGU6IHtcclxuXHRcdFx0XHRcdHRleHQ6IHRoaXMuY2F0ZWdvcmllc1RpdGxlKClcclxuXHRcdFx0XHR9XHJcblx0XHRcdH0sXHJcblx0XHRcdHlBeGlzOiB7XHJcblx0XHRcdFx0bWluOiAwLFxyXG5cdFx0XHRcdHRpdGxlOiB7XHJcblx0XHRcdFx0XHR0ZXh0OiB0aGlzLnZhbHVlc1RpdGxlKClcclxuXHRcdFx0XHR9XHJcblx0XHRcdH0sXHJcblx0XHRcdHRvb2x0aXA6IHtcclxuXHRcdFx0XHRmb3JtYXR0ZXI6IGZ1bmN0aW9uICh0aGlzOiBhbnkpIHtcclxuXHRcdFx0XHRcdHJldHVybiBgXHJcblx0XHRcdFx0XHRcdDxzdHJvbmc+JHt0aGlzLnBvaW50LmNhdGVnb3J5fTwvc3Ryb25nPjxicj5cclxuXHRcdFx0XHRcdFx0RGXEn2VyOiA8Yj4ke3RoaXMucG9pbnQueS50b0xvY2FsZVN0cmluZygndHItVFInLCB7XHJcblx0XHRcdFx0XHRcdFx0bWluaW11bUZyYWN0aW9uRGlnaXRzOiAyLFxyXG5cdFx0XHRcdFx0XHRcdG1heGltdW1GcmFjdGlvbkRpZ2l0czogMlxyXG5cdFx0XHRcdFx0XHR9KX08L2I+XHJcblx0XHRcdFx0XHRgO1xyXG5cdFx0XHRcdH0sXHJcblx0XHRcdFx0dXNlSFRNTDogdHJ1ZVxyXG5cdFx0XHR9LFxyXG5cdFx0XHRzZXJpZXM6XHJcblx0XHRcdFx0dGhpcy5zZXJpZXMoKS5sZW5ndGggP1xyXG5cdFx0XHRcdFx0dGhpcy5zZXJpZXMoKVxyXG5cdFx0XHRcdDpcdFtcclxuXHRcdFx0XHRcdFx0e1xyXG5cdFx0XHRcdFx0XHRcdG5hbWU6IHRoaXMuc2VyaWVzTmFtZSgpLFxyXG5cdFx0XHRcdFx0XHRcdGRhdGE6IHRoaXMuZGF0YSgpLm1hcCgoaXRlbSkgPT4gaXRlbS55KVxyXG5cdFx0XHRcdFx0XHR9XHJcblx0XHRcdFx0XHRdLFxyXG5cdFx0XHRsZWdlbmQ6IHsgZW5hYmxlZDogdGhpcy5zZXJpZXNOYW1lKCkgPyB0cnVlIDogZmFsc2UgfSxcclxuXHRcdFx0Y3JlZGl0czoge1xyXG5cdFx0XHRcdGVuYWJsZWQ6IGZhbHNlXHJcblx0XHRcdH1cclxuXHRcdH07XHJcblx0fVxyXG59XHJcbiJdfQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component,
|
|
1
|
+
import { Component, EventEmitter, Output, effect, input } from '@angular/core';
|
|
2
2
|
import * as Highcharts from 'highcharts';
|
|
3
3
|
import { HighchartsChartModule } from 'highcharts-angular';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -16,22 +16,33 @@ export class PieHighChartComponent {
|
|
|
16
16
|
this.data = input.required();
|
|
17
17
|
this.title = input('');
|
|
18
18
|
this.size = input('70%');
|
|
19
|
+
this.width = input('460');
|
|
20
|
+
this.height = input('380');
|
|
21
|
+
this.showLegend = input(false);
|
|
22
|
+
this.dataLabelsFormat = input('<span style="font-size: 1.2em"><b>{point.name}:</b> <span style="opacity: 0.6">' +
|
|
23
|
+
'{point.percentage:.1f}%</span><br>');
|
|
24
|
+
this.selected = new EventEmitter();
|
|
19
25
|
this.Highcharts = Highcharts;
|
|
20
|
-
this.chartOptions = {};
|
|
26
|
+
this.chartOptions = {};
|
|
27
|
+
effect(() => {
|
|
28
|
+
if (this.data()) {
|
|
29
|
+
this.setChartOptions();
|
|
30
|
+
}
|
|
31
|
+
});
|
|
21
32
|
}
|
|
22
33
|
setChartOptions() {
|
|
23
34
|
this.chartOptions = {
|
|
24
35
|
chart: {
|
|
25
|
-
|
|
26
|
-
plotBorderWidth: null,
|
|
36
|
+
type: 'pie',
|
|
27
37
|
plotShadow: false,
|
|
28
|
-
|
|
38
|
+
width: this.width(),
|
|
39
|
+
height: this.height()
|
|
29
40
|
},
|
|
30
41
|
title: {
|
|
31
|
-
text: this.title()
|
|
42
|
+
text: this.title()
|
|
32
43
|
},
|
|
33
44
|
tooltip: {
|
|
34
|
-
pointFormat: '<b>{point.percentage:.1f}%</b>'
|
|
45
|
+
pointFormat: '<b>{point.percentage:.1f}%</b>'
|
|
35
46
|
},
|
|
36
47
|
accessibility: {
|
|
37
48
|
point: {
|
|
@@ -40,52 +51,87 @@ export class PieHighChartComponent {
|
|
|
40
51
|
},
|
|
41
52
|
plotOptions: {
|
|
42
53
|
pie: {
|
|
43
|
-
size:
|
|
54
|
+
size: this.size(),
|
|
44
55
|
allowPointSelect: true,
|
|
45
56
|
cursor: 'pointer',
|
|
57
|
+
showInLegend: this.showLegend(),
|
|
46
58
|
dataLabels: {
|
|
59
|
+
formatter: function () {
|
|
60
|
+
const percentage = this.point.percentage.toFixed(1);
|
|
61
|
+
const value = this.point.y.toLocaleString('tr-TR', {
|
|
62
|
+
minimumFractionDigits: 2,
|
|
63
|
+
maximumFractionDigits: 2
|
|
64
|
+
});
|
|
65
|
+
return `
|
|
66
|
+
<span style="font-size: 1.2em"><b>${this.point.name}:</b></span>
|
|
67
|
+
<span style="opacity: 0.6">${percentage}%</span>
|
|
68
|
+
<br>
|
|
69
|
+
<span style="font-weight: bold;">${value} TL</span>`;
|
|
70
|
+
},
|
|
47
71
|
enabled: true,
|
|
48
|
-
|
|
49
|
-
'
|
|
50
|
-
|
|
72
|
+
style: {
|
|
73
|
+
fontWeight: 'normal'
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
events: {
|
|
77
|
+
click: (event) => {
|
|
78
|
+
this.selected.emit(event.point.options);
|
|
79
|
+
}
|
|
51
80
|
}
|
|
52
81
|
}
|
|
53
82
|
},
|
|
54
83
|
series: [
|
|
55
84
|
{
|
|
85
|
+
type: 'pie',
|
|
56
86
|
name: 'Data',
|
|
57
|
-
data: this.data()
|
|
58
|
-
}
|
|
87
|
+
data: this.data()
|
|
88
|
+
}
|
|
59
89
|
],
|
|
60
90
|
credits: {
|
|
61
|
-
enabled: false
|
|
91
|
+
enabled: false
|
|
62
92
|
},
|
|
93
|
+
responsive: {
|
|
94
|
+
rules: [
|
|
95
|
+
{
|
|
96
|
+
condition: {
|
|
97
|
+
maxWidth: 500
|
|
98
|
+
},
|
|
99
|
+
chartOptions: {
|
|
100
|
+
legend: {
|
|
101
|
+
layout: 'vertical',
|
|
102
|
+
align: 'right',
|
|
103
|
+
verticalAlign: 'middle'
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
]
|
|
108
|
+
}
|
|
63
109
|
};
|
|
64
110
|
}
|
|
65
|
-
ngOnChanges(changes) {
|
|
66
|
-
if (changes['data'] || changes['title']) {
|
|
67
|
-
this.setChartOptions();
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
111
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PieHighChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
71
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: PieHighChartComponent, isStandalone: true, selector: "aril-pie-highchart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } },
|
|
72
|
-
|
|
73
|
-
|
|
112
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: PieHighChartComponent, isStandalone: true, selector: "aril-pie-highchart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, showLegend: { classPropertyName: "showLegend", publicName: "showLegend", isSignal: true, isRequired: false, transformFunction: null }, dataLabelsFormat: { classPropertyName: "dataLabelsFormat", publicName: "dataLabelsFormat", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected" }, ngImport: i0, template: ` <highcharts-chart
|
|
113
|
+
style="width: 100%; display: block"
|
|
114
|
+
[Highcharts]="Highcharts"
|
|
115
|
+
[oneToOne]="true"
|
|
116
|
+
[runOutsideAngular]="true"
|
|
74
117
|
[options]="chartOptions">
|
|
75
|
-
</highcharts-chart>`, isInline: true, dependencies: [{ kind: "ngmodule", type: HighchartsChartModule }, { kind: "component", type: i1.HighchartsChartComponent, selector: "highcharts-chart", inputs: ["Highcharts", "constructorType", "callbackFunction", "oneToOne", "runOutsideAngular", "options", "update"], outputs: ["updateChange", "chartInstance"] }]
|
|
118
|
+
</highcharts-chart>`, isInline: true, dependencies: [{ kind: "ngmodule", type: HighchartsChartModule }, { kind: "component", type: i1.HighchartsChartComponent, selector: "highcharts-chart", inputs: ["Highcharts", "constructorType", "callbackFunction", "oneToOne", "runOutsideAngular", "options", "update"], outputs: ["updateChange", "chartInstance"] }] }); }
|
|
76
119
|
}
|
|
77
120
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PieHighChartComponent, decorators: [{
|
|
78
121
|
type: Component,
|
|
79
122
|
args: [{
|
|
80
123
|
standalone: true,
|
|
81
124
|
selector: 'aril-pie-highchart',
|
|
82
|
-
template: `
|
|
83
|
-
|
|
84
|
-
|
|
125
|
+
template: ` <highcharts-chart
|
|
126
|
+
style="width: 100%; display: block"
|
|
127
|
+
[Highcharts]="Highcharts"
|
|
128
|
+
[oneToOne]="true"
|
|
129
|
+
[runOutsideAngular]="true"
|
|
85
130
|
[options]="chartOptions">
|
|
86
131
|
</highcharts-chart>`,
|
|
87
|
-
imports: [HighchartsChartModule]
|
|
88
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
132
|
+
imports: [HighchartsChartModule]
|
|
89
133
|
}]
|
|
90
|
-
}]
|
|
91
|
-
|
|
134
|
+
}], ctorParameters: () => [], propDecorators: { selected: [{
|
|
135
|
+
type: Output
|
|
136
|
+
}] } });
|
|
137
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGllLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FyaWwvdWkvY2hhcnRzL3NyYy9oaWdoQ2hhcnRzL3BpZS9waWUtY2hhcnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRS9FLE9BQU8sS0FBSyxVQUFVLE1BQU0sWUFBWSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7QUFVM0QsZUFBZTtBQUNmLFdBQVc7QUFDWCxtQ0FBbUM7QUFDbkMsbUNBQW1DO0FBQ25DLG1DQUFtQztBQUNuQyxtQ0FBbUM7QUFDbkMsbUNBQW1DO0FBQ25DLElBQUk7QUFlSixNQUFNLE9BQU8scUJBQXFCO0lBQ2pDO1FBUUEsU0FBSSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQWUsQ0FBQztRQUNyQyxVQUFLLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQzFCLFNBQUksR0FBRyxLQUFLLENBQVMsS0FBSyxDQUFDLENBQUM7UUFDNUIsVUFBSyxHQUFHLEtBQUssQ0FBUyxLQUFLLENBQUMsQ0FBQztRQUM3QixXQUFNLEdBQUcsS0FBSyxDQUFTLEtBQUssQ0FBQyxDQUFDO1FBQzlCLGVBQVUsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDbkMscUJBQWdCLEdBQUcsS0FBSyxDQUN2QixpRkFBaUY7WUFDaEYsb0NBQW9DLENBQ3JDLENBQUM7UUFFUSxhQUFRLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFL0QsZUFBVSxHQUFzQixVQUFVLENBQUM7UUFDM0MsaUJBQVksR0FBdUIsRUFBRSxDQUFDO1FBckJyQyxNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1gs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ZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCwgZWZmZWN0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0ICogYXMgSGlnaGNoYXJ0cyBmcm9tICdoaWdoY2hhcnRzJztcclxuaW1wb3J0IHsgSGlnaGNoYXJ0c0NoYXJ0TW9kdWxlIH0gZnJvbSAnaGlnaGNoYXJ0cy1hbmd1bGFyJztcclxuXHJcbmludGVyZmFjZSBkYXRhSXRlbXMge1xyXG5cdG5hbWU6IHN0cmluZztcclxuXHR5OiBudW1iZXI7XHJcblx0Y29sb3I/OiBzdHJpbmc7XHJcblx0dG9vbHRpcD86IHN0cmluZztcclxuXHRzZWxlY3RlZD86IGJvb2xlYW47XHJcbn1cclxuXHJcbi8vIEV4YW1wbGUgRGF0YVxyXG4vLyBkYXRhID0gW1xyXG4vLyBcdHsgbmFtZTogJ0thdGVnb3JpIEEnLCB5OiAyMDAgfSxcclxuLy8gXHR7IG5hbWU6ICdLYXRlZ29yaSBCJywgeTogMTAwIH0sXHJcbi8vIFx0eyBuYW1lOiAnS2F0ZWdvcmkgQycsIHk6IDUwMCB9LFxyXG4vLyBcdHsgbmFtZTogJ0thdGVnb3JpIEQnLCB5OiAyNTAgfSxcclxuLy8gXHR7IG5hbWU6ICdLYXRlZ29yaSBFJywgeTogNDAwIH0sXHJcbi8vIF1cclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHN0YW5kYWxvbmU6IHRydWUsXHJcblx0c2VsZWN0b3I6ICdhcmlsLXBpZS1oaWdoY2hhcnQnLFxyXG5cdHRlbXBsYXRlOiBgIDxoaWdoY2hhcnRzLWNoYXJ0XHJcblx0XHRzdHlsZT1cIndpZHRoOiAxMDAlOyBkaXNwbGF5OiBibG9ja1wiXHJcblx0XHRbSGlnaGNoYXJ0c109XCJIaWdoY2hhcnRzXCJcclxuXHRcdFtvbmVUb09uZV09XCJ0cnVlXCJcclxuXHRcdFtydW5PdXRzaWRlQW5ndWxhcl09XCJ0cnVlXCJcclxuXHRcdFtvcHRpb25zXT1cImNoYXJ0T3B0aW9uc1wiPlxyXG5cdDwvaGlnaGNoYXJ0cy1jaGFydD5gLFxyXG5cclxuXHRpbXBvcnRzOiBbSGlnaGNoYXJ0c0NoYXJ0TW9kdWxlXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGllSGlnaENoYXJ0Q29tcG9uZW50IHtcclxuXHRjb25zdHJ1Y3RvcigpIHtcclxuXHRcdGVmZmVjdCgoKSA9PiB7XHJcblx0XHRcdGlmICh0aGlzLmRhdGEoKSkge1xyXG5cdFx0XHRcdHRoaXMuc2V0Q2hhcnRPcHRpb25zKCk7XHJcblx0XHRcdH1cclxuXHRcdH0pO1xyXG5cdH1cclxuXHJcblx0ZGF0YSA9IGlucHV0LnJlcXVpcmVkPGRhdGFJdGVtc1tdPigpO1xyXG5cdHRpdGxlID0gaW5wdXQ8c3RyaW5nPignJyk7XHJcblx0c2l6ZSA9IGlucHV0PHN0cmluZz4oJzcwJScpO1xyXG5cdHdpZHRoID0gaW5wdXQ8c3RyaW5nPignNDYwJyk7XHJcblx0aGVpZ2h0ID0gaW5wdXQ8c3RyaW5nPignMzgwJyk7XHJcblx0c2hvd0xlZ2VuZCA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcclxuXHRkYXRhTGFiZWxzRm9ybWF0ID0gaW5wdXQ8c3RyaW5nPihcclxuXHRcdCc8c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMS4yZW1cIj48Yj57cG9pbnQubmFtZX06PC9iPiA8c3BhbiBzdHlsZT1cIm9wYWNpdHk6IDAuNlwiPicgK1xyXG5cdFx0XHQne3BvaW50LnBlcmNlbnRhZ2U6LjFmfSU8L3NwYW4+PGJyPidcclxuXHQpO1xyXG5cclxuXHRAT3V0cHV0KCkgc2VsZWN0ZWQ6IEV2ZW50RW1pdHRlcjx1bmtub3duPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcblx0SGlnaGNoYXJ0czogdHlwZW9mIEhpZ2hjaGFydHMgPSBIaWdoY2hhcnRzO1xyXG5cdGNoYXJ0T3B0aW9uczogSGlnaGNoYXJ0cy5PcHRpb25zID0ge307XHJcblxyXG5cdHNldENoYXJ0T3B0aW9ucygpIHtcclxuXHRcdHRoaXMuY2hhcnRPcHRpb25zID0ge1xyXG5cdFx0XHRjaGFydDoge1xyXG5cdFx0XHRcdHR5cGU6ICdwaWUnLFxyXG5cdFx0XHRcdHBsb3RTaGFkb3c6IGZhbHNlLFxyXG5cdFx0XHRcdHdpZHRoOiB0aGlzLndpZHRoKCksXHJcblx0XHRcdFx0aGVpZ2h0OiB0aGlzLmhlaWdodCgpXHJcblx0XHRcdH0sXHJcblx0XHRcdHRpdGxlOiB7XHJcblx0XHRcdFx0dGV4dDogdGhpcy50aXRsZSgpXHJcblx0XHRcdH0sXHJcblx0XHRcdHRvb2x0aXA6IHtcclxuXHRcdFx0XHRwb2ludEZvcm1hdDogJzxiPntwb2ludC5wZXJjZW50YWdlOi4xZn0lPC9iPidcclxuXHRcdFx0fSxcclxuXHRcdFx0YWNjZXNzaWJpbGl0eToge1xyXG5cdFx0XHRcdHBvaW50OiB7XHJcblx0XHRcdFx0XHR2YWx1ZVN1ZmZpeDogJyUnXHJcblx0XHRcdFx0fVxyXG5cdFx0XHR9LFxyXG5cdFx0XHRwbG90T3B0aW9uczoge1xyXG5cdFx0XHRcdHBpZToge1xyXG5cdFx0XHRcdFx0c2l6ZTogdGhpcy5zaXplKCksXHJcblx0XHRcdFx0XHRhbGxvd1BvaW50U2VsZWN0OiB0cnVlLFxyXG5cdFx0XHRcdFx0Y3Vyc29yOiAncG9pbnRlcicsXHJcblx0XHRcdFx0XHRzaG93SW5MZWdlbmQ6IHRoaXMuc2hvd0xlZ2VuZCgpLFxyXG5cdFx0XHRcdFx0ZGF0YUxhYmVsczoge1xyXG5cdFx0XHRcdFx0XHRmb3JtYXR0ZXI6IGZ1bmN0aW9uICh0aGlzOiBhbnkpIHtcclxuXHRcdFx0XHRcdFx0XHRjb25zdCBwZXJjZW50YWdlID0gdGhpcy5wb2ludC5wZXJjZW50YWdlLnRvRml4ZWQoMSk7XHJcblx0XHRcdFx0XHRcdFx0Y29uc3QgdmFsdWUgPSB0aGlzLnBvaW50LnkudG9Mb2NhbGVTdHJpbmcoJ3RyLVRSJywge1xyXG5cdFx0XHRcdFx0XHRcdFx0bWluaW11bUZyYWN0aW9uRGlnaXRzOiAyLFxyXG5cdFx0XHRcdFx0XHRcdFx0bWF4aW11bUZyYWN0aW9uRGlnaXRzOiAyXHJcblx0XHRcdFx0XHRcdFx0fSk7XHJcblx0XHRcdFx0XHRcdFx0cmV0dXJuIGBcclxuXHRcdFx0XHRcdFx0XHRcdDxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAxLjJlbVwiPjxiPiR7dGhpcy5wb2ludC5uYW1lfTo8L2I+PC9zcGFuPlxyXG5cdFx0XHRcdFx0XHRcdFx0PHNwYW4gc3R5bGU9XCJvcGFjaXR5OiAwLjZcIj4ke3BlcmNlbnRhZ2V9JTwvc3Bhbj5cclxuXHRcdFx0XHRcdFx0XHRcdDxicj5cclxuXHRcdFx0XHRcdFx0XHRcdDxzcGFuIHN0eWxlPVwiZm9udC13ZWlnaHQ6IGJvbGQ7XCI+JHt2YWx1ZX0gVEw8L3NwYW4+YDtcclxuXHRcdFx0XHRcdFx0fSxcclxuXHRcdFx0XHRcdFx0ZW5hYmxlZDogdHJ1ZSxcclxuXHRcdFx0XHRcdFx0c3R5bGU6IHtcclxuXHRcdFx0XHRcdFx0XHRmb250V2VpZ2h0OiAnbm9ybWFsJ1xyXG5cdFx0XHRcdFx0XHR9XHJcblx0XHRcdFx0XHR9LFxyXG5cdFx0XHRcdFx0ZXZlbnRzOiB7XHJcblx0XHRcdFx0XHRcdGNsaWNrOiAoZXZlbnQ6IGFueSkgPT4ge1xyXG5cdFx0XHRcdFx0XHRcdHRoaXMuc2VsZWN0ZWQuZW1pdChldmVudC5wb2ludC5vcHRpb25zKTtcclxuXHRcdFx0XHRcdFx0fVxyXG5cdFx0XHRcdFx0fVxyXG5cdFx0XHRcdH1cclxuXHRcdFx0fSxcclxuXHRcdFx0c2VyaWVzOiBbXHJcblx0XHRcdFx0e1xyXG5cdFx0XHRcdFx0dHlwZTogJ3BpZScsXHJcblx0XHRcdFx0XHRuYW1lOiAnRGF0YScsXHJcblx0XHRcdFx0XHRkYXRhOiB0aGlzLmRhdGEoKVxyXG5cdFx0XHRcdH1cclxuXHRcdFx0XSxcclxuXHRcdFx0Y3JlZGl0czoge1xyXG5cdFx0XHRcdGVuYWJsZWQ6IGZhbHNlXHJcblx0XHRcdH0sXHJcblx0XHRcdHJlc3BvbnNpdmU6IHtcclxuXHRcdFx0XHRydWxlczogW1xyXG5cdFx0XHRcdFx0e1xyXG5cdFx0XHRcdFx0XHRjb25kaXRpb246IHtcclxuXHRcdFx0XHRcdFx0XHRtYXhXaWR0aDogNTAwXHJcblx0XHRcdFx0XHRcdH0sXHJcblx0XHRcdFx0XHRcdGNoYXJ0T3B0aW9uczoge1xyXG5cdFx0XHRcdFx0XHRcdGxlZ2VuZDoge1xyXG5cdFx0XHRcdFx0XHRcdFx0bGF5b3V0OiAndmVydGljYWwnLFxyXG5cdFx0XHRcdFx0XHRcdFx0YWxpZ246ICdyaWdodCcsXHJcblx0XHRcdFx0XHRcdFx0XHR2ZXJ0aWNhbEFsaWduOiAnbWlkZGxlJ1xyXG5cdFx0XHRcdFx0XHRcdH1cclxuXHRcdFx0XHRcdFx0fVxyXG5cdFx0XHRcdFx0fVxyXG5cdFx0XHRcdF1cclxuXHRcdFx0fVxyXG5cdFx0fTtcclxuXHR9XHJcbn1cclxuIl19
|