genesys-spark-chart-components 4.74.1 → 4.75.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/{esm/usage-0deb6ff1.js → cjs/color-palette-449f7af4.js} +22 -2
- package/dist/cjs/genesys-chart-webcomponents.cjs.js +1 -1
- package/dist/cjs/gux-chart-column-beta.cjs.entry.js +11 -7
- package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +4 -4
- package/dist/cjs/gux-chart-line-beta.cjs.entry.js +10 -6
- package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +4 -4
- package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +10 -6
- package/dist/cjs/gux-visualization-beta.cjs.entry.js +16 -6
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/log-error-8f448752.js +7 -0
- package/dist/collection/components/beta/gux-chart-column/gux-chart-column.js +45 -5
- package/dist/collection/components/beta/gux-chart-line/gux-chart-line.js +44 -4
- package/dist/collection/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.js +44 -4
- package/dist/collection/components/beta/gux-visualization/gux-visualization.css +0 -16
- package/dist/collection/components/beta/gux-visualization/gux-visualization.js +14 -3
- package/dist/collection/utils/theme/color-palette.js +2 -0
- package/dist/{cjs/usage-930af94e.js → esm/color-palette-91f190ab.js} +17 -4
- package/dist/esm/genesys-chart-webcomponents.js +1 -1
- package/dist/esm/gux-chart-column-beta.entry.js +8 -4
- package/dist/esm/gux-chart-donut-beta.entry.js +2 -2
- package/dist/esm/gux-chart-line-beta.entry.js +8 -4
- package/dist/esm/gux-chart-pie-beta.entry.js +2 -2
- package/dist/esm/gux-chart-scatter-plot-beta.entry.js +8 -4
- package/dist/esm/gux-visualization-beta.entry.js +15 -5
- package/dist/esm/loader.js +1 -1
- package/dist/esm/log-error-fbbfc3ab.js +5 -0
- package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
- package/dist/genesys-chart-webcomponents/p-1b0f0f44.js +1 -0
- package/dist/genesys-chart-webcomponents/p-23610106.js +1 -0
- package/dist/genesys-chart-webcomponents/{p-72b1fd29.entry.js → p-522973c4.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/p-901555c9.entry.js +11 -0
- package/dist/genesys-chart-webcomponents/p-9a7c7ed1.entry.js +1 -0
- package/dist/genesys-chart-webcomponents/{p-e391631f.entry.js → p-9c3c159b.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/p-b99c580c.entry.js +1 -0
- package/dist/genesys-chart-webcomponents/p-ea6be05e.entry.js +1 -0
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/beta/gux-chart-column/gux-chart-column.d.ts +8 -0
- package/dist/types/components/beta/gux-chart-line/gux-chart-line.d.ts +8 -0
- package/dist/types/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.d.ts +8 -0
- package/dist/types/components.d.ts +48 -0
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/dist/types/utils/theme/color-palette.d.ts +2 -0
- package/package.json +1 -1
- package/dist/cjs/log-error-28c7064e.js +0 -21
- package/dist/esm/log-error-ff9bdda4.js +0 -18
- package/dist/genesys-chart-webcomponents/p-53538c0a.entry.js +0 -11
- package/dist/genesys-chart-webcomponents/p-5e706362.js +0 -1
- package/dist/genesys-chart-webcomponents/p-64b49c41.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-88fa4466.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-c982ed58.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-f50e3789.js +0 -1
|
@@ -2,22 +2,6 @@
|
|
|
2
2
|
height: fit-content;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
-
text {
|
|
6
|
-
fill: #2e394c;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.role-axis-domain {
|
|
10
|
-
fill: #2e394c;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.role-axis-label text {
|
|
14
|
-
fill: #596373;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.mark-rule.role-axis-domain line {
|
|
18
|
-
stroke: #2e394c;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
5
|
.gux-chart-container {
|
|
22
6
|
width: 100%;
|
|
23
7
|
}
|
|
@@ -4,11 +4,22 @@ import embed from "vega-embed";
|
|
|
4
4
|
import { getDesiredLocale } from "../../../i18n";
|
|
5
5
|
import { trackComponent } from "../../../utils/tracking/usage";
|
|
6
6
|
import { timeFormatLocale } from "./gux-visualization.locale";
|
|
7
|
+
import * as VisualizationColorUtil from "../../../utils/theme/color-palette";
|
|
7
8
|
export class GuxVisualization {
|
|
8
9
|
constructor() {
|
|
9
|
-
|
|
10
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
11
|
+
this.defaultVisualizationSpec = {
|
|
12
|
+
$schema: 'https://vega.github.io/schema/vega-lite/v5.json',
|
|
13
|
+
mark: { type: 'bar' },
|
|
14
|
+
config: {
|
|
15
|
+
axis: {
|
|
16
|
+
labelColor: VisualizationColorUtil.DEFAULT_LABEL_COLOR,
|
|
17
|
+
domainColor: VisualizationColorUtil.DEFAULT_DOMAIN_COLOR
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
};
|
|
10
21
|
this.defaultEmbedOptions = {
|
|
11
|
-
actions:
|
|
22
|
+
actions: true,
|
|
12
23
|
renderer: 'svg'
|
|
13
24
|
};
|
|
14
25
|
this.visualizationSpec = undefined;
|
|
@@ -46,7 +57,7 @@ export class GuxVisualization {
|
|
|
46
57
|
this.chartComponentReady.emit();
|
|
47
58
|
}
|
|
48
59
|
render() {
|
|
49
|
-
return (h("div", { key: '
|
|
60
|
+
return (h("div", { key: 'a65548cd5cfadfae0077c7126da2b79f1868981b', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
|
|
50
61
|
}
|
|
51
62
|
static get is() { return "gux-visualization-beta"; }
|
|
52
63
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
1
|
const name = "genesys-spark-chart-components";
|
|
4
|
-
const version = "4.
|
|
2
|
+
const version = "4.75.0";
|
|
5
3
|
const description = "Common chart webcomponents";
|
|
6
4
|
const license = "MIT";
|
|
7
5
|
const main = "dist/stencil-wrapper.js";
|
|
@@ -204,4 +202,19 @@ function getVersionEvent(packageInfoVersion) {
|
|
|
204
202
|
};
|
|
205
203
|
}
|
|
206
204
|
|
|
207
|
-
|
|
205
|
+
const VISUALIZATION_COLORS = [
|
|
206
|
+
'#203B73',
|
|
207
|
+
'#1DA8B3',
|
|
208
|
+
'#75A8FF',
|
|
209
|
+
'#8452CF',
|
|
210
|
+
'#B5B5EB',
|
|
211
|
+
'#CC3EBE',
|
|
212
|
+
'#5E5782',
|
|
213
|
+
'#FF8FDD',
|
|
214
|
+
'#868C1E',
|
|
215
|
+
'#DDD933'
|
|
216
|
+
];
|
|
217
|
+
const DEFAULT_LABEL_COLOR = '#596373';
|
|
218
|
+
const DEFAULT_DOMAIN_COLOR = '#596373';
|
|
219
|
+
|
|
220
|
+
export { DEFAULT_LABEL_COLOR as D, VISUALIZATION_COLORS as V, DEFAULT_DOMAIN_COLOR as a, trackComponent as t };
|
|
@@ -16,5 +16,5 @@ const patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["gux-visualization-beta",[[1,"gux-visualization-beta",{"visualizationSpec":[16],"embedOptions":[16]}]]],["gux-chart-column-beta",[[1,"gux-chart-column-beta",{"chartData":[16],"xTickLabelSlant":[4,"x-tick-label-slant"],"includeLegend":[4,"include-legend"],"xFieldName":[1,"x-field-name"],"yFieldName":[1,"y-field-name"],"xAxisTitle":[1,"x-axis-title"],"yAxisTitle":[1,"y-axis-title"],"legendTitle":[1,"legend-title"],"legendPosition":[1,"legend-position"],"chartLayers":[16],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-donut-beta",[[1,"gux-chart-donut-beta",{"chartData":[16],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"outerRadius":[2,"outer-radius"],"innerRadius":[2,"inner-radius"],"labelRadius":[2,"label-radius"],"labelField":[1,"label-field"],"gauge":[4],"centerText":[1,"center-text"],"centerSubText":[1,"center-sub-text"],"showTooltip":[4,"show-tooltip"],"tooltipOptions":[16],"legendX":[2,"legend-x"],"legendY":[2,"legend-y"],"legendFontSize":[2,"legend-font-size"],"legendSymbolSize":[2,"legend-symbol-size"],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-line-beta",[[1,"gux-chart-line-beta",{"chartData":[16],"xTickLabelSlant":[4,"x-tick-label-slant"],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"includeDataPointMarkers":[4,"include-data-point-markers"],"xFieldName":[1,"x-field-name"],"xAxisTitle":[1,"x-axis-title"],"yFieldName":[1,"y-field-name"],"yAxisTitle":[1,"y-axis-title"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"strokeDash":[4,"stroke-dash"],"interpolation":[1],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-pie-beta",[[1,"gux-chart-pie-beta",{"chartData":[16],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"outerRadius":[2,"outer-radius"],"labelRadius":[2,"label-radius"],"labelField":[1,"label-field"],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-scatter-plot-beta",[[1,"gux-chart-scatter-plot-beta",{"chartData":[16],"xTickLabelSlant":[4,"x-tick-label-slant"],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"xFieldName":[1,"x-field-name"],"xAxisTitle":[1,"x-axis-title"],"yFieldName":[1,"y-field-name"],"yAxisTitle":[1,"y-axis-title"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"useShape":[1,"use-shape"],"embedOptions":[16]},null,{"chartData":["parseData"]}]]]], options);
|
|
19
|
+
return bootstrapLazy([["gux-visualization-beta",[[1,"gux-visualization-beta",{"visualizationSpec":[16],"embedOptions":[16]}]]],["gux-chart-column-beta",[[1,"gux-chart-column-beta",{"labelColor":[1,"label-color"],"domainColor":[1,"domain-color"],"chartData":[16],"xTickLabelSlant":[4,"x-tick-label-slant"],"includeLegend":[4,"include-legend"],"xFieldName":[1,"x-field-name"],"yFieldName":[1,"y-field-name"],"xAxisTitle":[1,"x-axis-title"],"yAxisTitle":[1,"y-axis-title"],"legendTitle":[1,"legend-title"],"legendPosition":[1,"legend-position"],"chartLayers":[16],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-donut-beta",[[1,"gux-chart-donut-beta",{"chartData":[16],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"outerRadius":[2,"outer-radius"],"innerRadius":[2,"inner-radius"],"labelRadius":[2,"label-radius"],"labelField":[1,"label-field"],"gauge":[4],"centerText":[1,"center-text"],"centerSubText":[1,"center-sub-text"],"showTooltip":[4,"show-tooltip"],"tooltipOptions":[16],"legendX":[2,"legend-x"],"legendY":[2,"legend-y"],"legendFontSize":[2,"legend-font-size"],"legendSymbolSize":[2,"legend-symbol-size"],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-line-beta",[[1,"gux-chart-line-beta",{"labelColor":[1,"label-color"],"domainColor":[1,"domain-color"],"chartData":[16],"xTickLabelSlant":[4,"x-tick-label-slant"],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"includeDataPointMarkers":[4,"include-data-point-markers"],"xFieldName":[1,"x-field-name"],"xAxisTitle":[1,"x-axis-title"],"yFieldName":[1,"y-field-name"],"yAxisTitle":[1,"y-axis-title"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"strokeDash":[4,"stroke-dash"],"interpolation":[1],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-pie-beta",[[1,"gux-chart-pie-beta",{"chartData":[16],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"outerRadius":[2,"outer-radius"],"labelRadius":[2,"label-radius"],"labelField":[1,"label-field"],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-scatter-plot-beta",[[1,"gux-chart-scatter-plot-beta",{"labelColor":[1,"label-color"],"domainColor":[1,"domain-color"],"chartData":[16],"xTickLabelSlant":[4,"x-tick-label-slant"],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"xFieldName":[1,"x-field-name"],"xAxisTitle":[1,"x-axis-title"],"yFieldName":[1,"y-field-name"],"yAxisTitle":[1,"y-axis-title"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"useShape":[1,"use-shape"],"embedOptions":[16]},null,{"chartData":["parseData"]}]]]], options);
|
|
20
20
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-e4944b0d.js';
|
|
2
|
-
import { t as trackComponent } from './
|
|
3
|
-
import {
|
|
2
|
+
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-91f190ab.js';
|
|
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}";
|
|
6
6
|
const GuxChartColumnBetaStyle0 = guxChartColumnCss;
|
|
@@ -15,7 +15,9 @@ const GuxColumnChart = class {
|
|
|
15
15
|
config: {
|
|
16
16
|
axis: {
|
|
17
17
|
ticks: false,
|
|
18
|
-
titlePadding: 8
|
|
18
|
+
titlePadding: 8,
|
|
19
|
+
labelColor: this.labelColor || DEFAULT_LABEL_COLOR,
|
|
20
|
+
domainColor: this.domainColor || DEFAULT_DOMAIN_COLOR
|
|
19
21
|
},
|
|
20
22
|
axisX: {
|
|
21
23
|
labelAngle: 0
|
|
@@ -37,6 +39,8 @@ const GuxColumnChart = class {
|
|
|
37
39
|
tooltip: { aggregate: 'count', type: 'quantitative' }
|
|
38
40
|
}
|
|
39
41
|
};
|
|
42
|
+
this.labelColor = DEFAULT_LABEL_COLOR;
|
|
43
|
+
this.domainColor = DEFAULT_DOMAIN_COLOR;
|
|
40
44
|
this.chartData = undefined;
|
|
41
45
|
this.xTickLabelSlant = undefined;
|
|
42
46
|
this.includeLegend = undefined;
|
|
@@ -125,7 +129,7 @@ const GuxColumnChart = class {
|
|
|
125
129
|
this.parseData();
|
|
126
130
|
}
|
|
127
131
|
render() {
|
|
128
|
-
return (h("gux-visualization-beta", { key: '
|
|
132
|
+
return (h("gux-visualization-beta", { key: '5bcc2fcee3bfb4905b9fdbb572593402531f960d', visualizationSpec: this.visualizationSpec }));
|
|
129
133
|
}
|
|
130
134
|
get root() { return getElement(this); }
|
|
131
135
|
static get watchers() { return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-e4944b0d.js';
|
|
2
|
-
import { t as trackComponent } from './
|
|
3
|
-
import {
|
|
2
|
+
import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-91f190ab.js';
|
|
3
|
+
import { l as logError } from './log-error-fbbfc3ab.js';
|
|
4
4
|
|
|
5
5
|
const guxChartDonutCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
6
6
|
const GuxChartDonutBetaStyle0 = guxChartDonutCss;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-e4944b0d.js';
|
|
2
|
-
import { t as trackComponent } from './
|
|
3
|
-
import {
|
|
2
|
+
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-91f190ab.js';
|
|
3
|
+
import { l as logError } from './log-error-fbbfc3ab.js';
|
|
4
4
|
|
|
5
5
|
const guxChartLineCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
6
6
|
const GuxChartLineBetaStyle0 = guxChartLineCss;
|
|
@@ -20,7 +20,9 @@ const GuxLineChart = class {
|
|
|
20
20
|
config: {
|
|
21
21
|
axis: {
|
|
22
22
|
ticks: false,
|
|
23
|
-
titlePadding: 8
|
|
23
|
+
titlePadding: 8,
|
|
24
|
+
labelColor: this.labelColor || DEFAULT_LABEL_COLOR,
|
|
25
|
+
domainColor: this.domainColor || DEFAULT_DOMAIN_COLOR
|
|
24
26
|
},
|
|
25
27
|
axisX: {
|
|
26
28
|
labelAngle: 0
|
|
@@ -41,6 +43,8 @@ const GuxLineChart = class {
|
|
|
41
43
|
tooltip: { aggregate: 'count', type: 'quantitative' }
|
|
42
44
|
}
|
|
43
45
|
};
|
|
46
|
+
this.labelColor = DEFAULT_LABEL_COLOR;
|
|
47
|
+
this.domainColor = DEFAULT_DOMAIN_COLOR;
|
|
44
48
|
this.chartData = undefined;
|
|
45
49
|
this.xTickLabelSlant = undefined;
|
|
46
50
|
this.includeLegend = undefined;
|
|
@@ -120,7 +124,7 @@ const GuxLineChart = class {
|
|
|
120
124
|
this.parseData();
|
|
121
125
|
}
|
|
122
126
|
render() {
|
|
123
|
-
return (h("gux-visualization-beta", { key: '
|
|
127
|
+
return (h("gux-visualization-beta", { key: '9a0bbdde50dc38102cff841ca0b2aa9aa47b47ff', visualizationSpec: this.visualizationSpec }));
|
|
124
128
|
}
|
|
125
129
|
get root() { return getElement(this); }
|
|
126
130
|
static get watchers() { return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-e4944b0d.js';
|
|
2
|
-
import { t as trackComponent } from './
|
|
3
|
-
import {
|
|
2
|
+
import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-91f190ab.js';
|
|
3
|
+
import { l as logError } from './log-error-fbbfc3ab.js';
|
|
4
4
|
|
|
5
5
|
const guxChartPieCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
6
6
|
const GuxChartPieBetaStyle0 = guxChartPieCss;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-e4944b0d.js';
|
|
2
|
-
import { t as trackComponent } from './
|
|
3
|
-
import {
|
|
2
|
+
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-91f190ab.js';
|
|
3
|
+
import { l as logError } from './log-error-fbbfc3ab.js';
|
|
4
4
|
|
|
5
5
|
const guxChartScatterPlotCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
6
6
|
const GuxChartScatterPlotBetaStyle0 = guxChartScatterPlotCss;
|
|
@@ -22,7 +22,9 @@ const GuxScatterPlotChart = class {
|
|
|
22
22
|
axis: {
|
|
23
23
|
ticks: false,
|
|
24
24
|
titlePadding: 8,
|
|
25
|
-
gridColor: '#F6F7F9'
|
|
25
|
+
gridColor: '#F6F7F9',
|
|
26
|
+
labelColor: this.labelColor || DEFAULT_LABEL_COLOR,
|
|
27
|
+
domainColor: this.domainColor || DEFAULT_DOMAIN_COLOR
|
|
26
28
|
},
|
|
27
29
|
axisX: {
|
|
28
30
|
labelAngle: 0,
|
|
@@ -54,6 +56,8 @@ const GuxScatterPlotChart = class {
|
|
|
54
56
|
}
|
|
55
57
|
}
|
|
56
58
|
};
|
|
59
|
+
this.labelColor = DEFAULT_LABEL_COLOR;
|
|
60
|
+
this.domainColor = DEFAULT_DOMAIN_COLOR;
|
|
57
61
|
this.chartData = undefined;
|
|
58
62
|
this.xTickLabelSlant = undefined;
|
|
59
63
|
this.includeLegend = undefined;
|
|
@@ -128,7 +132,7 @@ const GuxScatterPlotChart = class {
|
|
|
128
132
|
this.parseData();
|
|
129
133
|
}
|
|
130
134
|
render() {
|
|
131
|
-
return (h("gux-visualization-beta", { key: '
|
|
135
|
+
return (h("gux-visualization-beta", { key: '99d30b8b621965db1bb64abc45fa8075f7f1db2f', visualizationSpec: this.visualizationSpec }));
|
|
132
136
|
}
|
|
133
137
|
get root() { return getElement(this); }
|
|
134
138
|
static get watchers() { return {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h as h$1, g as getElement } from './index-e4944b0d.js';
|
|
2
|
-
import { t as trackComponent } from './
|
|
2
|
+
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, t as trackComponent } from './color-palette-91f190ab.js';
|
|
3
3
|
|
|
4
4
|
/*!
|
|
5
5
|
* https://github.com/Starcounter-Jack/JSON-Patch
|
|
@@ -67819,7 +67819,7 @@ const timeFormatLocale = {
|
|
|
67819
67819
|
}
|
|
67820
67820
|
};
|
|
67821
67821
|
|
|
67822
|
-
const guxVisualizationCss = ":host{height:fit-content}
|
|
67822
|
+
const guxVisualizationCss = ":host{height:fit-content}.gux-chart-container{width:100%}";
|
|
67823
67823
|
const GuxVisualizationBetaStyle0 = guxVisualizationCss;
|
|
67824
67824
|
|
|
67825
67825
|
const GuxVisualization = class {
|
|
@@ -67827,9 +67827,19 @@ const GuxVisualization = class {
|
|
|
67827
67827
|
registerInstance(this, hostRef);
|
|
67828
67828
|
this.chartComponentReady = createEvent(this, "chartComponentReady", 7);
|
|
67829
67829
|
this.chartClicked = createEvent(this, "chartClicked", 7);
|
|
67830
|
-
|
|
67830
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
67831
|
+
this.defaultVisualizationSpec = {
|
|
67832
|
+
$schema: 'https://vega.github.io/schema/vega-lite/v5.json',
|
|
67833
|
+
mark: { type: 'bar' },
|
|
67834
|
+
config: {
|
|
67835
|
+
axis: {
|
|
67836
|
+
labelColor: DEFAULT_LABEL_COLOR,
|
|
67837
|
+
domainColor: DEFAULT_DOMAIN_COLOR
|
|
67838
|
+
}
|
|
67839
|
+
}
|
|
67840
|
+
};
|
|
67831
67841
|
this.defaultEmbedOptions = {
|
|
67832
|
-
actions:
|
|
67842
|
+
actions: true,
|
|
67833
67843
|
renderer: 'svg'
|
|
67834
67844
|
};
|
|
67835
67845
|
this.visualizationSpec = undefined;
|
|
@@ -67867,7 +67877,7 @@ const GuxVisualization = class {
|
|
|
67867
67877
|
this.chartComponentReady.emit();
|
|
67868
67878
|
}
|
|
67869
67879
|
render() {
|
|
67870
|
-
return (h$1("div", { key: '
|
|
67880
|
+
return (h$1("div", { key: 'a65548cd5cfadfae0077c7126da2b79f1868981b', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
|
|
67871
67881
|
}
|
|
67872
67882
|
get root() { return getElement(this); }
|
|
67873
67883
|
};
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["gux-visualization-beta",[[1,"gux-visualization-beta",{"visualizationSpec":[16],"embedOptions":[16]}]]],["gux-chart-column-beta",[[1,"gux-chart-column-beta",{"chartData":[16],"xTickLabelSlant":[4,"x-tick-label-slant"],"includeLegend":[4,"include-legend"],"xFieldName":[1,"x-field-name"],"yFieldName":[1,"y-field-name"],"xAxisTitle":[1,"x-axis-title"],"yAxisTitle":[1,"y-axis-title"],"legendTitle":[1,"legend-title"],"legendPosition":[1,"legend-position"],"chartLayers":[16],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-donut-beta",[[1,"gux-chart-donut-beta",{"chartData":[16],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"outerRadius":[2,"outer-radius"],"innerRadius":[2,"inner-radius"],"labelRadius":[2,"label-radius"],"labelField":[1,"label-field"],"gauge":[4],"centerText":[1,"center-text"],"centerSubText":[1,"center-sub-text"],"showTooltip":[4,"show-tooltip"],"tooltipOptions":[16],"legendX":[2,"legend-x"],"legendY":[2,"legend-y"],"legendFontSize":[2,"legend-font-size"],"legendSymbolSize":[2,"legend-symbol-size"],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-line-beta",[[1,"gux-chart-line-beta",{"chartData":[16],"xTickLabelSlant":[4,"x-tick-label-slant"],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"includeDataPointMarkers":[4,"include-data-point-markers"],"xFieldName":[1,"x-field-name"],"xAxisTitle":[1,"x-axis-title"],"yFieldName":[1,"y-field-name"],"yAxisTitle":[1,"y-axis-title"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"strokeDash":[4,"stroke-dash"],"interpolation":[1],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-pie-beta",[[1,"gux-chart-pie-beta",{"chartData":[16],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"outerRadius":[2,"outer-radius"],"labelRadius":[2,"label-radius"],"labelField":[1,"label-field"],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-scatter-plot-beta",[[1,"gux-chart-scatter-plot-beta",{"chartData":[16],"xTickLabelSlant":[4,"x-tick-label-slant"],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"xFieldName":[1,"x-field-name"],"xAxisTitle":[1,"x-axis-title"],"yFieldName":[1,"y-field-name"],"yAxisTitle":[1,"y-axis-title"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"useShape":[1,"use-shape"],"embedOptions":[16]},null,{"chartData":["parseData"]}]]]], options);
|
|
8
|
+
return bootstrapLazy([["gux-visualization-beta",[[1,"gux-visualization-beta",{"visualizationSpec":[16],"embedOptions":[16]}]]],["gux-chart-column-beta",[[1,"gux-chart-column-beta",{"labelColor":[1,"label-color"],"domainColor":[1,"domain-color"],"chartData":[16],"xTickLabelSlant":[4,"x-tick-label-slant"],"includeLegend":[4,"include-legend"],"xFieldName":[1,"x-field-name"],"yFieldName":[1,"y-field-name"],"xAxisTitle":[1,"x-axis-title"],"yAxisTitle":[1,"y-axis-title"],"legendTitle":[1,"legend-title"],"legendPosition":[1,"legend-position"],"chartLayers":[16],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-donut-beta",[[1,"gux-chart-donut-beta",{"chartData":[16],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"outerRadius":[2,"outer-radius"],"innerRadius":[2,"inner-radius"],"labelRadius":[2,"label-radius"],"labelField":[1,"label-field"],"gauge":[4],"centerText":[1,"center-text"],"centerSubText":[1,"center-sub-text"],"showTooltip":[4,"show-tooltip"],"tooltipOptions":[16],"legendX":[2,"legend-x"],"legendY":[2,"legend-y"],"legendFontSize":[2,"legend-font-size"],"legendSymbolSize":[2,"legend-symbol-size"],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-line-beta",[[1,"gux-chart-line-beta",{"labelColor":[1,"label-color"],"domainColor":[1,"domain-color"],"chartData":[16],"xTickLabelSlant":[4,"x-tick-label-slant"],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"includeDataPointMarkers":[4,"include-data-point-markers"],"xFieldName":[1,"x-field-name"],"xAxisTitle":[1,"x-axis-title"],"yFieldName":[1,"y-field-name"],"yAxisTitle":[1,"y-axis-title"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"strokeDash":[4,"stroke-dash"],"interpolation":[1],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-pie-beta",[[1,"gux-chart-pie-beta",{"chartData":[16],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"outerRadius":[2,"outer-radius"],"labelRadius":[2,"label-radius"],"labelField":[1,"label-field"],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-scatter-plot-beta",[[1,"gux-chart-scatter-plot-beta",{"labelColor":[1,"label-color"],"domainColor":[1,"domain-color"],"chartData":[16],"xTickLabelSlant":[4,"x-tick-label-slant"],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"xFieldName":[1,"x-field-name"],"xAxisTitle":[1,"x-axis-title"],"yFieldName":[1,"y-field-name"],"yAxisTitle":[1,"y-axis-title"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"useShape":[1,"use-shape"],"embedOptions":[16]},null,{"chartData":["parseData"]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as l}from"./p-e068d41d.js";export{s as setNonce}from"./p-e068d41d.js";import{g as a}from"./p-e1255160.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await a(),l([["p-
|
|
1
|
+
import{p as e,b as l}from"./p-e068d41d.js";export{s as setNonce}from"./p-e068d41d.js";import{g as a}from"./p-e1255160.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await a(),l([["p-901555c9",[[1,"gux-visualization-beta",{visualizationSpec:[16],embedOptions:[16]}]]],["p-9a7c7ed1",[[1,"gux-chart-column-beta",{labelColor:[1,"label-color"],domainColor:[1,"domain-color"],chartData:[16],xTickLabelSlant:[4,"x-tick-label-slant"],includeLegend:[4,"include-legend"],xFieldName:[1,"x-field-name"],yFieldName:[1,"y-field-name"],xAxisTitle:[1,"x-axis-title"],yAxisTitle:[1,"y-axis-title"],legendTitle:[1,"legend-title"],legendPosition:[1,"legend-position"],chartLayers:[16],embedOptions:[16]},null,{chartData:["parseData"]}]]],["p-9c3c159b",[[1,"gux-chart-donut-beta",{chartData:[16],includeLegend:[4,"include-legend"],legendPosition:[1,"legend-position"],legendTitle:[1,"legend-title"],colorFieldName:[1,"color-field-name"],outerRadius:[2,"outer-radius"],innerRadius:[2,"inner-radius"],labelRadius:[2,"label-radius"],labelField:[1,"label-field"],gauge:[4],centerText:[1,"center-text"],centerSubText:[1,"center-sub-text"],showTooltip:[4,"show-tooltip"],tooltipOptions:[16],legendX:[2,"legend-x"],legendY:[2,"legend-y"],legendFontSize:[2,"legend-font-size"],legendSymbolSize:[2,"legend-symbol-size"],embedOptions:[16]},null,{chartData:["parseData"]}]]],["p-ea6be05e",[[1,"gux-chart-line-beta",{labelColor:[1,"label-color"],domainColor:[1,"domain-color"],chartData:[16],xTickLabelSlant:[4,"x-tick-label-slant"],includeLegend:[4,"include-legend"],legendPosition:[1,"legend-position"],includeDataPointMarkers:[4,"include-data-point-markers"],xFieldName:[1,"x-field-name"],xAxisTitle:[1,"x-axis-title"],yFieldName:[1,"y-field-name"],yAxisTitle:[1,"y-axis-title"],legendTitle:[1,"legend-title"],colorFieldName:[1,"color-field-name"],strokeDash:[4,"stroke-dash"],interpolation:[1],embedOptions:[16]},null,{chartData:["parseData"]}]]],["p-522973c4",[[1,"gux-chart-pie-beta",{chartData:[16],includeLegend:[4,"include-legend"],legendPosition:[1,"legend-position"],legendTitle:[1,"legend-title"],colorFieldName:[1,"color-field-name"],outerRadius:[2,"outer-radius"],labelRadius:[2,"label-radius"],labelField:[1,"label-field"],embedOptions:[16]},null,{chartData:["parseData"]}]]],["p-b99c580c",[[1,"gux-chart-scatter-plot-beta",{labelColor:[1,"label-color"],domainColor:[1,"domain-color"],chartData:[16],xTickLabelSlant:[4,"x-tick-label-slant"],includeLegend:[4,"include-legend"],legendPosition:[1,"legend-position"],xFieldName:[1,"x-field-name"],xAxisTitle:[1,"x-axis-title"],yFieldName:[1,"y-field-name"],yAxisTitle:[1,"y-axis-title"],legendTitle:[1,"legend-title"],colorFieldName:[1,"color-field-name"],useShape:[1,"use-shape"],embedOptions:[16]},null,{chartData:["parseData"]}]]]],e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const t="4.75.0",e=20,n=3e4,o=[function(t){const[e,n,...o]=t.split(".");return{name:"spark-library",metadata:{fullVersion:`${e}.${n}.${o.join(".")}`,majorVersion:e,minorVersion:`${e}.${n}`}}}(t)];function a(){const t=window.newrelic;if(t){for(let s=0;s<e;s++){if(0==o.length)return void setTimeout(a,n);const e=o.shift();t.addPageAction(e.name,Object.assign(Object.assign({},e.metadata),{queueDepth:o.length}))}setTimeout(a,n)}}let s=!1;function i(e,n){window.newrelic&&(s||(s=!0,a()),document.contains(e)&&o.push({name:"spark-component",metadata:Object.assign(Object.assign({},n),{component:e.tagName.toLowerCase(),version:t})}))}const r=["#203B73","#1DA8B3","#75A8FF","#8452CF","#B5B5EB","#CC3EBE","#5E5782","#FF8FDD","#868C1E","#DDD933"],c="#596373",m="#596373";export{c as D,r as V,m as a,i as t}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function o(o,n){console.error(`[${o.tagName.toLowerCase()}] ${n}`,o)}export{o as l}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as e}from"./p-e068d41d.js";import{t as
|
|
1
|
+
import{r as t,h as i,g as e}from"./p-e068d41d.js";import{V as s,t as a}from"./p-1b0f0f44.js";import{l as o}from"./p-23610106.js";const r="category",h="value",n=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",config:{legend:{symbolType:"circle"}},encoding:{theta:{field:"value",type:"quantitative",stack:!0},color:{field:r,type:"nominal",scale:{range:s},legend:null},tooltip:{aggregate:"count",type:"quantitative"}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:h,type:"quantitative"}}}],view:{stroke:null}},this.chartData=void 0,this.includeLegend=void 0,this.legendPosition="right",this.legendTitle=void 0,this.colorFieldName=void 0,this.outerRadius=void 0,this.labelRadius=void 0,this.labelField=void 0,this.embedOptions=void 0}parseData(){this.outerRadius||o(this.root,"requires outer-radius");let t={};this.chartData&&(t={data:this.chartData}),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.colorFieldName||r;i&&(this.baseChartSpec.encoding.color.field=i);const e=this.legendTitle;e&&(this.baseChartSpec.encoding.color.title=e),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:this.outerRadius}}];const s=this.labelRadius;s&&this.baseChartSpec.layer.push({mark:{type:"text",radius:s},encoding:{text:{field:this.labelField||h,type:"quantitative"}}});const a=Object.assign(this.baseChartSpec,t);this.visualizationSpec=a}componentWillLoad(){a(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"b3049772a9d436bf4d6aa1b0e9ebe21a9d9e84e9",visualizationSpec:this.visualizationSpec})}get root(){return e(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_pie_beta}
|