genesys-spark-chart-components 4.58.0 → 4.60.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 (35) hide show
  1. package/dist/cjs/genesys-chart-webcomponents.cjs.js +1 -1
  2. package/dist/cjs/gux-chart-column-beta.cjs.entry.js +2 -2
  3. package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +2 -2
  4. package/dist/cjs/gux-chart-line-beta.cjs.entry.js +2 -2
  5. package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +2 -2
  6. package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +2 -2
  7. package/dist/cjs/gux-visualization-beta.cjs.entry.js +10 -5
  8. package/dist/cjs/{index-a4712860.js → index-95713c33.js} +27 -1
  9. package/dist/cjs/loader.cjs.js +1 -1
  10. package/dist/cjs/{usage-2213b096.js → usage-53b5aa2a.js} +2 -2
  11. package/dist/collection/components/beta/gux-visualization/gux-visualization.css +4 -0
  12. package/dist/collection/components/beta/gux-visualization/gux-visualization.js +7 -2
  13. package/dist/esm/genesys-chart-webcomponents.js +2 -2
  14. package/dist/esm/gux-chart-column-beta.entry.js +2 -2
  15. package/dist/esm/gux-chart-donut-beta.entry.js +2 -2
  16. package/dist/esm/gux-chart-line-beta.entry.js +2 -2
  17. package/dist/esm/gux-chart-pie-beta.entry.js +2 -2
  18. package/dist/esm/gux-chart-scatter-plot-beta.entry.js +2 -2
  19. package/dist/esm/gux-visualization-beta.entry.js +10 -5
  20. package/dist/esm/{index-82fd7406.js → index-e4944b0d.js} +27 -1
  21. package/dist/esm/loader.js +2 -2
  22. package/dist/esm/{usage-7c5fd53e.js → usage-ee82ddfe.js} +2 -2
  23. package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
  24. package/dist/genesys-chart-webcomponents/{p-bc162173.entry.js → p-62bd478a.entry.js} +1 -1
  25. package/dist/genesys-chart-webcomponents/{p-d463ecbc.entry.js → p-6a5c4bfc.entry.js} +1 -1
  26. package/dist/genesys-chart-webcomponents/{p-293ef219.entry.js → p-720f9f39.entry.js} +1 -1
  27. package/dist/genesys-chart-webcomponents/{p-bea69ef9.entry.js → p-9b0f321a.entry.js} +2 -2
  28. package/dist/genesys-chart-webcomponents/{p-7e34a7f2.js → p-bbd7ff25.js} +1 -1
  29. package/dist/genesys-chart-webcomponents/{p-3f40c480.entry.js → p-cc83981e.entry.js} +1 -1
  30. package/dist/genesys-chart-webcomponents/p-e068d41d.js +2 -0
  31. package/dist/genesys-chart-webcomponents/{p-a4b8ef0d.entry.js → p-e1770300.entry.js} +1 -1
  32. package/dist/stencil-wrapper.js +1 -1
  33. package/dist/types/stencil-wrapper.d.ts +1 -1
  34. package/package.json +2 -2
  35. package/dist/genesys-chart-webcomponents/p-1bc0cc3a.js +0 -2
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-a4712860.js');
5
+ const index = require('./index-95713c33.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  /*
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-a4712860.js');
6
- const usage = require('./usage-2213b096.js');
5
+ const index = require('./index-95713c33.js');
6
+ const usage = require('./usage-53b5aa2a.js');
7
7
  const logError = require('./log-error-28c7064e.js');
8
8
 
9
9
  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}";
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-a4712860.js');
6
- const usage = require('./usage-2213b096.js');
5
+ const index = require('./index-95713c33.js');
6
+ const usage = require('./usage-53b5aa2a.js');
7
7
  const logError = require('./log-error-28c7064e.js');
8
8
 
9
9
  const guxChartDonutCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-a4712860.js');
6
- const usage = require('./usage-2213b096.js');
5
+ const index = require('./index-95713c33.js');
6
+ const usage = require('./usage-53b5aa2a.js');
7
7
  const logError = require('./log-error-28c7064e.js');
8
8
 
9
9
  const guxChartLineCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-a4712860.js');
6
- const usage = require('./usage-2213b096.js');
5
+ const index = require('./index-95713c33.js');
6
+ const usage = require('./usage-53b5aa2a.js');
7
7
  const logError = require('./log-error-28c7064e.js');
8
8
 
9
9
  const guxChartPieCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-a4712860.js');
6
- const usage = require('./usage-2213b096.js');
5
+ const index = require('./index-95713c33.js');
6
+ const usage = require('./usage-53b5aa2a.js');
7
7
  const logError = require('./log-error-28c7064e.js');
8
8
 
9
9
  const guxChartScatterPlotCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index$3 = require('./index-a4712860.js');
6
- const usage = require('./usage-2213b096.js');
5
+ const index$3 = require('./index-95713c33.js');
6
+ const usage = require('./usage-53b5aa2a.js');
7
7
 
8
8
  /*!
9
9
  * https://github.com/Starcounter-Jack/JSON-Patch
@@ -71896,7 +71896,7 @@ const timeFormatLocale = {
71896
71896
  }
71897
71897
  };
71898
71898
 
71899
- 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}";
71899
+ 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%}";
71900
71900
  const GuxVisualizationBetaStyle0 = guxVisualizationCss;
71901
71901
 
71902
71902
  const GuxVisualization = class {
@@ -71929,7 +71929,12 @@ const GuxVisualization = class {
71929
71929
  visSpec.signals.push({
71930
71930
  name: 'chartClick',
71931
71931
  value: 0,
71932
- on: [{ events: 'rect:mousedown', update: 'datum' }]
71932
+ on: [
71933
+ { events: 'rect:mousedown', update: 'datum' },
71934
+ { events: 'arc:mousedown', update: 'datum' },
71935
+ { events: 'line:mousedown', update: 'datum' },
71936
+ { events: 'symbol:mousedown', update: 'datum' }
71937
+ ]
71933
71938
  });
71934
71939
  return visSpec;
71935
71940
  }
@@ -71944,7 +71949,7 @@ const GuxVisualization = class {
71944
71949
  this.chartComponentReady.emit();
71945
71950
  }
71946
71951
  render() {
71947
- return (index$3.h("div", { key: '109a4cf0a395ef4d9b6a5aec9e306d416ae86e65', ref: el => (this.chartContainer = el) }));
71952
+ return (index$3.h("div", { key: '40163c04901e2dc66a719d7366893100da55845e', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
71948
71953
  }
71949
71954
  get root() { return index$3.getElement(this); }
71950
71955
  };
@@ -132,6 +132,18 @@ const h = (nodeName, vnodeData, ...children) => {
132
132
  if (vnodeData.key) {
133
133
  key = vnodeData.key;
134
134
  }
135
+ // normalize class / className attributes
136
+ {
137
+ const classData = vnodeData.className || vnodeData.class;
138
+ if (classData) {
139
+ vnodeData.class =
140
+ typeof classData !== 'object'
141
+ ? classData
142
+ : Object.keys(classData)
143
+ .filter((k) => classData[k])
144
+ .join(' ');
145
+ }
146
+ }
135
147
  }
136
148
  const vnode = newVNode(nodeName, null);
137
149
  vnode.$attrs$ = vnodeData;
@@ -353,7 +365,14 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
353
365
  if (oldValue !== newValue) {
354
366
  let isProp = isMemberInElement(elm, memberName);
355
367
  memberName.toLowerCase();
356
- if (memberName === 'key')
368
+ if (memberName === 'class') {
369
+ const classList = elm.classList;
370
+ const oldClasses = parseClassList(oldValue);
371
+ const newClasses = parseClassList(newValue);
372
+ classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
373
+ classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
374
+ }
375
+ else if (memberName === 'key')
357
376
  ;
358
377
  else if (memberName === 'ref') {
359
378
  // minifier will clean this up
@@ -402,6 +421,13 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
402
421
  }
403
422
  }
404
423
  };
424
+ const parseClassListRegex = /\s/;
425
+ /**
426
+ * Parsed a string of classnames into an array
427
+ * @param value className string, e.g. "foo bar baz"
428
+ * @returns list of classes, e.g. ["foo", "bar", "baz"]
429
+ */
430
+ const parseClassList = (value) => (!value ? [] : value.split(parseClassListRegex));
405
431
  const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
406
432
  // if the element passed in is a shadow root, which is a document fragment
407
433
  // then we want to be adding attrs/props to the shadow root's "host" element
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-a4712860.js');
5
+ const index = require('./index-95713c33.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  const defineCustomElements = async (win, options) => {
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const name = "genesys-spark-chart-components";
4
- const version = "4.58.0";
4
+ const version = "4.60.0";
5
5
  const description = "Common chart webcomponents";
6
6
  const license = "MIT";
7
7
  const main = "dist/stencil-wrapper.js";
@@ -113,7 +113,7 @@ const publishConfig = {
113
113
  const collection = "dist/collection/collection-manifest.json";
114
114
  const prettier = "prettier-config-genesys-spark-components";
115
115
  const volta = {
116
- node: "18.16.1"
116
+ node: "18.20.3"
117
117
  };
118
118
  const packageInfo = {
119
119
  name: name,
@@ -16,4 +16,8 @@ text {
16
16
 
17
17
  .mark-rule.role-axis-domain line {
18
18
  stroke: #2e394c;
19
+ }
20
+
21
+ .gux-chart-container {
22
+ width: 100%;
19
23
  }
@@ -31,7 +31,12 @@ export class GuxVisualization {
31
31
  visSpec.signals.push({
32
32
  name: 'chartClick',
33
33
  value: 0,
34
- on: [{ events: 'rect:mousedown', update: 'datum' }]
34
+ on: [
35
+ { events: 'rect:mousedown', update: 'datum' },
36
+ { events: 'arc:mousedown', update: 'datum' },
37
+ { events: 'line:mousedown', update: 'datum' },
38
+ { events: 'symbol:mousedown', update: 'datum' }
39
+ ]
35
40
  });
36
41
  return visSpec;
37
42
  }
@@ -46,7 +51,7 @@ export class GuxVisualization {
46
51
  this.chartComponentReady.emit();
47
52
  }
48
53
  render() {
49
- return (h("div", { key: '109a4cf0a395ef4d9b6a5aec9e306d416ae86e65', ref: el => (this.chartContainer = el) }));
54
+ return (h("div", { key: '40163c04901e2dc66a719d7366893100da55845e', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
50
55
  }
51
56
  static get is() { return "gux-visualization-beta"; }
52
57
  static get encapsulation() { return "shadow"; }
@@ -1,5 +1,5 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-82fd7406.js';
2
- export { s as setNonce } from './index-82fd7406.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-e4944b0d.js';
2
+ export { s as setNonce } from './index-e4944b0d.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  /*
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, g as getElement } from './index-82fd7406.js';
2
- import { t as trackComponent } from './usage-7c5fd53e.js';
1
+ import { r as registerInstance, h, g as getElement } from './index-e4944b0d.js';
2
+ import { t as trackComponent } from './usage-ee82ddfe.js';
3
3
  import { V as VISUALIZATION_COLORS, l as logError } from './log-error-ff9bdda4.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}";
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, g as getElement } from './index-82fd7406.js';
2
- import { t as trackComponent } from './usage-7c5fd53e.js';
1
+ import { r as registerInstance, h, g as getElement } from './index-e4944b0d.js';
2
+ import { t as trackComponent } from './usage-ee82ddfe.js';
3
3
  import { V as VISUALIZATION_COLORS, l as logError } from './log-error-ff9bdda4.js';
4
4
 
5
5
  const guxChartDonutCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, g as getElement } from './index-82fd7406.js';
2
- import { t as trackComponent } from './usage-7c5fd53e.js';
1
+ import { r as registerInstance, h, g as getElement } from './index-e4944b0d.js';
2
+ import { t as trackComponent } from './usage-ee82ddfe.js';
3
3
  import { V as VISUALIZATION_COLORS, l as logError } from './log-error-ff9bdda4.js';
4
4
 
5
5
  const guxChartLineCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, g as getElement } from './index-82fd7406.js';
2
- import { t as trackComponent } from './usage-7c5fd53e.js';
1
+ import { r as registerInstance, h, g as getElement } from './index-e4944b0d.js';
2
+ import { t as trackComponent } from './usage-ee82ddfe.js';
3
3
  import { V as VISUALIZATION_COLORS, l as logError } from './log-error-ff9bdda4.js';
4
4
 
5
5
  const guxChartPieCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, g as getElement } from './index-82fd7406.js';
2
- import { t as trackComponent } from './usage-7c5fd53e.js';
1
+ import { r as registerInstance, h, g as getElement } from './index-e4944b0d.js';
2
+ import { t as trackComponent } from './usage-ee82ddfe.js';
3
3
  import { V as VISUALIZATION_COLORS, l as logError } from './log-error-ff9bdda4.js';
4
4
 
5
5
  const guxChartScatterPlotCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, c as createEvent, h as h$1, g as getElement } from './index-82fd7406.js';
2
- import { t as trackComponent } from './usage-7c5fd53e.js';
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-ee82ddfe.js';
3
3
 
4
4
  /*!
5
5
  * https://github.com/Starcounter-Jack/JSON-Patch
@@ -71892,7 +71892,7 @@ const timeFormatLocale = {
71892
71892
  }
71893
71893
  };
71894
71894
 
71895
- 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}";
71895
+ 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%}";
71896
71896
  const GuxVisualizationBetaStyle0 = guxVisualizationCss;
71897
71897
 
71898
71898
  const GuxVisualization = class {
@@ -71925,7 +71925,12 @@ const GuxVisualization = class {
71925
71925
  visSpec.signals.push({
71926
71926
  name: 'chartClick',
71927
71927
  value: 0,
71928
- on: [{ events: 'rect:mousedown', update: 'datum' }]
71928
+ on: [
71929
+ { events: 'rect:mousedown', update: 'datum' },
71930
+ { events: 'arc:mousedown', update: 'datum' },
71931
+ { events: 'line:mousedown', update: 'datum' },
71932
+ { events: 'symbol:mousedown', update: 'datum' }
71933
+ ]
71929
71934
  });
71930
71935
  return visSpec;
71931
71936
  }
@@ -71940,7 +71945,7 @@ const GuxVisualization = class {
71940
71945
  this.chartComponentReady.emit();
71941
71946
  }
71942
71947
  render() {
71943
- return (h$1("div", { key: '109a4cf0a395ef4d9b6a5aec9e306d416ae86e65', ref: el => (this.chartContainer = el) }));
71948
+ return (h$1("div", { key: '40163c04901e2dc66a719d7366893100da55845e', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
71944
71949
  }
71945
71950
  get root() { return getElement(this); }
71946
71951
  };
@@ -110,6 +110,18 @@ const h = (nodeName, vnodeData, ...children) => {
110
110
  if (vnodeData.key) {
111
111
  key = vnodeData.key;
112
112
  }
113
+ // normalize class / className attributes
114
+ {
115
+ const classData = vnodeData.className || vnodeData.class;
116
+ if (classData) {
117
+ vnodeData.class =
118
+ typeof classData !== 'object'
119
+ ? classData
120
+ : Object.keys(classData)
121
+ .filter((k) => classData[k])
122
+ .join(' ');
123
+ }
124
+ }
113
125
  }
114
126
  const vnode = newVNode(nodeName, null);
115
127
  vnode.$attrs$ = vnodeData;
@@ -331,7 +343,14 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
331
343
  if (oldValue !== newValue) {
332
344
  let isProp = isMemberInElement(elm, memberName);
333
345
  memberName.toLowerCase();
334
- if (memberName === 'key')
346
+ if (memberName === 'class') {
347
+ const classList = elm.classList;
348
+ const oldClasses = parseClassList(oldValue);
349
+ const newClasses = parseClassList(newValue);
350
+ classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
351
+ classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
352
+ }
353
+ else if (memberName === 'key')
335
354
  ;
336
355
  else if (memberName === 'ref') {
337
356
  // minifier will clean this up
@@ -380,6 +399,13 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
380
399
  }
381
400
  }
382
401
  };
402
+ const parseClassListRegex = /\s/;
403
+ /**
404
+ * Parsed a string of classnames into an array
405
+ * @param value className string, e.g. "foo bar baz"
406
+ * @returns list of classes, e.g. ["foo", "bar", "baz"]
407
+ */
408
+ const parseClassList = (value) => (!value ? [] : value.split(parseClassListRegex));
383
409
  const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
384
410
  // if the element passed in is a shadow root, which is a document fragment
385
411
  // then we want to be adding attrs/props to the shadow root's "host" element
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-82fd7406.js';
2
- export { s as setNonce } from './index-82fd7406.js';
1
+ import { b as bootstrapLazy } from './index-e4944b0d.js';
2
+ export { s as setNonce } from './index-e4944b0d.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
@@ -1,5 +1,5 @@
1
1
  const name = "genesys-spark-chart-components";
2
- const version = "4.58.0";
2
+ const version = "4.60.0";
3
3
  const description = "Common chart webcomponents";
4
4
  const license = "MIT";
5
5
  const main = "dist/stencil-wrapper.js";
@@ -111,7 +111,7 @@ const publishConfig = {
111
111
  const collection = "dist/collection/collection-manifest.json";
112
112
  const prettier = "prettier-config-genesys-spark-components";
113
113
  const volta = {
114
- node: "18.16.1"
114
+ node: "18.20.3"
115
115
  };
116
116
  const packageInfo = {
117
117
  name: name,
@@ -1 +1 @@
1
- import{p as e,b as l}from"./p-1bc0cc3a.js";export{s as setNonce}from"./p-1bc0cc3a.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-bea69ef9",[[1,"gux-visualization-beta",{visualizationSpec:[16],embedOptions:[16]}]]],["p-293ef219",[[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-bc162173",[[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-d463ecbc",[[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-3f40c480",[[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-a4b8ef0d",[[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-9b0f321a",[[1,"gux-visualization-beta",{visualizationSpec:[16],embedOptions:[16]}]]],["p-720f9f39",[[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-62bd478a",[[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-6a5c4bfc",[[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-cc83981e",[[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-e1770300",[[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 +1 @@
1
- import{r as t,h as i,g as e}from"./p-1bc0cc3a.js";import{t as s}from"./p-7e34a7f2.js";import{V as a,l as h}from"./p-f50e3789.js";const o="category",n="value",r=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:o,type:"nominal",scale:{range:a},legend:null}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:n,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.innerRadius=void 0,this.labelRadius=void 0,this.labelField=void 0,this.gauge=void 0,this.centerText=void 0,this.centerSubText=void 0,this.showTooltip=!0,this.tooltipOptions=void 0,this.legendX=void 0,this.legendY=void 0,this.legendFontSize=void 0,this.legendSymbolSize=void 0,this.embedOptions=void 0}parseData(){this.outerRadius||this.innerRadius||h(this.root,"requires at least one of outer-radius or inner-radius");let t={};this.chartData&&(t={data:this.chartData}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition),this.includeLegend?(this.baseChartSpec.encoding.color.legend={},(this.legendX||this.legendY)&&(this.baseChartSpec.config.legend.orient="none",this.legendX&&(this.baseChartSpec.encoding.color.legend.legendX=this.legendX),this.legendY&&(this.baseChartSpec.encoding.color.legend.legendY=this.legendY)),this.legendFontSize&&(this.baseChartSpec.encoding.color.legend.labelFontSize=this.legendFontSize),this.legendSymbolSize&&(this.baseChartSpec.encoding.color.legend.symbolSize=this.legendSymbolSize)):this.baseChartSpec.encoding.color.legend=null;const i=this.colorFieldName||o;i&&(this.baseChartSpec.encoding.color.field=i);this.baseChartSpec.encoding.color.title=this.legendTitle||"";let e=this.outerRadius,s=this.innerRadius;e||(e=s+32),s||(s=e-32);let a=1;this.gauge?(this.baseChartSpec.layer=[{data:{values:[{progress:"default",value:100}]},mark:{type:"arc",innerRadius:s},encoding:{theta:{field:"value",type:"quantitative"},color:{value:"#E4E9F0"},tooltip:null}},{mark:{type:"arc",outerRadius:e,innerRadius:s,padAngle:.01}},{mark:{type:"arc",innerRadius:s,padAngle:.01}}],a=2):this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:e,innerRadius:s}},{mark:{type:"arc",innerRadius:s,stroke:"#fff"}}];const r=this.centerText;r&&this.baseChartSpec.layer.push({data:{values:[{centerText:r,value:0}]},mark:{align:"center",type:"text",baseline:"middle"},encoding:{color:{value:"#4C5054"},text:{field:"centerText"},size:{value:{expr:"height * 0.09"}},tooltip:null}});const l=this.centerSubText;l&&this.baseChartSpec.layer.push({data:{values:[{centerSubText:l,value:0}]},mark:{align:"center",type:"text",baseline:"middle",y:{expr:"height/2 + 20"}},encoding:{color:{value:"#6A6D70"},text:{field:"centerSubText"},size:{value:{expr:"height * 0.06"}},tooltip:null}});const d=this.labelRadius,c=this.labelField||n;d&&this.baseChartSpec.layer.push({mark:{type:"text",radius:d},encoding:{text:{field:c,type:"quantitative"}}}),this.showTooltip&&(this.tooltipOptions?(this.baseChartSpec.layer[a].mark.tooltip={content:"data"},this.tooltipSpec={actions:!1,tooltip:this.tooltipOptions}):this.baseChartSpec.encoding.tooltip={field:c,aggregate:"count",type:"quantitative"});const u=Object.assign(this.baseChartSpec,t);this.visualizationSpec=u}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"1841c32ed4312b87b8bdeca52a007a6905effce9",visualizationSpec:this.visualizationSpec,embedOptions:this.tooltipSpec})}get root(){return e(this)}static get watchers(){return{chartData:["parseData"]}}};r.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{r as gux_chart_donut_beta}
1
+ import{r as t,h as i,g as e}from"./p-e068d41d.js";import{t as s}from"./p-bbd7ff25.js";import{V as a,l as h}from"./p-f50e3789.js";const o="category",n="value",r=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:o,type:"nominal",scale:{range:a},legend:null}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:n,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.innerRadius=void 0,this.labelRadius=void 0,this.labelField=void 0,this.gauge=void 0,this.centerText=void 0,this.centerSubText=void 0,this.showTooltip=!0,this.tooltipOptions=void 0,this.legendX=void 0,this.legendY=void 0,this.legendFontSize=void 0,this.legendSymbolSize=void 0,this.embedOptions=void 0}parseData(){this.outerRadius||this.innerRadius||h(this.root,"requires at least one of outer-radius or inner-radius");let t={};this.chartData&&(t={data:this.chartData}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition),this.includeLegend?(this.baseChartSpec.encoding.color.legend={},(this.legendX||this.legendY)&&(this.baseChartSpec.config.legend.orient="none",this.legendX&&(this.baseChartSpec.encoding.color.legend.legendX=this.legendX),this.legendY&&(this.baseChartSpec.encoding.color.legend.legendY=this.legendY)),this.legendFontSize&&(this.baseChartSpec.encoding.color.legend.labelFontSize=this.legendFontSize),this.legendSymbolSize&&(this.baseChartSpec.encoding.color.legend.symbolSize=this.legendSymbolSize)):this.baseChartSpec.encoding.color.legend=null;const i=this.colorFieldName||o;i&&(this.baseChartSpec.encoding.color.field=i);this.baseChartSpec.encoding.color.title=this.legendTitle||"";let e=this.outerRadius,s=this.innerRadius;e||(e=s+32),s||(s=e-32);let a=1;this.gauge?(this.baseChartSpec.layer=[{data:{values:[{progress:"default",value:100}]},mark:{type:"arc",innerRadius:s},encoding:{theta:{field:"value",type:"quantitative"},color:{value:"#E4E9F0"},tooltip:null}},{mark:{type:"arc",outerRadius:e,innerRadius:s,padAngle:.01}},{mark:{type:"arc",innerRadius:s,padAngle:.01}}],a=2):this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:e,innerRadius:s}},{mark:{type:"arc",innerRadius:s,stroke:"#fff"}}];const r=this.centerText;r&&this.baseChartSpec.layer.push({data:{values:[{centerText:r,value:0}]},mark:{align:"center",type:"text",baseline:"middle"},encoding:{color:{value:"#4C5054"},text:{field:"centerText"},size:{value:{expr:"height * 0.09"}},tooltip:null}});const l=this.centerSubText;l&&this.baseChartSpec.layer.push({data:{values:[{centerSubText:l,value:0}]},mark:{align:"center",type:"text",baseline:"middle",y:{expr:"height/2 + 20"}},encoding:{color:{value:"#6A6D70"},text:{field:"centerSubText"},size:{value:{expr:"height * 0.06"}},tooltip:null}});const d=this.labelRadius,u=this.labelField||n;d&&this.baseChartSpec.layer.push({mark:{type:"text",radius:d},encoding:{text:{field:u,type:"quantitative"}}}),this.showTooltip&&(this.tooltipOptions?(this.baseChartSpec.layer[a].mark.tooltip={content:"data"},this.tooltipSpec={actions:!1,tooltip:this.tooltipOptions}):this.baseChartSpec.encoding.tooltip={field:u,aggregate:"count",type:"quantitative"});const c=Object.assign(this.baseChartSpec,t);this.visualizationSpec=c}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"1841c32ed4312b87b8bdeca52a007a6905effce9",visualizationSpec:this.visualizationSpec,embedOptions:this.tooltipSpec})}get root(){return e(this)}static get watchers(){return{chartData:["parseData"]}}};r.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{r as gux_chart_donut_beta}
@@ -1 +1 @@
1
- import{r as t,h as i,g as s}from"./p-1bc0cc3a.js";import{t as e}from"./p-7e34a7f2.js";import{V as h,l as a}from"./p-f50e3789.js";const o="category",n=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"line",interpolate:"linear",point:!1},config:{axis:{ticks:!1,titlePadding:8},axisX:{labelAngle:0},legend:{symbolType:"circle"}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},color:{field:o,type:"nominal",scale:{range:h},legend:null},tooltip:{aggregate:"count",type:"quantitative"}}},this.chartData=void 0,this.xTickLabelSlant=void 0,this.includeLegend=void 0,this.legendPosition="right",this.includeDataPointMarkers=void 0,this.xFieldName=void 0,this.xAxisTitle=void 0,this.yFieldName=void 0,this.yAxisTitle=void 0,this.legendTitle=void 0,this.colorFieldName=void 0,this.strokeDash=void 0,this.interpolation=void 0,this.embedOptions=void 0}parseData(){this.xFieldName&&this.yFieldName||a(this.root,"requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=45),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,s=this.xAxisTitle,e=this.yFieldName,h=this.yAxisTitle,n=this.legendTitle,r=this.colorFieldName||o,l=this.interpolation,c=this.strokeDash,d=this.includeDataPointMarkers;i&&(this.baseChartSpec.encoding.x.field=i),s&&(this.baseChartSpec.encoding.x.title=s),e&&(this.baseChartSpec.encoding.y.field=e),h&&(this.baseChartSpec.encoding.y.title=h),r&&(this.baseChartSpec.encoding.color.field=r),n&&(this.baseChartSpec.encoding.color.title=n),c&&(this.baseChartSpec.encoding.strokeDash={field:r,type:"nominal"}),l&&(this.baseChartSpec.mark.interpolate=l),d&&(this.baseChartSpec.mark.point=d);const g=Object.assign(this.baseChartSpec,t);this.visualizationSpec=g}componentWillLoad(){e(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"d312d8b365db65c08f3631bb4976e74f7bf077ac",visualizationSpec:this.visualizationSpec})}get root(){return s(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_line_beta}
1
+ import{r as t,h as i,g as s}from"./p-e068d41d.js";import{t as e}from"./p-bbd7ff25.js";import{V as h,l as a}from"./p-f50e3789.js";const o="category",n=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"line",interpolate:"linear",point:!1},config:{axis:{ticks:!1,titlePadding:8},axisX:{labelAngle:0},legend:{symbolType:"circle"}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},color:{field:o,type:"nominal",scale:{range:h},legend:null},tooltip:{aggregate:"count",type:"quantitative"}}},this.chartData=void 0,this.xTickLabelSlant=void 0,this.includeLegend=void 0,this.legendPosition="right",this.includeDataPointMarkers=void 0,this.xFieldName=void 0,this.xAxisTitle=void 0,this.yFieldName=void 0,this.yAxisTitle=void 0,this.legendTitle=void 0,this.colorFieldName=void 0,this.strokeDash=void 0,this.interpolation=void 0,this.embedOptions=void 0}parseData(){this.xFieldName&&this.yFieldName||a(this.root,"requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=45),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,s=this.xAxisTitle,e=this.yFieldName,h=this.yAxisTitle,n=this.legendTitle,r=this.colorFieldName||o,l=this.interpolation,d=this.strokeDash,c=this.includeDataPointMarkers;i&&(this.baseChartSpec.encoding.x.field=i),s&&(this.baseChartSpec.encoding.x.title=s),e&&(this.baseChartSpec.encoding.y.field=e),h&&(this.baseChartSpec.encoding.y.title=h),r&&(this.baseChartSpec.encoding.color.field=r),n&&(this.baseChartSpec.encoding.color.title=n),d&&(this.baseChartSpec.encoding.strokeDash={field:r,type:"nominal"}),l&&(this.baseChartSpec.mark.interpolate=l),c&&(this.baseChartSpec.mark.point=c);const g=Object.assign(this.baseChartSpec,t);this.visualizationSpec=g}componentWillLoad(){e(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"d312d8b365db65c08f3631bb4976e74f7bf077ac",visualizationSpec:this.visualizationSpec})}get root(){return s(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_line_beta}
@@ -1 +1 @@
1
- import{r as t,h as i,g as a}from"./p-1bc0cc3a.js";import{t as s}from"./p-7e34a7f2.js";import{V as e,l as h}from"./p-f50e3789.js";const o=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"bar"},config:{axis:{ticks:!1,titlePadding:8},axisX:{labelAngle:0},scale:{bandPaddingInner:.4,bandPaddingOuter:.4},legend:{symbolType:"circle"},bar:{color:e[0]}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},tooltip:{aggregate:"count",type:"quantitative"}}},this.chartData=void 0,this.xTickLabelSlant=void 0,this.includeLegend=void 0,this.xFieldName=void 0,this.yFieldName=void 0,this.xAxisTitle=void 0,this.yAxisTitle=void 0,this.legendTitle=void 0,this.legendPosition="right",this.chartLayers=void 0,this.embedOptions=void 0}parseData(){this.xFieldName&&this.yFieldName||h(this.root,"requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=45),this.includeLegend&&(this.baseChartSpec.encoding.color={field:"category"}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,a=this.yFieldName,s=this.xAxisTitle,o=this.yAxisTitle,r=this.legendTitle;if(this.chartLayers){const t=this.chartLayers.map((t=>({mark:"bar",transform:[{filter:{field:"series",equal:t}}],encoding:{x:{field:i,type:"nominal"},y:{field:a,type:"quantitative"}}})));this.baseChartSpec.layer=t}else i&&(this.baseChartSpec.encoding.x.field=i),a&&(this.baseChartSpec.encoding.y.field=a),s&&(this.baseChartSpec.encoding.x.title=s),o&&(this.baseChartSpec.encoding.y.title=o),r&&(this.baseChartSpec.encoding.color.title=r);this.baseChartSpec.config.range={[i]:e};const n=Object.assign(this.baseChartSpec,t);this.visualizationSpec=n}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"204c508da5ccda0059c2500fa91b06ad6ac91c2d",visualizationSpec:this.visualizationSpec})}get root(){return a(this)}static get watchers(){return{chartData:["parseData"]}}};o.style="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}";export{o as gux_chart_column_beta}
1
+ import{r as t,h as i,g as a}from"./p-e068d41d.js";import{t as s}from"./p-bbd7ff25.js";import{V as e,l as h}from"./p-f50e3789.js";const o=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"bar"},config:{axis:{ticks:!1,titlePadding:8},axisX:{labelAngle:0},scale:{bandPaddingInner:.4,bandPaddingOuter:.4},legend:{symbolType:"circle"},bar:{color:e[0]}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},tooltip:{aggregate:"count",type:"quantitative"}}},this.chartData=void 0,this.xTickLabelSlant=void 0,this.includeLegend=void 0,this.xFieldName=void 0,this.yFieldName=void 0,this.xAxisTitle=void 0,this.yAxisTitle=void 0,this.legendTitle=void 0,this.legendPosition="right",this.chartLayers=void 0,this.embedOptions=void 0}parseData(){this.xFieldName&&this.yFieldName||h(this.root,"requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=45),this.includeLegend&&(this.baseChartSpec.encoding.color={field:"category"}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,a=this.yFieldName,s=this.xAxisTitle,o=this.yAxisTitle,r=this.legendTitle;if(this.chartLayers){const t=this.chartLayers.map((t=>({mark:"bar",transform:[{filter:{field:"series",equal:t}}],encoding:{x:{field:i,type:"nominal"},y:{field:a,type:"quantitative"}}})));this.baseChartSpec.layer=t}else i&&(this.baseChartSpec.encoding.x.field=i),a&&(this.baseChartSpec.encoding.y.field=a),s&&(this.baseChartSpec.encoding.x.title=s),o&&(this.baseChartSpec.encoding.y.title=o),r&&(this.baseChartSpec.encoding.color.title=r);this.baseChartSpec.config.range={[i]:e};const n=Object.assign(this.baseChartSpec,t);this.visualizationSpec=n}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"204c508da5ccda0059c2500fa91b06ad6ac91c2d",visualizationSpec:this.visualizationSpec})}get root(){return a(this)}static get watchers(){return{chartData:["parseData"]}}};o.style="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}";export{o as gux_chart_column_beta}