genesys-spark-chart-components 4.137.0 → 4.137.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{color-palette-3dd51fc1.js → color-palette-5ef2abb1.js} +6 -6
- package/dist/cjs/genesys-chart-webcomponents.cjs.js +2 -2
- package/dist/cjs/gux-chart-column-beta.cjs.entry.js +10 -14
- package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +2 -19
- package/dist/cjs/gux-chart-line-beta.cjs.entry.js +10 -17
- package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +2 -10
- package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +10 -15
- package/dist/cjs/gux-visualization-beta.cjs.entry.js +2 -4
- package/dist/cjs/{index-409a039b.js → index-e390a39a.js} +252 -180
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/beta/gux-chart-column/gux-chart-column.js +37 -15
- package/dist/collection/components/beta/gux-chart-donut/gux-chart-donut.js +41 -20
- package/dist/collection/components/beta/gux-chart-line/gux-chart-line.js +42 -17
- package/dist/collection/components/beta/gux-chart-pie/gux-chart-pie.js +20 -10
- package/dist/collection/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.js +38 -15
- package/dist/collection/components/beta/gux-visualization/gux-visualization.js +6 -4
- package/dist/esm/{color-palette-51afa253.js → color-palette-a623ee46.js} +6 -6
- package/dist/esm/genesys-chart-webcomponents.js +3 -3
- package/dist/esm/gux-chart-column-beta.entry.js +10 -14
- package/dist/esm/gux-chart-donut-beta.entry.js +2 -19
- package/dist/esm/gux-chart-line-beta.entry.js +10 -17
- package/dist/esm/gux-chart-pie-beta.entry.js +2 -10
- package/dist/esm/gux-chart-scatter-plot-beta.entry.js +10 -15
- package/dist/esm/gux-visualization-beta.entry.js +2 -4
- package/dist/esm/{index-6f89ddc9.js → index-eabc38b4.js} +252 -180
- package/dist/esm/loader.js +2 -2
- package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
- package/dist/genesys-chart-webcomponents/p-0d724f09.entry.js +1 -0
- package/dist/genesys-chart-webcomponents/p-3167a2bc.entry.js +1 -0
- package/dist/genesys-chart-webcomponents/p-4e1cbed4.entry.js +1 -0
- package/dist/genesys-chart-webcomponents/{p-e570f3e1.js → p-50f05a65.js} +1 -1
- package/dist/genesys-chart-webcomponents/p-72ff1a26.entry.js +1 -0
- package/dist/genesys-chart-webcomponents/p-977a4087.js +2 -0
- package/dist/genesys-chart-webcomponents/{p-5ae7bdb8.entry.js → p-ed27c58c.entry.js} +2 -2
- package/dist/genesys-chart-webcomponents/p-fe155fec.entry.js +1 -0
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +6 -6
- package/dist/genesys-chart-webcomponents/p-04650dbf.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-0630a48a.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-2785542e.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-699aab7f.js +0 -2
- package/dist/genesys-chart-webcomponents/p-c25e95d7.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-e670f1a9.entry.js +0 -1
|
@@ -6,6 +6,14 @@ import { logError } from "../../../utils/error/log-error";
|
|
|
6
6
|
const DEFAULT_COLOR_FIELD_NAME = 'category';
|
|
7
7
|
export class GuxScatterPlotChart {
|
|
8
8
|
constructor() {
|
|
9
|
+
/**
|
|
10
|
+
* Optional label color
|
|
11
|
+
*/
|
|
12
|
+
this.labelColor = VisualizationColorUtil.DEFAULT_LABEL_COLOR;
|
|
13
|
+
/**
|
|
14
|
+
* Optional domain line color
|
|
15
|
+
*/
|
|
16
|
+
this.domainColor = VisualizationColorUtil.DEFAULT_DOMAIN_COLOR;
|
|
9
17
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
10
18
|
this.baseChartSpec = {
|
|
11
19
|
$schema: 'https://vega.github.io/schema/vega-lite/v5.json',
|
|
@@ -53,20 +61,7 @@ export class GuxScatterPlotChart {
|
|
|
53
61
|
}
|
|
54
62
|
}
|
|
55
63
|
};
|
|
56
|
-
this.labelColor = VisualizationColorUtil.DEFAULT_LABEL_COLOR;
|
|
57
|
-
this.domainColor = VisualizationColorUtil.DEFAULT_DOMAIN_COLOR;
|
|
58
|
-
this.chartData = undefined;
|
|
59
|
-
this.xTickLabelSlant = undefined;
|
|
60
|
-
this.includeLegend = undefined;
|
|
61
64
|
this.legendPosition = 'right';
|
|
62
|
-
this.xFieldName = undefined;
|
|
63
|
-
this.xAxisTitle = undefined;
|
|
64
|
-
this.yFieldName = undefined;
|
|
65
|
-
this.yAxisTitle = undefined;
|
|
66
|
-
this.legendTitle = undefined;
|
|
67
|
-
this.colorFieldName = undefined;
|
|
68
|
-
this.useShape = undefined;
|
|
69
|
-
this.embedOptions = undefined;
|
|
70
65
|
}
|
|
71
66
|
parseData() {
|
|
72
67
|
if (!this.xFieldName || !this.yFieldName) {
|
|
@@ -159,6 +154,8 @@ export class GuxScatterPlotChart {
|
|
|
159
154
|
"tags": [],
|
|
160
155
|
"text": "Optional label color"
|
|
161
156
|
},
|
|
157
|
+
"getter": false,
|
|
158
|
+
"setter": false,
|
|
162
159
|
"attribute": "label-color",
|
|
163
160
|
"reflect": false,
|
|
164
161
|
"defaultValue": "VisualizationColorUtil.DEFAULT_LABEL_COLOR"
|
|
@@ -177,6 +174,8 @@ export class GuxScatterPlotChart {
|
|
|
177
174
|
"tags": [],
|
|
178
175
|
"text": "Optional domain line color"
|
|
179
176
|
},
|
|
177
|
+
"getter": false,
|
|
178
|
+
"setter": false,
|
|
180
179
|
"attribute": "domain-color",
|
|
181
180
|
"reflect": false,
|
|
182
181
|
"defaultValue": "VisualizationColorUtil.DEFAULT_DOMAIN_COLOR"
|
|
@@ -199,7 +198,9 @@ export class GuxScatterPlotChart {
|
|
|
199
198
|
"docs": {
|
|
200
199
|
"tags": [],
|
|
201
200
|
"text": "Data to be rendered in the chart.\nData field names must match the values you set in xFieldName and yFieldName"
|
|
202
|
-
}
|
|
201
|
+
},
|
|
202
|
+
"getter": false,
|
|
203
|
+
"setter": false
|
|
203
204
|
},
|
|
204
205
|
"xTickLabelSlant": {
|
|
205
206
|
"type": "boolean",
|
|
@@ -215,6 +216,8 @@ export class GuxScatterPlotChart {
|
|
|
215
216
|
"tags": [],
|
|
216
217
|
"text": "If true, then make Axis tick label 45 degrees"
|
|
217
218
|
},
|
|
219
|
+
"getter": false,
|
|
220
|
+
"setter": false,
|
|
218
221
|
"attribute": "x-tick-label-slant",
|
|
219
222
|
"reflect": false
|
|
220
223
|
},
|
|
@@ -232,6 +235,8 @@ export class GuxScatterPlotChart {
|
|
|
232
235
|
"tags": [],
|
|
233
236
|
"text": ""
|
|
234
237
|
},
|
|
238
|
+
"getter": false,
|
|
239
|
+
"setter": false,
|
|
235
240
|
"attribute": "include-legend",
|
|
236
241
|
"reflect": false
|
|
237
242
|
},
|
|
@@ -249,6 +254,8 @@ export class GuxScatterPlotChart {
|
|
|
249
254
|
"tags": [],
|
|
250
255
|
"text": ""
|
|
251
256
|
},
|
|
257
|
+
"getter": false,
|
|
258
|
+
"setter": false,
|
|
252
259
|
"attribute": "legend-position",
|
|
253
260
|
"reflect": false,
|
|
254
261
|
"defaultValue": "'right'"
|
|
@@ -267,6 +274,8 @@ export class GuxScatterPlotChart {
|
|
|
267
274
|
"tags": [],
|
|
268
275
|
"text": "Name for the data field to use to populate the chart's x-axis\ne.g. xFieldName of \"category\" will map any \"category\" fields in chartData to the x-axis"
|
|
269
276
|
},
|
|
277
|
+
"getter": false,
|
|
278
|
+
"setter": false,
|
|
270
279
|
"attribute": "x-field-name",
|
|
271
280
|
"reflect": false
|
|
272
281
|
},
|
|
@@ -284,6 +293,8 @@ export class GuxScatterPlotChart {
|
|
|
284
293
|
"tags": [],
|
|
285
294
|
"text": "Title to display along the x-axis"
|
|
286
295
|
},
|
|
296
|
+
"getter": false,
|
|
297
|
+
"setter": false,
|
|
287
298
|
"attribute": "x-axis-title",
|
|
288
299
|
"reflect": false
|
|
289
300
|
},
|
|
@@ -301,6 +312,8 @@ export class GuxScatterPlotChart {
|
|
|
301
312
|
"tags": [],
|
|
302
313
|
"text": "Name for the data field to use to populate the chart's x-axis\ne.g. yFieldName of \"value\" will map any \"value\" fields in chartData to the y-axis"
|
|
303
314
|
},
|
|
315
|
+
"getter": false,
|
|
316
|
+
"setter": false,
|
|
304
317
|
"attribute": "y-field-name",
|
|
305
318
|
"reflect": false
|
|
306
319
|
},
|
|
@@ -318,6 +331,8 @@ export class GuxScatterPlotChart {
|
|
|
318
331
|
"tags": [],
|
|
319
332
|
"text": "Title to display along the y-axis"
|
|
320
333
|
},
|
|
334
|
+
"getter": false,
|
|
335
|
+
"setter": false,
|
|
321
336
|
"attribute": "y-axis-title",
|
|
322
337
|
"reflect": false
|
|
323
338
|
},
|
|
@@ -335,6 +350,8 @@ export class GuxScatterPlotChart {
|
|
|
335
350
|
"tags": [],
|
|
336
351
|
"text": "Title to display above the optional legend"
|
|
337
352
|
},
|
|
353
|
+
"getter": false,
|
|
354
|
+
"setter": false,
|
|
338
355
|
"attribute": "legend-title",
|
|
339
356
|
"reflect": false
|
|
340
357
|
},
|
|
@@ -352,6 +369,8 @@ export class GuxScatterPlotChart {
|
|
|
352
369
|
"tags": [],
|
|
353
370
|
"text": "Type of category to plot in the chart"
|
|
354
371
|
},
|
|
372
|
+
"getter": false,
|
|
373
|
+
"setter": false,
|
|
355
374
|
"attribute": "color-field-name",
|
|
356
375
|
"reflect": false
|
|
357
376
|
},
|
|
@@ -369,6 +388,8 @@ export class GuxScatterPlotChart {
|
|
|
369
388
|
"tags": [],
|
|
370
389
|
"text": "The shape of the plotting in the chart - Square, Circle and Point"
|
|
371
390
|
},
|
|
391
|
+
"getter": false,
|
|
392
|
+
"setter": false,
|
|
372
393
|
"attribute": "use-shape",
|
|
373
394
|
"reflect": false
|
|
374
395
|
},
|
|
@@ -391,7 +412,9 @@ export class GuxScatterPlotChart {
|
|
|
391
412
|
"docs": {
|
|
392
413
|
"tags": [],
|
|
393
414
|
"text": ""
|
|
394
|
-
}
|
|
415
|
+
},
|
|
416
|
+
"getter": false,
|
|
417
|
+
"setter": false
|
|
395
418
|
}
|
|
396
419
|
};
|
|
397
420
|
}
|
|
@@ -23,8 +23,6 @@ export class GuxVisualization {
|
|
|
23
23
|
actions: false,
|
|
24
24
|
renderer: 'svg'
|
|
25
25
|
};
|
|
26
|
-
this.visualizationSpec = undefined;
|
|
27
|
-
this.embedOptions = undefined;
|
|
28
26
|
}
|
|
29
27
|
componentWillLoad() {
|
|
30
28
|
trackComponent(this.root);
|
|
@@ -102,7 +100,9 @@ export class GuxVisualization {
|
|
|
102
100
|
"docs": {
|
|
103
101
|
"tags": [],
|
|
104
102
|
"text": ""
|
|
105
|
-
}
|
|
103
|
+
},
|
|
104
|
+
"getter": false,
|
|
105
|
+
"setter": false
|
|
106
106
|
},
|
|
107
107
|
"embedOptions": {
|
|
108
108
|
"type": "unknown",
|
|
@@ -123,7 +123,9 @@ export class GuxVisualization {
|
|
|
123
123
|
"docs": {
|
|
124
124
|
"tags": [],
|
|
125
125
|
"text": ""
|
|
126
|
-
}
|
|
126
|
+
},
|
|
127
|
+
"getter": false,
|
|
128
|
+
"setter": false
|
|
127
129
|
}
|
|
128
130
|
};
|
|
129
131
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const name = "genesys-spark-chart-components";
|
|
2
|
-
const version = "4.137.
|
|
2
|
+
const version = "4.137.2";
|
|
3
3
|
const description = "Common chart webcomponents";
|
|
4
4
|
const license = "MIT";
|
|
5
5
|
const main = "dist/stencil-wrapper.js";
|
|
@@ -59,21 +59,21 @@ const dependencies = {
|
|
|
59
59
|
const devDependencies = {
|
|
60
60
|
"@babel/core": "^7.26.10",
|
|
61
61
|
"@babel/preset-env": "^7.26.9",
|
|
62
|
-
"@stencil/core": "4.
|
|
62
|
+
"@stencil/core": "4.23.2",
|
|
63
63
|
"@stencil/react-output-target": "^0.5.3",
|
|
64
|
-
"@stencil/sass": "^3.1
|
|
64
|
+
"@stencil/sass": "^3.2.1",
|
|
65
65
|
"@types/jest": "^29.5.14",
|
|
66
66
|
"@types/puppeteer": "^5.4.7",
|
|
67
67
|
"axe-core": "^4.10.3",
|
|
68
68
|
"axe-live": "^1.0.1",
|
|
69
|
-
eslint: "^9.
|
|
69
|
+
eslint: "^9.23.0",
|
|
70
70
|
"eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
|
|
71
71
|
"file-loader": "^6.2.0",
|
|
72
72
|
"genesys-spark-tokens": "file:../genesys-spark-tokens",
|
|
73
73
|
glob: "^11.0.1",
|
|
74
74
|
globals: "^16.0.0",
|
|
75
75
|
handlebars: "^4.7.8",
|
|
76
|
-
inquirer: "^12.
|
|
76
|
+
inquirer: "^12.5.0",
|
|
77
77
|
jest: "^29.7.0",
|
|
78
78
|
"jest-cli": "^29.7.0",
|
|
79
79
|
"jest-config": "^29.7.0",
|
|
@@ -93,7 +93,7 @@ const devDependencies = {
|
|
|
93
93
|
"rollup-plugin-copy": "^3.5.0",
|
|
94
94
|
"semver-sort": "^1.0.0",
|
|
95
95
|
smob: "^1.5.0",
|
|
96
|
-
stylelint: "^16.
|
|
96
|
+
stylelint: "^16.17.0",
|
|
97
97
|
"stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
|
|
98
98
|
"stylelint-config-html": "^1.1.0",
|
|
99
99
|
"stylelint-config-recess-order": "^6.0.0",
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-eabc38b4.js';
|
|
2
|
+
export { s as setNonce } from './index-eabc38b4.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
|
-
Stencil Client Patch Browser v4.
|
|
6
|
+
Stencil Client Patch Browser v4.23.2 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
var patchBrowser = () => {
|
|
9
9
|
const importMeta = import.meta.url;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement } from './index-
|
|
2
|
-
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-
|
|
1
|
+
import { r as registerInstance, h, g as getElement } from './index-eabc38b4.js';
|
|
2
|
+
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-a623ee46.js';
|
|
3
3
|
import { l as logError } from './log-error-fbbfc3ab.js';
|
|
4
4
|
|
|
5
5
|
const guxChartColumnCss = "gux-visualization-beta{height:fit-content;color:#2e394c;}gux-visualization-beta .mark-rect.layer_0_marks path{fill:url(#diagonalHatch0)}gux-visualization-beta .mark-rect.layer_1_marks path{fill:#1da8b3}";
|
|
@@ -8,6 +8,14 @@ const GuxChartColumnBetaStyle0 = guxChartColumnCss;
|
|
|
8
8
|
const GuxColumnChart = class {
|
|
9
9
|
constructor(hostRef) {
|
|
10
10
|
registerInstance(this, hostRef);
|
|
11
|
+
/**
|
|
12
|
+
* Optional label color
|
|
13
|
+
*/
|
|
14
|
+
this.labelColor = DEFAULT_LABEL_COLOR;
|
|
15
|
+
/**
|
|
16
|
+
* Optional domain line color
|
|
17
|
+
*/
|
|
18
|
+
this.domainColor = DEFAULT_DOMAIN_COLOR;
|
|
11
19
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
12
20
|
this.baseChartSpec = {
|
|
13
21
|
$schema: 'https://vega.github.io/schema/vega-lite/v5.json',
|
|
@@ -39,19 +47,7 @@ const GuxColumnChart = class {
|
|
|
39
47
|
tooltip: { aggregate: 'count', type: 'quantitative' }
|
|
40
48
|
}
|
|
41
49
|
};
|
|
42
|
-
this.labelColor = DEFAULT_LABEL_COLOR;
|
|
43
|
-
this.domainColor = DEFAULT_DOMAIN_COLOR;
|
|
44
|
-
this.chartData = undefined;
|
|
45
|
-
this.xTickLabelSlant = undefined;
|
|
46
|
-
this.includeLegend = undefined;
|
|
47
|
-
this.xFieldName = undefined;
|
|
48
|
-
this.yFieldName = undefined;
|
|
49
|
-
this.xAxisTitle = undefined;
|
|
50
|
-
this.yAxisTitle = undefined;
|
|
51
|
-
this.legendTitle = undefined;
|
|
52
50
|
this.legendPosition = 'right';
|
|
53
|
-
this.chartLayers = undefined;
|
|
54
|
-
this.embedOptions = undefined;
|
|
55
51
|
}
|
|
56
52
|
parseData() {
|
|
57
53
|
if (!this.xFieldName || !this.yFieldName) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement } from './index-
|
|
2
|
-
import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-
|
|
1
|
+
import { r as registerInstance, h, g as getElement } from './index-eabc38b4.js';
|
|
2
|
+
import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-a623ee46.js';
|
|
3
3
|
import { l as logError } from './log-error-fbbfc3ab.js';
|
|
4
4
|
|
|
5
5
|
const guxChartDonutCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
@@ -41,25 +41,8 @@ const GuxDonutChart = class {
|
|
|
41
41
|
],
|
|
42
42
|
view: { stroke: null }
|
|
43
43
|
};
|
|
44
|
-
this.chartData = undefined;
|
|
45
|
-
this.includeLegend = undefined;
|
|
46
44
|
this.legendPosition = 'right';
|
|
47
|
-
this.legendTitle = undefined;
|
|
48
|
-
this.colorFieldName = undefined;
|
|
49
|
-
this.outerRadius = undefined;
|
|
50
|
-
this.innerRadius = undefined;
|
|
51
|
-
this.labelRadius = undefined;
|
|
52
|
-
this.labelField = undefined;
|
|
53
|
-
this.gauge = undefined;
|
|
54
|
-
this.centerText = undefined;
|
|
55
|
-
this.centerSubText = undefined;
|
|
56
45
|
this.showTooltip = true;
|
|
57
|
-
this.tooltipOptions = undefined;
|
|
58
|
-
this.legendX = undefined;
|
|
59
|
-
this.legendY = undefined;
|
|
60
|
-
this.legendFontSize = undefined;
|
|
61
|
-
this.legendSymbolSize = undefined;
|
|
62
|
-
this.embedOptions = undefined;
|
|
63
46
|
}
|
|
64
47
|
parseData() {
|
|
65
48
|
if (!this.outerRadius && !this.innerRadius) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement } from './index-
|
|
2
|
-
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-
|
|
1
|
+
import { r as registerInstance, h, g as getElement } from './index-eabc38b4.js';
|
|
2
|
+
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-a623ee46.js';
|
|
3
3
|
import { l as logError } from './log-error-fbbfc3ab.js';
|
|
4
4
|
|
|
5
5
|
const guxChartLineCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
@@ -9,6 +9,14 @@ const DEFAULT_COLOR_FIELD_NAME = 'category';
|
|
|
9
9
|
const GuxLineChart = class {
|
|
10
10
|
constructor(hostRef) {
|
|
11
11
|
registerInstance(this, hostRef);
|
|
12
|
+
/**
|
|
13
|
+
* Optional label color
|
|
14
|
+
*/
|
|
15
|
+
this.labelColor = DEFAULT_LABEL_COLOR;
|
|
16
|
+
/**
|
|
17
|
+
* Optional domain line color
|
|
18
|
+
*/
|
|
19
|
+
this.domainColor = DEFAULT_DOMAIN_COLOR;
|
|
12
20
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
13
21
|
this.baseChartSpec = {
|
|
14
22
|
$schema: 'https://vega.github.io/schema/vega-lite/v5.json',
|
|
@@ -43,22 +51,7 @@ const GuxLineChart = class {
|
|
|
43
51
|
tooltip: { aggregate: 'count', type: 'quantitative' }
|
|
44
52
|
}
|
|
45
53
|
};
|
|
46
|
-
this.labelColor = DEFAULT_LABEL_COLOR;
|
|
47
|
-
this.domainColor = DEFAULT_DOMAIN_COLOR;
|
|
48
|
-
this.chartData = undefined;
|
|
49
|
-
this.xTickLabelSlant = undefined;
|
|
50
|
-
this.includeLegend = undefined;
|
|
51
54
|
this.legendPosition = 'right';
|
|
52
|
-
this.includeDataPointMarkers = undefined;
|
|
53
|
-
this.xFieldName = undefined;
|
|
54
|
-
this.xAxisTitle = undefined;
|
|
55
|
-
this.yFieldName = undefined;
|
|
56
|
-
this.yAxisTitle = undefined;
|
|
57
|
-
this.legendTitle = undefined;
|
|
58
|
-
this.colorFieldName = undefined;
|
|
59
|
-
this.strokeDash = undefined;
|
|
60
|
-
this.interpolation = undefined;
|
|
61
|
-
this.embedOptions = undefined;
|
|
62
55
|
}
|
|
63
56
|
parseData() {
|
|
64
57
|
if (!this.xFieldName || !this.yFieldName) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement } from './index-
|
|
2
|
-
import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-
|
|
1
|
+
import { r as registerInstance, h, g as getElement } from './index-eabc38b4.js';
|
|
2
|
+
import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-a623ee46.js';
|
|
3
3
|
import { l as logError } from './log-error-fbbfc3ab.js';
|
|
4
4
|
|
|
5
5
|
const guxChartPieCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
@@ -41,15 +41,7 @@ const GuxPieChart = class {
|
|
|
41
41
|
],
|
|
42
42
|
view: { stroke: null }
|
|
43
43
|
};
|
|
44
|
-
this.chartData = undefined;
|
|
45
|
-
this.includeLegend = undefined;
|
|
46
44
|
this.legendPosition = 'right';
|
|
47
|
-
this.legendTitle = undefined;
|
|
48
|
-
this.colorFieldName = undefined;
|
|
49
|
-
this.outerRadius = undefined;
|
|
50
|
-
this.labelRadius = undefined;
|
|
51
|
-
this.labelField = undefined;
|
|
52
|
-
this.embedOptions = undefined;
|
|
53
45
|
}
|
|
54
46
|
parseData() {
|
|
55
47
|
if (!this.outerRadius) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement } from './index-
|
|
2
|
-
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-
|
|
1
|
+
import { r as registerInstance, h, g as getElement } from './index-eabc38b4.js';
|
|
2
|
+
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-a623ee46.js';
|
|
3
3
|
import { l as logError } from './log-error-fbbfc3ab.js';
|
|
4
4
|
|
|
5
5
|
const guxChartScatterPlotCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
@@ -9,6 +9,14 @@ const DEFAULT_COLOR_FIELD_NAME = 'category';
|
|
|
9
9
|
const GuxScatterPlotChart = class {
|
|
10
10
|
constructor(hostRef) {
|
|
11
11
|
registerInstance(this, hostRef);
|
|
12
|
+
/**
|
|
13
|
+
* Optional label color
|
|
14
|
+
*/
|
|
15
|
+
this.labelColor = DEFAULT_LABEL_COLOR;
|
|
16
|
+
/**
|
|
17
|
+
* Optional domain line color
|
|
18
|
+
*/
|
|
19
|
+
this.domainColor = DEFAULT_DOMAIN_COLOR;
|
|
12
20
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
13
21
|
this.baseChartSpec = {
|
|
14
22
|
$schema: 'https://vega.github.io/schema/vega-lite/v5.json',
|
|
@@ -56,20 +64,7 @@ const GuxScatterPlotChart = class {
|
|
|
56
64
|
}
|
|
57
65
|
}
|
|
58
66
|
};
|
|
59
|
-
this.labelColor = DEFAULT_LABEL_COLOR;
|
|
60
|
-
this.domainColor = DEFAULT_DOMAIN_COLOR;
|
|
61
|
-
this.chartData = undefined;
|
|
62
|
-
this.xTickLabelSlant = undefined;
|
|
63
|
-
this.includeLegend = undefined;
|
|
64
67
|
this.legendPosition = 'right';
|
|
65
|
-
this.xFieldName = undefined;
|
|
66
|
-
this.xAxisTitle = undefined;
|
|
67
|
-
this.yFieldName = undefined;
|
|
68
|
-
this.yAxisTitle = undefined;
|
|
69
|
-
this.legendTitle = undefined;
|
|
70
|
-
this.colorFieldName = undefined;
|
|
71
|
-
this.useShape = undefined;
|
|
72
|
-
this.embedOptions = undefined;
|
|
73
68
|
}
|
|
74
69
|
parseData() {
|
|
75
70
|
if (!this.xFieldName || !this.yFieldName) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h as h$1, g as getElement } from './index-
|
|
2
|
-
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, t as trackComponent } from './color-palette-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h as h$1, g as getElement } from './index-eabc38b4.js';
|
|
2
|
+
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, t as trackComponent } from './color-palette-a623ee46.js';
|
|
3
3
|
|
|
4
4
|
// Note: This regex matches even invalid JSON strings, but since we’re
|
|
5
5
|
// working on the output of `JSON.stringify` we know that only valid strings
|
|
@@ -69240,8 +69240,6 @@ const GuxVisualization = class {
|
|
|
69240
69240
|
actions: false,
|
|
69241
69241
|
renderer: 'svg'
|
|
69242
69242
|
};
|
|
69243
|
-
this.visualizationSpec = undefined;
|
|
69244
|
-
this.embedOptions = undefined;
|
|
69245
69243
|
}
|
|
69246
69244
|
componentWillLoad() {
|
|
69247
69245
|
trackComponent(this.root);
|