genesys-spark-chart-components 4.167.0 → 4.168.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{color-palette-DLfAISzL.js → color-palette-BYuHImkw.js} +1 -1
- package/dist/cjs/genesys-chart-webcomponents.cjs.js +1 -1
- package/dist/cjs/gux-chart-column-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-line-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-visualization-beta.cjs.entry.js +9 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/beta/gux-visualization/gux-visualization.js +27 -1
- package/dist/esm/{color-palette-BEg7_kUB.js → color-palette-D_Qe8p5S.js} +1 -1
- package/dist/esm/genesys-chart-webcomponents.js +1 -1
- package/dist/esm/gux-chart-column-beta.entry.js +1 -1
- package/dist/esm/gux-chart-donut-beta.entry.js +1 -1
- package/dist/esm/gux-chart-line-beta.entry.js +1 -1
- package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
- package/dist/esm/gux-chart-scatter-plot-beta.entry.js +1 -1
- package/dist/esm/gux-visualization-beta.entry.js +9 -2
- package/dist/esm/loader.js +1 -1
- package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
- package/dist/genesys-chart-webcomponents/{p-42f79330.entry.js → p-0d650ed4.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-fdc59d0c.entry.js → p-3971bdfd.entry.js} +2 -2
- package/dist/genesys-chart-webcomponents/{p-ff0b6f4c.entry.js → p-51f1c537.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-bf791097.entry.js → p-6fc4cde6.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-BEg7_kUB.js → p-D_Qe8p5S.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-97918daf.entry.js → p-d646d29f.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-503cab36.entry.js → p-d9f3dffd.entry.js} +1 -1
- package/dist/types/components/beta/gux-visualization/gux-visualization.d.ts +1 -0
- package/dist/types/components.d.ts +2 -0
- package/package.json +8 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as a}from"./p-ClZaGx2J.js";import{D as s,a as e,V as r,t as h}from"./p-
|
|
1
|
+
import{r as t,h as i,g as a}from"./p-ClZaGx2J.js";import{D as s,a as e,V as r,t as h}from"./p-D_Qe8p5S.js";import{l as n}from"./p-nsqlWzyl.js";const l=class{constructor(i){t(this,i),this.labelColor=s,this.domainColor=e,this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"bar"},config:{axis:{ticks:!1,titlePadding:8,labelColor:this.labelColor||s,domainColor:this.domainColor||e},axisX:{labelAngle:0},scale:{bandPaddingInner:.4,bandPaddingOuter:.4},legend:{symbolType:"circle"},bar:{color:r[0]}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},tooltip:{aggregate:"count",type:"quantitative"}}},this.legendPosition="right"}parseData(){this.xFieldName&&this.yFieldName||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={field:"category"}),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,a=this.yFieldName,s=this.xAxisTitle,e=this.yAxisTitle,h=this.legendTitle;if(this.chartLayers){const t=this.chartLayers.map((t=>({mark:"bar",transform:[{filter:{field:"series",equal:t}}],encoding:{x:{field:i,type:"nominal"},y:{field:a,type:"quantitative"}}})));this.baseChartSpec.layer=t}else i&&(this.baseChartSpec.encoding.x.field=i),a&&(this.baseChartSpec.encoding.y.field=a),s&&(this.baseChartSpec.encoding.x.title=s),e&&(this.baseChartSpec.encoding.y.title=e),h&&(this.baseChartSpec.encoding.color.title=h);const l=i;this.baseChartSpec.config.range={[l]:r};const o=Object.assign(this.baseChartSpec,t);this.visualizationSpec=o}componentWillLoad(){h(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"5bcc2fcee3bfb4905b9fdbb572593402531f960d",visualizationSpec:this.visualizationSpec})}get root(){return a(this)}static get watchers(){return{chartData:["parseData"]}}};l.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{l as gux_chart_column_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-ClZaGx2J.js";import{V as a,t as s}from"./p-
|
|
1
|
+
import{r as t,h as e,g as i}from"./p-ClZaGx2J.js";import{V as a,t as s}from"./p-D_Qe8p5S.js";import{l as n}from"./p-nsqlWzyl.js";const r="category",h="value",l=class{constructor(e){t(this,e),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}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:h,type:"quantitative"}}}],view:{stroke:null}},this.legendPosition="right",this.showTooltip=!0}parseData(){this.outerRadius||this.innerRadius||n(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,this.baseChartSpec.encoding.color.field=this.colorFieldName||r;this.baseChartSpec.encoding.color.title=this.legendTitle||"";let e=this.outerRadius,i=this.innerRadius;e||(e=i+32),i||(i=e-32);let a=1;this.gauge?(this.baseChartSpec.layer=[{data:{values:[{progress:"default",value:100}]},mark:{type:"arc",innerRadius:i},encoding:{theta:{field:"value",type:"quantitative"},color:{value:"#E4E9F0"},tooltip:null}},{mark:{type:"arc",outerRadius:e,innerRadius:i,padAngle:.01}},{mark:{type:"arc",innerRadius:i,padAngle:.01}}],a=2):this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:e,innerRadius:i}},{mark:{type:"arc",innerRadius:i,stroke:"#fff"}}];const s=this.centerText;s&&this.baseChartSpec.layer.push({data:{values:[{centerText:s,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 o=this.labelRadius,u=this.labelField||h;o&&this.baseChartSpec.layer.push({mark:{type:"text",radius:o},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 e("gux-visualization-beta",{key:"1841c32ed4312b87b8bdeca52a007a6905effce9",visualizationSpec:this.visualizationSpec,embedOptions:this.tooltipSpec})}get root(){return i(this)}static get watchers(){return{chartData:["parseData"]}}};l.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{l as gux_chart_donut_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var t="4.
|
|
1
|
+
var t="4.168.1";const e=[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 n(){const t=window.newrelic;if(t){for(let o=0;o<20;o++){if(0==e.length)return void setTimeout(n,3e4);const o=e.shift();t.addPageAction(o.name,Object.assign(Object.assign({},o.metadata),{queueDepth:e.length}))}setTimeout(n,3e4)}}let o=!1;function a(a,r){window.newrelic&&(o||(o=!0,n()),document.contains(a)&&e.push({name:"spark-component",metadata:Object.assign(Object.assign({},r),{component:a.tagName.toLowerCase(),version:t})}))}const r=["#203B73","#1DA8B3","#75A8FF","#8452CF","#B5B5EB","#CC3EBE","#5E5782","#FF8FDD","#868C1E","#DDD933"],s="#596373",i="#596373";export{s as D,r as V,i as a,a as t}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as s}from"./p-ClZaGx2J.js";import{D as e,a,V as o,t as h}from"./p-
|
|
1
|
+
import{r as t,h as i,g as s}from"./p-ClZaGx2J.js";import{D as e,a,V as o,t as h}from"./p-D_Qe8p5S.js";import{l}from"./p-nsqlWzyl.js";const n="category",r=class{constructor(i){t(this,i),this.labelColor=e,this.domainColor=a,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.legendPosition="right"}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),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 c=Object.assign(this.baseChartSpec,t);this.visualizationSpec=c}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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as s}from"./p-ClZaGx2J.js";import{D as a,a as e,V as h,t as n}from"./p-
|
|
1
|
+
import{r as t,h as i,g as s}from"./p-ClZaGx2J.js";import{D as a,a as e,V as h,t as n}from"./p-D_Qe8p5S.js";import{l as o}from"./p-nsqlWzyl.js";const l="category",r=class{constructor(i){t(this,i),this.labelColor=a,this.domainColor=e,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.legendPosition="right"}parseData(){this.xFieldName&&this.yFieldName||o(this.root,"requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=45),this.includeLegend&&(this.baseChartSpec.encoding.color.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,n=this.colorFieldName||l,r=this.interpolation,c=this.strokeDash,p=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),this.baseChartSpec.encoding.color.field=n,h&&(this.baseChartSpec.encoding.color.title=h),c&&(this.baseChartSpec.encoding.strokeDash={field:n,type:"nominal"}),r&&(this.baseChartSpec.mark.interpolate=r),p&&(this.baseChartSpec.mark.point=p);const g=Object.assign(this.baseChartSpec,t);this.visualizationSpec=g}componentWillLoad(){n(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}
|
|
@@ -10,6 +10,7 @@ export declare class GuxVisualization {
|
|
|
10
10
|
root: HTMLElement;
|
|
11
11
|
visualizationSpec: VisualizationSpec;
|
|
12
12
|
embedOptions: EmbedOptions;
|
|
13
|
+
screenreaderDescription: string;
|
|
13
14
|
componentWillLoad(): void;
|
|
14
15
|
handleChartClick(_name: string, value: unknown): void;
|
|
15
16
|
componentDidRender(): Promise<void>;
|
|
@@ -251,6 +251,7 @@ export namespace Components {
|
|
|
251
251
|
}
|
|
252
252
|
interface GuxVisualizationBeta {
|
|
253
253
|
"embedOptions": EmbedOptions;
|
|
254
|
+
"screenreaderDescription": string;
|
|
254
255
|
"visualizationSpec": VisualizationSpec;
|
|
255
256
|
}
|
|
256
257
|
}
|
|
@@ -562,6 +563,7 @@ declare namespace LocalJSX {
|
|
|
562
563
|
"embedOptions"?: EmbedOptions;
|
|
563
564
|
"onChartClicked"?: (event: GuxVisualizationBetaCustomEvent<any>) => void;
|
|
564
565
|
"onChartComponentReady"?: (event: GuxVisualizationBetaCustomEvent<any>) => void;
|
|
566
|
+
"screenreaderDescription"?: string;
|
|
565
567
|
"visualizationSpec"?: VisualizationSpec;
|
|
566
568
|
}
|
|
567
569
|
interface IntrinsicElements {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "genesys-spark-chart-components",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.168.1",
|
|
4
4
|
"description": "Common chart webcomponents",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/stencil-wrapper.js",
|
|
@@ -53,22 +53,22 @@
|
|
|
53
53
|
"vega-lite": "5.23.0"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
|
-
"@babel/core": "^7.28.
|
|
57
|
-
"@babel/preset-env": "^7.28.
|
|
56
|
+
"@babel/core": "^7.28.3",
|
|
57
|
+
"@babel/preset-env": "^7.28.3",
|
|
58
58
|
"@stencil/core": "4.36.2",
|
|
59
59
|
"@stencil/react-output-target": "^0.5.3",
|
|
60
60
|
"@stencil/sass": "^3.2.2",
|
|
61
61
|
"@types/jest": "^29.5.14",
|
|
62
62
|
"axe-core": "^4.10.3",
|
|
63
63
|
"axe-live": "^1.0.1",
|
|
64
|
-
"eslint": "^9.
|
|
64
|
+
"eslint": "^9.34.0",
|
|
65
65
|
"eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
|
|
66
66
|
"file-loader": "^6.2.0",
|
|
67
67
|
"genesys-spark-tokens": "file:../genesys-spark-tokens",
|
|
68
68
|
"glob": "^11.0.3",
|
|
69
69
|
"globals": "^16.3.0",
|
|
70
70
|
"handlebars": "^4.7.8",
|
|
71
|
-
"inquirer": "^12.9.
|
|
71
|
+
"inquirer": "^12.9.4",
|
|
72
72
|
"jest": "^29.7.0",
|
|
73
73
|
"jest-cli": "^29.7.0",
|
|
74
74
|
"jest-config": "^29.7.0",
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
"prettier": "^3.6.2",
|
|
85
85
|
"prettier-config-genesys-spark-components": "file:../../shared-configs/prettier-config-genesys-spark-components",
|
|
86
86
|
"prettier-package-json": "^2.8.0",
|
|
87
|
-
"puppeteer": "^24.
|
|
87
|
+
"puppeteer": "^24.17.0",
|
|
88
88
|
"rollup-plugin-copy": "^3.5.0",
|
|
89
89
|
"rollup-plugin-polyfill-node": "^0.13.0",
|
|
90
90
|
"semver-sort": "^1.0.0",
|
|
@@ -93,10 +93,10 @@
|
|
|
93
93
|
"stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
|
|
94
94
|
"stylelint-config-html": "^1.1.0",
|
|
95
95
|
"stylelint-config-recess-order": "^7.2.0",
|
|
96
|
-
"stylelint-config-standard": "^
|
|
96
|
+
"stylelint-config-standard": "^39.0.0",
|
|
97
97
|
"stylelint-order": "^7.0.0",
|
|
98
98
|
"stylelint-scss": "^6.12.1",
|
|
99
|
-
"ts-loader": "^9.5.
|
|
99
|
+
"ts-loader": "^9.5.4",
|
|
100
100
|
"typescript": "5.5.4",
|
|
101
101
|
"xmldom": "^0.6.0"
|
|
102
102
|
},
|