genesys-spark-chart-components 4.72.0 → 4.73.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/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 +1 -1
- package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-visualization-beta.cjs.entry.js +3 -8
- package/dist/cjs/{usage-fbd2f334.js → usage-c4ede2dd.js} +1 -1
- package/dist/collection/components/beta/gux-visualization/gux-visualization.js +2 -7
- 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 +1 -1
- package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
- package/dist/esm/gux-chart-scatter-plot-beta.entry.js +1 -1
- package/dist/esm/gux-visualization-beta.entry.js +3 -8
- package/dist/esm/{usage-0a746a68.js → usage-2c557476.js} +1 -1
- package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
- package/dist/genesys-chart-webcomponents/{p-8438b569.entry.js → p-1912cae6.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-a126e8c4.entry.js → p-23ca9bd1.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-8d250fee.entry.js → p-5fe3963b.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-6631ce6e.entry.js → p-81fb6a85.entry.js} +2 -2
- package/dist/genesys-chart-webcomponents/{p-bd73b315.entry.js → p-c557ccef.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-2eff6d42.entry.js → p-d325c6b1.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-96315b04.js → p-f8198f92.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-95713c33.js');
|
|
6
|
-
const usage = require('./usage-
|
|
6
|
+
const usage = require('./usage-c4ede2dd.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}";
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-95713c33.js');
|
|
6
|
-
const usage = require('./usage-
|
|
6
|
+
const usage = require('./usage-c4ede2dd.js');
|
|
7
7
|
const logError = require('./log-error-28c7064e.js');
|
|
8
8
|
|
|
9
9
|
const guxChartDonutCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-95713c33.js');
|
|
6
|
-
const usage = require('./usage-
|
|
6
|
+
const usage = require('./usage-c4ede2dd.js');
|
|
7
7
|
const logError = require('./log-error-28c7064e.js');
|
|
8
8
|
|
|
9
9
|
const guxChartLineCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-95713c33.js');
|
|
6
|
-
const usage = require('./usage-
|
|
6
|
+
const usage = require('./usage-c4ede2dd.js');
|
|
7
7
|
const logError = require('./log-error-28c7064e.js');
|
|
8
8
|
|
|
9
9
|
const guxChartPieCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-95713c33.js');
|
|
6
|
-
const usage = require('./usage-
|
|
6
|
+
const usage = require('./usage-c4ede2dd.js');
|
|
7
7
|
const logError = require('./log-error-28c7064e.js');
|
|
8
8
|
|
|
9
9
|
const guxChartScatterPlotCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index$2 = require('./index-95713c33.js');
|
|
6
|
-
const usage = require('./usage-
|
|
6
|
+
const usage = require('./usage-c4ede2dd.js');
|
|
7
7
|
|
|
8
8
|
/*!
|
|
9
9
|
* https://github.com/Starcounter-Jack/JSON-Patch
|
|
@@ -67856,12 +67856,7 @@ const GuxVisualization = class {
|
|
|
67856
67856
|
visSpec.signals.push({
|
|
67857
67857
|
name: 'chartClick',
|
|
67858
67858
|
value: 0,
|
|
67859
|
-
on: [
|
|
67860
|
-
{ events: 'rect:mousedown', update: 'datum' },
|
|
67861
|
-
{ events: 'arc:mousedown', update: 'datum' },
|
|
67862
|
-
{ events: 'line:mousedown', update: 'datum' },
|
|
67863
|
-
{ events: 'symbol:mousedown', update: 'datum' }
|
|
67864
|
-
]
|
|
67859
|
+
on: [{ events: '*:mousedown', update: 'datum' }]
|
|
67865
67860
|
});
|
|
67866
67861
|
return visSpec;
|
|
67867
67862
|
}
|
|
@@ -67876,7 +67871,7 @@ const GuxVisualization = class {
|
|
|
67876
67871
|
this.chartComponentReady.emit();
|
|
67877
67872
|
}
|
|
67878
67873
|
render() {
|
|
67879
|
-
return (index$2.h("div", { key: '
|
|
67874
|
+
return (index$2.h("div", { key: '43a59e2093a837bf21de943746ce5d0f93e161cc', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
|
|
67880
67875
|
}
|
|
67881
67876
|
get root() { return index$2.getElement(this); }
|
|
67882
67877
|
};
|
|
@@ -31,12 +31,7 @@ export class GuxVisualization {
|
|
|
31
31
|
visSpec.signals.push({
|
|
32
32
|
name: 'chartClick',
|
|
33
33
|
value: 0,
|
|
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
|
-
]
|
|
34
|
+
on: [{ events: '*:mousedown', update: 'datum' }]
|
|
40
35
|
});
|
|
41
36
|
return visSpec;
|
|
42
37
|
}
|
|
@@ -51,7 +46,7 @@ export class GuxVisualization {
|
|
|
51
46
|
this.chartComponentReady.emit();
|
|
52
47
|
}
|
|
53
48
|
render() {
|
|
54
|
-
return (h("div", { key: '
|
|
49
|
+
return (h("div", { key: '43a59e2093a837bf21de943746ce5d0f93e161cc', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
|
|
55
50
|
}
|
|
56
51
|
static get is() { return "gux-visualization-beta"; }
|
|
57
52
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-e4944b0d.js';
|
|
2
|
-
import { t as trackComponent } from './usage-
|
|
2
|
+
import { t as trackComponent } from './usage-2c557476.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
1
|
import { r as registerInstance, h, g as getElement } from './index-e4944b0d.js';
|
|
2
|
-
import { t as trackComponent } from './usage-
|
|
2
|
+
import { t as trackComponent } from './usage-2c557476.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
1
|
import { r as registerInstance, h, g as getElement } from './index-e4944b0d.js';
|
|
2
|
-
import { t as trackComponent } from './usage-
|
|
2
|
+
import { t as trackComponent } from './usage-2c557476.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
1
|
import { r as registerInstance, h, g as getElement } from './index-e4944b0d.js';
|
|
2
|
-
import { t as trackComponent } from './usage-
|
|
2
|
+
import { t as trackComponent } from './usage-2c557476.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
1
|
import { r as registerInstance, h, g as getElement } from './index-e4944b0d.js';
|
|
2
|
-
import { t as trackComponent } from './usage-
|
|
2
|
+
import { t as trackComponent } from './usage-2c557476.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
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-
|
|
2
|
+
import { t as trackComponent } from './usage-2c557476.js';
|
|
3
3
|
|
|
4
4
|
/*!
|
|
5
5
|
* https://github.com/Starcounter-Jack/JSON-Patch
|
|
@@ -67852,12 +67852,7 @@ const GuxVisualization = class {
|
|
|
67852
67852
|
visSpec.signals.push({
|
|
67853
67853
|
name: 'chartClick',
|
|
67854
67854
|
value: 0,
|
|
67855
|
-
on: [
|
|
67856
|
-
{ events: 'rect:mousedown', update: 'datum' },
|
|
67857
|
-
{ events: 'arc:mousedown', update: 'datum' },
|
|
67858
|
-
{ events: 'line:mousedown', update: 'datum' },
|
|
67859
|
-
{ events: 'symbol:mousedown', update: 'datum' }
|
|
67860
|
-
]
|
|
67855
|
+
on: [{ events: '*:mousedown', update: 'datum' }]
|
|
67861
67856
|
});
|
|
67862
67857
|
return visSpec;
|
|
67863
67858
|
}
|
|
@@ -67872,7 +67867,7 @@ const GuxVisualization = class {
|
|
|
67872
67867
|
this.chartComponentReady.emit();
|
|
67873
67868
|
}
|
|
67874
67869
|
render() {
|
|
67875
|
-
return (h$1("div", { key: '
|
|
67870
|
+
return (h$1("div", { key: '43a59e2093a837bf21de943746ce5d0f93e161cc', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
|
|
67876
67871
|
}
|
|
67877
67872
|
get root() { return getElement(this); }
|
|
67878
67873
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as l}from"./p-e068d41d.js";export{s as setNonce}from"./p-e068d41d.js";import{g as a}from"./p-e1255160.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await a(),l([["p-
|
|
1
|
+
import{p as e,b as l}from"./p-e068d41d.js";export{s as setNonce}from"./p-e068d41d.js";import{g as a}from"./p-e1255160.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await a(),l([["p-81fb6a85",[[1,"gux-visualization-beta",{visualizationSpec:[16],embedOptions:[16]}]]],["p-5fe3963b",[[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-c557ccef",[[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-23ca9bd1",[[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-d325c6b1",[[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-1912cae6",[[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 s}from"./p-e068d41d.js";import{t as e}from"./p-
|
|
1
|
+
import{r as t,h as i,g as s}from"./p-e068d41d.js";import{t as e}from"./p-f8198f92.js";import{V as a,l as h}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",params:[{name:"onHover",select:{type:"point",on:"mouseover"}}],config:{axis:{ticks:!1,titlePadding:8,gridColor:"#F6F7F9"},axisX:{labelAngle:0,grid:!0},legend:{symbolType:"circle"}},width:{step:40},encoding:{x:{type:"nominal"},y:{type:"quantitative"},color:{field:o,type:"nominal",scale:{range:a},legend:null},size:{condition:[{param:"onHover",empty:!1,value:100}],value:40}}},this.chartData=void 0,this.xTickLabelSlant=void 0,this.includeLegend=void 0,this.legendPosition="right",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.useShape=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.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,s=this.xAxisTitle,e=this.yFieldName,a=this.yAxisTitle,n=this.legendTitle,l=this.useShape||"circle",r=this.colorFieldName||o;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),r&&(this.baseChartSpec.encoding.color.field=r),n&&(this.baseChartSpec.encoding.color.title=n),this.baseChartSpec.mark={type:l,filled:!0},this.baseChartSpec.config.legend.symbolType=l,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:n}];const d=Object.assign(this.baseChartSpec,t);this.visualizationSpec=d}componentWillLoad(){e(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"94b4f927328d22a8764207acdd36cb8bef342ea0",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_scatter_plot_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as s}from"./p-e068d41d.js";import{t as e}from"./p-
|
|
1
|
+
import{r as t,h as i,g as s}from"./p-e068d41d.js";import{t as e}from"./p-f8198f92.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-e068d41d.js";import{t as s}from"./p-
|
|
1
|
+
import{r as t,h as i,g as a}from"./p-e068d41d.js";import{t as s}from"./p-f8198f92.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}
|