genesys-spark-chart-components 4.74.1 → 4.76.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/{esm/usage-0deb6ff1.js → cjs/color-palette-ced3f161.js} +22 -2
- package/dist/cjs/genesys-chart-webcomponents.cjs.js +1 -1
- package/dist/cjs/gux-chart-column-beta.cjs.entry.js +11 -7
- package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +4 -4
- package/dist/cjs/gux-chart-line-beta.cjs.entry.js +10 -6
- package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +4 -4
- package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +10 -6
- package/dist/cjs/gux-visualization-beta.cjs.entry.js +16 -6
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/log-error-8f448752.js +7 -0
- package/dist/collection/components/beta/gux-chart-column/gux-chart-column.js +45 -5
- package/dist/collection/components/beta/gux-chart-line/gux-chart-line.js +44 -4
- package/dist/collection/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.js +44 -4
- package/dist/collection/components/beta/gux-visualization/gux-visualization.css +0 -16
- package/dist/collection/components/beta/gux-visualization/gux-visualization.js +14 -3
- package/dist/collection/utils/theme/color-palette.js +2 -0
- package/dist/{cjs/usage-930af94e.js → esm/color-palette-fbf1d13a.js} +17 -4
- package/dist/esm/genesys-chart-webcomponents.js +1 -1
- package/dist/esm/gux-chart-column-beta.entry.js +8 -4
- package/dist/esm/gux-chart-donut-beta.entry.js +2 -2
- package/dist/esm/gux-chart-line-beta.entry.js +8 -4
- package/dist/esm/gux-chart-pie-beta.entry.js +2 -2
- package/dist/esm/gux-chart-scatter-plot-beta.entry.js +8 -4
- package/dist/esm/gux-visualization-beta.entry.js +15 -5
- package/dist/esm/loader.js +1 -1
- package/dist/esm/log-error-fbbfc3ab.js +5 -0
- package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
- package/dist/genesys-chart-webcomponents/p-11ca8f7a.entry.js +11 -0
- package/dist/genesys-chart-webcomponents/p-23610106.js +1 -0
- package/dist/genesys-chart-webcomponents/p-2bd05383.entry.js +1 -0
- package/dist/genesys-chart-webcomponents/{p-e391631f.entry.js → p-7de3755f.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-72b1fd29.entry.js → p-89fdbe65.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/p-a3f6eb0d.js +1 -0
- package/dist/genesys-chart-webcomponents/p-b54c323e.entry.js +1 -0
- package/dist/genesys-chart-webcomponents/p-e2b74880.entry.js +1 -0
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/beta/gux-chart-column/gux-chart-column.d.ts +8 -0
- package/dist/types/components/beta/gux-chart-line/gux-chart-line.d.ts +8 -0
- package/dist/types/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.d.ts +8 -0
- package/dist/types/components.d.ts +48 -0
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/dist/types/utils/theme/color-palette.d.ts +2 -0
- package/package.json +1 -1
- package/dist/cjs/log-error-28c7064e.js +0 -21
- package/dist/esm/log-error-ff9bdda4.js +0 -18
- package/dist/genesys-chart-webcomponents/p-53538c0a.entry.js +0 -11
- package/dist/genesys-chart-webcomponents/p-5e706362.js +0 -1
- package/dist/genesys-chart-webcomponents/p-64b49c41.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-88fa4466.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-c982ed58.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-f50e3789.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function o(o,n){console.error(`[${o.tagName.toLowerCase()}] ${n}`,o)}export{o as l}
|
|
@@ -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-a3f6eb0d.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
|
|
1
|
+
import{r as t,h as i,g as e}from"./p-e068d41d.js";import{V as s,t as a}from"./p-a3f6eb0d.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as e}from"./p-e068d41d.js";import{t as
|
|
1
|
+
import{r as t,h as i,g as e}from"./p-e068d41d.js";import{V as s,t as a}from"./p-a3f6eb0d.js";import{l as o}from"./p-23610106.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:s},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(){a(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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const t="4.76.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 a(){const t=window.newrelic;if(t){for(let s=0;s<e;s++){if(0==o.length)return void setTimeout(a,n);const e=o.shift();t.addPageAction(e.name,Object.assign(Object.assign({},e.metadata),{queueDepth:o.length}))}setTimeout(a,n)}}let s=!1;function i(e,n){window.newrelic&&(s||(s=!0,a()),document.contains(e)&&o.push({name:"spark-component",metadata:Object.assign(Object.assign({},n),{component:e.tagName.toLowerCase(),version:t})}))}const r=["#203B73","#1DA8B3","#75A8FF","#8452CF","#B5B5EB","#CC3EBE","#5E5782","#FF8FDD","#868C1E","#DDD933"],c="#596373",m="#596373";export{c as D,r as V,m as a,i as t}
|
|
@@ -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-a3f6eb0d.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-a3f6eb0d.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}
|
package/dist/stencil-wrapper.js
CHANGED
|
@@ -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.
|
|
10
|
+
export const CHART_COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.76.0-320/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.
|
|
1
|
+
export declare const CHART_COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.76.0-320/chart/genesys-chart-webcomponents/";
|
|
2
2
|
export declare function registerElements(): void;
|
package/package.json
CHANGED
|
@@ -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 };
|