aril 2.0.1-dev.3 → 2.0.1-dev.5
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/boot/bridge/src/mfe-bridge.d.ts +33 -0
- package/boot/config/apps/src/interfaces.d.ts +7 -1
- package/boot/config/apps/src/route-close.service.d.ts +8 -3
- package/boot/config/apps/src/route-permissions.d.ts +2 -2
- package/esm2022/boot/bridge/src/mfe-bridge.mjs +18 -1
- package/esm2022/boot/config/api/src/interfaces.mjs +3 -2
- package/esm2022/boot/config/apps/src/apps.service.mjs +2 -2
- package/esm2022/boot/config/apps/src/custom-route-reuse-strategy.class.mjs +4 -4
- package/esm2022/boot/config/apps/src/interfaces.mjs +2 -1
- package/esm2022/boot/config/apps/src/route-close.service.mjs +11 -4
- package/esm2022/boot/config/apps/src/route-permissions.mjs +24 -6
- package/esm2022/boot/config/plugins/src/plugins.service.mjs +7 -5
- package/esm2022/boot/host/src/bootstrap.mjs +5 -3
- package/esm2022/boot/mfe/src/bootstrap.mjs +15 -3
- package/esm2022/http/index.mjs +1 -2
- package/esm2022/http/src/serviceBase.mjs +4 -4
- package/esm2022/http/src/serviceStateMethods.mjs +9 -1
- package/esm2022/keycloak/src/auth.interceptor.mjs +5 -2
- package/esm2022/selection/aril-selection.mjs +5 -0
- package/esm2022/selection/index.mjs +2 -0
- package/esm2022/selection/src/interfaces.mjs +2 -0
- package/esm2022/selection/src/selection-group.service.mjs +195 -0
- package/esm2022/theme/layout/app/profileSidebar/modals/edit-profile-modal/edit-profile-modal.component.mjs +2 -2
- package/esm2022/theme/layout/index.mjs +4 -2
- package/esm2022/theme/layout/service/breadcrumb-publisher.service.mjs +12 -4
- package/esm2022/theme/layout/service/interfaces/interfaces.mjs +1 -1
- package/esm2022/ui/button/index.mjs +1 -2
- package/esm2022/ui/button/src/button.component.mjs +5 -2
- package/esm2022/ui/charts/index.mjs +1 -11
- package/esm2022/ui/lib/index.mjs +1 -4
- package/esm2022/ui/lib/src/form/form-error-message.directive.mjs +9 -5
- package/esm2022/ui/multiSelect/src/multi-select.component.mjs +25 -25
- package/esm2022/ui/relativeDateSelector/src/relative-date-selector.component.mjs +2 -2
- package/esm2022/ui/selectBox/src/select-box.component.mjs +11 -34
- package/esm2022/ui/table/src/table.component.mjs +10 -5
- package/esm2022/ui/value/src/value.component.mjs +3 -2
- package/esm2022/ui-business/enumPicker/src/enum-picker.component.mjs +14 -6
- package/esm2022/util/activity/aril-util-activity.mjs +5 -0
- package/esm2022/util/activity/index.mjs +4 -0
- package/esm2022/util/activity/src/activity.constants.mjs +4 -0
- package/esm2022/util/activity/src/activity.service.mjs +218 -0
- package/esm2022/util/activity/src/activity.types.mjs +2 -0
- package/esm2022/util/block/src/block.mjs +9 -25
- package/esm2022/util/pub-sub/src/pub-sub.service.mjs +10 -5
- package/fesm2022/{aril-app.component-s14ruALV.mjs → aril-app.component-MjG_tPEe.mjs} +2 -1
- package/fesm2022/{aril-app.component-s14ruALV.mjs.map → aril-app.component-MjG_tPEe.mjs.map} +1 -1
- package/fesm2022/aril-boot-bridge.mjs +17 -0
- package/fesm2022/aril-boot-bridge.mjs.map +1 -1
- package/fesm2022/aril-boot-config-api.mjs +2 -1
- package/fesm2022/aril-boot-config-api.mjs.map +1 -1
- package/fesm2022/aril-boot-config-apps.mjs +36 -12
- package/fesm2022/aril-boot-config-apps.mjs.map +1 -1
- package/fesm2022/aril-boot-config-plugins.mjs +6 -4
- package/fesm2022/aril-boot-config-plugins.mjs.map +1 -1
- package/fesm2022/aril-boot-host.mjs +4 -2
- package/fesm2022/aril-boot-host.mjs.map +1 -1
- package/fesm2022/{aril-boot-mfe-app.component-AS4MzEo2.mjs → aril-boot-mfe-app.component-DtspQ3J8.mjs} +3 -2
- package/fesm2022/{aril-boot-mfe-app.component-AS4MzEo2.mjs.map → aril-boot-mfe-app.component-DtspQ3J8.mjs.map} +1 -1
- package/fesm2022/{aril-boot-mfe-aril-boot-mfe-Ui9Cv3UC.mjs → aril-boot-mfe-aril-boot-mfe-lovoFcgw.mjs} +16 -4
- package/fesm2022/aril-boot-mfe-aril-boot-mfe-lovoFcgw.mjs.map +1 -0
- package/fesm2022/aril-boot-mfe.mjs +2 -1
- package/fesm2022/aril-boot-mfe.mjs.map +1 -1
- package/fesm2022/aril-http.mjs +11 -7
- package/fesm2022/aril-http.mjs.map +1 -1
- package/fesm2022/aril-keycloak.mjs +4 -1
- package/fesm2022/aril-keycloak.mjs.map +1 -1
- package/fesm2022/aril-selection.mjs +202 -0
- package/fesm2022/aril-selection.mjs.map +1 -0
- package/fesm2022/aril-theme-layout.mjs +14 -66
- package/fesm2022/aril-theme-layout.mjs.map +1 -1
- package/fesm2022/aril-ui-business-enumPicker.mjs +14 -6
- package/fesm2022/aril-ui-business-enumPicker.mjs.map +1 -1
- package/fesm2022/aril-ui-button.mjs +5 -17
- package/fesm2022/aril-ui-button.mjs.map +1 -1
- package/fesm2022/aril-ui-charts.mjs +4 -1302
- package/fesm2022/aril-ui-charts.mjs.map +1 -1
- package/fesm2022/aril-ui-lib.mjs +10 -98
- package/fesm2022/aril-ui-lib.mjs.map +1 -1
- package/fesm2022/aril-ui-multiSelect.mjs +24 -24
- package/fesm2022/aril-ui-multiSelect.mjs.map +1 -1
- package/fesm2022/aril-ui-relativeDateSelector.mjs +1 -1
- package/fesm2022/aril-ui-relativeDateSelector.mjs.map +1 -1
- package/fesm2022/aril-ui-selectBox.mjs +10 -33
- package/fesm2022/aril-ui-selectBox.mjs.map +1 -1
- package/fesm2022/aril-ui-table.mjs +9 -4
- package/fesm2022/aril-ui-table.mjs.map +1 -1
- package/fesm2022/aril-ui-value.mjs +2 -1
- package/fesm2022/aril-ui-value.mjs.map +1 -1
- package/fesm2022/aril-util-activity.mjs +228 -0
- package/fesm2022/aril-util-activity.mjs.map +1 -0
- package/fesm2022/aril-util-block.mjs +9 -25
- package/fesm2022/aril-util-block.mjs.map +1 -1
- package/fesm2022/aril-util-pub-sub.mjs +9 -4
- package/fesm2022/aril-util-pub-sub.mjs.map +1 -1
- package/fesm2022/aril.mjs +18 -5
- package/fesm2022/aril.mjs.map +1 -1
- package/http/index.d.ts +0 -1
- package/http/src/serviceStateMethods.d.ts +1 -0
- package/package.json +210 -234
- package/scripts/mf-shared.js +47 -0
- package/selection/index.d.ts +1 -0
- package/selection/src/interfaces.d.ts +8 -0
- package/{theme/layout/service → selection/src}/selection-group.service.d.ts +9 -5
- package/theme/layout/index.d.ts +1 -1
- package/theme/layout/index.ts +3 -1
- package/theme/layout/service/breadcrumb-publisher.service.ts +18 -8
- package/theme/layout/service/interfaces/interfaces.d.ts +3 -17
- package/theme/layout/service/interfaces/interfaces.ts +6 -18
- package/ui/button/index.d.ts +0 -1
- package/ui/button/src/button.component.d.ts +2 -0
- package/ui/charts/index.d.ts +0 -10
- package/ui/lib/index.d.ts +0 -3
- package/ui/lib/src/form/form-error-message.directive.d.ts +4 -3
- package/ui/multiSelect/src/multi-select.component.d.ts +4 -5
- package/ui/selectBox/src/select-box.component.d.ts +2 -7
- package/ui/table/src/table.component.d.ts +3 -2
- package/util/activity/index.d.ts +3 -0
- package/util/activity/src/activity.constants.d.ts +3 -0
- package/util/activity/src/activity.service.d.ts +35 -0
- package/util/activity/src/activity.types.d.ts +13 -0
- package/util/block/src/block.d.ts +4 -10
- package/util/pub-sub/src/pub-sub.service.d.ts +2 -2
- package/esm2022/http/src/serviceMockBase.mjs +0 -4
- package/esm2022/theme/layout/service/selection-group.service.mjs +0 -65
- package/esm2022/ui/button/src/split-button.component.mjs +0 -18
- package/esm2022/ui/charts/src/amCharts/column/column-chart.component.mjs +0 -124
- package/esm2022/ui/charts/src/amCharts/line/line-chart.component.mjs +0 -164
- package/esm2022/ui/charts/src/amCharts/pie/pie-chart.component.mjs +0 -116
- package/esm2022/ui/charts/src/highCharts/area/area-chart.component.mjs +0 -114
- package/esm2022/ui/charts/src/highCharts/bar/bar-chart.component.mjs +0 -100
- package/esm2022/ui/charts/src/highCharts/column/column-chart.component.mjs +0 -117
- package/esm2022/ui/charts/src/highCharts/heatmap/heatMap-chart.component.mjs +0 -252
- package/esm2022/ui/charts/src/highCharts/line/line-chart-series.component.mjs +0 -89
- package/esm2022/ui/charts/src/highCharts/line/line-chart.component.mjs +0 -82
- package/esm2022/ui/charts/src/highCharts/pie/pie-chart.component.mjs +0 -137
- package/esm2022/ui/charts/src/theme/theme.mjs +0 -54
- package/esm2022/ui/dxEditor/aril-ui-dxEditor.mjs +0 -5
- package/esm2022/ui/dxEditor/index.mjs +0 -2
- package/esm2022/ui/dxEditor/src/dx-editor.component.mjs +0 -26
- package/esm2022/ui/lib/src/form/form-field-builder.mjs +0 -23
- package/esm2022/ui/lib/src/input/common-input-validators.service.mjs +0 -49
- package/esm2022/ui/lib/src/input/input-disabled.directive.mjs +0 -25
- package/esm2022/ui/overlayPanel/aril-ui-overlayPanel.mjs +0 -5
- package/esm2022/ui/overlayPanel/index.mjs +0 -2
- package/esm2022/ui/overlayPanel/src/overlay-panel.component.mjs +0 -20
- package/esm2022/ui/tooltip/aril-ui-tooltip.mjs +0 -5
- package/esm2022/ui/tooltip/index.mjs +0 -2
- package/esm2022/ui/tooltip/src/tooltip-component.mjs +0 -23
- package/esm2022/ui/treeTable/aril-ui-treeTable.mjs +0 -5
- package/esm2022/ui/treeTable/index.mjs +0 -2
- package/esm2022/ui/treeTable/src/tree-table.component.mjs +0 -55
- package/esm2022/ui-business/operation-types-dialog/aril-ui-business-operation-types-dialog.mjs +0 -5
- package/esm2022/ui-business/operation-types-dialog/index.mjs +0 -2
- package/esm2022/ui-business/operation-types-dialog/src/operation-types-dialog.component.mjs +0 -76
- package/esm2022/util/unwrap/aril-util-unwrap.mjs +0 -5
- package/esm2022/util/unwrap/index.mjs +0 -2
- package/esm2022/util/unwrap/src/unwrap-tag.directive.mjs +0 -24
- package/fesm2022/aril-boot-mfe-aril-boot-mfe-Ui9Cv3UC.mjs.map +0 -1
- package/fesm2022/aril-ui-business-operation-types-dialog.mjs +0 -83
- package/fesm2022/aril-ui-business-operation-types-dialog.mjs.map +0 -1
- package/fesm2022/aril-ui-dxEditor.mjs +0 -33
- package/fesm2022/aril-ui-dxEditor.mjs.map +0 -1
- package/fesm2022/aril-ui-overlayPanel.mjs +0 -27
- package/fesm2022/aril-ui-overlayPanel.mjs.map +0 -1
- package/fesm2022/aril-ui-tooltip.mjs +0 -30
- package/fesm2022/aril-ui-tooltip.mjs.map +0 -1
- package/fesm2022/aril-ui-treeTable.mjs +0 -62
- package/fesm2022/aril-ui-treeTable.mjs.map +0 -1
- package/fesm2022/aril-util-unwrap.mjs +0 -31
- package/fesm2022/aril-util-unwrap.mjs.map +0 -1
- package/http/src/serviceMockBase.d.ts +0 -6
- package/theme/layout/service/selection-group.service.ts +0 -73
- package/ui/button/src/split-button.component.d.ts +0 -8
- package/ui/charts/src/amCharts/column/column-chart.component.d.ts +0 -25
- package/ui/charts/src/amCharts/line/line-chart.component.d.ts +0 -26
- package/ui/charts/src/amCharts/pie/pie-chart.component.d.ts +0 -24
- package/ui/charts/src/highCharts/area/area-chart.component.d.ts +0 -20
- package/ui/charts/src/highCharts/bar/bar-chart.component.d.ts +0 -26
- package/ui/charts/src/highCharts/column/column-chart.component.d.ts +0 -28
- package/ui/charts/src/highCharts/heatmap/heatMap-chart.component.d.ts +0 -32
- package/ui/charts/src/highCharts/line/line-chart-series.component.d.ts +0 -21
- package/ui/charts/src/highCharts/line/line-chart.component.d.ts +0 -21
- package/ui/charts/src/highCharts/pie/pie-chart.component.d.ts +0 -27
- package/ui/charts/src/theme/theme.d.ts +0 -5
- package/ui/dxEditor/index.d.ts +0 -1
- package/ui/dxEditor/src/dx-editor.component.d.ts +0 -11
- package/ui/lib/src/form/form-field-builder.d.ts +0 -8
- package/ui/lib/src/input/common-input-validators.service.d.ts +0 -20
- package/ui/lib/src/input/input-disabled.directive.d.ts +0 -9
- package/ui/overlayPanel/index.d.ts +0 -1
- package/ui/overlayPanel/src/overlay-panel.component.d.ts +0 -8
- package/ui/tooltip/index.d.ts +0 -1
- package/ui/tooltip/src/tooltip-component.d.ts +0 -14
- package/ui/treeTable/index.d.ts +0 -1
- package/ui/treeTable/src/tree-table.component.d.ts +0 -21
- package/ui-business/operation-types-dialog/index.d.ts +0 -1
- package/ui-business/operation-types-dialog/src/operation-types-dialog.component.d.ts +0 -28
- package/util/unwrap/index.d.ts +0 -1
- package/util/unwrap/src/unwrap-tag.directive.d.ts +0 -9
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, input } from '@angular/core';
|
|
2
|
-
import * as Highcharts from 'highcharts';
|
|
3
|
-
import { HighchartsChartModule } from 'highcharts-angular';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "highcharts-angular";
|
|
6
|
-
// Example Data
|
|
7
|
-
// data = [
|
|
8
|
-
// { name: 'Kategori A', y: 200 },
|
|
9
|
-
// { name: 'Kategori B', y: 100 },
|
|
10
|
-
// { name: 'Kategori C', y: 500 },
|
|
11
|
-
// { name: 'Kategori D', y: 250 },
|
|
12
|
-
// { name: 'Kategori E', y: 400 },
|
|
13
|
-
// ]
|
|
14
|
-
export class BarHighChartComponent {
|
|
15
|
-
constructor() {
|
|
16
|
-
this.data = input.required();
|
|
17
|
-
this.title = input('');
|
|
18
|
-
this.categoriesTitle = input('');
|
|
19
|
-
this.valuesTitle = input('');
|
|
20
|
-
this.seriesName = input();
|
|
21
|
-
this.width = input('460');
|
|
22
|
-
this.height = input('380');
|
|
23
|
-
this.Highcharts = Highcharts;
|
|
24
|
-
this.chartOptions = {}; // Highcharts.Options
|
|
25
|
-
}
|
|
26
|
-
setChartOptions() {
|
|
27
|
-
this.chartOptions = {
|
|
28
|
-
chart: {
|
|
29
|
-
type: 'bar',
|
|
30
|
-
height: this.height(),
|
|
31
|
-
width: this.width()
|
|
32
|
-
},
|
|
33
|
-
title: {
|
|
34
|
-
text: this.title()
|
|
35
|
-
},
|
|
36
|
-
xAxis: {
|
|
37
|
-
categories: this.data().map((item) => item.name),
|
|
38
|
-
title: {
|
|
39
|
-
text: this.categoriesTitle()
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
yAxis: {
|
|
43
|
-
min: 0,
|
|
44
|
-
title: {
|
|
45
|
-
text: this.valuesTitle()
|
|
46
|
-
}
|
|
47
|
-
},
|
|
48
|
-
tooltip: {
|
|
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
|
|
59
|
-
},
|
|
60
|
-
series: [
|
|
61
|
-
{
|
|
62
|
-
name: this.seriesName(),
|
|
63
|
-
data: this.data().map((item) => item.y)
|
|
64
|
-
}
|
|
65
|
-
],
|
|
66
|
-
legend: { enabled: this.seriesName() ? true : false },
|
|
67
|
-
credits: {
|
|
68
|
-
enabled: false
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
}
|
|
72
|
-
ngOnChanges(changes) {
|
|
73
|
-
if (changes['data'] || changes['title']) {
|
|
74
|
-
this.setChartOptions();
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: BarHighChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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 }); }
|
|
84
|
-
}
|
|
85
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: BarHighChartComponent, decorators: [{
|
|
86
|
-
type: Component,
|
|
87
|
-
args: [{
|
|
88
|
-
standalone: true,
|
|
89
|
-
selector: 'aril-bar-highchart',
|
|
90
|
-
template: ` <highcharts-chart
|
|
91
|
-
style="width: 100%; display: block"
|
|
92
|
-
[Highcharts]="Highcharts"
|
|
93
|
-
[options]="chartOptions"
|
|
94
|
-
[oneToOne]="true">
|
|
95
|
-
</highcharts-chart>`,
|
|
96
|
-
imports: [HighchartsChartModule],
|
|
97
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
98
|
-
}]
|
|
99
|
-
}] });
|
|
100
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FyaWwvdWkvY2hhcnRzL3NyYy9oaWdoQ2hhcnRzL2Jhci9iYXItY2hhcnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQTRCLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVwRyxPQUFPLEtBQUssVUFBVSxNQUFNLFlBQVksQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7O0FBVTNELGVBQWU7QUFDZixXQUFXO0FBQ1gsbUNBQW1DO0FBQ25DLG1DQUFtQztBQUNuQyxtQ0FBbUM7QUFDbkMsbUNBQW1DO0FBQ25DLG1DQUFtQztBQUNuQyxJQUFJO0FBZUosTUFBTSxPQUFPLHFCQUFxQjtJQWJsQztRQWNDLFNBQUksR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFlLENBQUM7UUFDckMsVUFBSyxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUMxQixvQkFBZSxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUNwQyxnQkFBVyxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUNoQyxlQUFVLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDN0IsVUFBSyxHQUFHLEtBQUssQ0FBUyxLQUFLLENBQUMsQ0FBQztRQUM3QixXQUFNLEdBQUcsS0FBSyxDQUFTLEtBQUssQ0FBQyxDQUFDO1FBRTlCLGVBQVUsR0FBc0IsVUFBVSxDQUFDO1FBQzNDLGlCQUFZLEdBQVEsRUFBRSxDQUFDLENBQUMscUJBQXFCO0tBc0Q3QztJQXBEQSxlQUFlO1FBQ2QsSUFBSSxDQUFDLFlBQVksR0FBRztZQUNuQixLQUFLLEVBQUU7Z0JBQ04sSUFBSSxFQUFFLEtBQUs7Z0JBQ1gsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUU7Z0JBQ3JCLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFO2FBQ25CO1lBQ0QsS0FBSyxFQUFFO2dCQUNOLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFO2FBQ2xCO1lBQ0QsS0FBSyxFQUFFO2dCQUNOLFVBQVUsRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO2dCQUNoRCxLQUFLLEVBQUU7b0JBQ04sSUFBSSxFQUFFLElBQUksQ0FBQyxlQUFlLEVBQUU7aUJBQzVCO2FBQ0Q7WUFDRCxLQUFLLEVBQUU7Z0JBQ04sR0FBRyxFQUFFLENBQUM7Z0JBQ04sS0FBSyxFQUFFO29CQUNOLElBQUksRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFO2lCQUN4QjthQUNEO1lBQ0QsT0FBTyxFQUFFO2dCQUNSLFNBQVMsRUFBRTtvQkFDVixPQUFPO2dCQUNJLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUTtrQkFDakIsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLE9BQU8sRUFBRTt3QkFDaEQscUJBQXFCLEVBQUUsQ0FBQzt3QkFDeEIscUJBQXFCLEVBQUUsQ0FBQztxQkFDeEIsQ0FBQztNQUNGLENBQUM7Z0JBQ0gsQ0FBQztnQkFDRCxPQUFPLEVBQUUsSUFBSTthQUNiO1lBQ0QsTUFBTSxFQUFFO2dCQUNQO29CQUNDLElBQUksRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFO29CQUN2QixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztpQkFDdkM7YUFDRDtZQUNELE1BQU0sRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxFQUFFO1lBQ3JELE9BQU8sRUFBRTtnQkFDUixPQUFPLEVBQUUsS0FBSzthQUNkO1NBQ0QsQ0FBQztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDakMsSUFBSSxPQUFPLENBQUMsTUFBTSxDQUFDLElBQUksT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7WUFDekMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLENBQUM7SUFDRixDQUFDOzhHQS9EVyxxQkFBcUI7a0dBQXJCLHFCQUFxQixxL0JBVnZCOzs7OztxQkFLVSwyREFFVixxQkFBcUI7OzJGQUduQixxQkFBcUI7a0JBYmpDLFNBQVM7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFFBQVEsRUFBRTs7Ozs7cUJBS1U7b0JBRXBCLE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNoQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDL0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgKiBhcyBIaWdoY2hhcnRzIGZyb20gJ2hpZ2hjaGFydHMnO1xyXG5pbXBvcnQgeyBIaWdoY2hhcnRzQ2hhcnRNb2R1bGUgfSBmcm9tICdoaWdoY2hhcnRzLWFuZ3VsYXInO1xyXG5cclxuaW50ZXJmYWNlIGRhdGFJdGVtcyB7XHJcblx0bmFtZTogc3RyaW5nO1xyXG5cdHk6IGFueTtcclxuXHRjb2xvcj86IHN0cmluZztcclxuXHR0b29sdGlwPzogc3RyaW5nO1xyXG5cdHNlbGVjdGVkPzogYm9vbGVhbjtcclxufVxyXG5cclxuLy8gRXhhbXBsZSBEYXRhXHJcbi8vIGRhdGEgPSBbXHJcbi8vIFx0eyBuYW1lOiAnS2F0ZWdvcmkgQScsIHk6IDIwMCB9LFxyXG4vLyBcdHsgbmFtZTogJ0thdGVnb3JpIEInLCB5OiAxMDAgfSxcclxuLy8gXHR7IG5hbWU6ICdLYXRlZ29yaSBDJywgeTogNTAwIH0sXHJcbi8vIFx0eyBuYW1lOiAnS2F0ZWdvcmkgRCcsIHk6IDI1MCB9LFxyXG4vLyBcdHsgbmFtZTogJ0thdGVnb3JpIEUnLCB5OiA0MDAgfSxcclxuLy8gXVxyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c3RhbmRhbG9uZTogdHJ1ZSxcclxuXHRzZWxlY3RvcjogJ2FyaWwtYmFyLWhpZ2hjaGFydCcsXHJcblx0dGVtcGxhdGU6IGAgPGhpZ2hjaGFydHMtY2hhcnRcclxuXHRcdHN0eWxlPVwid2lkdGg6IDEwMCU7IGRpc3BsYXk6IGJsb2NrXCJcclxuXHRcdFtIaWdoY2hhcnRzXT1cIkhpZ2hjaGFydHNcIlxyXG5cdFx0W29wdGlvbnNdPVwiY2hhcnRPcHRpb25zXCJcclxuXHRcdFtvbmVUb09uZV09XCJ0cnVlXCI+XHJcblx0PC9oaWdoY2hhcnRzLWNoYXJ0PmAsXHJcblxyXG5cdGltcG9ydHM6IFtIaWdoY2hhcnRzQ2hhcnRNb2R1bGVdLFxyXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYXJIaWdoQ2hhcnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG5cdGRhdGEgPSBpbnB1dC5yZXF1aXJlZDxkYXRhSXRlbXNbXT4oKTtcclxuXHR0aXRsZSA9IGlucHV0PHN0cmluZz4oJycpO1xyXG5cdGNhdGVnb3JpZXNUaXRsZSA9IGlucHV0PHN0cmluZz4oJycpO1xyXG5cdHZhbHVlc1RpdGxlID0gaW5wdXQ8c3RyaW5nPignJyk7XHJcblx0c2VyaWVzTmFtZSA9IGlucHV0PHN0cmluZz4oKTtcclxuXHR3aWR0aCA9IGlucHV0PHN0cmluZz4oJzQ2MCcpO1xyXG5cdGhlaWdodCA9IGlucHV0PHN0cmluZz4oJzM4MCcpO1xyXG5cclxuXHRIaWdoY2hhcnRzOiB0eXBlb2YgSGlnaGNoYXJ0cyA9IEhpZ2hjaGFydHM7XHJcblx0Y2hhcnRPcHRpb25zOiBhbnkgPSB7fTsgLy8gSGlnaGNoYXJ0cy5PcHRpb25zXHJcblxyXG5cdHNldENoYXJ0T3B0aW9ucygpIHtcclxuXHRcdHRoaXMuY2hhcnRPcHRpb25zID0ge1xyXG5cdFx0XHRjaGFydDoge1xyXG5cdFx0XHRcdHR5cGU6ICdiYXInLFxyXG5cdFx0XHRcdGhlaWdodDogdGhpcy5oZWlnaHQoKSxcclxuXHRcdFx0XHR3aWR0aDogdGhpcy53aWR0aCgpXHJcblx0XHRcdH0sXHJcblx0XHRcdHRpdGxlOiB7XHJcblx0XHRcdFx0dGV4dDogdGhpcy50aXRsZSgpXHJcblx0XHRcdH0sXHJcblx0XHRcdHhBeGlzOiB7XHJcblx0XHRcdFx0Y2F0ZWdvcmllczogdGhpcy5kYXRhKCkubWFwKChpdGVtKSA9PiBpdGVtLm5hbWUpLFxyXG5cdFx0XHRcdHRpdGxlOiB7XHJcblx0XHRcdFx0XHR0ZXh0OiB0aGlzLmNhdGVnb3JpZXNUaXRsZSgpXHJcblx0XHRcdFx0fVxyXG5cdFx0XHR9LFxyXG5cdFx0XHR5QXhpczoge1xyXG5cdFx0XHRcdG1pbjogMCxcclxuXHRcdFx0XHR0aXRsZToge1xyXG5cdFx0XHRcdFx0dGV4dDogdGhpcy52YWx1ZXNUaXRsZSgpXHJcblx0XHRcdFx0fVxyXG5cdFx0XHR9LFxyXG5cdFx0XHR0b29sdGlwOiB7XHJcblx0XHRcdFx0Zm9ybWF0dGVyOiBmdW5jdGlvbiAodGhpczogYW55KSB7XHJcblx0XHRcdFx0XHRyZXR1cm4gYFxyXG5cdFx0XHRcdFx0XHQ8c3Ryb25nPiR7dGhpcy5wb2ludC5jYXRlZ29yeX08L3N0cm9uZz48YnI+XHJcblx0XHRcdFx0XHRcdERlxJ9lcjogPGI+JHt0aGlzLnBvaW50LnkudG9Mb2NhbGVTdHJpbmcoJ3RyLVRSJywge1xyXG5cdFx0XHRcdFx0XHRcdG1pbmltdW1GcmFjdGlvbkRpZ2l0czogMixcclxuXHRcdFx0XHRcdFx0XHRtYXhpbXVtRnJhY3Rpb25EaWdpdHM6IDJcclxuXHRcdFx0XHRcdFx0fSl9PC9iPlxyXG5cdFx0XHRcdFx0YDtcclxuXHRcdFx0XHR9LFxyXG5cdFx0XHRcdHVzZUhUTUw6IHRydWVcclxuXHRcdFx0fSxcclxuXHRcdFx0c2VyaWVzOiBbXHJcblx0XHRcdFx0e1xyXG5cdFx0XHRcdFx0bmFtZTogdGhpcy5zZXJpZXNOYW1lKCksXHJcblx0XHRcdFx0XHRkYXRhOiB0aGlzLmRhdGEoKS5tYXAoKGl0ZW0pID0+IGl0ZW0ueSlcclxuXHRcdFx0XHR9XHJcblx0XHRcdF0sXHJcblx0XHRcdGxlZ2VuZDogeyBlbmFibGVkOiB0aGlzLnNlcmllc05hbWUoKSA/IHRydWUgOiBmYWxzZSB9LFxyXG5cdFx0XHRjcmVkaXRzOiB7XHJcblx0XHRcdFx0ZW5hYmxlZDogZmFsc2VcclxuXHRcdFx0fVxyXG5cdFx0fTtcclxuXHR9XHJcblxyXG5cdG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuXHRcdGlmIChjaGFuZ2VzWydkYXRhJ10gfHwgY2hhbmdlc1sndGl0bGUnXSkge1xyXG5cdFx0XHR0aGlzLnNldENoYXJ0T3B0aW9ucygpO1xyXG5cdFx0fVxyXG5cdH1cclxufVxyXG4iXX0=
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import { Component, effect, input } from '@angular/core';
|
|
2
|
-
import * as Highcharts from 'highcharts';
|
|
3
|
-
import { HighchartsChartModule } from 'highcharts-angular';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "highcharts-angular";
|
|
6
|
-
// Example Data
|
|
7
|
-
// data = [
|
|
8
|
-
// { name: 'Kategori A', y: 200 },
|
|
9
|
-
// { name: 'Kategori B', y: 100 },
|
|
10
|
-
// { name: 'Kategori C', y: 500 },
|
|
11
|
-
// { name: 'Kategori D', y: 250 },
|
|
12
|
-
// { name: 'Kategori E', y: 400 },
|
|
13
|
-
// ]
|
|
14
|
-
export class ColumnHighChartComponent {
|
|
15
|
-
constructor() {
|
|
16
|
-
this.data = input.required();
|
|
17
|
-
this.title = input('');
|
|
18
|
-
this.categoriesTitle = input('');
|
|
19
|
-
this.valuesTitle = input('');
|
|
20
|
-
this.seriesName = input();
|
|
21
|
-
this.dateFormat = input();
|
|
22
|
-
this.width = input('460');
|
|
23
|
-
this.height = input('380');
|
|
24
|
-
this.series = input([]);
|
|
25
|
-
this.Highcharts = Highcharts;
|
|
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
|
-
}
|
|
44
|
-
}
|
|
45
|
-
setChartOptions() {
|
|
46
|
-
this.chartOptions = {
|
|
47
|
-
chart: {
|
|
48
|
-
type: 'column',
|
|
49
|
-
width: this.width(),
|
|
50
|
-
height: this.height()
|
|
51
|
-
},
|
|
52
|
-
title: {
|
|
53
|
-
text: this.title()
|
|
54
|
-
},
|
|
55
|
-
xAxis: {
|
|
56
|
-
categories: this.dateFormat() ?
|
|
57
|
-
this.data().map((item) => this.formatDate(item.name))
|
|
58
|
-
: this.data().map((item) => item.name),
|
|
59
|
-
title: {
|
|
60
|
-
text: this.categoriesTitle()
|
|
61
|
-
}
|
|
62
|
-
},
|
|
63
|
-
yAxis: {
|
|
64
|
-
min: 0,
|
|
65
|
-
title: {
|
|
66
|
-
text: this.valuesTitle()
|
|
67
|
-
}
|
|
68
|
-
},
|
|
69
|
-
tooltip: {
|
|
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
|
-
`;
|
|
78
|
-
},
|
|
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
|
-
],
|
|
89
|
-
legend: { enabled: this.seriesName() ? true : false },
|
|
90
|
-
credits: {
|
|
91
|
-
enabled: false
|
|
92
|
-
}
|
|
93
|
-
};
|
|
94
|
-
}
|
|
95
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ColumnHighChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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"] }] }); }
|
|
102
|
-
}
|
|
103
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ColumnHighChartComponent, decorators: [{
|
|
104
|
-
type: Component,
|
|
105
|
-
args: [{
|
|
106
|
-
standalone: true,
|
|
107
|
-
selector: 'aril-column-highchart',
|
|
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]
|
|
115
|
-
}]
|
|
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,252 +0,0 @@
|
|
|
1
|
-
import { Component, effect, input } from '@angular/core';
|
|
2
|
-
import * as Highcharts from 'highcharts';
|
|
3
|
-
import { HighchartsChartModule } from 'highcharts-angular';
|
|
4
|
-
import highchartsMore from 'highcharts/highcharts-more';
|
|
5
|
-
import heatmap from 'highcharts/modules/heatmap';
|
|
6
|
-
import NoDataToDisplay from 'highcharts/modules/no-data-to-display';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "highcharts-angular";
|
|
9
|
-
highchartsMore(Highcharts);
|
|
10
|
-
heatmap(Highcharts);
|
|
11
|
-
NoDataToDisplay(Highcharts);
|
|
12
|
-
export class HeatmapChartComponent {
|
|
13
|
-
constructor() {
|
|
14
|
-
this.Highcharts = Highcharts;
|
|
15
|
-
this.series = input.required();
|
|
16
|
-
this.title = input('Chart');
|
|
17
|
-
this.yAxisTitle = input('');
|
|
18
|
-
this.loading = input(false);
|
|
19
|
-
this.chartOptions = {};
|
|
20
|
-
this.xAxisCategories = [];
|
|
21
|
-
this.yAxisCategories = [];
|
|
22
|
-
this.chartCallback = (chart) => {
|
|
23
|
-
this.chart = chart;
|
|
24
|
-
};
|
|
25
|
-
effect(() => {
|
|
26
|
-
if (this.series()) {
|
|
27
|
-
this.setChartOptions();
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
effect(() => {
|
|
31
|
-
if (this.chart) {
|
|
32
|
-
const newSeries = this.prometheusToHighchartsSeries();
|
|
33
|
-
this.chart.update({
|
|
34
|
-
series: newSeries,
|
|
35
|
-
yAxis: { categories: this.yAxisCategories },
|
|
36
|
-
xAxis: { categories: this.xAxisCategories }
|
|
37
|
-
}, true, true);
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
effect(() => {
|
|
41
|
-
if (this.chart) {
|
|
42
|
-
if (this.loading()) {
|
|
43
|
-
this.chart.showLoading();
|
|
44
|
-
}
|
|
45
|
-
else {
|
|
46
|
-
this.chart.hideLoading();
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
});
|
|
50
|
-
effect(() => {
|
|
51
|
-
if (this.chart) {
|
|
52
|
-
this.chart.update({
|
|
53
|
-
title: {
|
|
54
|
-
text: this.title()
|
|
55
|
-
},
|
|
56
|
-
yAxis: {
|
|
57
|
-
title: {
|
|
58
|
-
text: this.yAxisTitle()
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
setChartOptions() {
|
|
66
|
-
const series = this.prometheusToHighchartsSeries();
|
|
67
|
-
let minValue = Number.POSITIVE_INFINITY;
|
|
68
|
-
let maxValue = Number.NEGATIVE_INFINITY;
|
|
69
|
-
if (series && series.length && series[0].type === 'heatmap' && Array.isArray(series[0].data)) {
|
|
70
|
-
for (const d of series[0].data) {
|
|
71
|
-
const value = d[2];
|
|
72
|
-
if (typeof value === 'number') {
|
|
73
|
-
if (value < minValue)
|
|
74
|
-
minValue = value;
|
|
75
|
-
if (value > maxValue)
|
|
76
|
-
maxValue = value;
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
if (!isFinite(minValue))
|
|
81
|
-
minValue = 0;
|
|
82
|
-
if (!isFinite(maxValue))
|
|
83
|
-
maxValue = 1;
|
|
84
|
-
console.log("minValue", minValue);
|
|
85
|
-
console.log("maxValue", maxValue);
|
|
86
|
-
this.chartOptions = {
|
|
87
|
-
chart: {
|
|
88
|
-
type: 'heatmap',
|
|
89
|
-
marginTop: 40,
|
|
90
|
-
marginBottom: 80,
|
|
91
|
-
plotBorderWidth: 0
|
|
92
|
-
},
|
|
93
|
-
title: {
|
|
94
|
-
text: this.title() || 'Heatmap'
|
|
95
|
-
},
|
|
96
|
-
colorAxis: {
|
|
97
|
-
stops: [
|
|
98
|
-
[0, '#73BF69'],
|
|
99
|
-
[0.3, '#fffbbc'],
|
|
100
|
-
[0.5, '#fffbbc'],
|
|
101
|
-
[0.7, '#c4463a'],
|
|
102
|
-
[0.9, '#c4463a'],
|
|
103
|
-
[1, '#c4463a']
|
|
104
|
-
],
|
|
105
|
-
min: minValue,
|
|
106
|
-
max: maxValue,
|
|
107
|
-
startOnTick: false,
|
|
108
|
-
endOnTick: false
|
|
109
|
-
},
|
|
110
|
-
tooltip: {
|
|
111
|
-
formatter: function () {
|
|
112
|
-
const dateStr = Highcharts.dateFormat('%Y-%m-%d %H:%M', this.point.x);
|
|
113
|
-
return '<b> Value </b>' + this.point.value?.toFixed(2) + '<br/><b> Time </b>' + dateStr;
|
|
114
|
-
},
|
|
115
|
-
enabled: true
|
|
116
|
-
},
|
|
117
|
-
legend: {
|
|
118
|
-
enabled: false
|
|
119
|
-
},
|
|
120
|
-
plotOptions: {
|
|
121
|
-
heatmap: {
|
|
122
|
-
pointPadding: 5
|
|
123
|
-
},
|
|
124
|
-
series: {
|
|
125
|
-
stickyTracking: false
|
|
126
|
-
}
|
|
127
|
-
},
|
|
128
|
-
noData: {
|
|
129
|
-
style: {
|
|
130
|
-
fontWeight: 'bold',
|
|
131
|
-
fontSize: '16px',
|
|
132
|
-
color: '#303030'
|
|
133
|
-
},
|
|
134
|
-
position: {
|
|
135
|
-
align: 'center',
|
|
136
|
-
verticalAlign: 'middle'
|
|
137
|
-
},
|
|
138
|
-
useHTML: true
|
|
139
|
-
},
|
|
140
|
-
xAxis: {
|
|
141
|
-
type: 'datetime',
|
|
142
|
-
categories: this.xAxisCategories,
|
|
143
|
-
labels: {
|
|
144
|
-
align: 'left',
|
|
145
|
-
x: 5,
|
|
146
|
-
y: 14,
|
|
147
|
-
format: '{value:%H:00}',
|
|
148
|
-
rotation: 0,
|
|
149
|
-
step: 2
|
|
150
|
-
},
|
|
151
|
-
showLastLabel: false,
|
|
152
|
-
tickInterval: 2 * 3600 * 1000,
|
|
153
|
-
minTickInterval: 3600 * 1000
|
|
154
|
-
},
|
|
155
|
-
yAxis: {
|
|
156
|
-
categories: this.yAxisCategories,
|
|
157
|
-
title: {
|
|
158
|
-
text: this.yAxisTitle()
|
|
159
|
-
}
|
|
160
|
-
},
|
|
161
|
-
series: series
|
|
162
|
-
};
|
|
163
|
-
}
|
|
164
|
-
epochToTimeString(epoch) {
|
|
165
|
-
const date = new Date(Number(epoch) * 1000);
|
|
166
|
-
const hours = date.getHours().toString().padStart(2, '0');
|
|
167
|
-
const minutes = date.getMinutes().toString().padStart(2, '0');
|
|
168
|
-
return `${hours}:${minutes}`;
|
|
169
|
-
}
|
|
170
|
-
prometheusToHighchartsSeries() {
|
|
171
|
-
const xCategorySet = new Set();
|
|
172
|
-
const yCategorySet = new Set();
|
|
173
|
-
const seriesData = this.series();
|
|
174
|
-
if (!seriesData) {
|
|
175
|
-
return [];
|
|
176
|
-
}
|
|
177
|
-
for (const key in seriesData) {
|
|
178
|
-
if (key === 'response') {
|
|
179
|
-
if (Object.prototype.hasOwnProperty.call(seriesData, key)) {
|
|
180
|
-
const dataSet = seriesData[key];
|
|
181
|
-
const result = dataSet?.result || dataSet?.data?.result;
|
|
182
|
-
if (result) {
|
|
183
|
-
for (const item of result) {
|
|
184
|
-
yCategorySet.add(item.metric?.le);
|
|
185
|
-
for (const itemValue of item.values) {
|
|
186
|
-
xCategorySet.add(this.epochToTimeString(itemValue[0]));
|
|
187
|
-
}
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
}
|
|
191
|
-
}
|
|
192
|
-
}
|
|
193
|
-
this.xAxisCategories = Array.from(xCategorySet);
|
|
194
|
-
this.yAxisCategories = Array.from(yCategorySet);
|
|
195
|
-
const data = [];
|
|
196
|
-
for (const key in seriesData) {
|
|
197
|
-
if (key === 'response') {
|
|
198
|
-
if (Object.prototype.hasOwnProperty.call(seriesData, key)) {
|
|
199
|
-
const dataSet = seriesData[key];
|
|
200
|
-
const result = dataSet?.result || dataSet?.data?.result;
|
|
201
|
-
if (result) {
|
|
202
|
-
for (const item of result) {
|
|
203
|
-
const yValue = item.metric?.le;
|
|
204
|
-
const yIndex = this.yAxisCategories.indexOf(yValue);
|
|
205
|
-
for (const itemValue of item.values) {
|
|
206
|
-
const epoch = Number(itemValue[0]);
|
|
207
|
-
const date = new Date(epoch * 1000);
|
|
208
|
-
const utcTime = Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes());
|
|
209
|
-
const value = Number(itemValue[1]);
|
|
210
|
-
data.push([utcTime, yIndex, value]);
|
|
211
|
-
}
|
|
212
|
-
}
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
}
|
|
216
|
-
}
|
|
217
|
-
return [
|
|
218
|
-
{
|
|
219
|
-
type: 'heatmap',
|
|
220
|
-
data: data,
|
|
221
|
-
colsize: 8 * 60 * 1000,
|
|
222
|
-
borderWidth: 1
|
|
223
|
-
}
|
|
224
|
-
];
|
|
225
|
-
}
|
|
226
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: HeatmapChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
227
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: HeatmapChartComponent, isStandalone: true, selector: "aril-heatmap-chart", inputs: { series: { classPropertyName: "series", publicName: "series", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, yAxisTitle: { classPropertyName: "yAxisTitle", publicName: "yAxisTitle", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
228
|
-
<highcharts-chart
|
|
229
|
-
style="width: 100%; height: 100%; display: block"
|
|
230
|
-
[Highcharts]="Highcharts"
|
|
231
|
-
[options]="chartOptions"
|
|
232
|
-
[callbackFunction]="chartCallback">
|
|
233
|
-
</highcharts-chart>
|
|
234
|
-
`, 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"] }] }); }
|
|
235
|
-
}
|
|
236
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: HeatmapChartComponent, decorators: [{
|
|
237
|
-
type: Component,
|
|
238
|
-
args: [{
|
|
239
|
-
selector: 'aril-heatmap-chart',
|
|
240
|
-
standalone: true,
|
|
241
|
-
imports: [HighchartsChartModule],
|
|
242
|
-
template: `
|
|
243
|
-
<highcharts-chart
|
|
244
|
-
style="width: 100%; height: 100%; display: block"
|
|
245
|
-
[Highcharts]="Highcharts"
|
|
246
|
-
[options]="chartOptions"
|
|
247
|
-
[callbackFunction]="chartCallback">
|
|
248
|
-
</highcharts-chart>
|
|
249
|
-
`
|
|
250
|
-
}]
|
|
251
|
-
}], ctorParameters: () => [] });
|
|
252
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhdE1hcC1jaGFydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hcmlsL3VpL2NoYXJ0cy9zcmMvaGlnaENoYXJ0cy9oZWF0bWFwL2hlYXRNYXAtY2hhcnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEtBQUssVUFBVSxNQUFNLFlBQVksQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUMzRCxPQUFPLGNBQWMsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RCxPQUFPLE9BQU8sTUFBTSw0QkFBNEIsQ0FBQztBQUNqRCxPQUFPLGVBQWUsTUFBTSx1Q0FBdUMsQ0FBQzs7O0FBRXBFLGNBQWMsQ0FBQyxVQUFVLENBQUMsQ0FBQztBQUMzQixPQUFPLENBQUMsVUFBVSxDQUFDLENBQUM7QUFDcEIsZUFBZSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0FBNkI1QixNQUFNLE9BQU8scUJBQXFCO0lBY2pDO1FBYkEsZUFBVSxHQUFzQixVQUFVLENBQUM7UUFFM0MsV0FBTSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQU8sQ0FBQztRQUMvQixVQUFLLEdBQUcsS0FBSyxDQUFTLE9BQU8sQ0FBQyxDQUFDO1FBQy9CLGVBQVUsR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7UUFDL0IsWUFBTyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QixpQkFBWSxHQUF1QixFQUFFLENBQUM7UUFFdEMsb0JBQWUsR0FBVSxFQUFFLENBQUM7UUFDNUIsb0JBQWUsR0FBVSxFQUFFLENBQUM7UUF1SjVCLGtCQUFhLEdBQXFDLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDM0QsSUFBSSxDQUFDLEtBQUssR0FBRyxL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QUcsSUFBSSxDQUFDLEdBQUcsQ0FDdkIsSUFBSSxDQUFDLGNBQWMsRUFBRSxFQUNyQixJQUFJLENBQUMsV0FBVyxFQUFFLEVBQ2xCLElBQUksQ0FBQyxVQUFVLEVBQUUsRUFDakIsSUFBSSxDQUFDLFdBQVcsRUFBRSxFQUNsQixJQUFJLENBQUMsYUFBYSxFQUFFLENBQ3BCLENBQUM7Z0NBQ0YsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2dDQUNuQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDOzRCQUNyQyxDQUFDO3dCQUNGLENBQUM7b0JBQ0YsQ0FBQztnQkFDRixDQUFDO1lBQ0YsQ0FBQztRQUNGLENBQUM7UUFFRCxPQUFPO1lBQ047Z0JBQ0MsSUFBSSxFQUFFLFNBQVM7Z0JBQ2YsSUFBSSxFQUFFLElBQUk7Z0JBQ1YsT0FBTyxFQUFFLENBQUMsR0FBRyxFQUFFLEdBQUcsSUFBSTtnQkFDdEIsV0FBVyxFQUFFLENBQUM7YUFDcUI7U0FDcEMsQ0FBQztJQUNILENBQUM7OEdBL09XLHFCQUFxQjtrR0FBckIscUJBQXFCLGlsQkFUdkI7Ozs7Ozs7RUFPVCwyREFSUyxxQkFBcUI7OzJGQVVuQixxQkFBcUI7a0JBYmpDLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNoQyxRQUFRLEVBQUU7Ozs7Ozs7RUFPVDtpQkFDRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgZWZmZWN0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgKiBhcyBIaWdoY2hhcnRzIGZyb20gJ2hpZ2hjaGFydHMnO1xyXG5pbXBvcnQgeyBIaWdoY2hhcnRzQ2hhcnRNb2R1bGUgfSBmcm9tICdoaWdoY2hhcnRzLWFuZ3VsYXInO1xyXG5pbXBvcnQgaGlnaGNoYXJ0c01vcmUgZnJvbSAnaGlnaGNoYXJ0cy9oaWdoY2hhcnRzLW1vcmUnO1xyXG5pbXBvcnQgaGVhdG1hcCBmcm9tICdoaWdoY2hhcnRzL21vZHVsZXMvaGVhdG1hcCc7XHJcbmltcG9ydCBOb0RhdGFUb0Rpc3BsYXkgZnJvbSAnaGlnaGNoYXJ0cy9tb2R1bGVzL25vLWRhdGEtdG8tZGlzcGxheSc7XHJcblxyXG5oaWdoY2hhcnRzTW9yZShIaWdoY2hhcnRzKTtcclxuaGVhdG1hcChIaWdoY2hhcnRzKTtcclxuTm9EYXRhVG9EaXNwbGF5KEhpZ2hjaGFydHMpO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBIZWF0bWFwUG9pbnQge1xyXG5cdHg6IG51bWJlcjtcclxuXHR5OiBudW1iZXI7XHJcblx0dmFsdWU6IG51bWJlcjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBIZWF0bWFwRGF0YSB7XHJcblx0ZGF0YTogSGVhdG1hcFBvaW50W107XHJcblx0eENhdGVnb3JpZXM/OiBzdHJpbmdbXTtcclxuXHR5Q2F0ZWdvcmllcz86IHN0cmluZ1tdO1xyXG5cdHRpdGxlPzogc3RyaW5nO1xyXG5cdGNvbG9yQXhpcz86IEhpZ2hjaGFydHMuQ29sb3JBeGlzT3B0aW9ucztcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6ICdhcmlsLWhlYXRtYXAtY2hhcnQnLFxyXG5cdHN0YW5kYWxvbmU6IHRydWUsXHJcblx0aW1wb3J0czogW0hpZ2hjaGFydHNDaGFydE1vZHVsZV0sXHJcblx0dGVtcGxhdGU6IGBcclxuXHRcdDxoaWdoY2hhcnRzLWNoYXJ0XHJcblx0XHRcdHN0eWxlPVwid2lkdGg6IDEwMCU7IGhlaWdodDogMTAwJTsgZGlzcGxheTogYmxvY2tcIlxyXG5cdFx0XHRbSGlnaGNoYXJ0c109XCJIaWdoY2hhcnRzXCJcclxuXHRcdFx0W29wdGlvbnNdPVwiY2hhcnRPcHRpb25zXCJcclxuXHRcdFx0W2NhbGxiYWNrRnVuY3Rpb25dPVwiY2hhcnRDYWxsYmFja1wiPlxyXG5cdFx0PC9oaWdoY2hhcnRzLWNoYXJ0PlxyXG5cdGBcclxufSlcclxuZXhwb3J0IGNsYXNzIEhlYXRtYXBDaGFydENvbXBvbmVudCB7XHJcblx0SGlnaGNoYXJ0czogdHlwZW9mIEhpZ2hjaGFydHMgPSBIaWdoY2hhcnRzO1xyXG5cclxuXHRzZXJpZXMgPSBpbnB1dC5yZXF1aXJlZDxhbnk+KCk7XHJcblx0dGl0bGUgPSBpbnB1dDxzdHJpbmc+KCdDaGFydCcpO1xyXG5cdHlBeGlzVGl0bGUgPSBpbnB1dDxzdHJpbmc+KCcnKTtcclxuXHRsb2FkaW5nID0gaW5wdXQoZmFsc2UpO1xyXG5cdGNoYXJ0T3B0aW9uczogSGlnaGNoYXJ0cy5PcHRpb25zID0ge307XHJcblxyXG5cdHhBeGlzQ2F0ZWdvcmllczogYW55W10gPSBbXTtcclxuXHR5QXhpc0NhdGVnb3JpZXM6IGFueVtdID0gW107XHJcblxyXG5cdHByaXZhdGUgY2hhcnQ/OiBIaWdoY2hhcnRzLkNoYXJ0O1xyXG5cclxuXHRjb25zdHJ1Y3RvcigpIHtcclxuXHRcdGVmZmVjdCgoKSA9PiB7XHJcblx0XHRcdGlmICh0aGlzLnNlcmllcygpKSB7XHJcblx0XHRcdFx0dGhpcy5zZXRDaGFydE9wdGlvbnMoKTtcclxuXHRcdFx0fVxyXG5cdFx0fSk7XHJcblxyXG5cdFx0ZWZmZWN0KCgpID0+IHtcclxuXHRcdFx0aWYgKHRoaXMuY2hhcnQpIHtcclxuXHRcdFx0XHRjb25zdCBuZXdTZXJpZXMgPSB0aGlzLnByb21ldGhldXNUb0hpZ2hjaGFydHNTZXJpZXMoKTtcclxuXHRcdFx0XHR0aGlzLmNoYXJ0LnVwZGF0ZShcclxuXHRcdFx0XHRcdHtcclxuXHRcdFx0XHRcdFx0c2VyaWVzOiBuZXdTZXJpZXMsXHJcblxyXG5cdFx0XHRcdFx0XHR5QXhpczogeyBjYXRlZ29yaWVzOiB0aGlzLnlBeGlzQ2F0ZWdvcmllcyB9LFxyXG5cdFx0XHRcdFx0XHR4QXhpczogeyBjYXRlZ29yaWVzOiB0aGlzLnhBeGlzQ2F0ZWdvcmllcyB9XHJcblx0XHRcdFx0XHR9LFxyXG5cdFx0XHRcdFx0dHJ1ZSxcclxuXHRcdFx0XHRcdHRydWVcclxuXHRcdFx0XHQpO1xyXG5cdFx0XHR9XHJcblx0XHR9KTtcclxuXHJcblx0XHRlZmZlY3QoKCkgPT4ge1xyXG5cdFx0XHRpZiAodGhpcy5jaGFydCkge1xyXG5cdFx0XHRcdGlmICh0aGlzLmxvYWRpbmcoKSkge1xyXG5cdFx0XHRcdFx0dGhpcy5jaGFydC5zaG93TG9hZGluZygpO1xyXG5cdFx0XHRcdH0gZWxzZSB7XHJcblx0XHRcdFx0XHR0aGlzLmNoYXJ0LmhpZGVMb2FkaW5nKCk7XHJcblx0XHRcdFx0fVxyXG5cdFx0XHR9XHJcblx0XHR9KTtcclxuXHJcblx0XHRlZmZlY3QoKCkgPT4ge1xyXG5cdFx0XHRpZiAodGhpcy5jaGFydCkge1xyXG5cdFx0XHRcdHRoaXMuY2hhcnQudXBkYXRlKHtcclxuXHRcdFx0XHRcdHRpdGxlOiB7XHJcblx0XHRcdFx0XHRcdHRleHQ6IHRoaXMudGl0bGUoKVxyXG5cdFx0XHRcdFx0fSxcclxuXHRcdFx0XHRcdHlBeGlzOiB7XHJcblx0XHRcdFx0XHRcdHRpdGxlOiB7XHJcblx0XHRcdFx0XHRcdFx0dGV4dDogdGhpcy55QXhpc1RpdGxlKClcclxuXHRcdFx0XHRcdFx0fVxyXG5cdFx0XHRcdFx0fVxyXG5cdFx0XHRcdH0pO1xyXG5cdFx0XHR9XHJcblx0XHR9KTtcclxuXHR9XHJcblxyXG5cdHNldENoYXJ0T3B0aW9ucygpIHtcclxuXHRcdGNvbnN0IHNlcmllcyA9IHRoaXMucHJvbWV0aGV1c1RvSGlnaGNoYXJ0c1NlcmllcygpO1xyXG5cdFx0bGV0IG1pblZhbHVlID0gTnVtYmVyLlBPU0lUSVZFX0lORklOSVRZO1xyXG5cdFx0bGV0IG1heFZhbHVlID0gTnVtYmVyLk5FR0FUSVZFX0lORklOSVRZO1xyXG5cdFx0aWYgKHNlcmllcyAmJiBzZXJpZXMubGVuZ3RoICYmIHNlcmllc1swXS50eXBlID09PSAnaGVhdG1hcCcgJiYgQXJyYXkuaXNBcnJheShzZXJpZXNbMF0uZGF0YSkpIHtcclxuXHRcdFx0Zm9yIChjb25zdCBkIG9mIHNlcmllc1swXS5kYXRhIGFzIG51bWJlcltdW10pIHtcclxuXHRcdFx0XHRjb25zdCB2YWx1ZSA9IGRbMl07XHJcblx0XHRcdFx0aWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ251bWJlcicpIHtcclxuXHRcdFx0XHRcdGlmICh2YWx1ZSA8IG1pblZhbHVlKSBtaW5WYWx1ZSA9IHZhbHVlO1xyXG5cdFx0XHRcdFx0aWYgKHZhbHVlID4gbWF4VmFsdWUpIG1heFZhbHVlID0gdmFsdWU7XHJcblx0XHRcdFx0fVxyXG5cdFx0XHR9XHJcblx0XHR9XHJcblx0XHRpZiAoIWlzRmluaXRlKG1pblZhbHVlKSkgbWluVmFsdWUgPSAwO1xyXG5cdFx0aWYgKCFpc0Zpbml0ZShtYXhWYWx1ZSkpIG1heFZhbHVlID0gMTtcclxuXHJcblx0XHRjb25zb2xlLmxvZyhcIm1pblZhbHVlXCIsIG1pblZhbHVlKTtcclxuXHRcdGNvbnNvbGUubG9nKFwibWF4VmFsdWVcIiwgbWF4VmFsdWUpO1xyXG5cclxuXHRcdHRoaXMuY2hhcnRPcHRpb25zID0ge1xyXG5cdFx0XHRjaGFydDoge1xyXG5cdFx0XHRcdHR5cGU6ICdoZWF0bWFwJyxcclxuXHRcdFx0XHRtYXJnaW5Ub3A6IDQwLFxyXG5cdFx0XHRcdG1hcmdpbkJvdHRvbTogODAsXHJcblx0XHRcdFx0cGxvdEJvcmRlcldpZHRoOiAwXHJcblx0XHRcdH0sXHJcblx0XHRcdHRpdGxlOiB7XHJcblx0XHRcdFx0dGV4dDogdGhpcy50aXRsZSgpIHx8ICdIZWF0bWFwJ1xyXG5cdFx0XHR9LFxyXG5cdFx0XHRjb2xvckF4aXM6IHtcclxuXHRcdFx0XHRzdG9wczogW1xyXG5cdFx0XHRcdFx0WzAsICcjNzNCRjY5J10sXHJcblx0XHRcdFx0XHRbMC4zLCAnI2ZmZmJiYyddLFxyXG5cdFx0XHRcdFx0WzAuNSwgJyNmZmZiYmMnXSxcclxuXHRcdFx0XHRcdFswLjcsICcjYzQ0NjNhJ10sXHJcblx0XHRcdFx0XHRbMC45LCAnI2M0NDYzYSddLFxyXG5cdFx0XHRcdFx0WzEsICcjYzQ0NjNhJ11cclxuXHRcdFx0XHRdLFxyXG5cdFx0XHRcdG1pbjogbWluVmFsdWUsXHJcblx0XHRcdFx0bWF4OiBtYXhWYWx1ZSxcclxuXHRcdFx0XHRzdGFydE9uVGljazogZmFsc2UsXHJcblx0XHRcdFx0ZW5kT25UaWNrOiBmYWxzZVxyXG5cdFx0XHR9LFxyXG5cdFx0XHR0b29sdGlwOiB7XHJcblx0XHRcdFx0Zm9ybWF0dGVyOiBmdW5jdGlvbiAoKSB7XHJcblx0XHRcdFx0XHRjb25zdCBkYXRlU3RyID0gSGlnaGNoYXJ0cy5kYXRlRm9ybWF0KCclWS0lbS0lZCAlSDolTScsIHRoaXMucG9pbnQueCk7XHJcblx0XHRcdFx0XHRyZXR1cm4gJzxiPiBWYWx1ZSA8L2I+JyArIHRoaXMucG9pbnQudmFsdWU/LnRvRml4ZWQoMikgKyAnPGJyLz48Yj4gVGltZSA8L2I+JyArIGRhdGVTdHI7XHJcblx0XHRcdFx0fSxcclxuXHRcdFx0XHRlbmFibGVkOiB0cnVlXHJcblx0XHRcdH0sXHJcblx0XHRcdGxlZ2VuZDoge1xyXG5cdFx0XHRcdGVuYWJsZWQ6IGZhbHNlXHJcblx0XHRcdH0sXHJcblx0XHRcdHBsb3RPcHRpb25zOiB7XHJcblx0XHRcdFx0aGVhdG1hcDoge1xyXG5cdFx0XHRcdFx0cG9pbnRQYWRkaW5nOiA1XHJcblx0XHRcdFx0fSxcclxuXHRcdFx0XHRzZXJpZXM6IHtcclxuXHRcdFx0XHRcdHN0aWNreVRyYWNraW5nOiBmYWxzZVxyXG5cdFx0XHRcdH1cclxuXHRcdFx0fSxcclxuXHRcdFx0bm9EYXRhOiB7XHJcblx0XHRcdFx0c3R5bGU6IHtcclxuXHRcdFx0XHRcdGZvbnRXZWlnaHQ6ICdib2xkJyxcclxuXHRcdFx0XHRcdGZvbnRTaXplOiAnMTZweCcsXHJcblx0XHRcdFx0XHRjb2xvcjogJyMzMDMwMzAnXHJcblx0XHRcdFx0fSxcclxuXHRcdFx0XHRwb3NpdGlvbjoge1xyXG5cdFx0XHRcdFx0YWxpZ246ICdjZW50ZXInLFxyXG5cdFx0XHRcdFx0dmVydGljYWxBbGlnbjogJ21pZGRsZSdcclxuXHRcdFx0XHR9LFxyXG5cdFx0XHRcdHVzZUhUTUw6IHRydWVcclxuXHRcdFx0fSxcclxuXHRcdFx0eEF4aXM6IHtcclxuXHRcdFx0XHR0eXBlOiAnZGF0ZXRpbWUnLFxyXG5cdFx0XHRcdGNhdGVnb3JpZXM6IHRoaXMueEF4aXNDYXRlZ29yaWVzLFxyXG5cdFx0XHRcdGxhYmVsczoge1xyXG5cdFx0XHRcdFx0YWxpZ246ICdsZWZ0JyxcclxuXHRcdFx0XHRcdHg6IDUsXHJcblx0XHRcdFx0XHR5OiAxNCxcclxuXHRcdFx0XHRcdGZvcm1hdDogJ3t2YWx1ZTolSDowMH0nLFxyXG5cdFx0XHRcdFx0cm90YXRpb246IDAsXHJcblx0XHRcdFx0XHRzdGVwOiAyXHJcblx0XHRcdFx0fSxcclxuXHRcdFx0XHRzaG93TGFzdExhYmVsOiBmYWxzZSxcclxuXHRcdFx0XHR0aWNrSW50ZXJ2YWw6IDIgKiAzNjAwICogMTAwMCxcclxuXHRcdFx0XHRtaW5UaWNrSW50ZXJ2YWw6IDM2MDAgKiAxMDAwXHJcblx0XHRcdH0sXHJcblx0XHRcdHlBeGlzOiB7XHJcblx0XHRcdFx0Y2F0ZWdvcmllczogdGhpcy55QXhpc0NhdGVnb3JpZXMsXHJcblx0XHRcdFx0dGl0bGU6IHtcclxuXHRcdFx0XHRcdHRleHQ6IHRoaXMueUF4aXNUaXRsZSgpXHJcblx0XHRcdFx0fVxyXG5cdFx0XHR9LFxyXG5cdFx0XHRzZXJpZXM6IHNlcmllc1xyXG5cdFx0fTtcclxuXHR9XHJcblxyXG5cdGNoYXJ0Q2FsbGJhY2s6IEhpZ2hjaGFydHMuQ2hhcnRDYWxsYmFja0Z1bmN0aW9uID0gKGNoYXJ0KSA9PiB7XHJcblx0XHR0aGlzLmNoYXJ0ID0gY2hhcnQ7XHJcblx0fTtcclxuXHJcblx0ZXBvY2hUb1RpbWVTdHJpbmcoZXBvY2g6IG51bWJlcik6IHN0cmluZyB7XHJcblx0XHRjb25zdCBkYXRlID0gbmV3IERhdGUoTnVtYmVyKGVwb2NoKSAqIDEwMDApO1xyXG5cdFx0Y29uc3QgaG91cnMgPSBkYXRlLmdldEhvdXJzKCkudG9TdHJpbmcoKS5wYWRTdGFydCgyLCAnMCcpO1xyXG5cdFx0Y29uc3QgbWludXRlcyA9IGRhdGUuZ2V0TWludXRlcygpLnRvU3RyaW5nKCkucGFkU3RhcnQoMiwgJzAnKTtcclxuXHRcdHJldHVybiBgJHtob3Vyc306JHttaW51dGVzfWA7XHJcblx0fVxyXG5cclxuXHRwcm9tZXRoZXVzVG9IaWdoY2hhcnRzU2VyaWVzKCk6IEhpZ2hjaGFydHMuU2VyaWVzT3B0aW9uc1R5cGVbXSB7XHJcblx0XHRjb25zdCB4Q2F0ZWdvcnlTZXQgPSBuZXcgU2V0PHN0cmluZz4oKTtcclxuXHRcdGNvbnN0IHlDYXRlZ29yeVNldCA9IG5ldyBTZXQ8c3RyaW5nPigpO1xyXG5cdFx0Y29uc3Qgc2VyaWVzRGF0YSA9IHRoaXMuc2VyaWVzKCk7XHJcblxyXG5cdFx0aWYgKCFzZXJpZXNEYXRhKSB7XHJcblx0XHRcdHJldHVybiBbXTtcclxuXHRcdH1cclxuXHJcblx0XHRmb3IgKGNvbnN0IGtleSBpbiBzZXJpZXNEYXRhKSB7XHJcblx0XHRcdGlmIChrZXkgPT09ICdyZXNwb25zZScpIHtcclxuXHRcdFx0XHRpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHNlcmllc0RhdGEsIGtleSkpIHtcclxuXHRcdFx0XHRcdGNvbnN0IGRhdGFTZXQgPSBzZXJpZXNEYXRhW2tleV07XHJcblx0XHRcdFx0XHRjb25zdCByZXN1bHQgPSBkYXRhU2V0Py5yZXN1bHQgfHwgZGF0YVNldD8uZGF0YT8ucmVzdWx0O1xyXG5cdFx0XHRcdFx0aWYgKHJlc3VsdCkge1xyXG5cdFx0XHRcdFx0XHRmb3IgKGNvbnN0IGl0ZW0gb2YgcmVzdWx0KSB7XHJcblx0XHRcdFx0XHRcdFx0eUNhdGVnb3J5U2V0LmFkZChpdGVtLm1ldHJpYz8ubGUpO1xyXG5cdFx0XHRcdFx0XHRcdGZvciAoY29uc3QgaXRlbVZhbHVlIG9mIGl0ZW0udmFsdWVzKSB7XHJcblx0XHRcdFx0XHRcdFx0XHR4Q2F0ZWdvcnlTZXQuYWRkKHRoaXMuZXBvY2hUb1RpbWVTdHJpbmcoaXRlbVZhbHVlWzBdKSk7XHJcblx0XHRcdFx0XHRcdFx0fVxyXG5cdFx0XHRcdFx0XHR9XHJcblx0XHRcdFx0XHR9XHJcblx0XHRcdFx0fVxyXG5cdFx0XHR9XHJcblx0XHR9XHJcblxyXG5cdFx0dGhpcy54QXhpc0NhdGVnb3JpZXMgPSBBcnJheS5mcm9tKHhDYXRlZ29yeVNldCk7XHJcblx0XHR0aGlzLnlBeGlzQ2F0ZWdvcmllcyA9IEFycmF5LmZyb20oeUNhdGVnb3J5U2V0KTtcclxuXHJcblx0XHRjb25zdCBkYXRhOiBudW1iZXJbXVtdID0gW107XHJcblxyXG5cdFx0Zm9yIChjb25zdCBrZXkgaW4gc2VyaWVzRGF0YSkge1xyXG5cdFx0XHRpZiAoa2V5ID09PSAncmVzcG9uc2UnKSB7XHJcblx0XHRcdFx0aWYgKE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHkuY2FsbChzZXJpZXNEYXRhLCBrZXkpKSB7XHJcblx0XHRcdFx0XHRjb25zdCBkYXRhU2V0ID0gc2VyaWVzRGF0YVtrZXldO1xyXG5cdFx0XHRcdFx0Y29uc3QgcmVzdWx0ID0gZGF0YVNldD8ucmVzdWx0IHx8IGRhdGFTZXQ/LmRhdGE/LnJlc3VsdDtcclxuXHRcdFx0XHRcdGlmIChyZXN1bHQpIHtcclxuXHRcdFx0XHRcdFx0Zm9yIChjb25zdCBpdGVtIG9mIHJlc3VsdCkge1xyXG5cdFx0XHRcdFx0XHRcdGNvbnN0IHlWYWx1ZSA9IGl0ZW0ubWV0cmljPy5sZTtcclxuXHRcdFx0XHRcdFx0XHRjb25zdCB5SW5kZXggPSB0aGlzLnlBeGlzQ2F0ZWdvcmllcy5pbmRleE9mKHlWYWx1ZSk7XHJcblx0XHRcdFx0XHRcdFx0Zm9yIChjb25zdCBpdGVtVmFsdWUgb2YgaXRlbS52YWx1ZXMpIHtcclxuXHRcdFx0XHRcdFx0XHRcdGNvbnN0IGVwb2NoID0gTnVtYmVyKGl0ZW1WYWx1ZVswXSk7XHJcblx0XHRcdFx0XHRcdFx0XHRjb25zdCBkYXRlID0gbmV3IERhdGUoZXBvY2ggKiAxMDAwKTtcclxuXHRcdFx0XHRcdFx0XHRcdGNvbnN0IHV0Y1RpbWUgPSBEYXRlLlVUQyhcclxuXHRcdFx0XHRcdFx0XHRcdFx0ZGF0ZS5nZXRVVENGdWxsWWVhcigpLFxyXG5cdFx0XHRcdFx0XHRcdFx0XHRkYXRlLmdldFVUQ01vbnRoKCksXHJcblx0XHRcdFx0XHRcdFx0XHRcdGRhdGUuZ2V0VVRDRGF0ZSgpLFxyXG5cdFx0XHRcdFx0XHRcdFx0XHRkYXRlLmdldFVUQ0hvdXJzKCksXHJcblx0XHRcdFx0XHRcdFx0XHRcdGRhdGUuZ2V0VVRDTWludXRlcygpXHJcblx0XHRcdFx0XHRcdFx0XHQpO1xyXG5cdFx0XHRcdFx0XHRcdFx0Y29uc3QgdmFsdWUgPSBOdW1iZXIoaXRlbVZhbHVlWzFdKTtcclxuXHRcdFx0XHRcdFx0XHRcdGRhdGEucHVzaChbdXRjVGltZSwgeUluZGV4LCB2YWx1ZV0pO1xyXG5cdFx0XHRcdFx0XHRcdH1cclxuXHRcdFx0XHRcdFx0fVxyXG5cdFx0XHRcdFx0fVxyXG5cdFx0XHRcdH1cclxuXHRcdFx0fVxyXG5cdFx0fVxyXG5cclxuXHRcdHJldHVybiBbXHJcblx0XHRcdHtcclxuXHRcdFx0XHR0eXBlOiAnaGVhdG1hcCcsXHJcblx0XHRcdFx0ZGF0YTogZGF0YSxcclxuXHRcdFx0XHRjb2xzaXplOiA4ICogNjAgKiAxMDAwLFxyXG5cdFx0XHRcdGJvcmRlcldpZHRoOiAxXHJcblx0XHRcdH0gYXMgSGlnaGNoYXJ0cy5TZXJpZXNIZWF0bWFwT3B0aW9uc1xyXG5cdFx0XTtcclxuXHR9XHJcbn1cclxuIl19
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { Component, ViewChild, input } from "@angular/core";
|
|
2
|
-
import { HighchartsChartModule } from "highcharts-angular";
|
|
3
|
-
import * as Highcharts from 'highcharts';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export class LineSeriesChartComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.seriesData = input([]);
|
|
8
|
-
this.title = input('Time Series Chart');
|
|
9
|
-
this.yAxisTitle = input('Value');
|
|
10
|
-
this.xAxisTitle = input('Time');
|
|
11
|
-
}
|
|
12
|
-
ngOnInit() {
|
|
13
|
-
this.initChart();
|
|
14
|
-
}
|
|
15
|
-
initChart() {
|
|
16
|
-
const options = {
|
|
17
|
-
chart: {
|
|
18
|
-
type: 'line',
|
|
19
|
-
zoomType: 'x'
|
|
20
|
-
},
|
|
21
|
-
title: {
|
|
22
|
-
text: this.title()
|
|
23
|
-
},
|
|
24
|
-
xAxis: {
|
|
25
|
-
type: 'datetime',
|
|
26
|
-
title: {
|
|
27
|
-
text: this.xAxisTitle()
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
yAxis: {
|
|
31
|
-
title: {
|
|
32
|
-
text: this.yAxisTitle()
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
series: this.seriesData().map(series => ({
|
|
36
|
-
type: 'line',
|
|
37
|
-
name: series.name,
|
|
38
|
-
data: series.data,
|
|
39
|
-
color: series.color
|
|
40
|
-
})),
|
|
41
|
-
tooltip: {
|
|
42
|
-
xDateFormat: '%Y-%m-%d %H:%M:%S',
|
|
43
|
-
shared: true
|
|
44
|
-
},
|
|
45
|
-
legend: {
|
|
46
|
-
enabled: true
|
|
47
|
-
},
|
|
48
|
-
plotOptions: {
|
|
49
|
-
series: {
|
|
50
|
-
marker: {
|
|
51
|
-
enabled: false
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
},
|
|
55
|
-
noData: {
|
|
56
|
-
style: {
|
|
57
|
-
fontWeight: 'bold',
|
|
58
|
-
fontSize: '16px',
|
|
59
|
-
color: '#303030'
|
|
60
|
-
},
|
|
61
|
-
position: {
|
|
62
|
-
align: 'center',
|
|
63
|
-
verticalAlign: 'middle'
|
|
64
|
-
},
|
|
65
|
-
useHTML: true
|
|
66
|
-
},
|
|
67
|
-
};
|
|
68
|
-
this.chart = Highcharts.chart(this.chartContainer.nativeElement, options);
|
|
69
|
-
}
|
|
70
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: LineSeriesChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
71
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: LineSeriesChartComponent, isStandalone: true, selector: "aril-lineseries-chart", inputs: { seriesData: { classPropertyName: "seriesData", publicName: "seriesData", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, yAxisTitle: { classPropertyName: "yAxisTitle", publicName: "yAxisTitle", isSignal: true, isRequired: false, transformFunction: null }, xAxisTitle: { classPropertyName: "xAxisTitle", publicName: "xAxisTitle", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "chartContainer", first: true, predicate: ["chartContainer"], descendants: true, static: true }], ngImport: i0, template: `
|
|
72
|
-
<div #chartContainer style="width: 100%; height: 100%;"></div>
|
|
73
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: HighchartsChartModule }] }); }
|
|
74
|
-
}
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: LineSeriesChartComponent, decorators: [{
|
|
76
|
-
type: Component,
|
|
77
|
-
args: [{
|
|
78
|
-
standalone: true,
|
|
79
|
-
selector: 'aril-lineseries-chart',
|
|
80
|
-
template: `
|
|
81
|
-
<div #chartContainer style="width: 100%; height: 100%;"></div>
|
|
82
|
-
`,
|
|
83
|
-
imports: [HighchartsChartModule]
|
|
84
|
-
}]
|
|
85
|
-
}], propDecorators: { chartContainer: [{
|
|
86
|
-
type: ViewChild,
|
|
87
|
-
args: ['chartContainer', { static: true }]
|
|
88
|
-
}] } });
|
|
89
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS1jaGFydC1zZXJpZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJpbC91aS9jaGFydHMvc3JjL2hpZ2hDaGFydHMvbGluZS9saW5lLWNoYXJ0LXNlcmllcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQzNELE9BQU8sS0FBSyxVQUFVLE1BQU0sWUFBWSxDQUFDOztBQWtCekMsTUFBTSxPQUFPLHdCQUF3QjtJQVJyQztRQVdDLGVBQVUsR0FBRyxLQUFLLENBQWUsRUFBRSxDQUFDLENBQUM7UUFDckMsVUFBSyxHQUFHLEtBQUssQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBQ25DLGVBQVUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDNUIsZUFBVSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztLQWlFM0I7SUE3REEsUUFBUTtRQUNQLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRU8sU0FBUztRQUNoQixNQUFNLE9BQU8sR0FBdUI7WUFDbkMsS0FBSyxFQUFFO2dCQUNOLElBQUksRUFBRSxNQUFNO2dCQUNaLFFBQVEsRUFBRSxHQUFHO2FBQ2M7WUFDNUIsS0FBSyxFQUFFO2dCQUNOLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFO2FBQ2xCO1lBQ0QsS0FBSyxFQUFFO2dCQUNOLElBQUksRUFBRSxVQUFVO2dCQUNoQixLQUFLLEVBQUU7b0JBQ04sSUFBSSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUU7aUJBQ3ZCO2FBQ0Q7WUFDRCxLQUFLLEVBQUU7Z0JBQ04sS0FBSyxFQUFFO29CQUNOLElBQUksRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFO2lCQUN2QjthQUNEO1lBQ0QsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxDQUFDO2dCQUN4QyxJQUFJLEVBQUUsTUFBTTtnQkFDWixJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUk7Z0JBQ2pCLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSTtnQkFDakIsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLO2FBQ25CLENBQUMsQ0FBQztZQUNILE9BQU8sRUFBRTtnQkFDUixXQUFXLEVBQUUsbUJBQW1CO2dCQUNoQyxNQUFNLEVBQUUsSUFBSTthQUNaO1lBQ0QsTUFBTSxFQUFFO2dCQUNQLE9BQU8sRUFBRSxJQUFJO2FBQ2I7WUFDRCxXQUFXLEVBQUU7Z0JBQ1osTUFBTSxFQUFFO29CQUNQLE1BQU0sRUFBRTt3QkFDUCxPQUFPLEVBQUUsS0FBSztxQkFDZDtpQkFDRDthQUNEO1lBQ0QsTUFBTSxFQUFFO2dCQUNQLEtBQUssRUFBRTtvQkFDTixVQUFVLEVBQUUsTUFBTTtvQkFDbEIsUUFBUSxFQUFFLE1BQU07b0JBQ2hCLEtBQUssRUFBRSxTQUFTO2lCQUNoQjtnQkFDRCxRQUFRLEVBQUU7b0JBQ1QsS0FBSyxFQUFFLFFBQVE7b0JBQ2YsYUFBYSxFQUFFLFFBQVE7aUJBQ3ZCO2dCQUNELE9BQU8sRUFBRSxJQUFJO2FBQ2I7U0FFRCxDQUFDO1FBRUYsSUFBSSxDQUFDLEtBQUssR0FBRyxVQUFVLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsYUFBYSxFQUFFLE9BQU8sQ0FBQyxDQUFDO0lBQzNFLENBQUM7OEdBdEVXLHdCQUF3QjtrR0FBeEIsd0JBQXdCLDB1QkFMMUI7O0VBRVQsMkRBQ1MscUJBQXFCOzsyRkFFbkIsd0JBQXdCO2tCQVJwQyxTQUFTO21CQUFDO29CQUNWLFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUU7O0VBRVQ7b0JBQ0QsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7aUJBQ2hDOzhCQUUrQyxjQUFjO3NCQUE1RCxTQUFTO3VCQUFDLGdCQUFnQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgVmlld0NoaWxkLCBPbkluaXQsIGlucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgSGlnaGNoYXJ0c0NoYXJ0TW9kdWxlIH0gZnJvbSBcImhpZ2hjaGFydHMtYW5ndWxhclwiO1xyXG5pbXBvcnQgKiBhcyBIaWdoY2hhcnRzIGZyb20gJ2hpZ2hjaGFydHMnO1xyXG5cclxudHlwZSBUaW1lU2VyaWVzRGF0YVBvaW50ID0gW251bWJlciwgbnVtYmVyXTsgLy8gW3RpbWVzdGFtcCwgdmFsdWVdXHJcblxyXG5pbnRlcmZhY2UgU2VyaWVzRGF0YSB7XHJcblx0bmFtZTogc3RyaW5nO1xyXG5cdGRhdGE6IFRpbWVTZXJpZXNEYXRhUG9pbnRbXTtcclxuXHRjb2xvcj86IHN0cmluZztcclxufVxyXG5cclxuQENvbXBvbmVudCh7ICAgIFxyXG5cdHN0YW5kYWxvbmU6IHRydWUsXHJcblx0c2VsZWN0b3I6ICdhcmlsLWxpbmVzZXJpZXMtY2hhcnQnLFxyXG5cdHRlbXBsYXRlOiBgXHJcblx0XHQ8ZGl2ICNjaGFydENvbnRhaW5lciBzdHlsZT1cIndpZHRoOiAxMDAlOyBoZWlnaHQ6IDEwMCU7XCI+PC9kaXY+XHJcblx0YCxcclxuXHRpbXBvcnRzOiBbSGlnaGNoYXJ0c0NoYXJ0TW9kdWxlXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTGluZVNlcmllc0NoYXJ0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHRAVmlld0NoaWxkKCdjaGFydENvbnRhaW5lcicsIHsgc3RhdGljOiB0cnVlIH0pIGNoYXJ0Q29udGFpbmVyITogRWxlbWVudFJlZjtcclxuXHRcclxuXHRzZXJpZXNEYXRhID0gaW5wdXQ8U2VyaWVzRGF0YVtdPihbXSk7XHJcblx0dGl0bGUgPSBpbnB1dCgnVGltZSBTZXJpZXMgQ2hhcnQnKTtcclxuXHR5QXhpc1RpdGxlID0gaW5wdXQoJ1ZhbHVlJyk7XHJcblx0eEF4aXNUaXRsZSA9IGlucHV0KCdUaW1lJyk7XHJcblxyXG5cdHByaXZhdGUgY2hhcnQ6IEhpZ2hjaGFydHMuQ2hhcnQgfCB1bmRlZmluZWQ7XHJcblxyXG5cdG5nT25Jbml0KCkge1xyXG5cdFx0dGhpcy5pbml0Q2hhcnQoKTtcclxuXHR9XHJcblxyXG5cdHByaXZhdGUgaW5pdENoYXJ0KCkge1xyXG5cdFx0Y29uc3Qgb3B0aW9uczogSGlnaGNoYXJ0cy5PcHRpb25zID0ge1xyXG5cdFx0XHRjaGFydDoge1xyXG5cdFx0XHRcdHR5cGU6ICdsaW5lJyxcclxuXHRcdFx0XHR6b29tVHlwZTogJ3gnXHJcblx0XHRcdH0gYXMgSGlnaGNoYXJ0cy5DaGFydE9wdGlvbnMsXHJcblx0XHRcdHRpdGxlOiB7XHJcblx0XHRcdFx0dGV4dDogdGhpcy50aXRsZSgpXHJcblx0XHRcdH0sXHJcblx0XHRcdHhBeGlzOiB7XHJcblx0XHRcdFx0dHlwZTogJ2RhdGV0aW1lJyxcclxuXHRcdFx0XHR0aXRsZToge1xyXG5cdFx0XHRcdFx0dGV4dDogdGhpcy54QXhpc1RpdGxlKClcclxuXHRcdFx0XHR9XHJcblx0XHRcdH0sXHJcblx0XHRcdHlBeGlzOiB7XHJcblx0XHRcdFx0dGl0bGU6IHtcclxuXHRcdFx0XHRcdHRleHQ6IHRoaXMueUF4aXNUaXRsZSgpXHJcblx0XHRcdFx0fVxyXG5cdFx0XHR9LFxyXG5cdFx0XHRzZXJpZXM6IHRoaXMuc2VyaWVzRGF0YSgpLm1hcChzZXJpZXMgPT4gKHtcclxuXHRcdFx0XHR0eXBlOiAnbGluZScsXHJcblx0XHRcdFx0bmFtZTogc2VyaWVzLm5hbWUsXHJcblx0XHRcdFx0ZGF0YTogc2VyaWVzLmRhdGEsXHJcblx0XHRcdFx0Y29sb3I6IHNlcmllcy5jb2xvclxyXG5cdFx0XHR9KSksXHJcblx0XHRcdHRvb2x0aXA6IHtcclxuXHRcdFx0XHR4RGF0ZUZvcm1hdDogJyVZLSVtLSVkICVIOiVNOiVTJyxcclxuXHRcdFx0XHRzaGFyZWQ6IHRydWVcclxuXHRcdFx0fSxcclxuXHRcdFx0bGVnZW5kOiB7XHJcblx0XHRcdFx0ZW5hYmxlZDogdHJ1ZVxyXG5cdFx0XHR9LFxyXG5cdFx0XHRwbG90T3B0aW9uczoge1xyXG5cdFx0XHRcdHNlcmllczoge1xyXG5cdFx0XHRcdFx0bWFya2VyOiB7XHJcblx0XHRcdFx0XHRcdGVuYWJsZWQ6IGZhbHNlXHJcblx0XHRcdFx0XHR9XHJcblx0XHRcdFx0fVxyXG5cdFx0XHR9LFxyXG5cdFx0XHRub0RhdGE6IHtcclxuXHRcdFx0XHRzdHlsZToge1xyXG5cdFx0XHRcdFx0Zm9udFdlaWdodDogJ2JvbGQnLFxyXG5cdFx0XHRcdFx0Zm9udFNpemU6ICcxNnB4JyxcclxuXHRcdFx0XHRcdGNvbG9yOiAnIzMwMzAzMCdcclxuXHRcdFx0XHR9LFxyXG5cdFx0XHRcdHBvc2l0aW9uOiB7XHJcblx0XHRcdFx0XHRhbGlnbjogJ2NlbnRlcicsXHJcblx0XHRcdFx0XHR2ZXJ0aWNhbEFsaWduOiAnbWlkZGxlJ1xyXG5cdFx0XHRcdH0sXHJcblx0XHRcdFx0dXNlSFRNTDogdHJ1ZVxyXG5cdFx0XHR9LFxyXG5cdFx0XHRcclxuXHRcdH07XHJcblxyXG5cdFx0dGhpcy5jaGFydCA9IEhpZ2hjaGFydHMuY2hhcnQodGhpcy5jaGFydENvbnRhaW5lci5uYXRpdmVFbGVtZW50LCBvcHRpb25zKTtcclxuXHR9XHJcbn0iXX0=
|