genesys-spark-chart-components 4.74.1 → 4.76.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.
Files changed (51) hide show
  1. package/dist/{esm/usage-0deb6ff1.js → cjs/color-palette-ced3f161.js} +22 -2
  2. package/dist/cjs/genesys-chart-webcomponents.cjs.js +1 -1
  3. package/dist/cjs/gux-chart-column-beta.cjs.entry.js +11 -7
  4. package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +4 -4
  5. package/dist/cjs/gux-chart-line-beta.cjs.entry.js +10 -6
  6. package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +4 -4
  7. package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +10 -6
  8. package/dist/cjs/gux-visualization-beta.cjs.entry.js +16 -6
  9. package/dist/cjs/loader.cjs.js +1 -1
  10. package/dist/cjs/log-error-8f448752.js +7 -0
  11. package/dist/collection/components/beta/gux-chart-column/gux-chart-column.js +45 -5
  12. package/dist/collection/components/beta/gux-chart-line/gux-chart-line.js +44 -4
  13. package/dist/collection/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.js +44 -4
  14. package/dist/collection/components/beta/gux-visualization/gux-visualization.css +0 -16
  15. package/dist/collection/components/beta/gux-visualization/gux-visualization.js +14 -3
  16. package/dist/collection/utils/theme/color-palette.js +2 -0
  17. package/dist/{cjs/usage-930af94e.js → esm/color-palette-fbf1d13a.js} +17 -4
  18. package/dist/esm/genesys-chart-webcomponents.js +1 -1
  19. package/dist/esm/gux-chart-column-beta.entry.js +8 -4
  20. package/dist/esm/gux-chart-donut-beta.entry.js +2 -2
  21. package/dist/esm/gux-chart-line-beta.entry.js +8 -4
  22. package/dist/esm/gux-chart-pie-beta.entry.js +2 -2
  23. package/dist/esm/gux-chart-scatter-plot-beta.entry.js +8 -4
  24. package/dist/esm/gux-visualization-beta.entry.js +15 -5
  25. package/dist/esm/loader.js +1 -1
  26. package/dist/esm/log-error-fbbfc3ab.js +5 -0
  27. package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
  28. package/dist/genesys-chart-webcomponents/p-11ca8f7a.entry.js +11 -0
  29. package/dist/genesys-chart-webcomponents/p-23610106.js +1 -0
  30. package/dist/genesys-chart-webcomponents/p-2bd05383.entry.js +1 -0
  31. package/dist/genesys-chart-webcomponents/{p-e391631f.entry.js → p-7de3755f.entry.js} +1 -1
  32. package/dist/genesys-chart-webcomponents/{p-72b1fd29.entry.js → p-89fdbe65.entry.js} +1 -1
  33. package/dist/genesys-chart-webcomponents/p-a3f6eb0d.js +1 -0
  34. package/dist/genesys-chart-webcomponents/p-b54c323e.entry.js +1 -0
  35. package/dist/genesys-chart-webcomponents/p-e2b74880.entry.js +1 -0
  36. package/dist/stencil-wrapper.js +1 -1
  37. package/dist/types/components/beta/gux-chart-column/gux-chart-column.d.ts +8 -0
  38. package/dist/types/components/beta/gux-chart-line/gux-chart-line.d.ts +8 -0
  39. package/dist/types/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.d.ts +8 -0
  40. package/dist/types/components.d.ts +48 -0
  41. package/dist/types/stencil-wrapper.d.ts +1 -1
  42. package/dist/types/utils/theme/color-palette.d.ts +2 -0
  43. package/package.json +1 -1
  44. package/dist/cjs/log-error-28c7064e.js +0 -21
  45. package/dist/esm/log-error-ff9bdda4.js +0 -18
  46. package/dist/genesys-chart-webcomponents/p-53538c0a.entry.js +0 -11
  47. package/dist/genesys-chart-webcomponents/p-5e706362.js +0 -1
  48. package/dist/genesys-chart-webcomponents/p-64b49c41.entry.js +0 -1
  49. package/dist/genesys-chart-webcomponents/p-88fa4466.entry.js +0 -1
  50. package/dist/genesys-chart-webcomponents/p-c982ed58.entry.js +0 -1
  51. 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
- this.defaultVisualizationSpec = {};
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: false,
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: '43a59e2093a837bf21de943746ce5d0f93e161cc', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
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"; }
@@ -10,3 +10,5 @@ export const VISUALIZATION_COLORS = [
10
10
  '#868C1E',
11
11
  '#DDD933'
12
12
  ];
13
+ export const DEFAULT_LABEL_COLOR = '#596373';
14
+ export const DEFAULT_DOMAIN_COLOR = '#596373';
@@ -1,7 +1,5 @@
1
- 'use strict';
2
-
3
1
  const name = "genesys-spark-chart-components";
4
- const version = "4.74.1";
2
+ const version = "4.76.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
- exports.trackComponent = trackComponent;
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 './usage-0deb6ff1.js';
3
- import { V as VISUALIZATION_COLORS, l as logError } from './log-error-ff9bdda4.js';
2
+ import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-fbf1d13a.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: '204c508da5ccda0059c2500fa91b06ad6ac91c2d', visualizationSpec: this.visualizationSpec }));
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 './usage-0deb6ff1.js';
3
- import { V as VISUALIZATION_COLORS, l as logError } from './log-error-ff9bdda4.js';
2
+ import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-fbf1d13a.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 './usage-0deb6ff1.js';
3
- import { V as VISUALIZATION_COLORS, l as logError } from './log-error-ff9bdda4.js';
2
+ import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-fbf1d13a.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: 'd312d8b365db65c08f3631bb4976e74f7bf077ac', visualizationSpec: this.visualizationSpec }));
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 './usage-0deb6ff1.js';
3
- import { V as VISUALIZATION_COLORS, l as logError } from './log-error-ff9bdda4.js';
2
+ import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-fbf1d13a.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 './usage-0deb6ff1.js';
3
- import { V as VISUALIZATION_COLORS, l as logError } from './log-error-ff9bdda4.js';
2
+ import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-fbf1d13a.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: '94b4f927328d22a8764207acdd36cb8bef342ea0', visualizationSpec: this.visualizationSpec }));
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 './usage-0deb6ff1.js';
2
+ import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, t as trackComponent } from './color-palette-fbf1d13a.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}text{fill:#2e394c}.role-axis-domain{fill:#2e394c}.role-axis-label text{fill:#596373}.mark-rule.role-axis-domain line{stroke:#2e394c}.gux-chart-container{width:100%}";
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
- this.defaultVisualizationSpec = {};
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: false,
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: '43a59e2093a837bf21de943746ce5d0f93e161cc', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
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
  };
@@ -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 };
@@ -0,0 +1,5 @@
1
+ function logError(component, message) {
2
+ console.error(`[${component.tagName.toLowerCase()}] ${message}`, component);
3
+ }
4
+
5
+ export { logError as l };
@@ -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-53538c0a",[[1,"gux-visualization-beta",{visualizationSpec:[16],embedOptions:[16]}]]],["p-c982ed58",[[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"]}]]],["p-e391631f",[[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-64b49c41",[[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"]}]]],["p-72b1fd29",[[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-88fa4466",[[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"]}]]]],e))));
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-11ca8f7a",[[1,"gux-visualization-beta",{visualizationSpec:[16],embedOptions:[16]}]]],["p-2bd05383",[[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-7de3755f",[[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-e2b74880",[[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-89fdbe65",[[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-b54c323e",[[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))));