genesys-spark-chart-components 4.239.0 → 4.243.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/cjs/{color-palette-S2HVs6Hp.js → color-palette-CgQYXGGF.js} +3 -1
- package/dist/cjs/gux-chart-column-beta.cjs.entry.js +5 -7
- package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +4 -8
- package/dist/cjs/gux-chart-line-beta.cjs.entry.js +6 -10
- package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +4 -8
- package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +6 -10
- package/dist/cjs/gux-visualization-beta.cjs.entry.js +14 -5
- package/dist/collection/components/beta/gux-chart-column/gux-chart-column.js +4 -6
- package/dist/collection/components/beta/gux-chart-donut/gux-chart-donut.js +3 -7
- package/dist/collection/components/beta/gux-chart-line/gux-chart-line.js +5 -9
- package/dist/collection/components/beta/gux-chart-pie/gux-chart-pie.js +3 -7
- package/dist/collection/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.js +5 -9
- package/dist/collection/components/beta/gux-visualization/gux-visualization.js +3 -1
- package/dist/collection/test/mocks/vega-embed.js +5 -8
- package/dist/collection/test/specTestUtils.js +3 -0
- package/dist/collection/utils/dom/get-closest-element.js +3 -1
- package/dist/collection/utils/tracking/usage.js +2 -0
- package/dist/esm/{color-palette-B6k9i1pj.js → color-palette-rEVcZ9EI.js} +3 -1
- package/dist/esm/gux-chart-column-beta.entry.js +5 -7
- package/dist/esm/gux-chart-donut-beta.entry.js +4 -8
- package/dist/esm/gux-chart-line-beta.entry.js +6 -10
- package/dist/esm/gux-chart-pie-beta.entry.js +4 -8
- package/dist/esm/gux-chart-scatter-plot-beta.entry.js +6 -10
- package/dist/esm/gux-visualization-beta.entry.js +14 -5
- package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
- package/dist/genesys-chart-webcomponents/p-60f68375.entry.js +1 -0
- package/dist/genesys-chart-webcomponents/p-6b47854c.entry.js +1 -0
- package/dist/genesys-chart-webcomponents/p-7b392b22.entry.js +1 -0
- package/dist/genesys-chart-webcomponents/{p-44b4a44b.entry.js → p-a5ae9be7.entry.js} +3 -3
- package/dist/genesys-chart-webcomponents/p-a7b54054.entry.js +1 -0
- package/dist/genesys-chart-webcomponents/p-b26a56a1.entry.js +1 -0
- package/dist/genesys-chart-webcomponents/{p-B6k9i1pj.js → p-rEVcZ9EI.js} +1 -1
- package/dist/stencil-wrapper.js +2 -1
- package/dist/types/test/mocks/vega-embed.d.ts +9 -0
- package/package.json +1 -1
- package/dist/collection/test/axeConfig.js +0 -7
- package/dist/genesys-chart-webcomponents/p-2775336c.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-36bc161a.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-75a6eed5.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-9f657303.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-d0f0b07e.entry.js +0 -1
- package/dist/types/test/axeConfig.d.ts +0 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const version = "4.
|
|
3
|
+
const version = "4.243.0";
|
|
4
4
|
var packageInfo = {
|
|
5
5
|
version: version};
|
|
6
6
|
|
|
@@ -24,6 +24,7 @@ const actionQueue = [
|
|
|
24
24
|
*/
|
|
25
25
|
function processActionQueue() {
|
|
26
26
|
const newrelic = window.newrelic;
|
|
27
|
+
/* istanbul ignore next -- processActionQueue is called via setTimeout; newrelic may be removed after tracking starts */
|
|
27
28
|
if (!newrelic) {
|
|
28
29
|
return;
|
|
29
30
|
}
|
|
@@ -35,6 +36,7 @@ function processActionQueue() {
|
|
|
35
36
|
const action = actionQueue.shift();
|
|
36
37
|
newrelic.addPageAction(action.name, Object.assign(Object.assign({}, action.metadata), { queueDepth: actionQueue.length }));
|
|
37
38
|
}
|
|
39
|
+
/* istanbul ignore next -- recursive setTimeout not reachable when queue drains within a single batch */
|
|
38
40
|
setTimeout(processActionQueue, NR_LIMIT_INTERVAL);
|
|
39
41
|
}
|
|
40
42
|
const trackedComponents = new Set();
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-7q22DyA6.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-CgQYXGGF.js');
|
|
5
5
|
var logError = require('./log-error-BMPVm36Q.js');
|
|
6
6
|
|
|
7
7
|
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{}gux-visualization-beta .mark-rect.layer_1_marks path{fill:#1da8b3}`;
|
|
@@ -25,8 +25,8 @@ const GuxColumnChart = class {
|
|
|
25
25
|
axis: {
|
|
26
26
|
ticks: false,
|
|
27
27
|
titlePadding: 8,
|
|
28
|
-
labelColor:
|
|
29
|
-
domainColor:
|
|
28
|
+
labelColor: colorPalette.DEFAULT_LABEL_COLOR,
|
|
29
|
+
domainColor: colorPalette.DEFAULT_DOMAIN_COLOR
|
|
30
30
|
},
|
|
31
31
|
axisX: {
|
|
32
32
|
labelAngle: 0
|
|
@@ -64,9 +64,7 @@ const GuxColumnChart = class {
|
|
|
64
64
|
if (this.includeLegend) {
|
|
65
65
|
this.baseChartSpec.encoding.color = { field: 'category' };
|
|
66
66
|
}
|
|
67
|
-
|
|
68
|
-
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
69
|
-
}
|
|
67
|
+
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
70
68
|
const xFieldName = this.xFieldName;
|
|
71
69
|
const yFieldName = this.yFieldName;
|
|
72
70
|
const xAxisTitle = this.xAxisTitle;
|
|
@@ -126,7 +124,7 @@ const GuxColumnChart = class {
|
|
|
126
124
|
this.parseData();
|
|
127
125
|
}
|
|
128
126
|
render() {
|
|
129
|
-
return (index.h("gux-visualization-beta", { key: '
|
|
127
|
+
return (index.h("gux-visualization-beta", { key: '3747bc873408091885951d9b093bcb386a85b545', visualizationSpec: this.visualizationSpec }));
|
|
130
128
|
}
|
|
131
129
|
get root() { return index.getElement(this); }
|
|
132
130
|
static get watchers() { return {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-7q22DyA6.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-CgQYXGGF.js');
|
|
5
5
|
var logError = require('./log-error-BMPVm36Q.js');
|
|
6
6
|
|
|
7
7
|
const guxChartDonutCss = () => `gux-visualization-beta{height:fit-content;color:#2e394c}`;
|
|
@@ -53,9 +53,7 @@ const GuxDonutChart = class {
|
|
|
53
53
|
if (this.chartData) {
|
|
54
54
|
chartData = { data: this.chartData };
|
|
55
55
|
}
|
|
56
|
-
|
|
57
|
-
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
58
|
-
}
|
|
56
|
+
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
59
57
|
if (this.includeLegend) {
|
|
60
58
|
this.baseChartSpec.encoding.color.legend = {};
|
|
61
59
|
if (this.legendX || this.legendY) {
|
|
@@ -80,9 +78,7 @@ const GuxDonutChart = class {
|
|
|
80
78
|
this.baseChartSpec.encoding.color.legend = null;
|
|
81
79
|
}
|
|
82
80
|
const colorFieldName = this.colorFieldName || DEFAULT_COLOR_FIELD_NAME;
|
|
83
|
-
|
|
84
|
-
this.baseChartSpec.encoding.color.field = colorFieldName;
|
|
85
|
-
}
|
|
81
|
+
this.baseChartSpec.encoding.color.field = colorFieldName;
|
|
86
82
|
const legendTitle = this.legendTitle;
|
|
87
83
|
if (legendTitle) {
|
|
88
84
|
this.baseChartSpec.encoding.color.title = legendTitle;
|
|
@@ -198,7 +194,7 @@ const GuxDonutChart = class {
|
|
|
198
194
|
this.parseData();
|
|
199
195
|
}
|
|
200
196
|
render() {
|
|
201
|
-
return (index.h("gux-visualization-beta", { key: '
|
|
197
|
+
return (index.h("gux-visualization-beta", { key: '9c6ad7f05c2f788bd677dca62fd91505cba0b525', visualizationSpec: this.visualizationSpec, embedOptions: this.tooltipSpec }));
|
|
202
198
|
}
|
|
203
199
|
get root() { return index.getElement(this); }
|
|
204
200
|
static get watchers() { return {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-7q22DyA6.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-CgQYXGGF.js');
|
|
5
5
|
var logError = require('./log-error-BMPVm36Q.js');
|
|
6
6
|
|
|
7
7
|
const guxChartLineCss = () => `gux-visualization-beta{height:fit-content;color:#2e394c}`;
|
|
@@ -30,8 +30,8 @@ const GuxLineChart = class {
|
|
|
30
30
|
axis: {
|
|
31
31
|
ticks: false,
|
|
32
32
|
titlePadding: 8,
|
|
33
|
-
labelColor:
|
|
34
|
-
domainColor:
|
|
33
|
+
labelColor: colorPalette.DEFAULT_LABEL_COLOR,
|
|
34
|
+
domainColor: colorPalette.DEFAULT_DOMAIN_COLOR
|
|
35
35
|
},
|
|
36
36
|
axisX: {
|
|
37
37
|
labelAngle: 0
|
|
@@ -68,9 +68,7 @@ const GuxLineChart = class {
|
|
|
68
68
|
if (this.includeLegend) {
|
|
69
69
|
this.baseChartSpec.encoding.color.legend = true;
|
|
70
70
|
}
|
|
71
|
-
|
|
72
|
-
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
73
|
-
}
|
|
71
|
+
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
74
72
|
const xFieldName = this.xFieldName;
|
|
75
73
|
const xAxisTitle = this.xAxisTitle;
|
|
76
74
|
const yFieldName = this.yFieldName;
|
|
@@ -92,9 +90,7 @@ const GuxLineChart = class {
|
|
|
92
90
|
if (yAxisTitle) {
|
|
93
91
|
this.baseChartSpec.encoding.y.title = yAxisTitle;
|
|
94
92
|
}
|
|
95
|
-
|
|
96
|
-
this.baseChartSpec.encoding.color.field = colorFieldName;
|
|
97
|
-
}
|
|
93
|
+
this.baseChartSpec.encoding.color.field = colorFieldName;
|
|
98
94
|
if (legendTitle) {
|
|
99
95
|
this.baseChartSpec.encoding.color.title = legendTitle;
|
|
100
96
|
}
|
|
@@ -118,7 +114,7 @@ const GuxLineChart = class {
|
|
|
118
114
|
this.parseData();
|
|
119
115
|
}
|
|
120
116
|
render() {
|
|
121
|
-
return (index.h("gux-visualization-beta", { key: '
|
|
117
|
+
return (index.h("gux-visualization-beta", { key: '2a94c2f912ccab3d0b1312a81c9aefde8180ccda', visualizationSpec: this.visualizationSpec }));
|
|
122
118
|
}
|
|
123
119
|
get root() { return index.getElement(this); }
|
|
124
120
|
static get watchers() { return {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-7q22DyA6.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-CgQYXGGF.js');
|
|
5
5
|
var logError = require('./log-error-BMPVm36Q.js');
|
|
6
6
|
|
|
7
7
|
const guxChartPieCss = () => `gux-visualization-beta{height:fit-content;color:#2e394c}`;
|
|
@@ -55,13 +55,9 @@ const GuxPieChart = class {
|
|
|
55
55
|
if (this.includeLegend) {
|
|
56
56
|
this.baseChartSpec.encoding.color.legend = true;
|
|
57
57
|
}
|
|
58
|
-
|
|
59
|
-
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
60
|
-
}
|
|
58
|
+
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
61
59
|
const colorFieldName = this.colorFieldName || DEFAULT_COLOR_FIELD_NAME;
|
|
62
|
-
|
|
63
|
-
this.baseChartSpec.encoding.color.field = colorFieldName;
|
|
64
|
-
}
|
|
60
|
+
this.baseChartSpec.encoding.color.field = colorFieldName;
|
|
65
61
|
const legendTitle = this.legendTitle;
|
|
66
62
|
if (legendTitle) {
|
|
67
63
|
this.baseChartSpec.encoding.color.title = legendTitle;
|
|
@@ -91,7 +87,7 @@ const GuxPieChart = class {
|
|
|
91
87
|
this.parseData();
|
|
92
88
|
}
|
|
93
89
|
render() {
|
|
94
|
-
return (index.h("gux-visualization-beta", { key: '
|
|
90
|
+
return (index.h("gux-visualization-beta", { key: 'bda28ea5f2fbd01ee1a91287f2c30446db02d910', visualizationSpec: this.visualizationSpec }));
|
|
95
91
|
}
|
|
96
92
|
get root() { return index.getElement(this); }
|
|
97
93
|
static get watchers() { return {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-7q22DyA6.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-CgQYXGGF.js');
|
|
5
5
|
var logError = require('./log-error-BMPVm36Q.js');
|
|
6
6
|
|
|
7
7
|
const guxChartScatterPlotCss = () => `gux-visualization-beta{height:fit-content;color:#2e394c}`;
|
|
@@ -32,8 +32,8 @@ const GuxScatterPlotChart = class {
|
|
|
32
32
|
ticks: false,
|
|
33
33
|
titlePadding: 8,
|
|
34
34
|
gridColor: '#F6F7F9',
|
|
35
|
-
labelColor:
|
|
36
|
-
domainColor:
|
|
35
|
+
labelColor: colorPalette.DEFAULT_LABEL_COLOR,
|
|
36
|
+
domainColor: colorPalette.DEFAULT_DOMAIN_COLOR
|
|
37
37
|
},
|
|
38
38
|
axisX: {
|
|
39
39
|
labelAngle: 0,
|
|
@@ -78,9 +78,7 @@ const GuxScatterPlotChart = class {
|
|
|
78
78
|
if (this.xTickLabelSlant) {
|
|
79
79
|
this.baseChartSpec.config.axisX.labelAngle = -45;
|
|
80
80
|
}
|
|
81
|
-
|
|
82
|
-
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
83
|
-
}
|
|
81
|
+
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
84
82
|
const xFieldName = this.xFieldName;
|
|
85
83
|
const xAxisTitle = this.xAxisTitle;
|
|
86
84
|
const yFieldName = this.yFieldName;
|
|
@@ -103,9 +101,7 @@ const GuxScatterPlotChart = class {
|
|
|
103
101
|
if (yAxisTitle) {
|
|
104
102
|
this.baseChartSpec.encoding.y.title = yAxisTitle;
|
|
105
103
|
}
|
|
106
|
-
|
|
107
|
-
this.baseChartSpec.encoding.color.field = colorFieldName;
|
|
108
|
-
}
|
|
104
|
+
this.baseChartSpec.encoding.color.field = colorFieldName;
|
|
109
105
|
if (legendTitle) {
|
|
110
106
|
this.baseChartSpec.encoding.color.title = legendTitle;
|
|
111
107
|
}
|
|
@@ -128,7 +124,7 @@ const GuxScatterPlotChart = class {
|
|
|
128
124
|
this.parseData();
|
|
129
125
|
}
|
|
130
126
|
render() {
|
|
131
|
-
return (index.h("gux-visualization-beta", { key: '
|
|
127
|
+
return (index.h("gux-visualization-beta", { key: 'b963fc0939b5762c809703d23eb2eec30be2f339', visualizationSpec: this.visualizationSpec }));
|
|
132
128
|
}
|
|
133
129
|
get root() { return index.getElement(this); }
|
|
134
130
|
static get watchers() { return {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index$2 = require('./index-7q22DyA6.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-CgQYXGGF.js');
|
|
5
5
|
|
|
6
6
|
// Note: This regex matches even invalid JSON strings, but since we’re
|
|
7
7
|
// working on the output of `JSON.stringify` we know that only valid strings
|
|
@@ -68125,7 +68125,9 @@ function browserHasRegionData(localeString) {
|
|
|
68125
68125
|
var _a;
|
|
68126
68126
|
return (browserLocaleOverride(localeString) ||
|
|
68127
68127
|
(localeString.length == 2 &&
|
|
68128
|
-
(
|
|
68128
|
+
(
|
|
68129
|
+
/* istanbul ignore next -- navigator.language is always defined in browser environments */
|
|
68130
|
+
(_a = navigator.language) === null || _a === void 0 ? void 0 : _a.startsWith(`${localeString}-`))));
|
|
68129
68131
|
}
|
|
68130
68132
|
// Currently, login page and web-directory store the English user selection as `en-us`.
|
|
68131
68133
|
// We will remove this override once those apps migrate from using en-us to en as part of a future epic.
|
|
@@ -68139,12 +68141,17 @@ function domLocaleOverride(localeString) {
|
|
|
68139
68141
|
}
|
|
68140
68142
|
function browserLocaleOverride(localeString) {
|
|
68141
68143
|
var _a;
|
|
68144
|
+
/* istanbul ignore next -- navigator.language is always defined in browser environments */
|
|
68142
68145
|
const browserLang = (_a = navigator.language) === null || _a === void 0 ? void 0 : _a.toLowerCase();
|
|
68143
68146
|
switch (localeString.toLowerCase()) {
|
|
68144
68147
|
case 'zh-cn':
|
|
68145
|
-
return Boolean(
|
|
68148
|
+
return Boolean(
|
|
68149
|
+
/* istanbul ignore next -- browserLang null path unreachable when navigator.language is defined */
|
|
68150
|
+
(browserLang === null || browserLang === void 0 ? void 0 : browserLang.startsWith('zh-')) && (browserLang === null || browserLang === void 0 ? void 0 : browserLang.endsWith('-sg')));
|
|
68146
68151
|
case 'zh-tw':
|
|
68147
|
-
return Boolean(
|
|
68152
|
+
return Boolean(
|
|
68153
|
+
/* istanbul ignore next -- browserLang null path unreachable when navigator.language is defined */
|
|
68154
|
+
(browserLang === null || browserLang === void 0 ? void 0 : browserLang.startsWith('zh-')) && (browserLang === null || browserLang === void 0 ? void 0 : browserLang.endsWith('-hk')));
|
|
68148
68155
|
default:
|
|
68149
68156
|
return false;
|
|
68150
68157
|
}
|
|
@@ -68184,6 +68191,7 @@ const GuxVisualization = class {
|
|
|
68184
68191
|
const timeFormatLocale = getLocaleTimeFormats(determineDisplayLocale(this.root));
|
|
68185
68192
|
const patchOption = {
|
|
68186
68193
|
patch: (visSpec) => {
|
|
68194
|
+
/* istanbul ignore next -- patch callback is invoked by vega-embed internals, not directly testable */
|
|
68187
68195
|
if (!(visSpec === null || visSpec === void 0 ? void 0 : visSpec.signals)) {
|
|
68188
68196
|
visSpec.signals = [];
|
|
68189
68197
|
}
|
|
@@ -68205,6 +68213,7 @@ const GuxVisualization = class {
|
|
|
68205
68213
|
// Set aria-label on the SVG if screenreaderDescription is provided
|
|
68206
68214
|
if (this.screenreaderDescription) {
|
|
68207
68215
|
const svgElement = this.chartContainer.querySelector('svg');
|
|
68216
|
+
/* istanbul ignore next -- SVG is always created by vega-embed in practice */
|
|
68208
68217
|
if (svgElement) {
|
|
68209
68218
|
svgElement.setAttribute('aria-label', this.screenreaderDescription);
|
|
68210
68219
|
}
|
|
@@ -68220,7 +68229,7 @@ const GuxVisualization = class {
|
|
|
68220
68229
|
this.chartComponentReady.emit();
|
|
68221
68230
|
}
|
|
68222
68231
|
render() {
|
|
68223
|
-
return (index$2.h("div", { key: '
|
|
68232
|
+
return (index$2.h("div", { key: '57a8c09ad064731676885244b71cf7a1f8c7c2a3', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
|
|
68224
68233
|
}
|
|
68225
68234
|
get root() { return index$2.getElement(this); }
|
|
68226
68235
|
};
|
|
@@ -21,8 +21,8 @@ export class GuxColumnChart {
|
|
|
21
21
|
axis: {
|
|
22
22
|
ticks: false,
|
|
23
23
|
titlePadding: 8,
|
|
24
|
-
labelColor:
|
|
25
|
-
domainColor:
|
|
24
|
+
labelColor: VisualizationColorUtil.DEFAULT_LABEL_COLOR,
|
|
25
|
+
domainColor: VisualizationColorUtil.DEFAULT_DOMAIN_COLOR
|
|
26
26
|
},
|
|
27
27
|
axisX: {
|
|
28
28
|
labelAngle: 0
|
|
@@ -60,9 +60,7 @@ export class GuxColumnChart {
|
|
|
60
60
|
if (this.includeLegend) {
|
|
61
61
|
this.baseChartSpec.encoding.color = { field: 'category' };
|
|
62
62
|
}
|
|
63
|
-
|
|
64
|
-
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
65
|
-
}
|
|
63
|
+
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
66
64
|
const xFieldName = this.xFieldName;
|
|
67
65
|
const yFieldName = this.yFieldName;
|
|
68
66
|
const xAxisTitle = this.xAxisTitle;
|
|
@@ -122,7 +120,7 @@ export class GuxColumnChart {
|
|
|
122
120
|
this.parseData();
|
|
123
121
|
}
|
|
124
122
|
render() {
|
|
125
|
-
return (h("gux-visualization-beta", { key: '
|
|
123
|
+
return (h("gux-visualization-beta", { key: '3747bc873408091885951d9b093bcb386a85b545', visualizationSpec: this.visualizationSpec }));
|
|
126
124
|
}
|
|
127
125
|
static get is() { return "gux-chart-column-beta"; }
|
|
128
126
|
static get encapsulation() { return "shadow"; }
|
|
@@ -49,9 +49,7 @@ export class GuxDonutChart {
|
|
|
49
49
|
if (this.chartData) {
|
|
50
50
|
chartData = { data: this.chartData };
|
|
51
51
|
}
|
|
52
|
-
|
|
53
|
-
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
54
|
-
}
|
|
52
|
+
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
55
53
|
if (this.includeLegend) {
|
|
56
54
|
this.baseChartSpec.encoding.color.legend = {};
|
|
57
55
|
if (this.legendX || this.legendY) {
|
|
@@ -76,9 +74,7 @@ export class GuxDonutChart {
|
|
|
76
74
|
this.baseChartSpec.encoding.color.legend = null;
|
|
77
75
|
}
|
|
78
76
|
const colorFieldName = this.colorFieldName || DEFAULT_COLOR_FIELD_NAME;
|
|
79
|
-
|
|
80
|
-
this.baseChartSpec.encoding.color.field = colorFieldName;
|
|
81
|
-
}
|
|
77
|
+
this.baseChartSpec.encoding.color.field = colorFieldName;
|
|
82
78
|
const legendTitle = this.legendTitle;
|
|
83
79
|
if (legendTitle) {
|
|
84
80
|
this.baseChartSpec.encoding.color.title = legendTitle;
|
|
@@ -194,7 +190,7 @@ export class GuxDonutChart {
|
|
|
194
190
|
this.parseData();
|
|
195
191
|
}
|
|
196
192
|
render() {
|
|
197
|
-
return (h("gux-visualization-beta", { key: '
|
|
193
|
+
return (h("gux-visualization-beta", { key: '9c6ad7f05c2f788bd677dca62fd91505cba0b525', visualizationSpec: this.visualizationSpec, embedOptions: this.tooltipSpec }));
|
|
198
194
|
}
|
|
199
195
|
static get is() { return "gux-chart-donut-beta"; }
|
|
200
196
|
static get encapsulation() { return "shadow"; }
|
|
@@ -26,8 +26,8 @@ export class GuxLineChart {
|
|
|
26
26
|
axis: {
|
|
27
27
|
ticks: false,
|
|
28
28
|
titlePadding: 8,
|
|
29
|
-
labelColor:
|
|
30
|
-
domainColor:
|
|
29
|
+
labelColor: VisualizationColorUtil.DEFAULT_LABEL_COLOR,
|
|
30
|
+
domainColor: VisualizationColorUtil.DEFAULT_DOMAIN_COLOR
|
|
31
31
|
},
|
|
32
32
|
axisX: {
|
|
33
33
|
labelAngle: 0
|
|
@@ -64,9 +64,7 @@ export class GuxLineChart {
|
|
|
64
64
|
if (this.includeLegend) {
|
|
65
65
|
this.baseChartSpec.encoding.color.legend = true;
|
|
66
66
|
}
|
|
67
|
-
|
|
68
|
-
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
69
|
-
}
|
|
67
|
+
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
70
68
|
const xFieldName = this.xFieldName;
|
|
71
69
|
const xAxisTitle = this.xAxisTitle;
|
|
72
70
|
const yFieldName = this.yFieldName;
|
|
@@ -88,9 +86,7 @@ export class GuxLineChart {
|
|
|
88
86
|
if (yAxisTitle) {
|
|
89
87
|
this.baseChartSpec.encoding.y.title = yAxisTitle;
|
|
90
88
|
}
|
|
91
|
-
|
|
92
|
-
this.baseChartSpec.encoding.color.field = colorFieldName;
|
|
93
|
-
}
|
|
89
|
+
this.baseChartSpec.encoding.color.field = colorFieldName;
|
|
94
90
|
if (legendTitle) {
|
|
95
91
|
this.baseChartSpec.encoding.color.title = legendTitle;
|
|
96
92
|
}
|
|
@@ -114,7 +110,7 @@ export class GuxLineChart {
|
|
|
114
110
|
this.parseData();
|
|
115
111
|
}
|
|
116
112
|
render() {
|
|
117
|
-
return (h("gux-visualization-beta", { key: '
|
|
113
|
+
return (h("gux-visualization-beta", { key: '2a94c2f912ccab3d0b1312a81c9aefde8180ccda', visualizationSpec: this.visualizationSpec }));
|
|
118
114
|
}
|
|
119
115
|
static get is() { return "gux-chart-line-beta"; }
|
|
120
116
|
static get encapsulation() { return "shadow"; }
|
|
@@ -51,13 +51,9 @@ export class GuxPieChart {
|
|
|
51
51
|
if (this.includeLegend) {
|
|
52
52
|
this.baseChartSpec.encoding.color.legend = true;
|
|
53
53
|
}
|
|
54
|
-
|
|
55
|
-
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
56
|
-
}
|
|
54
|
+
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
57
55
|
const colorFieldName = this.colorFieldName || DEFAULT_COLOR_FIELD_NAME;
|
|
58
|
-
|
|
59
|
-
this.baseChartSpec.encoding.color.field = colorFieldName;
|
|
60
|
-
}
|
|
56
|
+
this.baseChartSpec.encoding.color.field = colorFieldName;
|
|
61
57
|
const legendTitle = this.legendTitle;
|
|
62
58
|
if (legendTitle) {
|
|
63
59
|
this.baseChartSpec.encoding.color.title = legendTitle;
|
|
@@ -87,7 +83,7 @@ export class GuxPieChart {
|
|
|
87
83
|
this.parseData();
|
|
88
84
|
}
|
|
89
85
|
render() {
|
|
90
|
-
return (h("gux-visualization-beta", { key: '
|
|
86
|
+
return (h("gux-visualization-beta", { key: 'bda28ea5f2fbd01ee1a91287f2c30446db02d910', visualizationSpec: this.visualizationSpec }));
|
|
91
87
|
}
|
|
92
88
|
static get is() { return "gux-chart-pie-beta"; }
|
|
93
89
|
static get encapsulation() { return "shadow"; }
|
|
@@ -28,8 +28,8 @@ export class GuxScatterPlotChart {
|
|
|
28
28
|
ticks: false,
|
|
29
29
|
titlePadding: 8,
|
|
30
30
|
gridColor: '#F6F7F9',
|
|
31
|
-
labelColor:
|
|
32
|
-
domainColor:
|
|
31
|
+
labelColor: VisualizationColorUtil.DEFAULT_LABEL_COLOR,
|
|
32
|
+
domainColor: VisualizationColorUtil.DEFAULT_DOMAIN_COLOR
|
|
33
33
|
},
|
|
34
34
|
axisX: {
|
|
35
35
|
labelAngle: 0,
|
|
@@ -74,9 +74,7 @@ export class GuxScatterPlotChart {
|
|
|
74
74
|
if (this.xTickLabelSlant) {
|
|
75
75
|
this.baseChartSpec.config.axisX.labelAngle = -45;
|
|
76
76
|
}
|
|
77
|
-
|
|
78
|
-
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
79
|
-
}
|
|
77
|
+
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
80
78
|
const xFieldName = this.xFieldName;
|
|
81
79
|
const xAxisTitle = this.xAxisTitle;
|
|
82
80
|
const yFieldName = this.yFieldName;
|
|
@@ -99,9 +97,7 @@ export class GuxScatterPlotChart {
|
|
|
99
97
|
if (yAxisTitle) {
|
|
100
98
|
this.baseChartSpec.encoding.y.title = yAxisTitle;
|
|
101
99
|
}
|
|
102
|
-
|
|
103
|
-
this.baseChartSpec.encoding.color.field = colorFieldName;
|
|
104
|
-
}
|
|
100
|
+
this.baseChartSpec.encoding.color.field = colorFieldName;
|
|
105
101
|
if (legendTitle) {
|
|
106
102
|
this.baseChartSpec.encoding.color.title = legendTitle;
|
|
107
103
|
}
|
|
@@ -124,7 +120,7 @@ export class GuxScatterPlotChart {
|
|
|
124
120
|
this.parseData();
|
|
125
121
|
}
|
|
126
122
|
render() {
|
|
127
|
-
return (h("gux-visualization-beta", { key: '
|
|
123
|
+
return (h("gux-visualization-beta", { key: 'b963fc0939b5762c809703d23eb2eec30be2f339', visualizationSpec: this.visualizationSpec }));
|
|
128
124
|
}
|
|
129
125
|
static get is() { return "gux-chart-scatter-plot-beta"; }
|
|
130
126
|
static get encapsulation() { return "shadow"; }
|
|
@@ -35,6 +35,7 @@ export class GuxVisualization {
|
|
|
35
35
|
const timeFormatLocale = getLocaleTimeFormats(sparkIntl.determineDisplayLocale(this.root));
|
|
36
36
|
const patchOption = {
|
|
37
37
|
patch: (visSpec) => {
|
|
38
|
+
/* istanbul ignore next -- patch callback is invoked by vega-embed internals, not directly testable */
|
|
38
39
|
if (!(visSpec === null || visSpec === void 0 ? void 0 : visSpec.signals)) {
|
|
39
40
|
visSpec.signals = [];
|
|
40
41
|
}
|
|
@@ -56,6 +57,7 @@ export class GuxVisualization {
|
|
|
56
57
|
// Set aria-label on the SVG if screenreaderDescription is provided
|
|
57
58
|
if (this.screenreaderDescription) {
|
|
58
59
|
const svgElement = this.chartContainer.querySelector('svg');
|
|
60
|
+
/* istanbul ignore next -- SVG is always created by vega-embed in practice */
|
|
59
61
|
if (svgElement) {
|
|
60
62
|
svgElement.setAttribute('aria-label', this.screenreaderDescription);
|
|
61
63
|
}
|
|
@@ -71,7 +73,7 @@ export class GuxVisualization {
|
|
|
71
73
|
this.chartComponentReady.emit();
|
|
72
74
|
}
|
|
73
75
|
render() {
|
|
74
|
-
return (h("div", { key: '
|
|
76
|
+
return (h("div", { key: '57a8c09ad064731676885244b71cf7a1f8c7c2a3', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
|
|
75
77
|
}
|
|
76
78
|
static get is() { return "gux-visualization-beta"; }
|
|
77
79
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
// Mock for vega-embed
|
|
2
|
-
const mockResult = {
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
export const mockResult = {
|
|
3
|
+
view: {
|
|
4
|
+
addSignalListener: jest.fn(),
|
|
5
|
+
finalize: jest.fn()
|
|
6
|
+
},
|
|
5
7
|
finalize: jest.fn()
|
|
6
|
-
},
|
|
7
|
-
finalize: jest.fn()
|
|
8
8
|
};
|
|
9
|
-
|
|
10
9
|
const embed = jest.fn().mockResolvedValue(mockResult);
|
|
11
|
-
|
|
12
10
|
export default embed;
|
|
13
|
-
export { mockResult };
|
|
@@ -3,8 +3,11 @@ import MutationObserver from "mutation-observer";
|
|
|
3
3
|
export async function newSpecPage(opts) {
|
|
4
4
|
global.MutationObserver = MutationObserver;
|
|
5
5
|
global.ResizeObserver = class ResizeObserver {
|
|
6
|
+
/* istanbul ignore next -- mock methods required by interface but never called in spec tests */
|
|
6
7
|
observe() { }
|
|
8
|
+
/* istanbul ignore next -- mock methods required by interface but never called in spec tests */
|
|
7
9
|
unobserve() { }
|
|
10
|
+
/* istanbul ignore next -- mock methods required by interface but never called in spec tests */
|
|
8
11
|
disconnect() { }
|
|
9
12
|
};
|
|
10
13
|
global.InputEvent = Event;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
export function getClosestElement(selector,
|
|
1
|
+
export function getClosestElement(selector,
|
|
2
|
+
/* istanbul ignore next -- default parameter value cannot be tested in isolation */
|
|
3
|
+
baseElement = this) {
|
|
2
4
|
function closest(element) {
|
|
3
5
|
if (!element || element === document || element === window) {
|
|
4
6
|
return null;
|
|
@@ -19,6 +19,7 @@ const actionQueue = [
|
|
|
19
19
|
*/
|
|
20
20
|
function processActionQueue() {
|
|
21
21
|
const newrelic = window.newrelic;
|
|
22
|
+
/* istanbul ignore next -- processActionQueue is called via setTimeout; newrelic may be removed after tracking starts */
|
|
22
23
|
if (!newrelic) {
|
|
23
24
|
return;
|
|
24
25
|
}
|
|
@@ -30,6 +31,7 @@ function processActionQueue() {
|
|
|
30
31
|
const action = actionQueue.shift();
|
|
31
32
|
newrelic.addPageAction(action.name, Object.assign(Object.assign({}, action.metadata), { queueDepth: actionQueue.length }));
|
|
32
33
|
}
|
|
34
|
+
/* istanbul ignore next -- recursive setTimeout not reachable when queue drains within a single batch */
|
|
33
35
|
setTimeout(processActionQueue, NR_LIMIT_INTERVAL);
|
|
34
36
|
}
|
|
35
37
|
const trackedComponents = new Set();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const version = "4.
|
|
1
|
+
const version = "4.243.0";
|
|
2
2
|
var packageInfo = {
|
|
3
3
|
version: version};
|
|
4
4
|
|
|
@@ -22,6 +22,7 @@ const actionQueue = [
|
|
|
22
22
|
*/
|
|
23
23
|
function processActionQueue() {
|
|
24
24
|
const newrelic = window.newrelic;
|
|
25
|
+
/* istanbul ignore next -- processActionQueue is called via setTimeout; newrelic may be removed after tracking starts */
|
|
25
26
|
if (!newrelic) {
|
|
26
27
|
return;
|
|
27
28
|
}
|
|
@@ -33,6 +34,7 @@ function processActionQueue() {
|
|
|
33
34
|
const action = actionQueue.shift();
|
|
34
35
|
newrelic.addPageAction(action.name, Object.assign(Object.assign({}, action.metadata), { queueDepth: actionQueue.length }));
|
|
35
36
|
}
|
|
37
|
+
/* istanbul ignore next -- recursive setTimeout not reachable when queue drains within a single batch */
|
|
36
38
|
setTimeout(processActionQueue, NR_LIMIT_INTERVAL);
|
|
37
39
|
}
|
|
38
40
|
const trackedComponents = new Set();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-YmhHejqr.js';
|
|
2
|
-
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-
|
|
2
|
+
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-rEVcZ9EI.js';
|
|
3
3
|
import { l as logError } from './log-error-nsqlWzyl.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{}gux-visualization-beta .mark-rect.layer_1_marks path{fill:#1da8b3}`;
|
|
@@ -23,8 +23,8 @@ const GuxColumnChart = class {
|
|
|
23
23
|
axis: {
|
|
24
24
|
ticks: false,
|
|
25
25
|
titlePadding: 8,
|
|
26
|
-
labelColor:
|
|
27
|
-
domainColor:
|
|
26
|
+
labelColor: DEFAULT_LABEL_COLOR,
|
|
27
|
+
domainColor: DEFAULT_DOMAIN_COLOR
|
|
28
28
|
},
|
|
29
29
|
axisX: {
|
|
30
30
|
labelAngle: 0
|
|
@@ -62,9 +62,7 @@ const GuxColumnChart = class {
|
|
|
62
62
|
if (this.includeLegend) {
|
|
63
63
|
this.baseChartSpec.encoding.color = { field: 'category' };
|
|
64
64
|
}
|
|
65
|
-
|
|
66
|
-
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
67
|
-
}
|
|
65
|
+
this.baseChartSpec.config.legend.orient = this.legendPosition;
|
|
68
66
|
const xFieldName = this.xFieldName;
|
|
69
67
|
const yFieldName = this.yFieldName;
|
|
70
68
|
const xAxisTitle = this.xAxisTitle;
|
|
@@ -124,7 +122,7 @@ const GuxColumnChart = class {
|
|
|
124
122
|
this.parseData();
|
|
125
123
|
}
|
|
126
124
|
render() {
|
|
127
|
-
return (h("gux-visualization-beta", { key: '
|
|
125
|
+
return (h("gux-visualization-beta", { key: '3747bc873408091885951d9b093bcb386a85b545', visualizationSpec: this.visualizationSpec }));
|
|
128
126
|
}
|
|
129
127
|
get root() { return getElement(this); }
|
|
130
128
|
static get watchers() { return {
|