genesys-spark-chart-components 4.74.0 → 4.75.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 (51) hide show
  1. package/dist/{esm/usage-37155dad.js → cjs/color-palette-449f7af4.js} +22 -2
  2. package/dist/cjs/genesys-chart-webcomponents.cjs.js +1 -1
  3. package/dist/cjs/gux-chart-column-beta.cjs.entry.js +11 -7
  4. package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +4 -4
  5. package/dist/cjs/gux-chart-line-beta.cjs.entry.js +10 -6
  6. package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +4 -4
  7. package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +10 -6
  8. package/dist/cjs/gux-visualization-beta.cjs.entry.js +16 -6
  9. package/dist/cjs/loader.cjs.js +1 -1
  10. package/dist/cjs/log-error-8f448752.js +7 -0
  11. package/dist/collection/components/beta/gux-chart-column/gux-chart-column.js +45 -5
  12. package/dist/collection/components/beta/gux-chart-line/gux-chart-line.js +44 -4
  13. package/dist/collection/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.js +44 -4
  14. package/dist/collection/components/beta/gux-visualization/gux-visualization.css +0 -16
  15. package/dist/collection/components/beta/gux-visualization/gux-visualization.js +14 -3
  16. package/dist/collection/utils/theme/color-palette.js +2 -0
  17. package/dist/{cjs/usage-cc8b7705.js → esm/color-palette-91f190ab.js} +17 -4
  18. package/dist/esm/genesys-chart-webcomponents.js +1 -1
  19. package/dist/esm/gux-chart-column-beta.entry.js +8 -4
  20. package/dist/esm/gux-chart-donut-beta.entry.js +2 -2
  21. package/dist/esm/gux-chart-line-beta.entry.js +8 -4
  22. package/dist/esm/gux-chart-pie-beta.entry.js +2 -2
  23. package/dist/esm/gux-chart-scatter-plot-beta.entry.js +8 -4
  24. package/dist/esm/gux-visualization-beta.entry.js +15 -5
  25. package/dist/esm/loader.js +1 -1
  26. package/dist/esm/log-error-fbbfc3ab.js +5 -0
  27. package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
  28. package/dist/genesys-chart-webcomponents/p-1b0f0f44.js +1 -0
  29. package/dist/genesys-chart-webcomponents/p-23610106.js +1 -0
  30. package/dist/genesys-chart-webcomponents/{p-3f926a7b.entry.js → p-522973c4.entry.js} +1 -1
  31. package/dist/genesys-chart-webcomponents/p-901555c9.entry.js +11 -0
  32. package/dist/genesys-chart-webcomponents/p-9a7c7ed1.entry.js +1 -0
  33. package/dist/genesys-chart-webcomponents/{p-596f0ed2.entry.js → p-9c3c159b.entry.js} +1 -1
  34. package/dist/genesys-chart-webcomponents/p-b99c580c.entry.js +1 -0
  35. package/dist/genesys-chart-webcomponents/p-ea6be05e.entry.js +1 -0
  36. package/dist/stencil-wrapper.js +1 -1
  37. package/dist/types/components/beta/gux-chart-column/gux-chart-column.d.ts +8 -0
  38. package/dist/types/components/beta/gux-chart-line/gux-chart-line.d.ts +8 -0
  39. package/dist/types/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.d.ts +8 -0
  40. package/dist/types/components.d.ts +48 -0
  41. package/dist/types/stencil-wrapper.d.ts +1 -1
  42. package/dist/types/utils/theme/color-palette.d.ts +2 -0
  43. package/package.json +1 -1
  44. package/dist/cjs/log-error-28c7064e.js +0 -21
  45. package/dist/esm/log-error-ff9bdda4.js +0 -18
  46. package/dist/genesys-chart-webcomponents/p-13381e52.entry.js +0 -11
  47. package/dist/genesys-chart-webcomponents/p-1f3e8490.js +0 -1
  48. package/dist/genesys-chart-webcomponents/p-732b2d61.entry.js +0 -1
  49. package/dist/genesys-chart-webcomponents/p-9041644a.entry.js +0 -1
  50. package/dist/genesys-chart-webcomponents/p-ee3e656e.entry.js +0 -1
  51. package/dist/genesys-chart-webcomponents/p-f50e3789.js +0 -1
@@ -0,0 +1 @@
1
+ import{r as t,h as i,g as s}from"./p-e068d41d.js";import{D as a,a as e,V as h,t as o}from"./p-1b0f0f44.js";import{l as r}from"./p-23610106.js";const n=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,labelColor:this.labelColor||a,domainColor:this.domainColor||e},axisX:{labelAngle:0},scale:{bandPaddingInner:.4,bandPaddingOuter:.4},legend:{symbolType:"circle"},bar:{color:h[0]}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},tooltip:{aggregate:"count",type:"quantitative"}}},this.labelColor=a,this.domainColor=e,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||r(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,e=this.yAxisTitle,o=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),e&&(this.baseChartSpec.encoding.y.title=e),o&&(this.baseChartSpec.encoding.color.title=o);this.baseChartSpec.config.range={[i]:h};const n=Object.assign(this.baseChartSpec,t);this.visualizationSpec=n}componentWillLoad(){o(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"5bcc2fcee3bfb4905b9fdbb572593402531f960d",visualizationSpec:this.visualizationSpec})}get root(){return s(this)}static get watchers(){return{chartData:["parseData"]}}};n.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{n as gux_chart_column_beta}
@@ -1 +1 @@
1
- import{r as t,h as i,g as e}from"./p-e068d41d.js";import{t as s}from"./p-1f3e8490.js";import{V as a,l as h}from"./p-f50e3789.js";const o="category",n="value",r=class{constructor(i){t(this,i),this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",config:{legend:{symbolType:"circle"}},encoding:{theta:{field:"value",type:"quantitative",stack:!0},color:{field:o,type:"nominal",scale:{range:a},legend:null}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:n,type:"quantitative"}}}],view:{stroke:null}},this.chartData=void 0,this.includeLegend=void 0,this.legendPosition="right",this.legendTitle=void 0,this.colorFieldName=void 0,this.outerRadius=void 0,this.innerRadius=void 0,this.labelRadius=void 0,this.labelField=void 0,this.gauge=void 0,this.centerText=void 0,this.centerSubText=void 0,this.showTooltip=!0,this.tooltipOptions=void 0,this.legendX=void 0,this.legendY=void 0,this.legendFontSize=void 0,this.legendSymbolSize=void 0,this.embedOptions=void 0}parseData(){this.outerRadius||this.innerRadius||h(this.root,"requires at least one of outer-radius or inner-radius");let t={};this.chartData&&(t={data:this.chartData}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition),this.includeLegend?(this.baseChartSpec.encoding.color.legend={},(this.legendX||this.legendY)&&(this.baseChartSpec.config.legend.orient="none",this.legendX&&(this.baseChartSpec.encoding.color.legend.legendX=this.legendX),this.legendY&&(this.baseChartSpec.encoding.color.legend.legendY=this.legendY)),this.legendFontSize&&(this.baseChartSpec.encoding.color.legend.labelFontSize=this.legendFontSize),this.legendSymbolSize&&(this.baseChartSpec.encoding.color.legend.symbolSize=this.legendSymbolSize)):this.baseChartSpec.encoding.color.legend=null;const i=this.colorFieldName||o;i&&(this.baseChartSpec.encoding.color.field=i);this.baseChartSpec.encoding.color.title=this.legendTitle||"";let e=this.outerRadius,s=this.innerRadius;e||(e=s+32),s||(s=e-32);let a=1;this.gauge?(this.baseChartSpec.layer=[{data:{values:[{progress:"default",value:100}]},mark:{type:"arc",innerRadius:s},encoding:{theta:{field:"value",type:"quantitative"},color:{value:"#E4E9F0"},tooltip:null}},{mark:{type:"arc",outerRadius:e,innerRadius:s,padAngle:.01}},{mark:{type:"arc",innerRadius:s,padAngle:.01}}],a=2):this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:e,innerRadius:s}},{mark:{type:"arc",innerRadius:s,stroke:"#fff"}}];const r=this.centerText;r&&this.baseChartSpec.layer.push({data:{values:[{centerText:r,value:0}]},mark:{align:"center",type:"text",baseline:"middle"},encoding:{color:{value:"#4C5054"},text:{field:"centerText"},size:{value:{expr:"height * 0.09"}},tooltip:null}});const l=this.centerSubText;l&&this.baseChartSpec.layer.push({data:{values:[{centerSubText:l,value:0}]},mark:{align:"center",type:"text",baseline:"middle",y:{expr:"height/2 + 20"}},encoding:{color:{value:"#6A6D70"},text:{field:"centerSubText"},size:{value:{expr:"height * 0.06"}},tooltip:null}});const d=this.labelRadius,u=this.labelField||n;d&&this.baseChartSpec.layer.push({mark:{type:"text",radius:d},encoding:{text:{field:u,type:"quantitative"}}}),this.showTooltip&&(this.tooltipOptions?(this.baseChartSpec.layer[a].mark.tooltip={content:"data"},this.tooltipSpec={actions:!1,tooltip:this.tooltipOptions}):this.baseChartSpec.encoding.tooltip={field:u,aggregate:"count",type:"quantitative"});const c=Object.assign(this.baseChartSpec,t);this.visualizationSpec=c}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"1841c32ed4312b87b8bdeca52a007a6905effce9",visualizationSpec:this.visualizationSpec,embedOptions:this.tooltipSpec})}get root(){return e(this)}static get watchers(){return{chartData:["parseData"]}}};r.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{r as gux_chart_donut_beta}
1
+ import{r as t,h as i,g as e}from"./p-e068d41d.js";import{V as s,t as a}from"./p-1b0f0f44.js";import{l as h}from"./p-23610106.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:s},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(){a(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
+ import{r as t,h as i,g as s}from"./p-e068d41d.js";import{D as e,a,V as o,t as h}from"./p-1b0f0f44.js";import{l}from"./p-23610106.js";const n="category",r=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",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.labelColor=e,this.domainColor=a,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||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),r&&(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 d=Object.assign(this.baseChartSpec,t);this.visualizationSpec=d}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}
@@ -0,0 +1 @@
1
+ import{r as t,h as i,g as s}from"./p-e068d41d.js";import{D as a,a as e,V as h,t as o}from"./p-1b0f0f44.js";import{l as n}from"./p-23610106.js";const l="category",r=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,labelColor:this.labelColor||a,domainColor:this.domainColor||e},axisX:{labelAngle:0},legend:{symbolType:"circle"}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},color:{field:l,type:"nominal",scale:{range:h},legend:null},tooltip:{aggregate:"count",type:"quantitative"}}},this.labelColor=a,this.domainColor=e,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||n(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,a=this.yFieldName,e=this.yAxisTitle,h=this.legendTitle,o=this.colorFieldName||l,r=this.interpolation,d=this.strokeDash,c=this.includeDataPointMarkers;i&&(this.baseChartSpec.encoding.x.field=i),s&&(this.baseChartSpec.encoding.x.title=s),a&&(this.baseChartSpec.encoding.y.field=a),e&&(this.baseChartSpec.encoding.y.title=e),o&&(this.baseChartSpec.encoding.color.field=o),h&&(this.baseChartSpec.encoding.color.title=h),d&&(this.baseChartSpec.encoding.strokeDash={field:o,type:"nominal"}),r&&(this.baseChartSpec.mark.interpolate=r),c&&(this.baseChartSpec.mark.point=c);const g=Object.assign(this.baseChartSpec,t);this.visualizationSpec=g}componentWillLoad(){o(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"9a0bbdde50dc38102cff841ca0b2aa9aa47b47ff",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_line_beta}
@@ -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.74.0-313/chart/genesys-chart-webcomponents/';
10
+ export const CHART_COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.75.0-319/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
@@ -2,6 +2,14 @@ import { JSX } from '../../../stencil-public-runtime';
2
2
  import { EmbedOptions } from 'vega-embed';
3
3
  export declare class GuxColumnChart {
4
4
  root: HTMLElement;
5
+ /**
6
+ * Optional label color
7
+ */
8
+ labelColor: string;
9
+ /**
10
+ * Optional domain line color
11
+ */
12
+ domainColor: string;
5
13
  private visualizationSpec;
6
14
  private baseChartSpec;
7
15
  /**
@@ -3,6 +3,14 @@ import { EmbedOptions } from 'vega-embed';
3
3
  export declare class GuxLineChart {
4
4
  root: HTMLElement;
5
5
  private visualizationSpec;
6
+ /**
7
+ * Optional label color
8
+ */
9
+ labelColor: string;
10
+ /**
11
+ * Optional domain line color
12
+ */
13
+ domainColor: string;
6
14
  private baseChartSpec;
7
15
  /**
8
16
  * Data to be rendered in the chart.
@@ -3,6 +3,14 @@ import { EmbedOptions } from 'vega-embed';
3
3
  export declare class GuxScatterPlotChart {
4
4
  root: HTMLElement;
5
5
  private visualizationSpec;
6
+ /**
7
+ * Optional label color
8
+ */
9
+ labelColor: string;
10
+ /**
11
+ * Optional domain line color
12
+ */
13
+ domainColor: string;
6
14
  private baseChartSpec;
7
15
  /**
8
16
  * Data to be rendered in the chart.
@@ -17,8 +17,16 @@ export namespace Components {
17
17
  * List specifying the order of optional chart layers. 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'
18
18
  */
19
19
  "chartLayers": string[];
20
+ /**
21
+ * Optional domain line color
22
+ */
23
+ "domainColor": string;
20
24
  "embedOptions": EmbedOptions;
21
25
  "includeLegend": boolean;
26
+ /**
27
+ * Optional label color
28
+ */
29
+ "labelColor": string;
22
30
  "legendPosition": | 'left'
23
31
  | 'right'
24
32
  | 'top'
@@ -91,10 +99,18 @@ export namespace Components {
91
99
  */
92
100
  "chartData": Record<string, any>;
93
101
  "colorFieldName": string;
102
+ /**
103
+ * Optional domain line color
104
+ */
105
+ "domainColor": string;
94
106
  "embedOptions": EmbedOptions;
95
107
  "includeDataPointMarkers": boolean;
96
108
  "includeLegend": boolean;
97
109
  "interpolation": string;
110
+ /**
111
+ * Optional label color
112
+ */
113
+ "labelColor": string;
98
114
  "legendPosition": | 'left'
99
115
  | 'right'
100
116
  | 'top'
@@ -161,8 +177,16 @@ export namespace Components {
161
177
  * Type of category to plot in the chart
162
178
  */
163
179
  "colorFieldName": string;
180
+ /**
181
+ * Optional domain line color
182
+ */
183
+ "domainColor": string;
164
184
  "embedOptions": EmbedOptions;
165
185
  "includeLegend": boolean;
186
+ /**
187
+ * Optional label color
188
+ */
189
+ "labelColor": string;
166
190
  "legendPosition": | 'left'
167
191
  | 'right'
168
192
  | 'top'
@@ -278,8 +302,16 @@ declare namespace LocalJSX {
278
302
  * List specifying the order of optional chart layers. 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'
279
303
  */
280
304
  "chartLayers"?: string[];
305
+ /**
306
+ * Optional domain line color
307
+ */
308
+ "domainColor"?: string;
281
309
  "embedOptions"?: EmbedOptions;
282
310
  "includeLegend"?: boolean;
311
+ /**
312
+ * Optional label color
313
+ */
314
+ "labelColor"?: string;
283
315
  "legendPosition"?: | 'left'
284
316
  | 'right'
285
317
  | 'top'
@@ -352,10 +384,18 @@ declare namespace LocalJSX {
352
384
  */
353
385
  "chartData"?: Record<string, any>;
354
386
  "colorFieldName"?: string;
387
+ /**
388
+ * Optional domain line color
389
+ */
390
+ "domainColor"?: string;
355
391
  "embedOptions"?: EmbedOptions;
356
392
  "includeDataPointMarkers"?: boolean;
357
393
  "includeLegend"?: boolean;
358
394
  "interpolation"?: string;
395
+ /**
396
+ * Optional label color
397
+ */
398
+ "labelColor"?: string;
359
399
  "legendPosition"?: | 'left'
360
400
  | 'right'
361
401
  | 'top'
@@ -422,8 +462,16 @@ declare namespace LocalJSX {
422
462
  * Type of category to plot in the chart
423
463
  */
424
464
  "colorFieldName"?: string;
465
+ /**
466
+ * Optional domain line color
467
+ */
468
+ "domainColor"?: string;
425
469
  "embedOptions"?: EmbedOptions;
426
470
  "includeLegend"?: boolean;
471
+ /**
472
+ * Optional label color
473
+ */
474
+ "labelColor"?: string;
427
475
  "legendPosition"?: | 'left'
428
476
  | 'right'
429
477
  | 'top'
@@ -1,2 +1,2 @@
1
- export declare const CHART_COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.74.0-313/chart/genesys-chart-webcomponents/";
1
+ export declare const CHART_COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.75.0-319/chart/genesys-chart-webcomponents/";
2
2
  export declare function registerElements(): void;
@@ -1 +1,3 @@
1
1
  export declare const VISUALIZATION_COLORS: string[];
2
+ export declare const DEFAULT_LABEL_COLOR = "#596373";
3
+ export declare const DEFAULT_DOMAIN_COLOR = "#596373";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "genesys-spark-chart-components",
3
- "version": "4.74.0",
3
+ "version": "4.75.0",
4
4
  "description": "Common chart webcomponents",
5
5
  "license": "MIT",
6
6
  "main": "dist/stencil-wrapper.js",
@@ -1,21 +0,0 @@
1
- 'use strict';
2
-
3
- const VISUALIZATION_COLORS = [
4
- '#203B73',
5
- '#1DA8B3',
6
- '#75A8FF',
7
- '#8452CF',
8
- '#B5B5EB',
9
- '#CC3EBE',
10
- '#5E5782',
11
- '#FF8FDD',
12
- '#868C1E',
13
- '#DDD933'
14
- ];
15
-
16
- function logError(component, message) {
17
- console.error(`[${component.tagName.toLowerCase()}] ${message}`, component);
18
- }
19
-
20
- exports.VISUALIZATION_COLORS = VISUALIZATION_COLORS;
21
- exports.logError = logError;
@@ -1,18 +0,0 @@
1
- const VISUALIZATION_COLORS = [
2
- '#203B73',
3
- '#1DA8B3',
4
- '#75A8FF',
5
- '#8452CF',
6
- '#B5B5EB',
7
- '#CC3EBE',
8
- '#5E5782',
9
- '#FF8FDD',
10
- '#868C1E',
11
- '#DDD933'
12
- ];
13
-
14
- function logError(component, message) {
15
- console.error(`[${component.tagName.toLowerCase()}] ${message}`, component);
16
- }
17
-
18
- export { VISUALIZATION_COLORS as V, logError as l };