@omegagrid/plugin-charts 0.3.60

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.
Files changed (53) hide show
  1. package/dist/editorPlugin.d.ts +7 -0
  2. package/dist/editorPlugin.d.ts.map +1 -0
  3. package/dist/editorPlugin.js +18 -0
  4. package/dist/editorPlugin.js.map +1 -0
  5. package/dist/gridPlugin.d.ts +19 -0
  6. package/dist/gridPlugin.d.ts.map +1 -0
  7. package/dist/gridPlugin.js +79 -0
  8. package/dist/gridPlugin.js.map +1 -0
  9. package/dist/highcharts.d.ts +7 -0
  10. package/dist/highcharts.d.ts.map +1 -0
  11. package/dist/highcharts.js +68 -0
  12. package/dist/highcharts.js.map +1 -0
  13. package/dist/index.d.ts +8 -0
  14. package/dist/index.d.ts.map +1 -0
  15. package/dist/index.js +24 -0
  16. package/dist/index.js.map +1 -0
  17. package/dist/model/chartModel.d.ts +45 -0
  18. package/dist/model/chartModel.d.ts.map +1 -0
  19. package/dist/model/chartModel.js +154 -0
  20. package/dist/model/chartModel.js.map +1 -0
  21. package/dist/model/index.d.ts +2 -0
  22. package/dist/model/index.d.ts.map +1 -0
  23. package/dist/model/index.js +18 -0
  24. package/dist/model/index.js.map +1 -0
  25. package/dist/themes/index.d.ts +3 -0
  26. package/dist/themes/index.d.ts.map +1 -0
  27. package/dist/themes/index.js +19 -0
  28. package/dist/themes/index.js.map +1 -0
  29. package/dist/themes/tmDark.d.ts +2 -0
  30. package/dist/themes/tmDark.d.ts.map +1 -0
  31. package/dist/themes/tmDark.js +229 -0
  32. package/dist/themes/tmDark.js.map +1 -0
  33. package/dist/themes/tmLight.d.ts +2 -0
  34. package/dist/themes/tmLight.d.ts.map +1 -0
  35. package/dist/themes/tmLight.js +251 -0
  36. package/dist/themes/tmLight.js.map +1 -0
  37. package/dist/types.d.ts +17 -0
  38. package/dist/types.d.ts.map +1 -0
  39. package/dist/types.js +3 -0
  40. package/dist/types.js.map +1 -0
  41. package/dist/ui/chart.d.ts +14 -0
  42. package/dist/ui/chart.d.ts.map +1 -0
  43. package/dist/ui/chart.js +48 -0
  44. package/dist/ui/chart.js.map +1 -0
  45. package/dist/ui/chart.style.d.ts +2 -0
  46. package/dist/ui/chart.style.d.ts.map +1 -0
  47. package/dist/ui/chart.style.js +1177 -0
  48. package/dist/ui/chart.style.js.map +1 -0
  49. package/dist/ui/index.d.ts +2 -0
  50. package/dist/ui/index.d.ts.map +1 -0
  51. package/dist/ui/index.js +18 -0
  52. package/dist/ui/index.js.map +1 -0
  53. package/package.json +61 -0
@@ -0,0 +1,229 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const core_1 = require("@omegagrid/core");
4
+ const baseTheme = (0, core_1.getThemeManager)().themes.get('dark');
5
+ Object.assign(baseTheme.definition, {
6
+ 'highcharts-title-font-size': '16px',
7
+ 'highcharts-subtitle-font-size': '14px',
8
+ /* Colors for data series and points */
9
+ 'highcharts-color-0': '#2caffe',
10
+ 'highcharts-color-1': '#544fc5',
11
+ 'highcharts-color-2': '#00e272',
12
+ 'highcharts-color-3': '#fe6a35',
13
+ 'highcharts-color-4': '#6b8abc',
14
+ 'highcharts-color-5': '#d568fb',
15
+ 'highcharts-color-6': '#2ee0ca',
16
+ 'highcharts-color-7': '#fa4b42',
17
+ 'highcharts-color-8': '#feb56a',
18
+ 'highcharts-color-9': '#91e8e1',
19
+ 'highcharts-background-color': 'rgb(48, 48, 48)',
20
+ /*
21
+ Neutral color variations
22
+ https://www.highcharts.com/samples/highcharts/css/palette-helper
23
+ */
24
+ 'highcharts-neutral-color-100': 'rgb(255, 255, 255)',
25
+ 'highcharts-neutral-color-80': 'rgb(214, 214, 214)',
26
+ 'highcharts-neutral-color-60': 'rgb(173, 173, 173)',
27
+ 'highcharts-neutral-color-40': 'rgb(133, 133, 133)',
28
+ 'highcharts-neutral-color-20': 'rgb(92, 92, 92)',
29
+ 'highcharts-neutral-color-10': 'rgb(71, 71, 71)',
30
+ 'highcharts-neutral-color-5': 'rgb(61, 61, 61)',
31
+ 'highcharts-neutral-color-3': 'rgb(57, 57, 57)',
32
+ /* Highlight color variations */
33
+ 'highcharts-highlight-color-100': 'rgb(122, 167, 255)',
34
+ 'highcharts-highlight-color-80': 'rgb(108, 144, 214)',
35
+ 'highcharts-highlight-color-60': 'rgb(94, 121, 173)',
36
+ 'highcharts-highlight-color-20': 'rgb(65, 74, 92)',
37
+ 'highcharts-highlight-color-10': 'rgb(58, 63, 71)',
38
+ });
39
+ // export const theme: DeepPartial<Highcharts.Options> = {
40
+ // colors: [
41
+ // '#2b908f', '#90ee7e', '#f45b5b', '#7798BF', '#aaeeee', '#ff0066',
42
+ // '#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'
43
+ // ],
44
+ // chart: {
45
+ // backgroundColor: {
46
+ // linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },
47
+ // stops: [
48
+ // [0, '#2a2a2b'],
49
+ // [1, '#3e3e40']
50
+ // ]
51
+ // },
52
+ // style: {
53
+ // //fontFamily: '\'Unica One\', sans-serif'
54
+ // },
55
+ // plotBorderColor: '#606063'
56
+ // },
57
+ // title: {
58
+ // style: {
59
+ // color: '#E0E0E3',
60
+ // textTransform: 'uppercase',
61
+ // fontSize: '16px'
62
+ // }
63
+ // },
64
+ // subtitle: {
65
+ // style: {
66
+ // color: '#E0E0E3',
67
+ // textTransform: 'uppercase'
68
+ // }
69
+ // },
70
+ // xAxis: {
71
+ // gridLineColor: '#707073',
72
+ // labels: {
73
+ // style: {
74
+ // color: '#E0E0E3'
75
+ // }
76
+ // },
77
+ // lineColor: '#707073',
78
+ // minorGridLineColor: '#505053',
79
+ // tickColor: '#707073',
80
+ // title: {
81
+ // style: {
82
+ // color: '#A0A0A3'
83
+ // }
84
+ // }
85
+ // },
86
+ // yAxis: {
87
+ // gridLineColor: '#707073',
88
+ // labels: {
89
+ // style: {
90
+ // color: '#E0E0E3'
91
+ // }
92
+ // },
93
+ // lineColor: '#707073',
94
+ // minorGridLineColor: '#505053',
95
+ // tickColor: '#707073',
96
+ // tickWidth: 1,
97
+ // title: {
98
+ // style: {
99
+ // color: '#A0A0A3'
100
+ // }
101
+ // }
102
+ // },
103
+ // tooltip: {
104
+ // backgroundColor: 'rgba(0, 0, 0, 0.85)',
105
+ // style: {
106
+ // color: '#F0F0F0'
107
+ // }
108
+ // },
109
+ // plotOptions: {
110
+ // series: {
111
+ // dataLabels: {
112
+ // color: '#F0F0F3',
113
+ // style: {
114
+ // fontSize: '13px'
115
+ // }
116
+ // },
117
+ // marker: {
118
+ // lineColor: '#333'
119
+ // }
120
+ // },
121
+ // boxplot: {
122
+ // fillColor: '#505053'
123
+ // },
124
+ // candlestick: {
125
+ // lineColor: 'white'
126
+ // },
127
+ // errorbar: {
128
+ // color: 'white'
129
+ // }
130
+ // },
131
+ // legend: {
132
+ // backgroundColor: 'rgba(0, 0, 0, 0.5)',
133
+ // itemStyle: {
134
+ // color: '#E0E0E3'
135
+ // },
136
+ // itemHoverStyle: {
137
+ // color: '#FFF'
138
+ // },
139
+ // itemHiddenStyle: {
140
+ // color: '#606063'
141
+ // },
142
+ // title: {
143
+ // style: {
144
+ // color: '#C0C0C0'
145
+ // }
146
+ // }
147
+ // },
148
+ // credits: {
149
+ // style: {
150
+ // color: '#666'
151
+ // }
152
+ // },
153
+ // drilldown: {
154
+ // activeAxisLabelStyle: {
155
+ // color: '#F0F0F3'
156
+ // },
157
+ // activeDataLabelStyle: {
158
+ // color: '#F0F0F3'
159
+ // }
160
+ // },
161
+ // navigation: {
162
+ // buttonOptions: {
163
+ // symbolStroke: '#DDDDDD',
164
+ // theme: {
165
+ // fill: '#505053'
166
+ // }
167
+ // }
168
+ // },
169
+ // // Scroll charts
170
+ // rangeSelector: {
171
+ // buttonTheme: {
172
+ // fill: '#505053',
173
+ // stroke: '#000000',
174
+ // style: {
175
+ // color: '#CCC'
176
+ // },
177
+ // states: {
178
+ // hover: {
179
+ // fill: '#707073',
180
+ // stroke: '#000000',
181
+ // style: {
182
+ // color: 'white'
183
+ // }
184
+ // },
185
+ // select: {
186
+ // fill: '#000003',
187
+ // stroke: '#000000',
188
+ // style: {
189
+ // color: 'white'
190
+ // }
191
+ // }
192
+ // }
193
+ // },
194
+ // inputBoxBorderColor: '#505053',
195
+ // inputStyle: {
196
+ // backgroundColor: '#333',
197
+ // color: 'silver'
198
+ // },
199
+ // labelStyle: {
200
+ // color: 'silver'
201
+ // }
202
+ // },
203
+ // navigator: {
204
+ // handles: {
205
+ // backgroundColor: '#666',
206
+ // borderColor: '#AAA'
207
+ // },
208
+ // outlineColor: '#CCC',
209
+ // maskFill: 'rgba(255,255,255,0.1)',
210
+ // series: {
211
+ // color: '#7798BF',
212
+ // lineColor: '#A6C7ED'
213
+ // },
214
+ // xAxis: {
215
+ // gridLineColor: '#505053'
216
+ // }
217
+ // },
218
+ // scrollbar: {
219
+ // barBackgroundColor: '#808083',
220
+ // barBorderColor: '#808083',
221
+ // buttonArrowColor: '#CCC',
222
+ // buttonBackgroundColor: '#606063',
223
+ // buttonBorderColor: '#606063',
224
+ // rifleColor: '#FFF',
225
+ // trackBackgroundColor: '#404043',
226
+ // trackBorderColor: '#404043'
227
+ // }
228
+ // };
229
+ //# sourceMappingURL=tmDark.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tmDark.js","sourceRoot":"","sources":["../../src/themes/tmDark.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=tmLight.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tmLight.d.ts","sourceRoot":"","sources":["../../src/themes/tmLight.ts"],"names":[],"mappings":""}
@@ -0,0 +1,251 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const core_1 = require("@omegagrid/core");
4
+ const baseTheme = (0, core_1.getThemeManager)().themes.get('light');
5
+ Object.assign(baseTheme.definition, {
6
+ 'highcharts-title-font-size': '16px',
7
+ 'chart-background-color': '#2a2a2b',
8
+ /* Colors for data series and points */
9
+ 'highcharts-color-0': '#2caffe',
10
+ 'highcharts-color-1': '#544fc5',
11
+ 'highcharts-color-2': '#00e272',
12
+ 'highcharts-color-3': '#fe6a35',
13
+ 'highcharts-color-4': '#6b8abc',
14
+ 'highcharts-color-5': '#d568fb',
15
+ 'highcharts-color-6': '#2ee0ca',
16
+ 'highcharts-color-7': '#fa4b42',
17
+ 'highcharts-color-8': '#feb56a',
18
+ 'highcharts-color-9': '#91e8e1',
19
+ 'highcharts-background-color': '#ffffff',
20
+ /* Strong text. */
21
+ 'highcharts-neutral-color-100': '#000000',
22
+ /* Main text, axis labels and some strokes. */
23
+ 'highcharts-neutral-color-80': '#333333',
24
+ /* Axis title, connector fallback. */
25
+ 'highcharts-neutral-color-60': '#666666',
26
+ /* Credits text, export menu stroke. */
27
+ 'highcharts-neutral-color-40': '#999999',
28
+ /* Disabled texts, button strokes, crosshair etc. */
29
+ 'highcharts-neutral-color-20': '#cccccc',
30
+ /* Grid lines etc. */
31
+ 'highcharts-neutral-color-10': '#e6e6e6',
32
+ /* Minor grid lines etc. */
33
+ 'highcharts-neutral-color-5': '#f2f2f2',
34
+ /* Tooltip backgroud, button fills, map null points. */
35
+ 'highcharts-neutral-color-3': '#f7f7f7',
36
+ /*
37
+ Highlights, shades of blue by default
38
+ */
39
+ /* Drilldown clickable labels, color axis max color. */
40
+ 'highcharts-highlight-color-100': '#0022ff',
41
+ /* Selection marker, menu hover, button hover, chart border, navigator
42
+ series. */
43
+ 'highcharts-highlight-color-80': '#334eff',
44
+ /* Navigator mask fill. */
45
+ 'highcharts-highlight-color-60': '#667aff',
46
+ /* Ticks and axis line. */
47
+ 'highcharts-highlight-color-20': '#ccd3ff',
48
+ /* Pressed button, color axis min color. */
49
+ 'highcharts-highlight-color-10': '#e6e9ff',
50
+ /* Indicators */
51
+ 'highcharts-positive-color': '#06b535',
52
+ 'highcharts-negative-color': '#f21313',
53
+ /* Transparent colors for annotations */
54
+ 'highcharts-annotation-color-0': 'rgba(130, 170, 255, 0.4)',
55
+ 'highcharts-annotation-color-1': 'rgba(139, 191, 216, 0.4)',
56
+ 'highcharts-annotation-color-2': 'rgba(150, 216, 192, 0.4)',
57
+ 'highcharts-annotation-color-3': 'rgba(156, 229, 161, 0.4)',
58
+ 'highcharts-annotation-color-4': 'rgba(162, 241, 130, 0.4)',
59
+ 'highcharts-annotation-color-5': 'rgba(169, 255, 101, 0.4)',
60
+ });
61
+ // export const theme: DeepPartial<Highcharts.Options> = {
62
+ // colors: [
63
+ // '#2b908f', '#90ee7e', '#f45b5b', '#7798BF', '#aaeeee', '#ff0066',
64
+ // '#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'
65
+ // ],
66
+ // chart: {
67
+ // backgroundColor: {
68
+ // linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },
69
+ // stops: [
70
+ // [0, '#2a2a2b'],
71
+ // [1, '#3e3e40']
72
+ // ]
73
+ // },
74
+ // style: {
75
+ // //fontFamily: '\'Unica One\', sans-serif'
76
+ // },
77
+ // plotBorderColor: '#606063'
78
+ // },
79
+ // title: {
80
+ // style: {
81
+ // color: '#E0E0E3',
82
+ // textTransform: 'uppercase',
83
+ // fontSize: '16px'
84
+ // }
85
+ // },
86
+ // subtitle: {
87
+ // style: {
88
+ // color: '#E0E0E3',
89
+ // textTransform: 'uppercase'
90
+ // }
91
+ // },
92
+ // xAxis: {
93
+ // gridLineColor: '#707073',
94
+ // labels: {
95
+ // style: {
96
+ // color: '#E0E0E3'
97
+ // }
98
+ // },
99
+ // lineColor: '#707073',
100
+ // minorGridLineColor: '#505053',
101
+ // tickColor: '#707073',
102
+ // title: {
103
+ // style: {
104
+ // color: '#A0A0A3'
105
+ // }
106
+ // }
107
+ // },
108
+ // yAxis: {
109
+ // gridLineColor: '#707073',
110
+ // labels: {
111
+ // style: {
112
+ // color: '#E0E0E3'
113
+ // }
114
+ // },
115
+ // lineColor: '#707073',
116
+ // minorGridLineColor: '#505053',
117
+ // tickColor: '#707073',
118
+ // tickWidth: 1,
119
+ // title: {
120
+ // style: {
121
+ // color: '#A0A0A3'
122
+ // }
123
+ // }
124
+ // },
125
+ // tooltip: {
126
+ // backgroundColor: 'rgba(0, 0, 0, 0.85)',
127
+ // style: {
128
+ // color: '#F0F0F0'
129
+ // }
130
+ // },
131
+ // plotOptions: {
132
+ // series: {
133
+ // dataLabels: {
134
+ // color: '#F0F0F3',
135
+ // style: {
136
+ // fontSize: '13px'
137
+ // }
138
+ // },
139
+ // marker: {
140
+ // lineColor: '#333'
141
+ // }
142
+ // },
143
+ // boxplot: {
144
+ // fillColor: '#505053'
145
+ // },
146
+ // candlestick: {
147
+ // lineColor: 'white'
148
+ // },
149
+ // errorbar: {
150
+ // color: 'white'
151
+ // }
152
+ // },
153
+ // legend: {
154
+ // backgroundColor: 'rgba(0, 0, 0, 0.5)',
155
+ // itemStyle: {
156
+ // color: '#E0E0E3'
157
+ // },
158
+ // itemHoverStyle: {
159
+ // color: '#FFF'
160
+ // },
161
+ // itemHiddenStyle: {
162
+ // color: '#606063'
163
+ // },
164
+ // title: {
165
+ // style: {
166
+ // color: '#C0C0C0'
167
+ // }
168
+ // }
169
+ // },
170
+ // credits: {
171
+ // style: {
172
+ // color: '#666'
173
+ // }
174
+ // },
175
+ // drilldown: {
176
+ // activeAxisLabelStyle: {
177
+ // color: '#F0F0F3'
178
+ // },
179
+ // activeDataLabelStyle: {
180
+ // color: '#F0F0F3'
181
+ // }
182
+ // },
183
+ // navigation: {
184
+ // buttonOptions: {
185
+ // symbolStroke: '#DDDDDD',
186
+ // theme: {
187
+ // fill: '#505053'
188
+ // }
189
+ // }
190
+ // },
191
+ // // Scroll charts
192
+ // rangeSelector: {
193
+ // buttonTheme: {
194
+ // fill: '#505053',
195
+ // stroke: '#000000',
196
+ // style: {
197
+ // color: '#CCC'
198
+ // },
199
+ // states: {
200
+ // hover: {
201
+ // fill: '#707073',
202
+ // stroke: '#000000',
203
+ // style: {
204
+ // color: 'white'
205
+ // }
206
+ // },
207
+ // select: {
208
+ // fill: '#000003',
209
+ // stroke: '#000000',
210
+ // style: {
211
+ // color: 'white'
212
+ // }
213
+ // }
214
+ // }
215
+ // },
216
+ // inputBoxBorderColor: '#505053',
217
+ // inputStyle: {
218
+ // backgroundColor: '#333',
219
+ // color: 'silver'
220
+ // },
221
+ // labelStyle: {
222
+ // color: 'silver'
223
+ // }
224
+ // },
225
+ // navigator: {
226
+ // handles: {
227
+ // backgroundColor: '#666',
228
+ // borderColor: '#AAA'
229
+ // },
230
+ // outlineColor: '#CCC',
231
+ // maskFill: 'rgba(255,255,255,0.1)',
232
+ // series: {
233
+ // color: '#7798BF',
234
+ // lineColor: '#A6C7ED'
235
+ // },
236
+ // xAxis: {
237
+ // gridLineColor: '#505053'
238
+ // }
239
+ // },
240
+ // scrollbar: {
241
+ // barBackgroundColor: '#808083',
242
+ // barBorderColor: '#808083',
243
+ // buttonArrowColor: '#CCC',
244
+ // buttonBackgroundColor: '#606063',
245
+ // buttonBorderColor: '#606063',
246
+ // rifleColor: '#FFF',
247
+ // trackBackgroundColor: '#404043',
248
+ // trackBorderColor: '#404043'
249
+ // }
250
+ // };
251
+ //# sourceMappingURL=tmLight.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tmLight.js","sourceRoot":"","sources":["../../src/themes/tmLight.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,17 @@
1
+ import { GridSource, ObjectModel, RangeAddress } from '@omegagrid/grid';
2
+ import type { Options } from 'highcharts/highcharts';
3
+ export type ChartType = 'column' | 'bar' | 'line' | 'pie';
4
+ export type ChartGrouping = 'standard' | 'stacked' | 'percentStacked' | 'clustered';
5
+ export type ChartSource = ObjectModel & {
6
+ type: ChartType;
7
+ dataRange: RangeAddress;
8
+ grouping?: ChartGrouping;
9
+ seriesRange?: RangeAddress;
10
+ categoriesRange?: RangeAddress;
11
+ title?: string;
12
+ highchartsOptions?: Options;
13
+ };
14
+ export type ChartGridSource = GridSource & {
15
+ charts?: ChartSource[];
16
+ };
17
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,SAAS,GAAG,gBAAgB,GAAG,WAAW,CAAC;AAEpF,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACvC,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG;IAC1C,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;CACvB,CAAC"}
package/dist/types.js ADDED
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,14 @@
1
+ import { Layout } from "@omegagrid/core";
2
+ import { LitElement } from "lit";
3
+ import { ChartModel } from "../model";
4
+ export declare class Chart extends LitElement implements Layout {
5
+ static styles: import("lit").CSSResult[];
6
+ chartWrapper: HTMLDivElement;
7
+ model: ChartModel;
8
+ chart: Highcharts.Chart;
9
+ updated(): void;
10
+ refresh(): void;
11
+ render: () => import("lit-html").TemplateResult<1>;
12
+ layout(): void;
13
+ }
14
+ //# sourceMappingURL=chart.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../src/ui/chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,qBACa,KAAM,SAAQ,UAAW,YAAW,MAAM;IAEtD,MAAM,CAAC,MAAM,4BAAW;IAGxB,YAAY,EAAE,cAAc,CAAC;IAG7B,KAAK,EAAE,UAAU,CAAC;IAElB,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC;IAExB,OAAO;IAKP,OAAO;IAMP,MAAM,6CAEJ;IAEF,MAAM;CAKN"}
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
6
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
7
+ };
8
+ Object.defineProperty(exports, "__esModule", { value: true });
9
+ exports.Chart = void 0;
10
+ const highcharts_1 = require("../highcharts");
11
+ const lit_1 = require("lit");
12
+ const decorators_js_1 = require("lit/decorators.js");
13
+ const chart_style_1 = require("./chart.style");
14
+ let Chart = class Chart extends lit_1.LitElement {
15
+ constructor() {
16
+ super(...arguments);
17
+ this.render = () => (0, lit_1.html) `
18
+ <div id="chart">uninitialized chart</div>
19
+ `;
20
+ }
21
+ updated() {
22
+ if (!this.model)
23
+ return;
24
+ this.chart = (0, highcharts_1.renderChart)(this.model, this.chartWrapper);
25
+ }
26
+ refresh() {
27
+ if (!this.model)
28
+ return;
29
+ this.model.invalidateData();
30
+ this.requestUpdate();
31
+ }
32
+ layout() {
33
+ var _a;
34
+ (_a = this.chart) === null || _a === void 0 ? void 0 : _a.reflow();
35
+ }
36
+ };
37
+ exports.Chart = Chart;
38
+ Chart.styles = [chart_style_1.style];
39
+ __decorate([
40
+ (0, decorators_js_1.query)("#chart")
41
+ ], Chart.prototype, "chartWrapper", void 0);
42
+ __decorate([
43
+ (0, decorators_js_1.property)({ type: Object })
44
+ ], Chart.prototype, "model", void 0);
45
+ exports.Chart = Chart = __decorate([
46
+ (0, decorators_js_1.customElement)("og-plugin-chart")
47
+ ], Chart);
48
+ //# sourceMappingURL=chart.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chart.js","sourceRoot":"","sources":["../../src/ui/chart.ts"],"names":[],"mappings":";;;;;;;;;AACA,8CAA4C;AAC5C,6BAAuC;AACvC,qDAAmE;AAEnE,+CAAsC;AAG/B,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,gBAAU;IAA9B;;QAuBN,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;;EAElB,CAAC;IAOH,CAAC;IApBA,OAAO;QACN,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;QACxB,IAAI,CAAC,KAAK,GAAG,IAAA,wBAAW,EAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IACzD,CAAC;IAED,OAAO;QACN,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO;QACxB,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAC5B,IAAI,CAAC,aAAa,EAAE,CAAC;IACtB,CAAC;IAMD,MAAM;;QACL,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,EAAE,CAAC;IACtB,CAAC;;AA7BW,sBAAK;AAEV,YAAM,GAAG,CAAC,mBAAK,CAAC,AAAV,CAAW;AAGxB;IADC,IAAA,qBAAK,EAAC,QAAQ,CAAC;2CACa;AAG7B;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;oCACP;gBARN,KAAK;IADjB,IAAA,6BAAa,EAAC,iBAAiB,CAAC;GACpB,KAAK,CAgCjB"}
@@ -0,0 +1,2 @@
1
+ export declare const style: import("lit").CSSResult;
2
+ //# sourceMappingURL=chart.style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chart.style.d.ts","sourceRoot":"","sources":["../../src/ui/chart.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBAmpCjB,CAAC"}