genesys-spark-chart-components 4.259.0 → 4.260.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{color-palette-BSzpW4GK.js → color-palette-CzHvvshC.js} +1 -1
- package/dist/cjs/genesys-chart-webcomponents.cjs.js +1 -1
- package/dist/cjs/gux-chart-column-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-line-beta.cjs.entry.js +16 -8
- package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +17 -10
- package/dist/cjs/gux-visualization-beta.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/beta/gux-chart-line/gux-chart-line.js +55 -7
- package/dist/collection/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.js +56 -9
- package/dist/esm/{color-palette-CcWpusnC.js → color-palette-C1fbSF56.js} +1 -1
- package/dist/esm/genesys-chart-webcomponents.js +1 -1
- package/dist/esm/gux-chart-column-beta.entry.js +1 -1
- package/dist/esm/gux-chart-donut-beta.entry.js +1 -1
- package/dist/esm/gux-chart-line-beta.entry.js +16 -8
- package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
- package/dist/esm/gux-chart-scatter-plot-beta.entry.js +17 -10
- package/dist/esm/gux-visualization-beta.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
- package/dist/genesys-chart-webcomponents/{p-2e2e16b6.entry.js → p-0f2b5235.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-0331421b.entry.js → p-1d961430.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-faded9ed.entry.js → p-4b8df1e2.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-703078ad.entry.js → p-60467401.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-CcWpusnC.js → p-C1fbSF56.js} +1 -1
- package/dist/genesys-chart-webcomponents/p-bebe3cf9.entry.js +1 -0
- package/dist/genesys-chart-webcomponents/p-ffb72c32.entry.js +1 -0
- package/dist/types/components/beta/gux-chart-line/gux-chart-line.d.ts +8 -0
- package/dist/types/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.d.ts +8 -0
- package/dist/types/components.d.ts +44 -0
- package/package.json +3 -3
- package/dist/genesys-chart-webcomponents/p-0de46068.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-eecd3298.entry.js +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-B1rXZ1zs.js';
|
|
2
|
-
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-
|
|
2
|
+
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-C1fbSF56.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}`;
|
|
@@ -34,8 +34,7 @@ const GuxScatterPlotChart = class {
|
|
|
34
34
|
domainColor: DEFAULT_DOMAIN_COLOR
|
|
35
35
|
},
|
|
36
36
|
axisX: {
|
|
37
|
-
labelAngle: 0
|
|
38
|
-
grid: true
|
|
37
|
+
labelAngle: 0
|
|
39
38
|
},
|
|
40
39
|
legend: {
|
|
41
40
|
symbolType: 'circle'
|
|
@@ -64,15 +63,19 @@ const GuxScatterPlotChart = class {
|
|
|
64
63
|
}
|
|
65
64
|
};
|
|
66
65
|
this.legendPosition = 'right';
|
|
66
|
+
/**
|
|
67
|
+
* If true, display gridlines along the x-axis
|
|
68
|
+
*/
|
|
69
|
+
this.xGridVisible = true;
|
|
70
|
+
/**
|
|
71
|
+
* If true, display gridlines along the y-axis
|
|
72
|
+
*/
|
|
73
|
+
this.yGridVisible = false;
|
|
67
74
|
}
|
|
68
75
|
parseData() {
|
|
69
76
|
if (!this.xFieldName || !this.yFieldName) {
|
|
70
77
|
logError(this.root, 'requires x-field-name and y-field-name');
|
|
71
78
|
}
|
|
72
|
-
let chartData = {};
|
|
73
|
-
if (this.chartData) {
|
|
74
|
-
chartData = { data: this.chartData };
|
|
75
|
-
}
|
|
76
79
|
if (this.xTickLabelSlant) {
|
|
77
80
|
this.baseChartSpec.config.axisX.labelAngle = -45;
|
|
78
81
|
}
|
|
@@ -90,12 +93,14 @@ const GuxScatterPlotChart = class {
|
|
|
90
93
|
if (xFieldName) {
|
|
91
94
|
this.baseChartSpec.encoding.x.field = xFieldName;
|
|
92
95
|
}
|
|
96
|
+
this.baseChartSpec.encoding.x.axis = Object.assign(Object.assign({}, this.baseChartSpec.encoding.x.axis), { grid: this.yGridVisible });
|
|
93
97
|
if (xAxisTitle) {
|
|
94
98
|
this.baseChartSpec.encoding.x.title = xAxisTitle;
|
|
95
99
|
}
|
|
96
100
|
if (yFieldName) {
|
|
97
101
|
this.baseChartSpec.encoding.y.field = yFieldName;
|
|
98
102
|
}
|
|
103
|
+
this.baseChartSpec.encoding.y.axis = Object.assign(Object.assign({}, this.baseChartSpec.encoding.y.axis), { grid: this.xGridVisible });
|
|
99
104
|
if (yAxisTitle) {
|
|
100
105
|
this.baseChartSpec.encoding.y.title = yAxisTitle;
|
|
101
106
|
}
|
|
@@ -114,15 +119,17 @@ const GuxScatterPlotChart = class {
|
|
|
114
119
|
{ field: yFieldName, type: 'quantitative', title: yAxisTitle },
|
|
115
120
|
{ field: colorFieldName, type: 'nominal', title: legendTitle }
|
|
116
121
|
];
|
|
117
|
-
|
|
118
|
-
|
|
122
|
+
if (this.chartData) {
|
|
123
|
+
this.baseChartSpec.data = this.chartData;
|
|
124
|
+
}
|
|
125
|
+
this.visualizationSpec = JSON.parse(JSON.stringify(this.baseChartSpec));
|
|
119
126
|
}
|
|
120
127
|
componentWillLoad() {
|
|
121
128
|
trackComponent(this.root);
|
|
122
129
|
this.parseData();
|
|
123
130
|
}
|
|
124
131
|
render() {
|
|
125
|
-
return (h("gux-visualization-beta", { key: '
|
|
132
|
+
return (h("gux-visualization-beta", { key: '8e87c0daedfbc677eb570ee954742ed058b617ed', visualizationSpec: this.visualizationSpec }));
|
|
126
133
|
}
|
|
127
134
|
get root() { return getElement(this); }
|
|
128
135
|
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-B1rXZ1zs.js';
|
|
2
|
-
import { a as DEFAULT_DOMAIN_COLOR, D as DEFAULT_LABEL_COLOR, t as trackComponent } from './color-palette-
|
|
2
|
+
import { a as DEFAULT_DOMAIN_COLOR, D as DEFAULT_LABEL_COLOR, t as trackComponent } from './color-palette-C1fbSF56.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
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-DQuL1Twl.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],"screenreaderDescription":[1,"screenreader-description"]}]]],["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":0}]}]]],["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":0}]}]]],["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":0}]}]]],["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":0}]}]]],["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":0}]}]]]], options);
|
|
8
|
+
return bootstrapLazy([["gux-visualization-beta",[[1,"gux-visualization-beta",{"visualizationSpec":[16],"embedOptions":[16],"screenreaderDescription":[1,"screenreader-description"]}]]],["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":0}]}]]],["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":0}]}]]],["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"],"xGridVisible":[4,"x-grid-visible"],"yGridVisible":[4,"y-grid-visible"],"strokeDash":[4,"stroke-dash"],"interpolation":[1],"embedOptions":[16]},null,{"chartData":[{"parseData":0}]}]]],["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":0}]}]]],["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"],"xGridVisible":[4,"x-grid-visible"],"yGridVisible":[4,"y-grid-visible"],"embedOptions":[16]},null,{"chartData":[{"parseData":0}]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as l}from"./p-B1rXZ1zs.js";export{s as setNonce}from"./p-B1rXZ1zs.js";import{g as
|
|
1
|
+
import{p as e,b as l}from"./p-B1rXZ1zs.js";export{s as setNonce}from"./p-B1rXZ1zs.js";import{g as i}from"./p-DQuL1Twl.js";(()=>{const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((async e=>(await i(),l([["p-4b8df1e2",[[1,"gux-visualization-beta",{visualizationSpec:[16],embedOptions:[16],screenreaderDescription:[1,"screenreader-description"]}]]],["p-1d961430",[[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:0}]}]]],["p-60467401",[[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:0}]}]]],["p-ffb72c32",[[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"],xGridVisible:[4,"x-grid-visible"],yGridVisible:[4,"y-grid-visible"],strokeDash:[4,"stroke-dash"],interpolation:[1],embedOptions:[16]},null,{chartData:[{parseData:0}]}]]],["p-0f2b5235",[[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:0}]}]]],["p-bebe3cf9",[[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"],xGridVisible:[4,"x-grid-visible"],yGridVisible:[4,"y-grid-visible"],embedOptions:[16]},null,{chartData:[{parseData:0}]}]]]],e))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-B1rXZ1zs.js";import{V as a,t as s}from"./p-
|
|
1
|
+
import{r as t,h as e,g as i}from"./p-B1rXZ1zs.js";import{V as a,t as s}from"./p-C1fbSF56.js";import{l as r}from"./p-nsqlWzyl.js";const o="category",h="value",n=class{constructor(e){t(this,e),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v6.json",config:{legend:{symbolType:"circle"}},encoding:{theta:{field:"value",type:"quantitative",stack:!0},color:{field:o,type:"nominal",scale:{range:a},legend:null},tooltip:{aggregate:"count",type:"quantitative"}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:h,type:"quantitative"}}}],view:{stroke:null}},this.legendPosition="right"}parseData(){this.outerRadius||r(this.root,"requires outer-radius");let t={};this.chartData&&(t={data:this.chartData}),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.baseChartSpec.config.legend.orient=this.legendPosition,this.baseChartSpec.encoding.color.field=this.colorFieldName||o;const e=this.legendTitle;e&&(this.baseChartSpec.encoding.color.title=e),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:this.outerRadius}}];const i=this.labelRadius;i&&this.baseChartSpec.layer.push({mark:{type:"text",radius:i},encoding:{text:{field:this.labelField||h,type:"quantitative"}}});const a=Object.assign(this.baseChartSpec,t);this.visualizationSpec=a}componentWillLoad(){s(this.root),this.parseData()}render(){return e("gux-visualization-beta",{key:"bda28ea5f2fbd01ee1a91287f2c30446db02d910",visualizationSpec:this.visualizationSpec})}get root(){return i(this)}static get watchers(){return{chartData:[{parseData:0}]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_pie_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as a}from"./p-B1rXZ1zs.js";import{D as s,a as e,V as r,t as n}from"./p-
|
|
1
|
+
import{r as t,h as i,g as a}from"./p-B1rXZ1zs.js";import{D as s,a as e,V as r,t as n}from"./p-C1fbSF56.js";import{l as o}from"./p-nsqlWzyl.js";const h=class{constructor(i){t(this,i),this.labelColor=s,this.domainColor=e,this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v6.json",mark:{type:"bar"},config:{axis:{ticks:!1,titlePadding:8,labelColor:s,domainColor:e},axisX:{labelAngle:0},scale:{bandPaddingInner:.4,bandPaddingOuter:.4},legend:{symbolType:"circle"},bar:{color:r[0]}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},tooltip:{aggregate:"count",type:"quantitative"}}},this.legendPosition="right"}parseData(){this.xFieldName&&this.yFieldName||o(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.baseChartSpec.config.legend.orient=this.legendPosition;const i=this.xFieldName,a=this.yFieldName,s=this.xAxisTitle,e=this.yAxisTitle,n=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),e&&(this.baseChartSpec.encoding.y.title=e),n&&(this.baseChartSpec.encoding.color.title=n);const h=i;this.baseChartSpec.config.range={[h]:r};const l=Object.assign(this.baseChartSpec,t);this.visualizationSpec=l}componentWillLoad(){n(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"3747bc873408091885951d9b093bcb386a85b545",visualizationSpec:this.visualizationSpec})}get root(){return a(this)}static get watchers(){return{chartData:[{parseData:0}]}}};h.style="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}";export{h as gux_chart_column_beta}
|