genesys-spark-chart-components 4.12.1-beta.1 → 4.29.1-beta.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 (90) hide show
  1. package/LICENSE +2 -2
  2. package/dist/cjs/app-globals-3a1e7e63.js +5 -0
  3. package/dist/cjs/genesys-chart-webcomponents.cjs.js +5 -3
  4. package/dist/cjs/gux-chart-column-beta.cjs.entry.js +124 -123
  5. package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +213 -212
  6. package/dist/cjs/gux-chart-line-beta.cjs.entry.js +120 -119
  7. package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +96 -95
  8. package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +126 -125
  9. package/dist/cjs/gux-visualization-beta.cjs.entry.js +213 -213
  10. package/dist/cjs/{index-1e13a15f.js → index-a4712860.js} +185 -63
  11. package/dist/cjs/loader.cjs.js +4 -2
  12. package/dist/cjs/log-error-28c7064e.js +21 -0
  13. package/dist/cjs/{usage-30f04ec3.js → usage-c351d7fb.js} +63 -63
  14. package/dist/collection/collection-manifest.json +2 -2
  15. package/dist/collection/components/beta/gux-chart-column/gux-chart-column.js +324 -324
  16. package/dist/collection/components/beta/gux-chart-column/gux-chart-column.locale.js +88 -88
  17. package/dist/collection/components/beta/gux-chart-column/tests/gux-column-chart.spec.js +16 -16
  18. package/dist/collection/components/beta/gux-chart-donut/gux-chart-donut.js +550 -550
  19. package/dist/collection/components/beta/gux-chart-donut/tests/gux-chart-donut.spec.js +5 -5
  20. package/dist/collection/components/beta/gux-chart-line/gux-chart-line.js +375 -375
  21. package/dist/collection/components/beta/gux-chart-line/gux-chart-line.locale.js +88 -88
  22. package/dist/collection/components/beta/gux-chart-line/tests/gux-chart-line.e2e.js +13 -13
  23. package/dist/collection/components/beta/gux-chart-line/tests/gux-chart-line.spec.js +16 -16
  24. package/dist/collection/components/beta/gux-chart-pie/gux-chart-pie.js +266 -266
  25. package/dist/collection/components/beta/gux-chart-pie/tests/gux-chart-pie.spec.js +5 -5
  26. package/dist/collection/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.js +347 -347
  27. package/dist/collection/components/beta/gux-chart-scatter-plot/tests/gux-chart-scatter-plot.spec.js +27 -27
  28. package/dist/collection/components/beta/gux-visualization/gux-visualization.js +133 -133
  29. package/dist/collection/components/beta/gux-visualization/gux-visualization.locale.js +88 -88
  30. package/dist/collection/components/beta/gux-visualization/tests/gux-visualization.e2e.js +25 -25
  31. package/dist/collection/components/beta/gux-visualization/tests/gux-visualization.spec.js +26 -26
  32. package/dist/collection/i18n/fetchResources.js +7 -7
  33. package/dist/collection/i18n/index.js +56 -56
  34. package/dist/collection/test/axeConfig.js +4 -4
  35. package/dist/collection/test/e2eTestUtils.js +14 -14
  36. package/dist/collection/test/specTestUtils.js +5 -5
  37. package/dist/collection/utils/dom/get-closest-element.js +12 -12
  38. package/dist/collection/utils/error/log-error.js +2 -2
  39. package/dist/collection/utils/theme/color-palette.js +10 -10
  40. package/dist/collection/utils/tracking/usage.js +47 -47
  41. package/dist/collection/utils/tracking/usage.spec.js +108 -108
  42. package/dist/esm/app-globals-0f993ce5.js +3 -0
  43. package/dist/esm/genesys-chart-webcomponents.js +6 -4
  44. package/dist/esm/gux-chart-column-beta.entry.js +124 -123
  45. package/dist/esm/gux-chart-donut-beta.entry.js +213 -212
  46. package/dist/esm/gux-chart-line-beta.entry.js +120 -119
  47. package/dist/esm/gux-chart-pie-beta.entry.js +96 -95
  48. package/dist/esm/gux-chart-scatter-plot-beta.entry.js +126 -125
  49. package/dist/esm/gux-visualization-beta.entry.js +213 -213
  50. package/dist/esm/{index-701d93cf.js → index-82fd7406.js} +185 -63
  51. package/dist/esm/loader.js +5 -3
  52. package/dist/esm/log-error-ff9bdda4.js +18 -0
  53. package/dist/esm/{usage-61eee3bd.js → usage-6655c04e.js} +63 -63
  54. package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.css +1 -1
  55. package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
  56. package/dist/genesys-chart-webcomponents/p-1bc0cc3a.js +2 -0
  57. package/dist/genesys-chart-webcomponents/{p-d4a346df.entry.js → p-291b128b.entry.js} +1 -1
  58. package/dist/genesys-chart-webcomponents/p-51f2502a.entry.js +11 -0
  59. package/dist/genesys-chart-webcomponents/{p-137f5b8f.entry.js → p-64f0b385.entry.js} +1 -1
  60. package/dist/genesys-chart-webcomponents/{p-b5179379.entry.js → p-65020b8a.entry.js} +1 -1
  61. package/dist/genesys-chart-webcomponents/{p-d9928f8c.entry.js → p-83283e73.entry.js} +1 -1
  62. package/dist/genesys-chart-webcomponents/p-e1255160.js +1 -0
  63. package/dist/genesys-chart-webcomponents/{p-c3aa8578.entry.js → p-e42dd3ba.entry.js} +1 -1
  64. package/dist/genesys-chart-webcomponents/{p-97c45977.js → p-f6832775.js} +1 -1
  65. package/dist/stencil-wrapper.js +1 -1
  66. package/dist/types/components/beta/gux-chart-column/gux-chart-column.d.ts +45 -45
  67. package/dist/types/components/beta/gux-chart-column/gux-chart-column.locale.d.ts +20 -20
  68. package/dist/types/components/beta/gux-chart-donut/gux-chart-donut.d.ts +30 -30
  69. package/dist/types/components/beta/gux-chart-line/gux-chart-line.d.ts +44 -44
  70. package/dist/types/components/beta/gux-chart-line/gux-chart-line.locale.d.ts +20 -20
  71. package/dist/types/components/beta/gux-chart-pie/gux-chart-pie.d.ts +19 -19
  72. package/dist/types/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.d.ts +48 -48
  73. package/dist/types/components/beta/gux-visualization/gux-visualization.d.ts +13 -13
  74. package/dist/types/components/beta/gux-visualization/gux-visualization.locale.d.ts +20 -20
  75. package/dist/types/components.d.ts +12 -0
  76. package/dist/types/i18n/fetchResources.d.ts +3 -3
  77. package/dist/types/i18n/index.d.ts +1 -1
  78. package/dist/types/stencil-public-runtime.d.ts +10 -0
  79. package/dist/types/stencil-wrapper.d.ts +1 -1
  80. package/dist/types/test/axeConfig.d.ts +4 -4
  81. package/dist/types/test/e2eTestUtils.d.ts +4 -4
  82. package/dist/types/test/jestMatcherUtils.d.ts +4 -4
  83. package/dist/types/utils/tracking/usage.d.ts +11 -11
  84. package/package.json +24 -24
  85. package/dist/cjs/log-error-c46b4b4c.js +0 -21
  86. package/dist/component-specs.json +0 -187
  87. package/dist/esm/log-error-0fc61f6f.js +0 -18
  88. package/dist/genesys-chart-webcomponents/p-3e4b3dbc.js +0 -2
  89. package/dist/genesys-chart-webcomponents/p-b901e9e0.entry.js +0 -11
  90. /package/dist/genesys-chart-webcomponents/{p-82f0ea01.js → p-f50e3789.js} +0 -0
@@ -1 +1 @@
1
- import{r as t,h as i,g as s}from"./p-3e4b3dbc.js";import{t as a}from"./p-97c45977.js";import{V as e,l as h}from"./p-82f0ea01.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,s=this.yFieldName,a=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:s,type:"quantitative"}}})));this.baseChartSpec.layer=t}else i&&(this.baseChartSpec.encoding.x.field=i),s&&(this.baseChartSpec.encoding.y.field=s),a&&(this.baseChartSpec.encoding.x.title=a),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(){a(this.root),this.parseData()}render(){return i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return s(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-1bc0cc3a.js";import{t as s}from"./p-f6832775.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 +1 @@
1
- import{r as t,h as i,g as s}from"./p-3e4b3dbc.js";import{t as e}from"./p-97c45977.js";import{V as h,l as a}from"./p-82f0ea01.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",{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-1bc0cc3a.js";import{t as e}from"./p-f6832775.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 +1 @@
1
- import{r as t,h as i,g as e}from"./p-3e4b3dbc.js";import{t as s}from"./p-97c45977.js";import{V as a,l as h}from"./p-82f0ea01.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",{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-1bc0cc3a.js";import{t as s}from"./p-f6832775.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}
@@ -0,0 +1 @@
1
+ const o=()=>{};export{o as g}
@@ -1 +1 @@
1
- import{r as t,h as i,g as e}from"./p-3e4b3dbc.js";import{t as s}from"./p-97c45977.js";import{V as a,l as o}from"./p-82f0ea01.js";const r="category",h="value",n=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:r,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.chartData=void 0,this.includeLegend=void 0,this.legendPosition="right",this.legendTitle=void 0,this.colorFieldName=void 0,this.outerRadius=void 0,this.labelRadius=void 0,this.labelField=void 0,this.embedOptions=void 0}parseData(){this.outerRadius||o(this.root,"requires outer-radius");let t={};this.chartData&&(t={data:this.chartData}),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.colorFieldName||r;i&&(this.baseChartSpec.encoding.color.field=i);const e=this.legendTitle;e&&(this.baseChartSpec.encoding.color.title=e),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:this.outerRadius}}];const s=this.labelRadius;s&&this.baseChartSpec.layer.push({mark:{type:"text",radius:s},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 i("gux-visualization-beta",{visualizationSpec:this.visualizationSpec})}get root(){return e(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_pie_beta}
1
+ import{r as t,h as i,g as e}from"./p-1bc0cc3a.js";import{t as s}from"./p-f6832775.js";import{V as a,l as o}from"./p-f50e3789.js";const r="category",h="value",n=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:r,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.chartData=void 0,this.includeLegend=void 0,this.legendPosition="right",this.legendTitle=void 0,this.colorFieldName=void 0,this.outerRadius=void 0,this.labelRadius=void 0,this.labelField=void 0,this.embedOptions=void 0}parseData(){this.outerRadius||o(this.root,"requires outer-radius");let t={};this.chartData&&(t={data:this.chartData}),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.colorFieldName||r;i&&(this.baseChartSpec.encoding.color.field=i);const e=this.legendTitle;e&&(this.baseChartSpec.encoding.color.title=e),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:this.outerRadius}}];const s=this.labelRadius;s&&this.baseChartSpec.layer.push({mark:{type:"text",radius:s},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 i("gux-visualization-beta",{key:"b3049772a9d436bf4d6aa1b0e9ebe21a9d9e84e9",visualizationSpec:this.visualizationSpec})}get root(){return e(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_pie_beta}
@@ -1 +1 @@
1
- const t="4.12.1-beta.1",e=20,n=3e4,o=[function(t){const[e,n,...o]=t.split(".");return{name:"spark-library",metadata:{fullVersion:`${e}.${n}.${o.join(".")}`,majorVersion:e,minorVersion:`${e}.${n}`}}}(t)];function i(){const t=window.newrelic;if(t){for(let r=0;r<e;r++){if(0==o.length)return void setTimeout(i,n);const e=o.shift();t.addPageAction(e.name,Object.assign(Object.assign({},e.metadata),{queueDepth:o.length}))}setTimeout(i,n)}}let r=!1;function a(e,n){window.newrelic&&(r||(r=!0,i()),document.contains(e)&&o.push({name:"spark-component",metadata:Object.assign(Object.assign({},n),{component:e.tagName.toLowerCase(),version:t})}))}export{a as t}
1
+ const t="4.29.1-beta.0",e=20,n=3e4,o=[function(t){const[e,n,...o]=t.split(".");return{name:"spark-library",metadata:{fullVersion:`${e}.${n}.${o.join(".")}`,majorVersion:e,minorVersion:`${e}.${n}`}}}(t)];function i(){const t=window.newrelic;if(t){for(let r=0;r<e;r++){if(0==o.length)return void setTimeout(i,n);const e=o.shift();t.addPageAction(e.name,Object.assign(Object.assign({},e.metadata),{queueDepth:o.length}))}setTimeout(i,n)}}let r=!1;function a(e,n){window.newrelic&&(r||(r=!0,i()),document.contains(e)&&o.push({name:"spark-component",metadata:Object.assign(Object.assign({},n),{component:e.tagName.toLowerCase(),version:t})}))}export{a as t}
@@ -7,7 +7,7 @@
7
7
  */
8
8
  import { defineCustomElements } from '../dist/loader';
9
9
  // Value templated out during build process (see scripts/wrap-stencil.js)
10
- export const CHART_COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.12.1-beta.1-7/genesys-webcomponents/chart/';
10
+ export const CHART_COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.29.1-beta.0-12/chart/genesys-chart-webcomponents/';
11
11
  // Default domain to load assets from
12
12
  const DEFAULT_DOMAIN = 'app.mypurecloud.com';
13
13
  // List of Genesys UI domains
@@ -1,49 +1,49 @@
1
1
  import { JSX } from '../../../stencil-public-runtime';
2
2
  import { EmbedOptions } from 'vega-embed';
3
3
  export declare class GuxColumnChart {
4
- root: HTMLElement;
5
- private visualizationSpec;
6
- private baseChartSpec;
7
- /**
8
- * Data to be rendered in the chart.
9
- * Data field names must match the values you set in xFieldName and yFieldName
10
- */
11
- chartData: Record<string, any>;
12
- /**
13
- * If true, then make Axis tick label 45 degrees
14
- */
15
- xTickLabelSlant: boolean;
16
- includeLegend: boolean;
17
- /**
18
- * Name for the data field to use to populate the chart's x-axis
19
- * e.g. xFieldName of "category" will map any "category" fields in chartData to the x-axis
20
- */
21
- xFieldName: string;
22
- /**
23
- * Name for the data field to use to populate the chart's x-axis
24
- * e.g. yFieldName of "value" will map any "value" fields in chartData to the y-axis
25
- */
26
- yFieldName: string;
27
- /**
28
- * Title to display along the x-axis
29
- */
30
- xAxisTitle: string;
31
- /**
32
- * Title to display along the y-axis
33
- */
34
- yAxisTitle: string;
35
- /**
36
- * Title to display above the optional legend
37
- */
38
- legendTitle: string;
39
- legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
40
- /**
41
- * List specifying the order of optional chart layers.
42
- * For correct chart layering, each chartData entry must also include a "series" field with a value indicating which layer the entry belongs to, e.g 'series': 'group1'
43
- */
44
- chartLayers: string[];
45
- embedOptions: EmbedOptions;
46
- parseData(): void;
47
- componentWillLoad(): void;
48
- render(): JSX.Element;
4
+ root: HTMLElement;
5
+ private visualizationSpec;
6
+ private baseChartSpec;
7
+ /**
8
+ * Data to be rendered in the chart.
9
+ * Data field names must match the values you set in xFieldName and yFieldName
10
+ */
11
+ chartData: Record<string, any>;
12
+ /**
13
+ * If true, then make Axis tick label 45 degrees
14
+ */
15
+ xTickLabelSlant: boolean;
16
+ includeLegend: boolean;
17
+ /**
18
+ * Name for the data field to use to populate the chart's x-axis
19
+ * e.g. xFieldName of "category" will map any "category" fields in chartData to the x-axis
20
+ */
21
+ xFieldName: string;
22
+ /**
23
+ * Name for the data field to use to populate the chart's x-axis
24
+ * e.g. yFieldName of "value" will map any "value" fields in chartData to the y-axis
25
+ */
26
+ yFieldName: string;
27
+ /**
28
+ * Title to display along the x-axis
29
+ */
30
+ xAxisTitle: string;
31
+ /**
32
+ * Title to display along the y-axis
33
+ */
34
+ yAxisTitle: string;
35
+ /**
36
+ * Title to display above the optional legend
37
+ */
38
+ legendTitle: string;
39
+ legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
40
+ /**
41
+ * List specifying the order of optional chart layers.
42
+ * For correct chart layering, each chartData entry must also include a "series" field with a value indicating which layer the entry belongs to, e.g 'series': 'group1'
43
+ */
44
+ chartLayers: string[];
45
+ embedOptions: EmbedOptions;
46
+ parseData(): void;
47
+ componentWillLoad(): void;
48
+ render(): JSX.Element;
49
49
  }
@@ -1,22 +1,22 @@
1
1
  export declare const timeFormatLocale: {
2
- en: {
3
- dateTime: string;
4
- date: string;
5
- time: string;
6
- periods: string[];
7
- days: string[];
8
- shortDays: string[];
9
- months: string[];
10
- shortMonths: string[];
11
- };
12
- de: {
13
- dateTime: string;
14
- date: string;
15
- time: string;
16
- periods: string[];
17
- days: string[];
18
- shortDays: string[];
19
- months: string[];
20
- shortMonths: string[];
21
- };
2
+ en: {
3
+ dateTime: string;
4
+ date: string;
5
+ time: string;
6
+ periods: string[];
7
+ days: string[];
8
+ shortDays: string[];
9
+ months: string[];
10
+ shortMonths: string[];
11
+ };
12
+ de: {
13
+ dateTime: string;
14
+ date: string;
15
+ time: string;
16
+ periods: string[];
17
+ days: string[];
18
+ shortDays: string[];
19
+ months: string[];
20
+ shortMonths: string[];
21
+ };
22
22
  };
@@ -1,34 +1,34 @@
1
1
  import { JSX } from '../../../stencil-public-runtime';
2
2
  import { EmbedOptions } from 'vega-embed';
3
3
  export declare class GuxDonutChart {
4
- root: HTMLElement;
5
- private visualizationSpec;
6
- private tooltipSpec;
7
- private baseChartSpec;
8
- /**
9
- * Data to be rendered in the chart.
10
- * Data field names must match the values you set in xFieldName and yFieldName
11
- */
12
- chartData: Record<string, any>;
13
- includeLegend: boolean;
14
- legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
15
- legendTitle: string;
16
- colorFieldName: string;
17
- outerRadius: number;
18
- innerRadius: number;
19
- labelRadius: number;
20
- labelField: string;
21
- gauge: boolean;
22
- centerText: string;
23
- centerSubText: string;
24
- showTooltip: boolean;
25
- tooltipOptions: EmbedOptions;
26
- legendX: number;
27
- legendY: number;
28
- legendFontSize: number;
29
- legendSymbolSize: number;
30
- embedOptions: EmbedOptions;
31
- parseData(): void;
32
- componentWillLoad(): void;
33
- render(): JSX.Element;
4
+ root: HTMLElement;
5
+ private visualizationSpec;
6
+ private tooltipSpec;
7
+ private baseChartSpec;
8
+ /**
9
+ * Data to be rendered in the chart.
10
+ * Data field names must match the values you set in xFieldName and yFieldName
11
+ */
12
+ chartData: Record<string, any>;
13
+ includeLegend: boolean;
14
+ legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
15
+ legendTitle: string;
16
+ colorFieldName: string;
17
+ outerRadius: number;
18
+ innerRadius: number;
19
+ labelRadius: number;
20
+ labelField: string;
21
+ gauge: boolean;
22
+ centerText: string;
23
+ centerSubText: string;
24
+ showTooltip: boolean;
25
+ tooltipOptions: EmbedOptions;
26
+ legendX: number;
27
+ legendY: number;
28
+ legendFontSize: number;
29
+ legendSymbolSize: number;
30
+ embedOptions: EmbedOptions;
31
+ parseData(): void;
32
+ componentWillLoad(): void;
33
+ render(): JSX.Element;
34
34
  }
@@ -1,48 +1,48 @@
1
1
  import { JSX } from '../../../stencil-public-runtime';
2
2
  import { EmbedOptions } from 'vega-embed';
3
3
  export declare class GuxLineChart {
4
- root: HTMLElement;
5
- private visualizationSpec;
6
- private baseChartSpec;
7
- /**
8
- * Data to be rendered in the chart.
9
- * Data field names must match the values you set in xFieldName and yFieldName
10
- */
11
- chartData: Record<string, any>;
12
- /**
13
- * If true, then make Axis tick label 45 degrees
14
- */
15
- xTickLabelSlant: boolean;
16
- includeLegend: boolean;
17
- legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
18
- includeDataPointMarkers: boolean;
19
- /**
20
- * Name for the data field to use to populate the chart's x-axis
21
- * e.g. xFieldName of "category" will map any "category" fields in chartData to the x-axis
22
- */
23
- xFieldName: string;
24
- /**
25
- * Title to display along the x-axis
26
- */
27
- xAxisTitle: string;
28
- /**
29
- * Name for the data field to use to populate the chart's x-axis
30
- * e.g. yFieldName of "value" will map any "value" fields in chartData to the y-axis
31
- */
32
- yFieldName: string;
33
- /**
34
- * Title to display along the y-axis
35
- */
36
- yAxisTitle: string;
37
- /**
38
- * Title to display above the optional legend
39
- */
40
- legendTitle: string;
41
- colorFieldName: string;
42
- strokeDash: boolean;
43
- interpolation: string;
44
- embedOptions: EmbedOptions;
45
- parseData(): void;
46
- componentWillLoad(): void;
47
- render(): JSX.Element;
4
+ root: HTMLElement;
5
+ private visualizationSpec;
6
+ private baseChartSpec;
7
+ /**
8
+ * Data to be rendered in the chart.
9
+ * Data field names must match the values you set in xFieldName and yFieldName
10
+ */
11
+ chartData: Record<string, any>;
12
+ /**
13
+ * If true, then make Axis tick label 45 degrees
14
+ */
15
+ xTickLabelSlant: boolean;
16
+ includeLegend: boolean;
17
+ legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
18
+ includeDataPointMarkers: boolean;
19
+ /**
20
+ * Name for the data field to use to populate the chart's x-axis
21
+ * e.g. xFieldName of "category" will map any "category" fields in chartData to the x-axis
22
+ */
23
+ xFieldName: string;
24
+ /**
25
+ * Title to display along the x-axis
26
+ */
27
+ xAxisTitle: string;
28
+ /**
29
+ * Name for the data field to use to populate the chart's x-axis
30
+ * e.g. yFieldName of "value" will map any "value" fields in chartData to the y-axis
31
+ */
32
+ yFieldName: string;
33
+ /**
34
+ * Title to display along the y-axis
35
+ */
36
+ yAxisTitle: string;
37
+ /**
38
+ * Title to display above the optional legend
39
+ */
40
+ legendTitle: string;
41
+ colorFieldName: string;
42
+ strokeDash: boolean;
43
+ interpolation: string;
44
+ embedOptions: EmbedOptions;
45
+ parseData(): void;
46
+ componentWillLoad(): void;
47
+ render(): JSX.Element;
48
48
  }
@@ -1,22 +1,22 @@
1
1
  export declare const timeFormatLocale: {
2
- en: {
3
- dateTime: string;
4
- date: string;
5
- time: string;
6
- periods: string[];
7
- days: string[];
8
- shortDays: string[];
9
- months: string[];
10
- shortMonths: string[];
11
- };
12
- de: {
13
- dateTime: string;
14
- date: string;
15
- time: string;
16
- periods: string[];
17
- days: string[];
18
- shortDays: string[];
19
- months: string[];
20
- shortMonths: string[];
21
- };
2
+ en: {
3
+ dateTime: string;
4
+ date: string;
5
+ time: string;
6
+ periods: string[];
7
+ days: string[];
8
+ shortDays: string[];
9
+ months: string[];
10
+ shortMonths: string[];
11
+ };
12
+ de: {
13
+ dateTime: string;
14
+ date: string;
15
+ time: string;
16
+ periods: string[];
17
+ days: string[];
18
+ shortDays: string[];
19
+ months: string[];
20
+ shortMonths: string[];
21
+ };
22
22
  };
@@ -1,23 +1,23 @@
1
1
  import { JSX } from '../../../stencil-public-runtime';
2
2
  import { EmbedOptions } from 'vega-embed';
3
3
  export declare class GuxPieChart {
4
- root: HTMLElement;
5
- private visualizationSpec;
6
- private baseChartSpec;
7
- /**
8
- * Data to be rendered in the chart.
9
- * Data field names must match the values you set in xFieldName and yFieldName
10
- */
11
- chartData: Record<string, any>;
12
- includeLegend: boolean;
13
- legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
14
- legendTitle: string;
15
- colorFieldName: string;
16
- outerRadius: number;
17
- labelRadius: number;
18
- labelField: string;
19
- embedOptions: EmbedOptions;
20
- parseData(): void;
21
- componentWillLoad(): void;
22
- render(): JSX.Element;
4
+ root: HTMLElement;
5
+ private visualizationSpec;
6
+ private baseChartSpec;
7
+ /**
8
+ * Data to be rendered in the chart.
9
+ * Data field names must match the values you set in xFieldName and yFieldName
10
+ */
11
+ chartData: Record<string, any>;
12
+ includeLegend: boolean;
13
+ legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
14
+ legendTitle: string;
15
+ colorFieldName: string;
16
+ outerRadius: number;
17
+ labelRadius: number;
18
+ labelField: string;
19
+ embedOptions: EmbedOptions;
20
+ parseData(): void;
21
+ componentWillLoad(): void;
22
+ render(): JSX.Element;
23
23
  }
@@ -1,52 +1,52 @@
1
1
  import { JSX } from '../../../stencil-public-runtime';
2
2
  import { EmbedOptions } from 'vega-embed';
3
3
  export declare class GuxScatterPlotChart {
4
- root: HTMLElement;
5
- private visualizationSpec;
6
- private baseChartSpec;
7
- /**
8
- * Data to be rendered in the chart.
9
- * Data field names must match the values you set in xFieldName and yFieldName
10
- */
11
- chartData: Record<string, any>;
12
- /**
13
- * If true, then make Axis tick label 45 degrees
14
- */
15
- xTickLabelSlant: boolean;
16
- includeLegend: boolean;
17
- legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
18
- /**
19
- * Name for the data field to use to populate the chart's x-axis
20
- * e.g. xFieldName of "category" will map any "category" fields in chartData to the x-axis
21
- */
22
- xFieldName: string;
23
- /**
24
- * Title to display along the x-axis
25
- */
26
- xAxisTitle: string;
27
- /**
28
- * Name for the data field to use to populate the chart's x-axis
29
- * e.g. yFieldName of "value" will map any "value" fields in chartData to the y-axis
30
- */
31
- yFieldName: string;
32
- /**
33
- * Title to display along the y-axis
34
- */
35
- yAxisTitle: string;
36
- /**
37
- * Title to display above the optional legend
38
- */
39
- legendTitle: string;
40
- /**
41
- * Type of category to plot in the chart
42
- */
43
- colorFieldName: string;
44
- /**
45
- * The shape of the plotting in the chart - Square, Circle and Point
46
- */
47
- useShape: string;
48
- embedOptions: EmbedOptions;
49
- parseData(): void;
50
- componentWillLoad(): void;
51
- render(): JSX.Element;
4
+ root: HTMLElement;
5
+ private visualizationSpec;
6
+ private baseChartSpec;
7
+ /**
8
+ * Data to be rendered in the chart.
9
+ * Data field names must match the values you set in xFieldName and yFieldName
10
+ */
11
+ chartData: Record<string, any>;
12
+ /**
13
+ * If true, then make Axis tick label 45 degrees
14
+ */
15
+ xTickLabelSlant: boolean;
16
+ includeLegend: boolean;
17
+ legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
18
+ /**
19
+ * Name for the data field to use to populate the chart's x-axis
20
+ * e.g. xFieldName of "category" will map any "category" fields in chartData to the x-axis
21
+ */
22
+ xFieldName: string;
23
+ /**
24
+ * Title to display along the x-axis
25
+ */
26
+ xAxisTitle: string;
27
+ /**
28
+ * Name for the data field to use to populate the chart's x-axis
29
+ * e.g. yFieldName of "value" will map any "value" fields in chartData to the y-axis
30
+ */
31
+ yFieldName: string;
32
+ /**
33
+ * Title to display along the y-axis
34
+ */
35
+ yAxisTitle: string;
36
+ /**
37
+ * Title to display above the optional legend
38
+ */
39
+ legendTitle: string;
40
+ /**
41
+ * Type of category to plot in the chart
42
+ */
43
+ colorFieldName: string;
44
+ /**
45
+ * The shape of the plotting in the chart - Square, Circle and Point
46
+ */
47
+ useShape: string;
48
+ embedOptions: EmbedOptions;
49
+ parseData(): void;
50
+ componentWillLoad(): void;
51
+ render(): JSX.Element;
52
52
  }
@@ -1,17 +1,17 @@
1
1
  import { JSX, EventEmitter } from '../../../stencil-public-runtime';
2
2
  import { EmbedOptions, VisualizationSpec } from 'vega-embed';
3
3
  export declare class GuxVisualization {
4
- private chartContainer;
5
- private defaultVisualizationSpec;
6
- private defaultEmbedOptions;
7
- chartComponentReady: EventEmitter;
8
- chartClicked: EventEmitter;
9
- root: HTMLElement;
10
- visualizationSpec: VisualizationSpec;
11
- embedOptions: EmbedOptions;
12
- componentWillLoad(): void;
13
- handleChartClick(_name: string, value: unknown): void;
14
- componentDidRender(): Promise<void>;
15
- componentDidLoad(): void;
16
- render(): JSX.Element;
4
+ private chartContainer;
5
+ private defaultVisualizationSpec;
6
+ private defaultEmbedOptions;
7
+ chartComponentReady: EventEmitter;
8
+ chartClicked: EventEmitter;
9
+ root: HTMLElement;
10
+ visualizationSpec: VisualizationSpec;
11
+ embedOptions: EmbedOptions;
12
+ componentWillLoad(): void;
13
+ handleChartClick(_name: string, value: unknown): void;
14
+ componentDidRender(): Promise<void>;
15
+ componentDidLoad(): void;
16
+ render(): JSX.Element;
17
17
  }