@sisense/sdk-ui-angular 1.5.0 → 1.7.0
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/dist/esm2020/lib/component-wrapper-helpers/context-connectors.mjs +13 -1
- package/dist/esm2020/lib/components/charts/area-chart.component.mjs +137 -0
- package/dist/esm2020/lib/components/charts/areamap-chart.component.mjs +100 -0
- package/dist/esm2020/lib/components/charts/bar-chart.component.mjs +136 -0
- package/dist/esm2020/lib/components/charts/boxplot-chart.component.mjs +129 -0
- package/dist/esm2020/lib/components/charts/chart.component.mjs +171 -0
- package/dist/esm2020/lib/components/charts/column-chart.component.mjs +137 -0
- package/dist/esm2020/lib/components/charts/funnel-chart.component.mjs +135 -0
- package/dist/esm2020/lib/components/charts/index.mjs +18 -0
- package/dist/esm2020/lib/components/charts/indicator-chart.component.mjs +107 -0
- package/dist/esm2020/lib/components/charts/line-chart.component.mjs +135 -0
- package/dist/esm2020/lib/components/charts/pie-chart.component.mjs +137 -0
- package/dist/esm2020/lib/components/charts/pivot-table.component.mjs +116 -0
- package/dist/esm2020/lib/components/charts/polar-chart.component.mjs +136 -0
- package/dist/esm2020/lib/components/charts/scatter-chart.component.mjs +140 -0
- package/dist/esm2020/lib/components/charts/scattermap-chart.component.mjs +108 -0
- package/dist/esm2020/lib/components/charts/sunburst-chart.component.mjs +137 -0
- package/dist/esm2020/lib/components/charts/table.component.mjs +94 -0
- package/dist/esm2020/lib/components/{treemap-chart.component.mjs → charts/treemap-chart.component.mjs} +52 -1
- package/dist/esm2020/lib/components/context-menu.component.mjs +3 -1
- package/dist/esm2020/lib/components/drilldown-breadcrumbs.component.mjs +3 -1
- package/dist/esm2020/lib/components/filters/basic-member-filter-tile.component.mjs +62 -0
- package/dist/esm2020/lib/components/filters/date-range-filter-tile.component.mjs +141 -0
- package/dist/esm2020/lib/components/filters/index.mjs +4 -0
- package/dist/esm2020/lib/components/filters/member-filter-tile.component.mjs +131 -0
- package/dist/esm2020/lib/components/index.mjs +4 -25
- package/dist/esm2020/lib/components/widgets/chart-widget.component.mjs +167 -0
- package/dist/esm2020/lib/components/widgets/dashboard-widget.component.mjs +116 -0
- package/dist/esm2020/lib/components/widgets/drilldown-widget.component.mjs +174 -0
- package/dist/esm2020/lib/components/widgets/index.mjs +5 -0
- package/dist/esm2020/lib/components/widgets/table-widget.component.mjs +104 -0
- package/dist/esm2020/lib/sdk-ui.module.mjs +3 -1
- package/dist/esm2020/lib/services/dashboard.service.mjs +7 -1
- package/dist/esm2020/lib/services/query.service.mjs +7 -2
- package/dist/esm2020/lib/services/sisense-context.service.mjs +7 -1
- package/dist/esm2020/lib/services/theme.service.mjs +7 -1
- package/dist/esm2020/public-api.mjs +9 -2
- package/dist/esm2020/version.mjs +2 -2
- package/dist/fesm2015/sisense-sdk-ui-angular.mjs +1723 -709
- package/dist/fesm2015/sisense-sdk-ui-angular.mjs.map +1 -1
- package/dist/fesm2020/sisense-sdk-ui-angular.mjs +1724 -710
- package/dist/fesm2020/sisense-sdk-ui-angular.mjs.map +1 -1
- package/dist/lib/component-wrapper-helpers/context-connectors.d.ts +12 -0
- package/dist/lib/components/{area-chart.component.d.ts → charts/area-chart.component.d.ts} +53 -2
- package/dist/lib/components/{areamap-chart.component.d.ts → charts/areamap-chart.component.d.ts} +40 -1
- package/dist/lib/components/{bar-chart.component.d.ts → charts/bar-chart.component.d.ts} +52 -2
- package/dist/lib/components/{boxplot-chart.component.d.ts → charts/boxplot-chart.component.d.ts} +45 -2
- package/dist/lib/components/{chart.component.d.ts → charts/chart.component.d.ts} +6 -4
- package/dist/lib/components/{column-chart.component.d.ts → charts/column-chart.component.d.ts} +53 -2
- package/dist/lib/components/{funnel-chart.component.d.ts → charts/funnel-chart.component.d.ts} +52 -2
- package/dist/lib/components/charts/index.d.ts +17 -0
- package/dist/lib/components/{indicator-chart.component.d.ts → charts/indicator-chart.component.d.ts} +57 -1
- package/dist/lib/components/{line-chart.component.d.ts → charts/line-chart.component.d.ts} +52 -2
- package/dist/lib/components/{pie-chart.component.d.ts → charts/pie-chart.component.d.ts} +53 -2
- package/dist/lib/components/{pivot-table.component.d.ts → charts/pivot-table.component.d.ts} +53 -2
- package/dist/lib/components/{polar-chart.component.d.ts → charts/polar-chart.component.d.ts} +53 -2
- package/dist/lib/components/{scatter-chart.component.d.ts → charts/scatter-chart.component.d.ts} +50 -2
- package/dist/lib/components/{scattermap-chart.component.d.ts → charts/scattermap-chart.component.d.ts} +49 -2
- package/dist/lib/components/{sunburst-chart.component.d.ts → charts/sunburst-chart.component.d.ts} +53 -2
- package/dist/lib/components/{table.component.d.ts → charts/table.component.d.ts} +32 -2
- package/dist/lib/components/{treemap-chart.component.d.ts → charts/treemap-chart.component.d.ts} +53 -2
- package/dist/lib/components/context-menu.component.d.ts +2 -0
- package/dist/lib/components/drilldown-breadcrumbs.component.d.ts +2 -0
- package/dist/lib/components/{date-range-filter-tile.component.d.ts → filters/date-range-filter-tile.component.d.ts} +43 -3
- package/dist/lib/components/filters/index.d.ts +3 -0
- package/dist/lib/components/{member-filter-tile.component.d.ts → filters/member-filter-tile.component.d.ts} +39 -3
- package/dist/lib/components/index.d.ts +3 -24
- package/dist/lib/components/{chart-widget.component.d.ts → widgets/chart-widget.component.d.ts} +58 -3
- package/dist/lib/components/{dashboard-widget.component.d.ts → widgets/dashboard-widget.component.d.ts} +27 -2
- package/dist/lib/components/{drilldown-widget.component.d.ts → widgets/drilldown-widget.component.d.ts} +5 -2
- package/dist/lib/components/widgets/index.d.ts +4 -0
- package/dist/lib/components/{table-widget.component.d.ts → widgets/table-widget.component.d.ts} +37 -2
- package/dist/lib/sdk-ui.module.d.ts +26 -24
- package/dist/lib/services/dashboard.service.d.ts +6 -0
- package/dist/lib/services/query.service.d.ts +6 -1
- package/dist/lib/services/sisense-context.service.d.ts +6 -0
- package/dist/lib/services/theme.service.d.ts +6 -0
- package/dist/package.json +1 -1
- package/dist/public-api.d.ts +8 -1
- package/dist/version.d.ts +1 -1
- package/package.json +4 -4
- package/dist/esm2020/lib/components/area-chart.component.mjs +0 -86
- package/dist/esm2020/lib/components/areamap-chart.component.mjs +0 -61
- package/dist/esm2020/lib/components/bar-chart.component.mjs +0 -86
- package/dist/esm2020/lib/components/basic-member-filter-tile.component.mjs +0 -62
- package/dist/esm2020/lib/components/boxplot-chart.component.mjs +0 -86
- package/dist/esm2020/lib/components/chart-widget.component.mjs +0 -112
- package/dist/esm2020/lib/components/chart.component.mjs +0 -169
- package/dist/esm2020/lib/components/column-chart.component.mjs +0 -86
- package/dist/esm2020/lib/components/dashboard-widget.component.mjs +0 -91
- package/dist/esm2020/lib/components/date-range-filter-tile.component.mjs +0 -101
- package/dist/esm2020/lib/components/drilldown-widget.component.mjs +0 -171
- package/dist/esm2020/lib/components/funnel-chart.component.mjs +0 -85
- package/dist/esm2020/lib/components/indicator-chart.component.mjs +0 -51
- package/dist/esm2020/lib/components/line-chart.component.mjs +0 -85
- package/dist/esm2020/lib/components/member-filter-tile.component.mjs +0 -95
- package/dist/esm2020/lib/components/pie-chart.component.mjs +0 -86
- package/dist/esm2020/lib/components/pivot-table.component.mjs +0 -65
- package/dist/esm2020/lib/components/polar-chart.component.mjs +0 -85
- package/dist/esm2020/lib/components/scatter-chart.component.mjs +0 -92
- package/dist/esm2020/lib/components/scattermap-chart.component.mjs +0 -61
- package/dist/esm2020/lib/components/sunburst-chart.component.mjs +0 -86
- package/dist/esm2020/lib/components/table-widget.component.mjs +0 -69
- package/dist/esm2020/lib/components/table.component.mjs +0 -64
- /package/dist/lib/components/{basic-member-filter-tile.component.d.ts → filters/basic-member-filter-tile.component.d.ts} +0 -0
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "./chart.component";
|
|
4
|
+
/**
|
|
5
|
+
* A component displaying data as a series of points connected by a line. Used to show trends or changes over time.
|
|
6
|
+
* See [Line Chart](https://docs.sisense.com/main/SisenseLinux/line-chart.htm) for more information.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```html
|
|
10
|
+
* <csdk-line-chart
|
|
11
|
+
* [dataSet]="chart.dataSet"
|
|
12
|
+
* [dataOptions]="chart.dataOptions"
|
|
13
|
+
* [highlights]="filters"
|
|
14
|
+
* [beforeRender]="onBeforeRender"
|
|
15
|
+
* (dataPointClick)="logArguments($event)"
|
|
16
|
+
* (dataPointContextMenu)="logArguments($event)"
|
|
17
|
+
* (dataPointsSelect)="logArguments($event)"
|
|
18
|
+
* />
|
|
19
|
+
* ```
|
|
20
|
+
* ```ts
|
|
21
|
+
import { Component } from '@angular/core';
|
|
22
|
+
import { measureFactory, filterFactory, Filter } from '@sisense/sdk-data';
|
|
23
|
+
import * as DM from '../../assets/sample-healthcare-model';
|
|
24
|
+
import type { ChartType } from '@sisense/sdk-ui-angular';
|
|
25
|
+
@Component({
|
|
26
|
+
selector: 'app-analytics',
|
|
27
|
+
templateUrl: './analytics.component.html',
|
|
28
|
+
styleUrls: ['./analytics.component.scss'],
|
|
29
|
+
})
|
|
30
|
+
export class AnalyticsComponent {
|
|
31
|
+
DM = DM;
|
|
32
|
+
filters = [filterFactory.members(DM.Divisions.Divison_name, ['Cardiology', 'Neurology'])];
|
|
33
|
+
chart = {
|
|
34
|
+
chartType: 'column' as ChartType,
|
|
35
|
+
dataSet: DM.DataSource,
|
|
36
|
+
dataOptions: {
|
|
37
|
+
category: [DM.Divisions.Divison_name],
|
|
38
|
+
value: [measureFactory.sum(DM.Admissions.Cost_of_admission)],
|
|
39
|
+
breakBy: [],
|
|
40
|
+
},
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
onBeforeRender(options: any) {
|
|
44
|
+
console.log('beforeRender');
|
|
45
|
+
console.log(options);
|
|
46
|
+
return options;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
logArguments(...args: any[]) {
|
|
50
|
+
console.log(args);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
* ```
|
|
54
|
+
* <img src="media://angular-line-chart-example.png" width="800px" />
|
|
55
|
+
*
|
|
56
|
+
* @group Charts
|
|
57
|
+
*/
|
|
58
|
+
export class LineChartComponent {
|
|
59
|
+
constructor() {
|
|
60
|
+
/**
|
|
61
|
+
* {@inheritDoc @sisense/sdk-ui!LineChartProps.onDataPointClick}
|
|
62
|
+
*
|
|
63
|
+
* @category Callbacks
|
|
64
|
+
*/
|
|
65
|
+
this.dataPointClick = new EventEmitter();
|
|
66
|
+
/**
|
|
67
|
+
* {@inheritDoc @sisense/sdk-ui!LineChartProps.onDataPointContextMenu}
|
|
68
|
+
*
|
|
69
|
+
* @category Callbacks
|
|
70
|
+
*/
|
|
71
|
+
this.dataPointContextMenu = new EventEmitter();
|
|
72
|
+
/**
|
|
73
|
+
* {@inheritDoc @sisense/sdk-ui!LineChartProps.onDataPointsSelected}
|
|
74
|
+
*
|
|
75
|
+
* @category Callbacks
|
|
76
|
+
*/
|
|
77
|
+
this.dataPointsSelect = new EventEmitter();
|
|
78
|
+
/** @internal */
|
|
79
|
+
this.chartType = 'line';
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
LineChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
83
|
+
LineChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LineChartComponent, selector: "csdk-line-chart", inputs: { dataSet: "dataSet", dataOptions: "dataOptions", filters: "filters", highlights: "highlights", styleOptions: "styleOptions", beforeRender: "beforeRender" }, outputs: { dataPointClick: "dataPointClick", dataPointContextMenu: "dataPointContextMenu", dataPointsSelect: "dataPointsSelect" }, ngImport: i0, template: `
|
|
84
|
+
<csdk-chart
|
|
85
|
+
[chartType]="chartType"
|
|
86
|
+
[dataSet]="dataSet"
|
|
87
|
+
[dataOptions]="dataOptions"
|
|
88
|
+
[filters]="filters"
|
|
89
|
+
[highlights]="highlights"
|
|
90
|
+
[styleOptions]="styleOptions"
|
|
91
|
+
[beforeRender]="beforeRender"
|
|
92
|
+
(dataPointClick)="dataPointClick.emit($event)"
|
|
93
|
+
(dataPointContextMenu)="dataPointContextMenu.emit($event)"
|
|
94
|
+
(dataPointsSelect)="dataPointsSelect.emit($event)"
|
|
95
|
+
/>
|
|
96
|
+
`, isInline: true, dependencies: [{ kind: "component", type: i1.ChartComponent, selector: "csdk-chart", inputs: ["chartType", "dataSet", "dataOptions", "filters", "highlights", "styleOptions", "beforeRender"], outputs: ["dataPointClick", "dataPointContextMenu", "dataPointsSelect"] }] });
|
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LineChartComponent, decorators: [{
|
|
98
|
+
type: Component,
|
|
99
|
+
args: [{
|
|
100
|
+
selector: 'csdk-line-chart',
|
|
101
|
+
template: `
|
|
102
|
+
<csdk-chart
|
|
103
|
+
[chartType]="chartType"
|
|
104
|
+
[dataSet]="dataSet"
|
|
105
|
+
[dataOptions]="dataOptions"
|
|
106
|
+
[filters]="filters"
|
|
107
|
+
[highlights]="highlights"
|
|
108
|
+
[styleOptions]="styleOptions"
|
|
109
|
+
[beforeRender]="beforeRender"
|
|
110
|
+
(dataPointClick)="dataPointClick.emit($event)"
|
|
111
|
+
(dataPointContextMenu)="dataPointContextMenu.emit($event)"
|
|
112
|
+
(dataPointsSelect)="dataPointsSelect.emit($event)"
|
|
113
|
+
/>
|
|
114
|
+
`,
|
|
115
|
+
}]
|
|
116
|
+
}], propDecorators: { dataSet: [{
|
|
117
|
+
type: Input
|
|
118
|
+
}], dataOptions: [{
|
|
119
|
+
type: Input
|
|
120
|
+
}], filters: [{
|
|
121
|
+
type: Input
|
|
122
|
+
}], highlights: [{
|
|
123
|
+
type: Input
|
|
124
|
+
}], styleOptions: [{
|
|
125
|
+
type: Input
|
|
126
|
+
}], beforeRender: [{
|
|
127
|
+
type: Input
|
|
128
|
+
}], dataPointClick: [{
|
|
129
|
+
type: Output
|
|
130
|
+
}], dataPointContextMenu: [{
|
|
131
|
+
type: Output
|
|
132
|
+
}], dataPointsSelect: [{
|
|
133
|
+
type: Output
|
|
134
|
+
}] } });
|
|
135
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZS1jaGFydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvY2hhcnRzL2xpbmUtY2hhcnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUt2RTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxREc7QUFrQkgsTUFBTSxPQUFPLGtCQUFrQjtJQWpCL0I7UUFrRUU7Ozs7V0FJRztRQUVILG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBRTlCLENBQUM7UUFFSjs7OztXQUlHO1FBRUgseUJBQW9CLEdBQUcsSUFBSSxZQUFZLEVBRXBDLENBQUM7UUFFSjs7OztXQUlHO1FBRUgscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBRWhDLENBQUM7UUFFSixnQkFBZ0I7UUFDVCxjQUFTLEdBQWMsTUFBTSxDQUFDO0tBQ3RDOztnSEFqRlksa0JBQWtCO29HQUFsQixrQkFBa0IsZ1dBZm5COzs7Ozs7Ozs7Ozs7O0dBYVQ7NEZBRVUsa0JBQWtCO2tCQWpCOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7R0FhVDtpQkFDRjs4QkFRQyxPQUFPO3NCQUROLEtBQUs7Z0JBU04sV0FBVztzQkFEVixLQUFLO2dCQVNOLE9BQU87c0JBRE4sS0FBSztnQkFTTixVQUFVO3NCQURULEtBQUs7Z0JBU04sWUFBWTtzQkFEWCxLQUFLO2dCQVNOLFlBQVk7c0JBRFgsS0FBSztnQkFTTixjQUFjO3NCQURiLE1BQU07Z0JBV1Asb0JBQW9CO3NCQURuQixNQUFNO2dCQVdQLGdCQUFnQjtzQkFEZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHR5cGUgQ2hhcnRUeXBlIH0gZnJvbSAnLi4vLi4vc2RrLXVpLWNvcmUtZXhwb3J0cyc7XG5pbXBvcnQgeyB0eXBlIExpbmVDaGFydFByb3BzIH0gZnJvbSAnQHNpc2Vuc2Uvc2RrLXVpLXByZWFjdCc7XG5pbXBvcnQgeyB0eXBlIEFyZ3VtZW50c0FzT2JqZWN0IH0gZnJvbSAnLi4vLi4vdHlwZXMvdXRpbGl0eS10eXBlcyc7XG5cbi8qKlxuICogQSBjb21wb25lbnQgZGlzcGxheWluZyBkYXRhIGFzIGEgc2VyaWVzIG9mIHBvaW50cyBjb25uZWN0ZWQgYnkgYSBsaW5lLiBVc2VkIHRvIHNob3cgdHJlbmRzIG9yIGNoYW5nZXMgb3ZlciB0aW1lLlxuICogU2VlIFtMaW5lIENoYXJ0XShodHRwczovL2RvY3Muc2lzZW5zZS5jb20vbWFpbi9TaXNlbnNlTGludXgvbGluZS1jaGFydC5odG0pIGZvciBtb3JlIGluZm9ybWF0aW9uLlxuICpcbiAqIEBleGFtcGxlXG4gKiBgYGBodG1sXG4gKiAgICA8Y3Nkay1saW5lLWNoYXJ0XG4gKiAgICAgIFtkYXRhU2V0XT1cImNoYXJ0LmRhdGFTZXRcIlxuICogICAgICBbZGF0YU9wdGlvbnNdPVwiY2hhcnQuZGF0YU9wdGlvbnNcIlxuICogICAgICBbaGlnaGxpZ2h0c109XCJmaWx0ZXJzXCJcbiAqICAgICAgW2JlZm9yZVJlbmRlcl09XCJvbkJlZm9yZVJlbmRlclwiXG4gKiAgICAgIChkYXRhUG9pbnRDbGljayk9XCJsb2dBcmd1bWVudHMoJGV2ZW50KVwiXG4gKiAgICAgIChkYXRhUG9pbnRDb250ZXh0TWVudSk9XCJsb2dBcmd1bWVudHMoJGV2ZW50KVwiXG4gKiAgICAgIChkYXRhUG9pbnRzU2VsZWN0KT1cImxvZ0FyZ3VtZW50cygkZXZlbnQpXCJcbiAqICAgIC8+XG4gKiBgYGBcbiAqIGBgYHRzXG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IG1lYXN1cmVGYWN0b3J5LCBmaWx0ZXJGYWN0b3J5LCBGaWx0ZXIgfSBmcm9tICdAc2lzZW5zZS9zZGstZGF0YSc7XG5pbXBvcnQgKiBhcyBETSBmcm9tICcuLi8uLi9hc3NldHMvc2FtcGxlLWhlYWx0aGNhcmUtbW9kZWwnO1xuaW1wb3J0IHR5cGUgeyBDaGFydFR5cGUgfSBmcm9tICdAc2lzZW5zZS9zZGstdWktYW5ndWxhcic7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtYW5hbHl0aWNzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FuYWx5dGljcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FuYWx5dGljcy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBbmFseXRpY3NDb21wb25lbnQge1xuICBETSA9IERNO1xuICBmaWx0ZXJzID0gW2ZpbHRlckZhY3RvcnkubWVtYmVycyhETS5EaXZpc2lvbnMuRGl2aXNvbl9uYW1lLCBbJ0NhcmRpb2xvZ3knLCAnTmV1cm9sb2d5J10pXTtcbiAgY2hhcnQgPSB7XG4gICAgY2hhcnRUeXBlOiAnY29sdW1uJyBhcyBDaGFydFR5cGUsXG4gICAgZGF0YVNldDogRE0uRGF0YVNvdXJjZSxcbiAgICBkYXRhT3B0aW9uczoge1xuICAgICAgY2F0ZWdvcnk6IFtETS5EaXZpc2lvbnMuRGl2aXNvbl9uYW1lXSxcbiAgICAgIHZhbHVlOiBbbWVhc3VyZUZhY3Rvcnkuc3VtKERNLkFkbWlzc2lvbnMuQ29zdF9vZl9hZG1pc3Npb24pXSxcbiAgICAgIGJyZWFrQnk6IFtdLFxuICAgIH0sXG4gIH07XG5cbiAgb25CZWZvcmVSZW5kZXIob3B0aW9uczogYW55KSB7XG4gICAgY29uc29sZS5sb2coJ2JlZm9yZVJlbmRlcicpO1xuICAgIGNvbnNvbGUubG9nKG9wdGlvbnMpO1xuICAgIHJldHVybiBvcHRpb25zO1xuICB9XG5cbiAgbG9nQXJndW1lbnRzKC4uLmFyZ3M6IGFueVtdKSB7XG4gICAgY29uc29sZS5sb2coYXJncyk7XG4gIH1cbn1cbiAqIGBgYFxuICogPGltZyBzcmM9XCJtZWRpYTovL2FuZ3VsYXItbGluZS1jaGFydC1leGFtcGxlLnBuZ1wiIHdpZHRoPVwiODAwcHhcIiAvPlxuICpcbiAqIEBncm91cCBDaGFydHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3Nkay1saW5lLWNoYXJ0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8Y3Nkay1jaGFydFxuICAgICAgW2NoYXJ0VHlwZV09XCJjaGFydFR5cGVcIlxuICAgICAgW2RhdGFTZXRdPVwiZGF0YVNldFwiXG4gICAgICBbZGF0YU9wdGlvbnNdPVwiZGF0YU9wdGlvbnNcIlxuICAgICAgW2ZpbHRlcnNdPVwiZmlsdGVyc1wiXG4gICAgICBbaGlnaGxpZ2h0c109XCJoaWdobGlnaHRzXCJcbiAgICAgIFtzdHlsZU9wdGlvbnNdPVwic3R5bGVPcHRpb25zXCJcbiAgICAgIFtiZWZvcmVSZW5kZXJdPVwiYmVmb3JlUmVuZGVyXCJcbiAgICAgIChkYXRhUG9pbnRDbGljayk9XCJkYXRhUG9pbnRDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgKGRhdGFQb2ludENvbnRleHRNZW51KT1cImRhdGFQb2ludENvbnRleHRNZW51LmVtaXQoJGV2ZW50KVwiXG4gICAgICAoZGF0YVBvaW50c1NlbGVjdCk9XCJkYXRhUG9pbnRzU2VsZWN0LmVtaXQoJGV2ZW50KVwiXG4gICAgLz5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgTGluZUNoYXJ0Q29tcG9uZW50IHtcbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhTGluZUNoYXJ0UHJvcHMuZGF0YVNldH1cbiAgICpcbiAgICogQGNhdGVnb3J5IERhdGFcbiAgICovXG4gIEBJbnB1dCgpXG4gIGRhdGFTZXQ6IExpbmVDaGFydFByb3BzWydkYXRhU2V0J107XG5cbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhTGluZUNoYXJ0UHJvcHMuaGlnaGxpZ2h0c31cbiAgICpcbiAgICogQGNhdGVnb3J5IERhdGFcbiAgICovXG4gIEBJbnB1dCgpXG4gIGRhdGFPcHRpb25zITogTGluZUNoYXJ0UHJvcHNbJ2RhdGFPcHRpb25zJ107XG5cbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhTGluZUNoYXJ0UHJvcHMuZmlsdGVyc31cbiAgICpcbiAgICogQGNhdGVnb3J5IERhdGFcbiAgICovXG4gIEBJbnB1dCgpXG4gIGZpbHRlcnM6IExpbmVDaGFydFByb3BzWydmaWx0ZXJzJ107XG5cbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhTGluZUNoYXJ0UHJvcHMuaGlnaGxpZ2h0c31cbiAgICpcbiAgICogQGNhdGVnb3J5IERhdGFcbiAgICovXG4gIEBJbnB1dCgpXG4gIGhpZ2hsaWdodHM6IExpbmVDaGFydFByb3BzWydoaWdobGlnaHRzJ107XG5cbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhTGluZUNoYXJ0UHJvcHMuc3R5bGVPcHRpb25zfVxuICAgKlxuICAgKiBAY2F0ZWdvcnkgQ2hhcnRcbiAgICovXG4gIEBJbnB1dCgpXG4gIHN0eWxlT3B0aW9uczogTGluZUNoYXJ0UHJvcHNbJ3N0eWxlT3B0aW9ucyddO1xuXG4gIC8qKlxuICAgKiB7QGluaGVyaXREb2MgQHNpc2Vuc2Uvc2RrLXVpIUxpbmVDaGFydFByb3BzLm9uQmVmb3JlUmVuZGVyfVxuICAgKlxuICAgKiBAY2F0ZWdvcnkgQ2FsbGJhY2tzXG4gICAqL1xuICBASW5wdXQoKVxuICBiZWZvcmVSZW5kZXI6IExpbmVDaGFydFByb3BzWydvbkJlZm9yZVJlbmRlciddO1xuXG4gIC8qKlxuICAgKiB7QGluaGVyaXREb2MgQHNpc2Vuc2Uvc2RrLXVpIUxpbmVDaGFydFByb3BzLm9uRGF0YVBvaW50Q2xpY2t9XG4gICAqXG4gICAqIEBjYXRlZ29yeSBDYWxsYmFja3NcbiAgICovXG4gIEBPdXRwdXQoKVxuICBkYXRhUG9pbnRDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8XG4gICAgQXJndW1lbnRzQXNPYmplY3Q8TGluZUNoYXJ0UHJvcHNbJ29uRGF0YVBvaW50Q2xpY2snXSwgWydwb2ludCcsICduYXRpdmVFdmVudCddPlxuICA+KCk7XG5cbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhTGluZUNoYXJ0UHJvcHMub25EYXRhUG9pbnRDb250ZXh0TWVudX1cbiAgICpcbiAgICogQGNhdGVnb3J5IENhbGxiYWNrc1xuICAgKi9cbiAgQE91dHB1dCgpXG4gIGRhdGFQb2ludENvbnRleHRNZW51ID0gbmV3IEV2ZW50RW1pdHRlcjxcbiAgICBBcmd1bWVudHNBc09iamVjdDxMaW5lQ2hhcnRQcm9wc1snb25EYXRhUG9pbnRDb250ZXh0TWVudSddLCBbJ3BvaW50JywgJ25hdGl2ZUV2ZW50J10+XG4gID4oKTtcblxuICAvKipcbiAgICoge0Bpbmhlcml0RG9jIEBzaXNlbnNlL3Nkay11aSFMaW5lQ2hhcnRQcm9wcy5vbkRhdGFQb2ludHNTZWxlY3RlZH1cbiAgICpcbiAgICogQGNhdGVnb3J5IENhbGxiYWNrc1xuICAgKi9cbiAgQE91dHB1dCgpXG4gIGRhdGFQb2ludHNTZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPFxuICAgIEFyZ3VtZW50c0FzT2JqZWN0PExpbmVDaGFydFByb3BzWydvbkRhdGFQb2ludHNTZWxlY3RlZCddLCBbJ3BvaW50cycsICduYXRpdmVFdmVudCddPlxuICA+KCk7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBwdWJsaWMgY2hhcnRUeXBlOiBDaGFydFR5cGUgPSAnbGluZSc7XG59XG4iXX0=
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "./chart.component";
|
|
4
|
+
/**
|
|
5
|
+
* A component representing data in a circular graph with the data shown as slices of a whole,
|
|
6
|
+
* with each slice representing a proportion of the total.
|
|
7
|
+
* See [Pie Chart](https://docs.sisense.com/main/SisenseLinux/pie-chart.htm) for more information.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```html
|
|
11
|
+
* <csdk-pie-chart
|
|
12
|
+
* [dataSet]="chart.dataSet"
|
|
13
|
+
* [dataOptions]="chart.dataOptions"
|
|
14
|
+
* [highlights]="filters"
|
|
15
|
+
* [beforeRender]="onBeforeRender"
|
|
16
|
+
* (dataPointClick)="logArguments($event)"
|
|
17
|
+
* (dataPointContextMenu)="logArguments($event)"
|
|
18
|
+
* (dataPointsSelect)="logArguments($event)"
|
|
19
|
+
* />
|
|
20
|
+
* ```
|
|
21
|
+
* ```ts
|
|
22
|
+
import { Component } from '@angular/core';
|
|
23
|
+
import { measureFactory, filterFactory } from '@sisense/sdk-data';
|
|
24
|
+
import * as DM from '../../assets/sample-healthcare-model';
|
|
25
|
+
import type { ChartType } from '@sisense/sdk-ui-angular';
|
|
26
|
+
|
|
27
|
+
@Component({
|
|
28
|
+
selector: 'app-analytics',
|
|
29
|
+
templateUrl: './analytics.component.html',
|
|
30
|
+
styleUrls: ['./analytics.component.scss'],
|
|
31
|
+
})
|
|
32
|
+
export class AnalyticsComponent {
|
|
33
|
+
DM = DM;
|
|
34
|
+
filters = [filterFactory.members(DM.Divisions.Divison_name, ['Cardiology', 'Neurology'])];
|
|
35
|
+
chart = {
|
|
36
|
+
chartType: 'column' as ChartType,
|
|
37
|
+
dataSet: DM.DataSource,
|
|
38
|
+
dataOptions: {
|
|
39
|
+
category: [DM.Divisions.Divison_name],
|
|
40
|
+
value: [measureFactory.sum(DM.Admissions.Cost_of_admission)],
|
|
41
|
+
breakBy: [],
|
|
42
|
+
},
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
onBeforeRender(options: any) {
|
|
46
|
+
console.log('beforeRender');
|
|
47
|
+
console.log(options);
|
|
48
|
+
return options;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
logArguments(...args: any[]) {
|
|
52
|
+
console.log(args);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
* ```
|
|
56
|
+
* <img src="media://angular-pie-chart-example.png" width="800px" />
|
|
57
|
+
*
|
|
58
|
+
* @group Charts
|
|
59
|
+
*/
|
|
60
|
+
export class PieChartComponent {
|
|
61
|
+
constructor() {
|
|
62
|
+
/**
|
|
63
|
+
* {@inheritDoc @sisense/sdk-ui!PieChartProps.onDataPointClick}
|
|
64
|
+
*
|
|
65
|
+
* @category Callbacks
|
|
66
|
+
*/
|
|
67
|
+
this.dataPointClick = new EventEmitter();
|
|
68
|
+
/**
|
|
69
|
+
* {@inheritDoc @sisense/sdk-ui!PieChartProps.onDataPointContextMenu}
|
|
70
|
+
*
|
|
71
|
+
* @category Callbacks
|
|
72
|
+
*/
|
|
73
|
+
this.dataPointContextMenu = new EventEmitter();
|
|
74
|
+
/**
|
|
75
|
+
* {@inheritDoc @sisense/sdk-ui!PieChartProps.onDataPointsSelected}
|
|
76
|
+
*
|
|
77
|
+
* @category Callbacks
|
|
78
|
+
*/
|
|
79
|
+
this.dataPointsSelect = new EventEmitter();
|
|
80
|
+
/** @internal */
|
|
81
|
+
this.chartType = 'pie';
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
PieChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PieChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
85
|
+
PieChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PieChartComponent, selector: "csdk-pie-chart", inputs: { dataSet: "dataSet", dataOptions: "dataOptions", filters: "filters", highlights: "highlights", styleOptions: "styleOptions", beforeRender: "beforeRender" }, outputs: { dataPointClick: "dataPointClick", dataPointContextMenu: "dataPointContextMenu", dataPointsSelect: "dataPointsSelect" }, ngImport: i0, template: `
|
|
86
|
+
<csdk-chart
|
|
87
|
+
[chartType]="chartType"
|
|
88
|
+
[dataSet]="dataSet"
|
|
89
|
+
[dataOptions]="dataOptions"
|
|
90
|
+
[filters]="filters"
|
|
91
|
+
[highlights]="highlights"
|
|
92
|
+
[styleOptions]="styleOptions"
|
|
93
|
+
[beforeRender]="beforeRender"
|
|
94
|
+
(dataPointClick)="dataPointClick.emit($event)"
|
|
95
|
+
(dataPointContextMenu)="dataPointContextMenu.emit($event)"
|
|
96
|
+
(dataPointsSelect)="dataPointsSelect.emit($event)"
|
|
97
|
+
/>
|
|
98
|
+
`, isInline: true, dependencies: [{ kind: "component", type: i1.ChartComponent, selector: "csdk-chart", inputs: ["chartType", "dataSet", "dataOptions", "filters", "highlights", "styleOptions", "beforeRender"], outputs: ["dataPointClick", "dataPointContextMenu", "dataPointsSelect"] }] });
|
|
99
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PieChartComponent, decorators: [{
|
|
100
|
+
type: Component,
|
|
101
|
+
args: [{
|
|
102
|
+
selector: 'csdk-pie-chart',
|
|
103
|
+
template: `
|
|
104
|
+
<csdk-chart
|
|
105
|
+
[chartType]="chartType"
|
|
106
|
+
[dataSet]="dataSet"
|
|
107
|
+
[dataOptions]="dataOptions"
|
|
108
|
+
[filters]="filters"
|
|
109
|
+
[highlights]="highlights"
|
|
110
|
+
[styleOptions]="styleOptions"
|
|
111
|
+
[beforeRender]="beforeRender"
|
|
112
|
+
(dataPointClick)="dataPointClick.emit($event)"
|
|
113
|
+
(dataPointContextMenu)="dataPointContextMenu.emit($event)"
|
|
114
|
+
(dataPointsSelect)="dataPointsSelect.emit($event)"
|
|
115
|
+
/>
|
|
116
|
+
`,
|
|
117
|
+
}]
|
|
118
|
+
}], propDecorators: { dataSet: [{
|
|
119
|
+
type: Input
|
|
120
|
+
}], dataOptions: [{
|
|
121
|
+
type: Input
|
|
122
|
+
}], filters: [{
|
|
123
|
+
type: Input
|
|
124
|
+
}], highlights: [{
|
|
125
|
+
type: Input
|
|
126
|
+
}], styleOptions: [{
|
|
127
|
+
type: Input
|
|
128
|
+
}], beforeRender: [{
|
|
129
|
+
type: Input
|
|
130
|
+
}], dataPointClick: [{
|
|
131
|
+
type: Output
|
|
132
|
+
}], dataPointContextMenu: [{
|
|
133
|
+
type: Output
|
|
134
|
+
}], dataPointsSelect: [{
|
|
135
|
+
type: Output
|
|
136
|
+
}] } });
|
|
137
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGllLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9jaGFydHMvcGllLWNoYXJ0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFLdkU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1REc7QUFrQkgsTUFBTSxPQUFPLGlCQUFpQjtJQWpCOUI7UUFrRUU7Ozs7V0FJRztRQUVILG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBRTlCLENBQUM7UUFFSjs7OztXQUlHO1FBRUgseUJBQW9CLEdBQUcsSUFBSSxZQUFZLEVBRXBDLENBQUM7UUFFSjs7OztXQUlHO1FBRUgscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBRWhDLENBQUM7UUFFSixnQkFBZ0I7UUFDVCxjQUFTLEdBQWMsS0FBSyxDQUFDO0tBQ3JDOzsrR0FqRlksaUJBQWlCO21HQUFqQixpQkFBaUIsK1ZBZmxCOzs7Ozs7Ozs7Ozs7O0dBYVQ7NEZBRVUsaUJBQWlCO2tCQWpCN0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7R0FhVDtpQkFDRjs4QkFRQyxPQUFPO3NCQUROLEtBQUs7Z0JBU04sV0FBVztzQkFEVixLQUFLO2dCQVNOLE9BQU87c0JBRE4sS0FBSztnQkFTTixVQUFVO3NCQURULEtBQUs7Z0JBU04sWUFBWTtzQkFEWCxLQUFLO2dCQVNOLFlBQVk7c0JBRFgsS0FBSztnQkFTTixjQUFjO3NCQURiLE1BQU07Z0JBV1Asb0JBQW9CO3NCQURuQixNQUFNO2dCQVdQLGdCQUFnQjtzQkFEZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHR5cGUgQ2hhcnRUeXBlIH0gZnJvbSAnLi4vLi4vc2RrLXVpLWNvcmUtZXhwb3J0cyc7XG5pbXBvcnQgeyB0eXBlIFBpZUNoYXJ0UHJvcHMgfSBmcm9tICdAc2lzZW5zZS9zZGstdWktcHJlYWN0JztcbmltcG9ydCB7IHR5cGUgQXJndW1lbnRzQXNPYmplY3QgfSBmcm9tICcuLi8uLi90eXBlcy91dGlsaXR5LXR5cGVzJztcblxuLyoqXG4gKiBBIGNvbXBvbmVudCByZXByZXNlbnRpbmcgZGF0YSBpbiBhIGNpcmN1bGFyIGdyYXBoIHdpdGggdGhlIGRhdGEgc2hvd24gYXMgc2xpY2VzIG9mIGEgd2hvbGUsXG4gKiB3aXRoIGVhY2ggc2xpY2UgcmVwcmVzZW50aW5nIGEgcHJvcG9ydGlvbiBvZiB0aGUgdG90YWwuXG4gKiBTZWUgW1BpZSBDaGFydF0oaHR0cHM6Ly9kb2NzLnNpc2Vuc2UuY29tL21haW4vU2lzZW5zZUxpbnV4L3BpZS1jaGFydC5odG0pIGZvciBtb3JlIGluZm9ybWF0aW9uLlxuICpcbiAqIEBleGFtcGxlXG4gKiBgYGBodG1sXG4gKiAgICA8Y3Nkay1waWUtY2hhcnRcbiAqICAgICAgW2RhdGFTZXRdPVwiY2hhcnQuZGF0YVNldFwiXG4gKiAgICAgIFtkYXRhT3B0aW9uc109XCJjaGFydC5kYXRhT3B0aW9uc1wiXG4gKiAgICAgIFtoaWdobGlnaHRzXT1cImZpbHRlcnNcIlxuICogICAgICBbYmVmb3JlUmVuZGVyXT1cIm9uQmVmb3JlUmVuZGVyXCJcbiAqICAgICAgKGRhdGFQb2ludENsaWNrKT1cImxvZ0FyZ3VtZW50cygkZXZlbnQpXCJcbiAqICAgICAgKGRhdGFQb2ludENvbnRleHRNZW51KT1cImxvZ0FyZ3VtZW50cygkZXZlbnQpXCJcbiAqICAgICAgKGRhdGFQb2ludHNTZWxlY3QpPVwibG9nQXJndW1lbnRzKCRldmVudClcIlxuICogICAgLz5cbiAqIGBgYFxuICogYGBgdHNcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgbWVhc3VyZUZhY3RvcnksIGZpbHRlckZhY3RvcnkgfSBmcm9tICdAc2lzZW5zZS9zZGstZGF0YSc7XG5pbXBvcnQgKiBhcyBETSBmcm9tICcuLi8uLi9hc3NldHMvc2FtcGxlLWhlYWx0aGNhcmUtbW9kZWwnO1xuaW1wb3J0IHR5cGUgeyBDaGFydFR5cGUgfSBmcm9tICdAc2lzZW5zZS9zZGstdWktYW5ndWxhcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1hbmFseXRpY3MnLFxuICB0ZW1wbGF0ZVVybDogJy4vYW5hbHl0aWNzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYW5hbHl0aWNzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFuYWx5dGljc0NvbXBvbmVudCB7XG4gIERNID0gRE07XG4gIGZpbHRlcnMgPSBbZmlsdGVyRmFjdG9yeS5tZW1iZXJzKERNLkRpdmlzaW9ucy5EaXZpc29uX25hbWUsIFsnQ2FyZGlvbG9neScsICdOZXVyb2xvZ3knXSldO1xuICBjaGFydCA9IHtcbiAgICBjaGFydFR5cGU6ICdjb2x1bW4nIGFzIENoYXJ0VHlwZSxcbiAgICBkYXRhU2V0OiBETS5EYXRhU291cmNlLFxuICAgIGRhdGFPcHRpb25zOiB7XG4gICAgICBjYXRlZ29yeTogW0RNLkRpdmlzaW9ucy5EaXZpc29uX25hbWVdLFxuICAgICAgdmFsdWU6IFttZWFzdXJlRmFjdG9yeS5zdW0oRE0uQWRtaXNzaW9ucy5Db3N0X29mX2FkbWlzc2lvbildLFxuICAgICAgYnJlYWtCeTogW10sXG4gICAgfSxcbiAgfTtcblxuICBvbkJlZm9yZVJlbmRlcihvcHRpb25zOiBhbnkpIHtcbiAgICBjb25zb2xlLmxvZygnYmVmb3JlUmVuZGVyJyk7XG4gICAgY29uc29sZS5sb2cob3B0aW9ucyk7XG4gICAgcmV0dXJuIG9wdGlvbnM7XG4gIH1cblxuICBsb2dBcmd1bWVudHMoLi4uYXJnczogYW55W10pIHtcbiAgICBjb25zb2xlLmxvZyhhcmdzKTtcbiAgfVxufVxuICogYGBgXG4gKiA8aW1nIHNyYz1cIm1lZGlhOi8vYW5ndWxhci1waWUtY2hhcnQtZXhhbXBsZS5wbmdcIiB3aWR0aD1cIjgwMHB4XCIgLz5cbiAqXG4gKiBAZ3JvdXAgQ2hhcnRzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NzZGstcGllLWNoYXJ0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8Y3Nkay1jaGFydFxuICAgICAgW2NoYXJ0VHlwZV09XCJjaGFydFR5cGVcIlxuICAgICAgW2RhdGFTZXRdPVwiZGF0YVNldFwiXG4gICAgICBbZGF0YU9wdGlvbnNdPVwiZGF0YU9wdGlvbnNcIlxuICAgICAgW2ZpbHRlcnNdPVwiZmlsdGVyc1wiXG4gICAgICBbaGlnaGxpZ2h0c109XCJoaWdobGlnaHRzXCJcbiAgICAgIFtzdHlsZU9wdGlvbnNdPVwic3R5bGVPcHRpb25zXCJcbiAgICAgIFtiZWZvcmVSZW5kZXJdPVwiYmVmb3JlUmVuZGVyXCJcbiAgICAgIChkYXRhUG9pbnRDbGljayk9XCJkYXRhUG9pbnRDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgKGRhdGFQb2ludENvbnRleHRNZW51KT1cImRhdGFQb2ludENvbnRleHRNZW51LmVtaXQoJGV2ZW50KVwiXG4gICAgICAoZGF0YVBvaW50c1NlbGVjdCk9XCJkYXRhUG9pbnRzU2VsZWN0LmVtaXQoJGV2ZW50KVwiXG4gICAgLz5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgUGllQ2hhcnRDb21wb25lbnQge1xuICAvKipcbiAgICoge0Bpbmhlcml0RG9jIEBzaXNlbnNlL3Nkay11aSFQaWVDaGFydFByb3BzLmRhdGFTZXR9XG4gICAqXG4gICAqIEBjYXRlZ29yeSBEYXRhXG4gICAqL1xuICBASW5wdXQoKVxuICBkYXRhU2V0OiBQaWVDaGFydFByb3BzWydkYXRhU2V0J107XG5cbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhUGllQ2hhcnRQcm9wcy5oaWdobGlnaHRzfVxuICAgKlxuICAgKiBAY2F0ZWdvcnkgRGF0YVxuICAgKi9cbiAgQElucHV0KClcbiAgZGF0YU9wdGlvbnMhOiBQaWVDaGFydFByb3BzWydkYXRhT3B0aW9ucyddO1xuXG4gIC8qKlxuICAgKiB7QGluaGVyaXREb2MgQHNpc2Vuc2Uvc2RrLXVpIVBpZUNoYXJ0UHJvcHMuZmlsdGVyc31cbiAgICpcbiAgICogQGNhdGVnb3J5IERhdGFcbiAgICovXG4gIEBJbnB1dCgpXG4gIGZpbHRlcnM6IFBpZUNoYXJ0UHJvcHNbJ2ZpbHRlcnMnXTtcblxuICAvKipcbiAgICoge0Bpbmhlcml0RG9jIEBzaXNlbnNlL3Nkay11aSFQaWVDaGFydFByb3BzLmhpZ2hsaWdodHN9XG4gICAqXG4gICAqIEBjYXRlZ29yeSBEYXRhXG4gICAqL1xuICBASW5wdXQoKVxuICBoaWdobGlnaHRzOiBQaWVDaGFydFByb3BzWydoaWdobGlnaHRzJ107XG5cbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhUGllQ2hhcnRQcm9wcy5zdHlsZU9wdGlvbnN9XG4gICAqXG4gICAqIEBjYXRlZ29yeSBDaGFydFxuICAgKi9cbiAgQElucHV0KClcbiAgc3R5bGVPcHRpb25zOiBQaWVDaGFydFByb3BzWydzdHlsZU9wdGlvbnMnXTtcblxuICAvKipcbiAgICoge0Bpbmhlcml0RG9jIEBzaXNlbnNlL3Nkay11aSFQaWVDaGFydFByb3BzLm9uQmVmb3JlUmVuZGVyfVxuICAgKlxuICAgKiBAY2F0ZWdvcnkgQ2FsbGJhY2tzXG4gICAqL1xuICBASW5wdXQoKVxuICBiZWZvcmVSZW5kZXI6IFBpZUNoYXJ0UHJvcHNbJ29uQmVmb3JlUmVuZGVyJ107XG5cbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhUGllQ2hhcnRQcm9wcy5vbkRhdGFQb2ludENsaWNrfVxuICAgKlxuICAgKiBAY2F0ZWdvcnkgQ2FsbGJhY2tzXG4gICAqL1xuICBAT3V0cHV0KClcbiAgZGF0YVBvaW50Q2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFxuICAgIEFyZ3VtZW50c0FzT2JqZWN0PFBpZUNoYXJ0UHJvcHNbJ29uRGF0YVBvaW50Q2xpY2snXSwgWydwb2ludCcsICduYXRpdmVFdmVudCddPlxuICA+KCk7XG5cbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhUGllQ2hhcnRQcm9wcy5vbkRhdGFQb2ludENvbnRleHRNZW51fVxuICAgKlxuICAgKiBAY2F0ZWdvcnkgQ2FsbGJhY2tzXG4gICAqL1xuICBAT3V0cHV0KClcbiAgZGF0YVBvaW50Q29udGV4dE1lbnUgPSBuZXcgRXZlbnRFbWl0dGVyPFxuICAgIEFyZ3VtZW50c0FzT2JqZWN0PFBpZUNoYXJ0UHJvcHNbJ29uRGF0YVBvaW50Q29udGV4dE1lbnUnXSwgWydwb2ludCcsICduYXRpdmVFdmVudCddPlxuICA+KCk7XG5cbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhUGllQ2hhcnRQcm9wcy5vbkRhdGFQb2ludHNTZWxlY3RlZH1cbiAgICpcbiAgICogQGNhdGVnb3J5IENhbGxiYWNrc1xuICAgKi9cbiAgQE91dHB1dCgpXG4gIGRhdGFQb2ludHNTZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPFxuICAgIEFyZ3VtZW50c0FzT2JqZWN0PFBpZUNoYXJ0UHJvcHNbJ29uRGF0YVBvaW50c1NlbGVjdGVkJ10sIFsncG9pbnRzJywgJ25hdGl2ZUV2ZW50J10+XG4gID4oKTtcblxuICAvKiogQGludGVybmFsICovXG4gIHB1YmxpYyBjaGFydFR5cGU6IENoYXJ0VHlwZSA9ICdwaWUnO1xufVxuIl19
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import { Component, Input, ViewChild, } from '@angular/core';
|
|
2
|
+
import { PivotTable, ComponentAdapter, createElement, } from '@sisense/sdk-ui-preact';
|
|
3
|
+
import { createSisenseContextConnector, createThemeContextConnector, } from '../../component-wrapper-helpers';
|
|
4
|
+
import { template, rootId } from '../../component-wrapper-helpers/template';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "../../services";
|
|
7
|
+
/**
|
|
8
|
+
* Pivot Table with and pagination.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```html
|
|
12
|
+
* <csdk-pivot-table
|
|
13
|
+
* [dataSet]="pivotTable.dataSet"
|
|
14
|
+
* [dataOptions]="pivotTable.dataOptions"
|
|
15
|
+
* [filters]="pivotTable.filters"
|
|
16
|
+
* [styleOptions]="pivotTable.styleOptions"
|
|
17
|
+
* />
|
|
18
|
+
* ```
|
|
19
|
+
* ```ts
|
|
20
|
+
import { Component } from '@angular/core';
|
|
21
|
+
import { measureFactory, filterFactory } from '@sisense/sdk-data';
|
|
22
|
+
import * as DM from '../../assets/sample-ecommerce';
|
|
23
|
+
import type { PivotTableDataOptions } from '@sisense/sdk-ui-angular';
|
|
24
|
+
|
|
25
|
+
@Component({
|
|
26
|
+
selector: 'app-analytics',
|
|
27
|
+
templateUrl: './analytics.component.html',
|
|
28
|
+
styleUrls: ['./analytics.component.scss'],
|
|
29
|
+
})
|
|
30
|
+
export class AnalyticsComponent {
|
|
31
|
+
|
|
32
|
+
pivotTableDataOptions: PivotTableDataOptions = {
|
|
33
|
+
rows: [
|
|
34
|
+
{ column: DM.Category.Category, includeSubTotals: true },
|
|
35
|
+
{ column: DM.Commerce.AgeRange, includeSubTotals: true },
|
|
36
|
+
DM.Commerce.Condition,
|
|
37
|
+
],
|
|
38
|
+
columns: [{ column: DM.Commerce.Gender, includeSubTotals: true }],
|
|
39
|
+
values: [
|
|
40
|
+
measureFactory.sum(DM.Commerce.Cost, 'Total Cost'),
|
|
41
|
+
{
|
|
42
|
+
column: measureFactory.sum(DM.Commerce.Revenue, 'Total Revenue'),
|
|
43
|
+
totalsCalculation: 'sum',
|
|
44
|
+
dataBars: true,
|
|
45
|
+
},
|
|
46
|
+
],
|
|
47
|
+
grandTotals: { title: 'Grand Total', rows: true, columns: true },
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
pivotTable = {
|
|
51
|
+
dataSet: DM.DataSource,
|
|
52
|
+
dataOptions: this.pivotTableDataOptions,
|
|
53
|
+
filters: [filterFactory.members(DM.Commerce.Gender, ['Female', 'Male'])],
|
|
54
|
+
styleOptions: { width: 1400, height: 600, rowsPerPage: 50 },
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
}
|
|
58
|
+
* ```
|
|
59
|
+
* <img src="media://angular-pivot-table-example.png" width="800px" />
|
|
60
|
+
* @group Data Grids
|
|
61
|
+
* @alpha
|
|
62
|
+
*/
|
|
63
|
+
export class PivotTableComponent {
|
|
64
|
+
constructor(sisenseContextService, themeService) {
|
|
65
|
+
this.sisenseContextService = sisenseContextService;
|
|
66
|
+
this.themeService = themeService;
|
|
67
|
+
this.componentAdapter = new ComponentAdapter(() => this.createPreactComponent(), [
|
|
68
|
+
createSisenseContextConnector(this.sisenseContextService),
|
|
69
|
+
createThemeContextConnector(this.themeService),
|
|
70
|
+
]);
|
|
71
|
+
}
|
|
72
|
+
/** @internal */
|
|
73
|
+
ngAfterViewInit() {
|
|
74
|
+
this.componentAdapter.render(this.preactRef.nativeElement);
|
|
75
|
+
}
|
|
76
|
+
/** @internal */
|
|
77
|
+
ngOnChanges() {
|
|
78
|
+
if (this.preactRef) {
|
|
79
|
+
this.componentAdapter.render(this.preactRef.nativeElement);
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
createPreactComponent() {
|
|
83
|
+
const props = {
|
|
84
|
+
dataSet: this.dataSet,
|
|
85
|
+
dataOptions: this.dataOptions,
|
|
86
|
+
filters: this.filters,
|
|
87
|
+
styleOptions: this.styleOptions,
|
|
88
|
+
};
|
|
89
|
+
return createElement(PivotTable, props);
|
|
90
|
+
}
|
|
91
|
+
/** @internal */
|
|
92
|
+
ngOnDestroy() {
|
|
93
|
+
this.componentAdapter.destroy();
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
PivotTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotTableComponent, deps: [{ token: i1.SisenseContextService }, { token: i1.ThemeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
97
|
+
PivotTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PivotTableComponent, selector: "csdk-pivot-table", inputs: { dataSet: "dataSet", dataOptions: "dataOptions", filters: "filters", styleOptions: "styleOptions" }, viewQueries: [{ propertyName: "preactRef", first: true, predicate: ["preact"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\n <div #preact style=\"width: 100%; height: 100%\"></div>\n", isInline: true });
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PivotTableComponent, decorators: [{
|
|
99
|
+
type: Component,
|
|
100
|
+
args: [{
|
|
101
|
+
selector: 'csdk-pivot-table',
|
|
102
|
+
template,
|
|
103
|
+
}]
|
|
104
|
+
}], ctorParameters: function () { return [{ type: i1.SisenseContextService }, { type: i1.ThemeService }]; }, propDecorators: { preactRef: [{
|
|
105
|
+
type: ViewChild,
|
|
106
|
+
args: [rootId]
|
|
107
|
+
}], dataSet: [{
|
|
108
|
+
type: Input
|
|
109
|
+
}], dataOptions: [{
|
|
110
|
+
type: Input
|
|
111
|
+
}], filters: [{
|
|
112
|
+
type: Input
|
|
113
|
+
}], styleOptions: [{
|
|
114
|
+
type: Input
|
|
115
|
+
}] } });
|
|
116
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGl2b3QtdGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2NoYXJ0cy9waXZvdC10YWJsZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFFVCxLQUFLLEVBR0wsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxVQUFVLEVBQ1YsZ0JBQWdCLEVBQ2hCLGFBQWEsR0FFZCxNQUFNLHdCQUF3QixDQUFDO0FBR2hDLE9BQU8sRUFDTCw2QkFBNkIsRUFDN0IsMkJBQTJCLEdBQzVCLE1BQU0saUNBQWlDLENBQUM7QUFDekMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7O0FBRTVFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdURHO0FBS0gsTUFBTSxPQUFPLG1CQUFtQjtJQXVDOUIsWUFDVSxxQkFBNEMsRUFDNUMsWUFBMEI7UUFEMUIsMEJBQXFCLEdBQXJCLHFCQUFxQixDQUF1QjtRQUM1QyxpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUVsQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxnQkFBZ0IsQ0FDMUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLHFCQUFxQixFQUFFLEVBQ2xDO1lBQ0UsNkJBQTZCLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDO1lBQ3pELDJCQUEyQixDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7U0FDL0MsQ0FDRixDQUFDO0lBQ0osQ0FBQztJQUVELGdCQUFnQjtJQUNoQixlQUFlO1FBQ2IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzdELENBQUM7SUFFRCxnQkFBZ0I7SUFDaEIsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNsQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDNUQ7SUFDSCxDQUFDO0lBRU8scUJBQXFCO1FBQzNCLE1BQU0sS0FBSyxHQUFHO1lBQ1osT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPO1lBQ3JCLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVztZQUM3QixPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU87WUFDckIsWUFBWSxFQUFFLElBQUksQ0FBQyxZQUFZO1NBQ2hDLENBQUM7UUFFRixPQUFPLGFBQWEsQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELGdCQUFnQjtJQUNoQixXQUFXO1FBQ1QsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2xDLENBQUM7O2lIQTlFVSxtQkFBbUI7cUdBQW5CLG1CQUFtQjs0RkFBbkIsbUJBQW1CO2tCQUovQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFFBQVE7aUJBQ1Q7dUlBSUMsU0FBUztzQkFEUixTQUFTO3VCQUFDLE1BQU07Z0JBU2pCLE9BQU87c0JBRE4sS0FBSztnQkFTTixXQUFXO3NCQURWLEtBQUs7Z0JBU04sT0FBTztzQkFETixLQUFLO2dCQVNOLFlBQVk7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgUGl2b3RUYWJsZSxcbiAgQ29tcG9uZW50QWRhcHRlcixcbiAgY3JlYXRlRWxlbWVudCxcbiAgdHlwZSBQaXZvdFRhYmxlUHJvcHMsXG59IGZyb20gJ0BzaXNlbnNlL3Nkay11aS1wcmVhY3QnO1xuaW1wb3J0IHsgU2lzZW5zZUNvbnRleHRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuaW1wb3J0IHsgVGhlbWVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuaW1wb3J0IHtcbiAgY3JlYXRlU2lzZW5zZUNvbnRleHRDb25uZWN0b3IsXG4gIGNyZWF0ZVRoZW1lQ29udGV4dENvbm5lY3Rvcixcbn0gZnJvbSAnLi4vLi4vY29tcG9uZW50LXdyYXBwZXItaGVscGVycyc7XG5pbXBvcnQgeyB0ZW1wbGF0ZSwgcm9vdElkIH0gZnJvbSAnLi4vLi4vY29tcG9uZW50LXdyYXBwZXItaGVscGVycy90ZW1wbGF0ZSc7XG5cbi8qKlxuICogUGl2b3QgVGFibGUgd2l0aCBhbmQgcGFnaW5hdGlvbi5cbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgaHRtbFxuICogIDxjc2RrLXBpdm90LXRhYmxlXG4gKiAgICBbZGF0YVNldF09XCJwaXZvdFRhYmxlLmRhdGFTZXRcIlxuICogICAgW2RhdGFPcHRpb25zXT1cInBpdm90VGFibGUuZGF0YU9wdGlvbnNcIlxuICogICAgW2ZpbHRlcnNdPVwicGl2b3RUYWJsZS5maWx0ZXJzXCJcbiAqICAgIFtzdHlsZU9wdGlvbnNdPVwicGl2b3RUYWJsZS5zdHlsZU9wdGlvbnNcIlxuICogIC8+XG4gKiBgYGBcbiAqIGBgYHRzXG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IG1lYXN1cmVGYWN0b3J5LCBmaWx0ZXJGYWN0b3J5IH0gZnJvbSAnQHNpc2Vuc2Uvc2RrLWRhdGEnO1xuaW1wb3J0ICogYXMgRE0gZnJvbSAnLi4vLi4vYXNzZXRzL3NhbXBsZS1lY29tbWVyY2UnO1xuaW1wb3J0IHR5cGUgeyBQaXZvdFRhYmxlRGF0YU9wdGlvbnMgfSBmcm9tICdAc2lzZW5zZS9zZGstdWktYW5ndWxhcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1hbmFseXRpY3MnLFxuICB0ZW1wbGF0ZVVybDogJy4vYW5hbHl0aWNzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYW5hbHl0aWNzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFuYWx5dGljc0NvbXBvbmVudCB7XG5cbiAgcGl2b3RUYWJsZURhdGFPcHRpb25zOiBQaXZvdFRhYmxlRGF0YU9wdGlvbnMgPSB7XG4gICAgcm93czogW1xuICAgICAgeyBjb2x1bW46IERNLkNhdGVnb3J5LkNhdGVnb3J5LCBpbmNsdWRlU3ViVG90YWxzOiB0cnVlIH0sXG4gICAgICB7IGNvbHVtbjogRE0uQ29tbWVyY2UuQWdlUmFuZ2UsIGluY2x1ZGVTdWJUb3RhbHM6IHRydWUgfSxcbiAgICAgIERNLkNvbW1lcmNlLkNvbmRpdGlvbixcbiAgICBdLFxuICAgIGNvbHVtbnM6IFt7IGNvbHVtbjogRE0uQ29tbWVyY2UuR2VuZGVyLCBpbmNsdWRlU3ViVG90YWxzOiB0cnVlIH1dLFxuICAgIHZhbHVlczogW1xuICAgICAgbWVhc3VyZUZhY3Rvcnkuc3VtKERNLkNvbW1lcmNlLkNvc3QsICdUb3RhbCBDb3N0JyksXG4gICAgICB7XG4gICAgICAgIGNvbHVtbjogbWVhc3VyZUZhY3Rvcnkuc3VtKERNLkNvbW1lcmNlLlJldmVudWUsICdUb3RhbCBSZXZlbnVlJyksXG4gICAgICAgIHRvdGFsc0NhbGN1bGF0aW9uOiAnc3VtJyxcbiAgICAgICAgZGF0YUJhcnM6IHRydWUsXG4gICAgICB9LFxuICAgIF0sXG4gICAgZ3JhbmRUb3RhbHM6IHsgdGl0bGU6ICdHcmFuZCBUb3RhbCcsIHJvd3M6IHRydWUsIGNvbHVtbnM6IHRydWUgfSxcbiAgfTtcblxuICBwaXZvdFRhYmxlID0ge1xuICAgIGRhdGFTZXQ6IERNLkRhdGFTb3VyY2UsXG4gICAgZGF0YU9wdGlvbnM6IHRoaXMucGl2b3RUYWJsZURhdGFPcHRpb25zLFxuICAgIGZpbHRlcnM6IFtmaWx0ZXJGYWN0b3J5Lm1lbWJlcnMoRE0uQ29tbWVyY2UuR2VuZGVyLCBbJ0ZlbWFsZScsICdNYWxlJ10pXSxcbiAgICBzdHlsZU9wdGlvbnM6IHsgd2lkdGg6IDE0MDAsIGhlaWdodDogNjAwLCByb3dzUGVyUGFnZTogNTAgfSxcbiAgfTtcblxufVxuICogYGBgXG4gKiA8aW1nIHNyYz1cIm1lZGlhOi8vYW5ndWxhci1waXZvdC10YWJsZS1leGFtcGxlLnBuZ1wiIHdpZHRoPVwiODAwcHhcIiAvPlxuICogQGdyb3VwIERhdGEgR3JpZHNcbiAqIEBhbHBoYVxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjc2RrLXBpdm90LXRhYmxlJyxcbiAgdGVtcGxhdGUsXG59KVxuZXhwb3J0IGNsYXNzIFBpdm90VGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXMsIE9uRGVzdHJveSB7XG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgQFZpZXdDaGlsZChyb290SWQpXG4gIHByZWFjdFJlZiE6IEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+O1xuXG4gIC8qKlxuICAgKiB7QGluaGVyaXREb2MgQHNpc2Vuc2Uvc2RrLXVpIVBpdm90VGFibGVQcm9wcy5kYXRhU2V0fVxuICAgKlxuICAgKiBAY2F0ZWdvcnkgRGF0YVxuICAgKi9cbiAgQElucHV0KClcbiAgZGF0YVNldDogUGl2b3RUYWJsZVByb3BzWydkYXRhU2V0J107XG5cbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhUGl2b3RUYWJsZVByb3BzLmRhdGFPcHRpb25zfVxuICAgKlxuICAgKiBAY2F0ZWdvcnkgRGF0YVxuICAgKi9cbiAgQElucHV0KClcbiAgZGF0YU9wdGlvbnMhOiBQaXZvdFRhYmxlUHJvcHNbJ2RhdGFPcHRpb25zJ107XG5cbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhUGl2b3RUYWJsZVByb3BzLmZpbHRlcnN9XG4gICAqXG4gICAqIEBjYXRlZ29yeSBEYXRhXG4gICAqL1xuICBASW5wdXQoKVxuICBmaWx0ZXJzOiBQaXZvdFRhYmxlUHJvcHNbJ2ZpbHRlcnMnXTtcblxuICAvKipcbiAgICoge0Bpbmhlcml0RG9jIEBzaXNlbnNlL3Nkay11aSFQaXZvdFRhYmxlUHJvcHMuc3R5bGVPcHRpb25zfVxuICAgKlxuICAgKiBAY2F0ZWdvcnkgUmVwcmVzZW50YXRpb25cbiAgICovXG4gIEBJbnB1dCgpXG4gIHN0eWxlT3B0aW9uczogUGl2b3RUYWJsZVByb3BzWydzdHlsZU9wdGlvbnMnXTtcblxuICBwcml2YXRlIGNvbXBvbmVudEFkYXB0ZXI6IENvbXBvbmVudEFkYXB0ZXI7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBzaXNlbnNlQ29udGV4dFNlcnZpY2U6IFNpc2Vuc2VDb250ZXh0U2VydmljZSxcbiAgICBwcml2YXRlIHRoZW1lU2VydmljZTogVGhlbWVTZXJ2aWNlLFxuICApIHtcbiAgICB0aGlzLmNvbXBvbmVudEFkYXB0ZXIgPSBuZXcgQ29tcG9uZW50QWRhcHRlcihcbiAgICAgICgpID0+IHRoaXMuY3JlYXRlUHJlYWN0Q29tcG9uZW50KCksXG4gICAgICBbXG4gICAgICAgIGNyZWF0ZVNpc2Vuc2VDb250ZXh0Q29ubmVjdG9yKHRoaXMuc2lzZW5zZUNvbnRleHRTZXJ2aWNlKSxcbiAgICAgICAgY3JlYXRlVGhlbWVDb250ZXh0Q29ubmVjdG9yKHRoaXMudGhlbWVTZXJ2aWNlKSxcbiAgICAgIF0sXG4gICAgKTtcbiAgfVxuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMuY29tcG9uZW50QWRhcHRlci5yZW5kZXIodGhpcy5wcmVhY3RSZWYubmF0aXZlRWxlbWVudCk7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIGlmICh0aGlzLnByZWFjdFJlZikge1xuICAgICAgdGhpcy5jb21wb25lbnRBZGFwdGVyLnJlbmRlcih0aGlzLnByZWFjdFJlZi5uYXRpdmVFbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGNyZWF0ZVByZWFjdENvbXBvbmVudCgpIHtcbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgIGRhdGFTZXQ6IHRoaXMuZGF0YVNldCxcbiAgICAgIGRhdGFPcHRpb25zOiB0aGlzLmRhdGFPcHRpb25zLFxuICAgICAgZmlsdGVyczogdGhpcy5maWx0ZXJzLFxuICAgICAgc3R5bGVPcHRpb25zOiB0aGlzLnN0eWxlT3B0aW9ucyxcbiAgICB9O1xuXG4gICAgcmV0dXJuIGNyZWF0ZUVsZW1lbnQoUGl2b3RUYWJsZSwgcHJvcHMpO1xuICB9XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmNvbXBvbmVudEFkYXB0ZXIuZGVzdHJveSgpO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "./chart.component";
|
|
4
|
+
/**
|
|
5
|
+
* A component comparing multiple categories/variables with a spacial perspective in a radial chart.
|
|
6
|
+
* See [Polar Chart](https://docs.sisense.com/main/SisenseLinux/polar-chart.htm) for more information.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```html
|
|
10
|
+
* <csdk-polar-chart
|
|
11
|
+
* [dataSet]="chart.dataSet"
|
|
12
|
+
* [dataOptions]="chart.dataOptions"
|
|
13
|
+
* [highlights]="filters"
|
|
14
|
+
* [beforeRender]="onBeforeRender"
|
|
15
|
+
* (dataPointClick)="logArguments($event)"
|
|
16
|
+
* (dataPointContextMenu)="logArguments($event)"
|
|
17
|
+
* (dataPointsSelect)="logArguments($event)"
|
|
18
|
+
* />
|
|
19
|
+
* ```
|
|
20
|
+
* ```ts
|
|
21
|
+
import { Component } from '@angular/core';
|
|
22
|
+
import { measureFactory, filterFactory } from '@sisense/sdk-data';
|
|
23
|
+
import * as DM from '../../assets/sample-healthcare-model';
|
|
24
|
+
import type { ChartType } from '@sisense/sdk-ui-angular';
|
|
25
|
+
|
|
26
|
+
@Component({
|
|
27
|
+
selector: 'app-analytics',
|
|
28
|
+
templateUrl: './analytics.component.html',
|
|
29
|
+
styleUrls: ['./analytics.component.scss'],
|
|
30
|
+
})
|
|
31
|
+
export class AnalyticsComponent {
|
|
32
|
+
DM = DM;
|
|
33
|
+
filters = [filterFactory.members(DM.Divisions.Divison_name, ['Cardiology', 'Neurology'])];
|
|
34
|
+
chart = {
|
|
35
|
+
chartType: 'column' as ChartType,
|
|
36
|
+
dataSet: DM.DataSource,
|
|
37
|
+
dataOptions: {
|
|
38
|
+
category: [DM.Divisions.Divison_name],
|
|
39
|
+
value: [measureFactory.sum(DM.Admissions.Cost_of_admission)],
|
|
40
|
+
breakBy: [],
|
|
41
|
+
},
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
onBeforeRender(options: any) {
|
|
45
|
+
console.log('beforeRender');
|
|
46
|
+
console.log(options);
|
|
47
|
+
return options;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
logArguments(...args: any[]) {
|
|
51
|
+
console.log(args);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
* ```
|
|
55
|
+
* <img src="media://angular-polar-chart-example.png" width="800px" />
|
|
56
|
+
*
|
|
57
|
+
* @group Charts
|
|
58
|
+
*/
|
|
59
|
+
export class PolarChartComponent {
|
|
60
|
+
constructor() {
|
|
61
|
+
/**
|
|
62
|
+
* {@inheritDoc @sisense/sdk-ui!PolarChartProps.onDataPointClick}
|
|
63
|
+
*
|
|
64
|
+
* @category Callbacks
|
|
65
|
+
*/
|
|
66
|
+
this.dataPointClick = new EventEmitter();
|
|
67
|
+
/**
|
|
68
|
+
* {@inheritDoc @sisense/sdk-ui!PolarChartProps.onDataPointContextMenu}
|
|
69
|
+
*
|
|
70
|
+
* @category Callbacks
|
|
71
|
+
*/
|
|
72
|
+
this.dataPointContextMenu = new EventEmitter();
|
|
73
|
+
/**
|
|
74
|
+
* {@inheritDoc @sisense/sdk-ui!PolarChartProps.onDataPointsSelected}
|
|
75
|
+
*
|
|
76
|
+
* @category Callbacks
|
|
77
|
+
*/
|
|
78
|
+
this.dataPointsSelect = new EventEmitter();
|
|
79
|
+
/** @internal */
|
|
80
|
+
this.chartType = 'polar';
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
PolarChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PolarChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
84
|
+
PolarChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PolarChartComponent, selector: "csdk-polar-chart", inputs: { dataSet: "dataSet", dataOptions: "dataOptions", filters: "filters", highlights: "highlights", styleOptions: "styleOptions", beforeRender: "beforeRender" }, outputs: { dataPointClick: "dataPointClick", dataPointContextMenu: "dataPointContextMenu", dataPointsSelect: "dataPointsSelect" }, ngImport: i0, template: `
|
|
85
|
+
<csdk-chart
|
|
86
|
+
[chartType]="chartType"
|
|
87
|
+
[dataSet]="dataSet"
|
|
88
|
+
[dataOptions]="dataOptions"
|
|
89
|
+
[filters]="filters"
|
|
90
|
+
[highlights]="highlights"
|
|
91
|
+
[styleOptions]="styleOptions"
|
|
92
|
+
[beforeRender]="beforeRender"
|
|
93
|
+
(dataPointClick)="dataPointClick.emit($event)"
|
|
94
|
+
(dataPointContextMenu)="dataPointContextMenu.emit($event)"
|
|
95
|
+
(dataPointsSelect)="dataPointsSelect.emit($event)"
|
|
96
|
+
/>
|
|
97
|
+
`, isInline: true, dependencies: [{ kind: "component", type: i1.ChartComponent, selector: "csdk-chart", inputs: ["chartType", "dataSet", "dataOptions", "filters", "highlights", "styleOptions", "beforeRender"], outputs: ["dataPointClick", "dataPointContextMenu", "dataPointsSelect"] }] });
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PolarChartComponent, decorators: [{
|
|
99
|
+
type: Component,
|
|
100
|
+
args: [{
|
|
101
|
+
selector: 'csdk-polar-chart',
|
|
102
|
+
template: `
|
|
103
|
+
<csdk-chart
|
|
104
|
+
[chartType]="chartType"
|
|
105
|
+
[dataSet]="dataSet"
|
|
106
|
+
[dataOptions]="dataOptions"
|
|
107
|
+
[filters]="filters"
|
|
108
|
+
[highlights]="highlights"
|
|
109
|
+
[styleOptions]="styleOptions"
|
|
110
|
+
[beforeRender]="beforeRender"
|
|
111
|
+
(dataPointClick)="dataPointClick.emit($event)"
|
|
112
|
+
(dataPointContextMenu)="dataPointContextMenu.emit($event)"
|
|
113
|
+
(dataPointsSelect)="dataPointsSelect.emit($event)"
|
|
114
|
+
/>
|
|
115
|
+
`,
|
|
116
|
+
}]
|
|
117
|
+
}], propDecorators: { dataSet: [{
|
|
118
|
+
type: Input
|
|
119
|
+
}], dataOptions: [{
|
|
120
|
+
type: Input
|
|
121
|
+
}], filters: [{
|
|
122
|
+
type: Input
|
|
123
|
+
}], highlights: [{
|
|
124
|
+
type: Input
|
|
125
|
+
}], styleOptions: [{
|
|
126
|
+
type: Input
|
|
127
|
+
}], beforeRender: [{
|
|
128
|
+
type: Input
|
|
129
|
+
}], dataPointClick: [{
|
|
130
|
+
type: Output
|
|
131
|
+
}], dataPointContextMenu: [{
|
|
132
|
+
type: Output
|
|
133
|
+
}], dataPointsSelect: [{
|
|
134
|
+
type: Output
|
|
135
|
+
}] } });
|
|
136
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9sYXItY2hhcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2NoYXJ0cy9wb2xhci1jaGFydC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBS3ZFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FzREc7QUFrQkgsTUFBTSxPQUFPLG1CQUFtQjtJQWpCaEM7UUFrRUU7Ozs7V0FJRztRQUVILG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBRTlCLENBQUM7UUFFSjs7OztXQUlHO1FBRUgseUJBQW9CLEdBQUcsSUFBSSxZQUFZLEVBRXBDLENBQUM7UUFFSjs7OztXQUlHO1FBRUgscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBRWhDLENBQUM7UUFFSixnQkFBZ0I7UUFDVCxjQUFTLEdBQWMsT0FBTyxDQUFDO0tBQ3ZDOztpSEFqRlksbUJBQW1CO3FHQUFuQixtQkFBbUIsaVdBZnBCOzs7Ozs7Ozs7Ozs7O0dBYVQ7NEZBRVUsbUJBQW1CO2tCQWpCL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7R0FhVDtpQkFDRjs4QkFRQyxPQUFPO3NCQUROLEtBQUs7Z0JBU04sV0FBVztzQkFEVixLQUFLO2dCQVNOLE9BQU87c0JBRE4sS0FBSztnQkFTTixVQUFVO3NCQURULEtBQUs7Z0JBU04sWUFBWTtzQkFEWCxLQUFLO2dCQVNOLFlBQVk7c0JBRFgsS0FBSztnQkFTTixjQUFjO3NCQURiLE1BQU07Z0JBV1Asb0JBQW9CO3NCQURuQixNQUFNO2dCQVdQLGdCQUFnQjtzQkFEZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHR5cGUgQ2hhcnRUeXBlIH0gZnJvbSAnLi4vLi4vc2RrLXVpLWNvcmUtZXhwb3J0cyc7XG5pbXBvcnQgeyB0eXBlIFBvbGFyQ2hhcnRQcm9wcyB9IGZyb20gJ0BzaXNlbnNlL3Nkay11aS1wcmVhY3QnO1xuaW1wb3J0IHsgdHlwZSBBcmd1bWVudHNBc09iamVjdCB9IGZyb20gJy4uLy4uL3R5cGVzL3V0aWxpdHktdHlwZXMnO1xuXG4vKipcbiAqIEEgY29tcG9uZW50IGNvbXBhcmluZyBtdWx0aXBsZSBjYXRlZ29yaWVzL3ZhcmlhYmxlcyB3aXRoIGEgc3BhY2lhbCBwZXJzcGVjdGl2ZSBpbiBhIHJhZGlhbCBjaGFydC5cbiAqIFNlZSBbUG9sYXIgQ2hhcnRdKGh0dHBzOi8vZG9jcy5zaXNlbnNlLmNvbS9tYWluL1Npc2Vuc2VMaW51eC9wb2xhci1jaGFydC5odG0pIGZvciBtb3JlIGluZm9ybWF0aW9uLlxuICpcbiAqIEBleGFtcGxlXG4gKiBgYGBodG1sXG4gKiAgICA8Y3Nkay1wb2xhci1jaGFydFxuICogICAgICBbZGF0YVNldF09XCJjaGFydC5kYXRhU2V0XCJcbiAqICAgICAgW2RhdGFPcHRpb25zXT1cImNoYXJ0LmRhdGFPcHRpb25zXCJcbiAqICAgICAgW2hpZ2hsaWdodHNdPVwiZmlsdGVyc1wiXG4gKiAgICAgIFtiZWZvcmVSZW5kZXJdPVwib25CZWZvcmVSZW5kZXJcIlxuICogICAgICAoZGF0YVBvaW50Q2xpY2spPVwibG9nQXJndW1lbnRzKCRldmVudClcIlxuICogICAgICAoZGF0YVBvaW50Q29udGV4dE1lbnUpPVwibG9nQXJndW1lbnRzKCRldmVudClcIlxuICogICAgICAoZGF0YVBvaW50c1NlbGVjdCk9XCJsb2dBcmd1bWVudHMoJGV2ZW50KVwiXG4gKiAgICAvPlxuICogYGBgXG4gKiBgYGB0c1xuaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBtZWFzdXJlRmFjdG9yeSwgZmlsdGVyRmFjdG9yeSB9IGZyb20gJ0BzaXNlbnNlL3Nkay1kYXRhJztcbmltcG9ydCAqIGFzIERNIGZyb20gJy4uLy4uL2Fzc2V0cy9zYW1wbGUtaGVhbHRoY2FyZS1tb2RlbCc7XG5pbXBvcnQgdHlwZSB7IENoYXJ0VHlwZSB9IGZyb20gJ0BzaXNlbnNlL3Nkay11aS1hbmd1bGFyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWFuYWx5dGljcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbmFseXRpY3MuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hbmFseXRpY3MuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQW5hbHl0aWNzQ29tcG9uZW50IHtcbiAgRE0gPSBETTtcbiAgZmlsdGVycyA9IFtmaWx0ZXJGYWN0b3J5Lm1lbWJlcnMoRE0uRGl2aXNpb25zLkRpdmlzb25fbmFtZSwgWydDYXJkaW9sb2d5JywgJ05ldXJvbG9neSddKV07XG4gIGNoYXJ0ID0ge1xuICAgIGNoYXJ0VHlwZTogJ2NvbHVtbicgYXMgQ2hhcnRUeXBlLFxuICAgIGRhdGFTZXQ6IERNLkRhdGFTb3VyY2UsXG4gICAgZGF0YU9wdGlvbnM6IHtcbiAgICAgIGNhdGVnb3J5OiBbRE0uRGl2aXNpb25zLkRpdmlzb25fbmFtZV0sXG4gICAgICB2YWx1ZTogW21lYXN1cmVGYWN0b3J5LnN1bShETS5BZG1pc3Npb25zLkNvc3Rfb2ZfYWRtaXNzaW9uKV0sXG4gICAgICBicmVha0J5OiBbXSxcbiAgICB9LFxuICB9O1xuXG4gIG9uQmVmb3JlUmVuZGVyKG9wdGlvbnM6IGFueSkge1xuICAgIGNvbnNvbGUubG9nKCdiZWZvcmVSZW5kZXInKTtcbiAgICBjb25zb2xlLmxvZyhvcHRpb25zKTtcbiAgICByZXR1cm4gb3B0aW9ucztcbiAgfVxuXG4gIGxvZ0FyZ3VtZW50cyguLi5hcmdzOiBhbnlbXSkge1xuICAgIGNvbnNvbGUubG9nKGFyZ3MpO1xuICB9XG59XG4gKiBgYGBcbiAqIDxpbWcgc3JjPVwibWVkaWE6Ly9hbmd1bGFyLXBvbGFyLWNoYXJ0LWV4YW1wbGUucG5nXCIgd2lkdGg9XCI4MDBweFwiIC8+XG4gKlxuICogQGdyb3VwIENoYXJ0c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjc2RrLXBvbGFyLWNoYXJ0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8Y3Nkay1jaGFydFxuICAgICAgW2NoYXJ0VHlwZV09XCJjaGFydFR5cGVcIlxuICAgICAgW2RhdGFTZXRdPVwiZGF0YVNldFwiXG4gICAgICBbZGF0YU9wdGlvbnNdPVwiZGF0YU9wdGlvbnNcIlxuICAgICAgW2ZpbHRlcnNdPVwiZmlsdGVyc1wiXG4gICAgICBbaGlnaGxpZ2h0c109XCJoaWdobGlnaHRzXCJcbiAgICAgIFtzdHlsZU9wdGlvbnNdPVwic3R5bGVPcHRpb25zXCJcbiAgICAgIFtiZWZvcmVSZW5kZXJdPVwiYmVmb3JlUmVuZGVyXCJcbiAgICAgIChkYXRhUG9pbnRDbGljayk9XCJkYXRhUG9pbnRDbGljay5lbWl0KCRldmVudClcIlxuICAgICAgKGRhdGFQb2ludENvbnRleHRNZW51KT1cImRhdGFQb2ludENvbnRleHRNZW51LmVtaXQoJGV2ZW50KVwiXG4gICAgICAoZGF0YVBvaW50c1NlbGVjdCk9XCJkYXRhUG9pbnRzU2VsZWN0LmVtaXQoJGV2ZW50KVwiXG4gICAgLz5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgUG9sYXJDaGFydENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiB7QGluaGVyaXREb2MgQHNpc2Vuc2Uvc2RrLXVpIVBvbGFyQ2hhcnRQcm9wcy5kYXRhU2V0fVxuICAgKlxuICAgKiBAY2F0ZWdvcnkgRGF0YVxuICAgKi9cbiAgQElucHV0KClcbiAgZGF0YVNldDogUG9sYXJDaGFydFByb3BzWydkYXRhU2V0J107XG5cbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhUG9sYXJDaGFydFByb3BzLmhpZ2hsaWdodHN9XG4gICAqXG4gICAqIEBjYXRlZ29yeSBEYXRhXG4gICAqL1xuICBASW5wdXQoKVxuICBkYXRhT3B0aW9ucyE6IFBvbGFyQ2hhcnRQcm9wc1snZGF0YU9wdGlvbnMnXTtcblxuICAvKipcbiAgICoge0Bpbmhlcml0RG9jIEBzaXNlbnNlL3Nkay11aSFQb2xhckNoYXJ0UHJvcHMuZmlsdGVyc31cbiAgICpcbiAgICogQGNhdGVnb3J5IERhdGFcbiAgICovXG4gIEBJbnB1dCgpXG4gIGZpbHRlcnM6IFBvbGFyQ2hhcnRQcm9wc1snZmlsdGVycyddO1xuXG4gIC8qKlxuICAgKiB7QGluaGVyaXREb2MgQHNpc2Vuc2Uvc2RrLXVpIVBvbGFyQ2hhcnRQcm9wcy5oaWdobGlnaHRzfVxuICAgKlxuICAgKiBAY2F0ZWdvcnkgRGF0YVxuICAgKi9cbiAgQElucHV0KClcbiAgaGlnaGxpZ2h0czogUG9sYXJDaGFydFByb3BzWydoaWdobGlnaHRzJ107XG5cbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhUG9sYXJDaGFydFByb3BzLnN0eWxlT3B0aW9uc31cbiAgICpcbiAgICogQGNhdGVnb3J5IENoYXJ0XG4gICAqL1xuICBASW5wdXQoKVxuICBzdHlsZU9wdGlvbnM6IFBvbGFyQ2hhcnRQcm9wc1snc3R5bGVPcHRpb25zJ107XG5cbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhUG9sYXJDaGFydFByb3BzLm9uQmVmb3JlUmVuZGVyfVxuICAgKlxuICAgKiBAY2F0ZWdvcnkgQ2FsbGJhY2tzXG4gICAqL1xuICBASW5wdXQoKVxuICBiZWZvcmVSZW5kZXI6IFBvbGFyQ2hhcnRQcm9wc1snb25CZWZvcmVSZW5kZXInXTtcblxuICAvKipcbiAgICoge0Bpbmhlcml0RG9jIEBzaXNlbnNlL3Nkay11aSFQb2xhckNoYXJ0UHJvcHMub25EYXRhUG9pbnRDbGlja31cbiAgICpcbiAgICogQGNhdGVnb3J5IENhbGxiYWNrc1xuICAgKi9cbiAgQE91dHB1dCgpXG4gIGRhdGFQb2ludENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxcbiAgICBBcmd1bWVudHNBc09iamVjdDxQb2xhckNoYXJ0UHJvcHNbJ29uRGF0YVBvaW50Q2xpY2snXSwgWydwb2ludCcsICduYXRpdmVFdmVudCddPlxuICA+KCk7XG5cbiAgLyoqXG4gICAqIHtAaW5oZXJpdERvYyBAc2lzZW5zZS9zZGstdWkhUG9sYXJDaGFydFByb3BzLm9uRGF0YVBvaW50Q29udGV4dE1lbnV9XG4gICAqXG4gICAqIEBjYXRlZ29yeSBDYWxsYmFja3NcbiAgICovXG4gIEBPdXRwdXQoKVxuICBkYXRhUG9pbnRDb250ZXh0TWVudSA9IG5ldyBFdmVudEVtaXR0ZXI8XG4gICAgQXJndW1lbnRzQXNPYmplY3Q8UG9sYXJDaGFydFByb3BzWydvbkRhdGFQb2ludENvbnRleHRNZW51J10sIFsncG9pbnQnLCAnbmF0aXZlRXZlbnQnXT5cbiAgPigpO1xuXG4gIC8qKlxuICAgKiB7QGluaGVyaXREb2MgQHNpc2Vuc2Uvc2RrLXVpIVBvbGFyQ2hhcnRQcm9wcy5vbkRhdGFQb2ludHNTZWxlY3RlZH1cbiAgICpcbiAgICogQGNhdGVnb3J5IENhbGxiYWNrc1xuICAgKi9cbiAgQE91dHB1dCgpXG4gIGRhdGFQb2ludHNTZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPFxuICAgIEFyZ3VtZW50c0FzT2JqZWN0PFBvbGFyQ2hhcnRQcm9wc1snb25EYXRhUG9pbnRzU2VsZWN0ZWQnXSwgWydwb2ludHMnLCAnbmF0aXZlRXZlbnQnXT5cbiAgPigpO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgcHVibGljIGNoYXJ0VHlwZTogQ2hhcnRUeXBlID0gJ3BvbGFyJztcbn1cbiJdfQ==
|