genesys-spark-chart-components 4.201.1 → 4.202.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 (25) hide show
  1. package/dist/cjs/{color-palette-BtjJrL5z.js → color-palette-DOJh4cNZ.js} +1 -1
  2. package/dist/cjs/gux-chart-column-beta.cjs.entry.js +1 -1
  3. package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +1 -1
  4. package/dist/cjs/gux-chart-line-beta.cjs.entry.js +1 -1
  5. package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +1 -1
  6. package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +1 -1
  7. package/dist/cjs/gux-visualization-beta.cjs.entry.js +2 -2
  8. package/dist/collection/components/beta/gux-visualization/gux-visualization.js +2 -2
  9. package/dist/collection/test/setupTests.js +0 -2
  10. package/dist/esm/{color-palette-B30G7i3D.js → color-palette-CqY6Km9m.js} +1 -1
  11. package/dist/esm/gux-chart-column-beta.entry.js +1 -1
  12. package/dist/esm/gux-chart-donut-beta.entry.js +1 -1
  13. package/dist/esm/gux-chart-line-beta.entry.js +1 -1
  14. package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
  15. package/dist/esm/gux-chart-scatter-plot-beta.entry.js +1 -1
  16. package/dist/esm/gux-visualization-beta.entry.js +2 -2
  17. package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
  18. package/dist/genesys-chart-webcomponents/{p-bcb35728.entry.js → p-0bd6f695.entry.js} +1 -1
  19. package/dist/genesys-chart-webcomponents/{p-7c5e92ee.entry.js → p-4a5cb50a.entry.js} +2 -2
  20. package/dist/genesys-chart-webcomponents/{p-a4cd5603.entry.js → p-5b977d65.entry.js} +1 -1
  21. package/dist/genesys-chart-webcomponents/{p-B30G7i3D.js → p-CqY6Km9m.js} +1 -1
  22. package/dist/genesys-chart-webcomponents/{p-95f28294.entry.js → p-b10de83b.entry.js} +1 -1
  23. package/dist/genesys-chart-webcomponents/{p-3db92e2b.entry.js → p-eb769e31.entry.js} +1 -1
  24. package/dist/genesys-chart-webcomponents/{p-a247e181.entry.js → p-ee1b963c.entry.js} +1 -1
  25. package/package.json +7 -7
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- const version = "4.201.1";
3
+ const version = "4.202.0";
4
4
  var packageInfo = {
5
5
  version: version};
6
6
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-DEg9dZRu.js');
4
- var colorPalette = require('./color-palette-BtjJrL5z.js');
4
+ var colorPalette = require('./color-palette-DOJh4cNZ.js');
5
5
  var logError = require('./log-error-BMPVm36Q.js');
6
6
 
7
7
  const guxChartColumnCss = "gux-visualization-beta{height:fit-content;color:#2e394c;}gux-visualization-beta .mark-rect.layer_0_marks path{fill:url(#diagonalHatch0)}gux-visualization-beta{}gux-visualization-beta .mark-rect.layer_1_marks path{fill:#1da8b3}";
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-DEg9dZRu.js');
4
- var colorPalette = require('./color-palette-BtjJrL5z.js');
4
+ var colorPalette = require('./color-palette-DOJh4cNZ.js');
5
5
  var logError = require('./log-error-BMPVm36Q.js');
6
6
 
7
7
  const guxChartDonutCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-DEg9dZRu.js');
4
- var colorPalette = require('./color-palette-BtjJrL5z.js');
4
+ var colorPalette = require('./color-palette-DOJh4cNZ.js');
5
5
  var logError = require('./log-error-BMPVm36Q.js');
6
6
 
7
7
  const guxChartLineCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-DEg9dZRu.js');
4
- var colorPalette = require('./color-palette-BtjJrL5z.js');
4
+ var colorPalette = require('./color-palette-DOJh4cNZ.js');
5
5
  var logError = require('./log-error-BMPVm36Q.js');
6
6
 
7
7
  const guxChartPieCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-DEg9dZRu.js');
4
- var colorPalette = require('./color-palette-BtjJrL5z.js');
4
+ var colorPalette = require('./color-palette-DOJh4cNZ.js');
5
5
  var logError = require('./log-error-BMPVm36Q.js');
6
6
 
7
7
  const guxChartScatterPlotCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index$2 = require('./index-DEg9dZRu.js');
4
- var colorPalette = require('./color-palette-BtjJrL5z.js');
4
+ var colorPalette = require('./color-palette-DOJh4cNZ.js');
5
5
 
6
6
  // Note: This regex matches even invalid JSON strings, but since we’re
7
7
  // working on the output of `JSON.stringify` we know that only valid strings
@@ -69120,7 +69120,7 @@ const GuxVisualization = class {
69120
69120
  this.chartComponentReady.emit();
69121
69121
  }
69122
69122
  render() {
69123
- return (index$2.h("div", { key: '26f69e7d9a719f90fb87abdfaf5cf7c135de8750', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
69123
+ return (index$2.h("div", { key: 'e449ffbfe1bd6f3c5bd1aebba11e804b4273f7da', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
69124
69124
  }
69125
69125
  get root() { return index$2.getElement(this); }
69126
69126
  };
@@ -2,7 +2,7 @@
2
2
  import { h } from "@stencil/core";
3
3
  import embed from "vega-embed";
4
4
  import { time } from "@redsift/d3-rs-intl";
5
- import { sparkIntl } from "genesys-spark-utils";
5
+ import { sparkIntl } from "@genesys/genesys-spark-utils";
6
6
  import { trackComponent } from "../../../utils/tracking/usage";
7
7
  import * as VisualizationColorUtil from "../../../utils/theme/color-palette";
8
8
  export class GuxVisualization {
@@ -71,7 +71,7 @@ export class GuxVisualization {
71
71
  this.chartComponentReady.emit();
72
72
  }
73
73
  render() {
74
- return (h("div", { key: '26f69e7d9a719f90fb87abdfaf5cf7c135de8750', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
74
+ return (h("div", { key: 'e449ffbfe1bd6f3c5bd1aebba11e804b4273f7da', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
75
75
  }
76
76
  static get is() { return "gux-visualization-beta"; }
77
77
  static get encapsulation() { return "shadow"; }
@@ -1,5 +1,3 @@
1
- /* eslint-env jest, node */
2
-
3
1
  global.beforeEach(() => {
4
2
  jest.spyOn(global.Math, 'random').mockReturnValue(0.5);
5
3
  });
@@ -1,4 +1,4 @@
1
- const version = "4.201.1";
1
+ const version = "4.202.0";
2
2
  var packageInfo = {
3
3
  version: version};
4
4
 
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, g as getElement } from './index-WPqt-wWR.js';
2
- import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-B30G7i3D.js';
2
+ import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-CqY6Km9m.js';
3
3
  import { l as logError } from './log-error-nsqlWzyl.js';
4
4
 
5
5
  const guxChartColumnCss = "gux-visualization-beta{height:fit-content;color:#2e394c;}gux-visualization-beta .mark-rect.layer_0_marks path{fill:url(#diagonalHatch0)}gux-visualization-beta{}gux-visualization-beta .mark-rect.layer_1_marks path{fill:#1da8b3}";
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, g as getElement } from './index-WPqt-wWR.js';
2
- import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-B30G7i3D.js';
2
+ import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-CqY6Km9m.js';
3
3
  import { l as logError } from './log-error-nsqlWzyl.js';
4
4
 
5
5
  const guxChartDonutCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, g as getElement } from './index-WPqt-wWR.js';
2
- import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-B30G7i3D.js';
2
+ import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-CqY6Km9m.js';
3
3
  import { l as logError } from './log-error-nsqlWzyl.js';
4
4
 
5
5
  const guxChartLineCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, g as getElement } from './index-WPqt-wWR.js';
2
- import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-B30G7i3D.js';
2
+ import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-CqY6Km9m.js';
3
3
  import { l as logError } from './log-error-nsqlWzyl.js';
4
4
 
5
5
  const guxChartPieCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, g as getElement } from './index-WPqt-wWR.js';
2
- import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-B30G7i3D.js';
2
+ import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-CqY6Km9m.js';
3
3
  import { l as logError } from './log-error-nsqlWzyl.js';
4
4
 
5
5
  const guxChartScatterPlotCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, h as h$1, g as getElement } from './index-WPqt-wWR.js';
2
- import { a as DEFAULT_DOMAIN_COLOR, D as DEFAULT_LABEL_COLOR, t as trackComponent } from './color-palette-B30G7i3D.js';
2
+ import { a as DEFAULT_DOMAIN_COLOR, D as DEFAULT_LABEL_COLOR, t as trackComponent } from './color-palette-CqY6Km9m.js';
3
3
 
4
4
  // Note: This regex matches even invalid JSON strings, but since we’re
5
5
  // working on the output of `JSON.stringify` we know that only valid strings
@@ -69118,7 +69118,7 @@ const GuxVisualization = class {
69118
69118
  this.chartComponentReady.emit();
69119
69119
  }
69120
69120
  render() {
69121
- return (h$1("div", { key: '26f69e7d9a719f90fb87abdfaf5cf7c135de8750', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
69121
+ return (h$1("div", { key: 'e449ffbfe1bd6f3c5bd1aebba11e804b4273f7da', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
69122
69122
  }
69123
69123
  get root() { return getElement(this); }
69124
69124
  };
@@ -1 +1 @@
1
- import{p as e,b as l}from"./p-WPqt-wWR.js";export{s as setNonce}from"./p-WPqt-wWR.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await a(),l([["p-7c5e92ee",[[257,"gux-visualization-beta",{visualizationSpec:[16],embedOptions:[16],screenreaderDescription:[1,"screenreader-description"]}]]],["p-95f28294",[[257,"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-3db92e2b",[[257,"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-a247e181",[[257,"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-a4cd5603",[[257,"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-bcb35728",[[257,"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))));
1
+ import{p as e,b as l}from"./p-WPqt-wWR.js";export{s as setNonce}from"./p-WPqt-wWR.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await a(),l([["p-4a5cb50a",[[257,"gux-visualization-beta",{visualizationSpec:[16],embedOptions:[16],screenreaderDescription:[1,"screenreader-description"]}]]],["p-b10de83b",[[257,"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-eb769e31",[[257,"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-ee1b963c",[[257,"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-5b977d65",[[257,"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-0bd6f695",[[257,"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))));
@@ -1 +1 @@
1
- import{r as t,h as i,g as s}from"./p-WPqt-wWR.js";import{D as e,a,V as o,t as h}from"./p-B30G7i3D.js";import{l}from"./p-nsqlWzyl.js";const n="category",r=class{constructor(i){t(this,i),this.labelColor=e,this.domainColor=a,this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v6.json",params:[{name:"onHover",select:{type:"point",on:"mouseover"}}],config:{axis:{ticks:!1,titlePadding:8,gridColor:"#F6F7F9",labelColor:this.labelColor||e,domainColor:this.domainColor||a},axisX:{labelAngle:0,grid:!0},legend:{symbolType:"circle"}},width:{step:40},encoding:{x:{type:"nominal"},y:{type:"quantitative"},color:{field:n,type:"nominal",scale:{range:o},legend:null},size:{condition:[{param:"onHover",empty:!1,value:100}],value:40}}},this.legendPosition="right"}parseData(){this.xFieldName&&this.yFieldName||l(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.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,s=this.xAxisTitle,e=this.yFieldName,a=this.yAxisTitle,o=this.legendTitle,h=this.useShape||"circle",r=this.colorFieldName||n;this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),i&&(this.baseChartSpec.encoding.x.field=i),s&&(this.baseChartSpec.encoding.x.title=s),e&&(this.baseChartSpec.encoding.y.field=e),a&&(this.baseChartSpec.encoding.y.title=a),this.baseChartSpec.encoding.color.field=r,o&&(this.baseChartSpec.encoding.color.title=o),this.baseChartSpec.mark={type:h,filled:!0},this.baseChartSpec.config.legend.symbolType=h,this.baseChartSpec.encoding.shape={field:r,type:"nominal"},this.baseChartSpec.encoding.tooltip=[{field:i,type:"nominal",title:s},{field:e,type:"quantitative",title:a},{field:r,type:"nominal",title:o}];const c=Object.assign(this.baseChartSpec,t);this.visualizationSpec=c}componentWillLoad(){h(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"99d30b8b621965db1bb64abc45fa8075f7f1db2f",visualizationSpec:this.visualizationSpec})}get root(){return s(this)}static get watchers(){return{chartData:["parseData"]}}};r.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{r as gux_chart_scatter_plot_beta}
1
+ import{r as t,h as i,g as s}from"./p-WPqt-wWR.js";import{D as e,a,V as o,t as h}from"./p-CqY6Km9m.js";import{l}from"./p-nsqlWzyl.js";const n="category",r=class{constructor(i){t(this,i),this.labelColor=e,this.domainColor=a,this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v6.json",params:[{name:"onHover",select:{type:"point",on:"mouseover"}}],config:{axis:{ticks:!1,titlePadding:8,gridColor:"#F6F7F9",labelColor:this.labelColor||e,domainColor:this.domainColor||a},axisX:{labelAngle:0,grid:!0},legend:{symbolType:"circle"}},width:{step:40},encoding:{x:{type:"nominal"},y:{type:"quantitative"},color:{field:n,type:"nominal",scale:{range:o},legend:null},size:{condition:[{param:"onHover",empty:!1,value:100}],value:40}}},this.legendPosition="right"}parseData(){this.xFieldName&&this.yFieldName||l(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.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,s=this.xAxisTitle,e=this.yFieldName,a=this.yAxisTitle,o=this.legendTitle,h=this.useShape||"circle",r=this.colorFieldName||n;this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),i&&(this.baseChartSpec.encoding.x.field=i),s&&(this.baseChartSpec.encoding.x.title=s),e&&(this.baseChartSpec.encoding.y.field=e),a&&(this.baseChartSpec.encoding.y.title=a),this.baseChartSpec.encoding.color.field=r,o&&(this.baseChartSpec.encoding.color.title=o),this.baseChartSpec.mark={type:h,filled:!0},this.baseChartSpec.config.legend.symbolType=h,this.baseChartSpec.encoding.shape={field:r,type:"nominal"},this.baseChartSpec.encoding.tooltip=[{field:i,type:"nominal",title:s},{field:e,type:"quantitative",title:a},{field:r,type:"nominal",title:o}];const c=Object.assign(this.baseChartSpec,t);this.visualizationSpec=c}componentWillLoad(){h(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"99d30b8b621965db1bb64abc45fa8075f7f1db2f",visualizationSpec:this.visualizationSpec})}get root(){return s(this)}static get watchers(){return{chartData:["parseData"]}}};r.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{r as gux_chart_scatter_plot_beta}