genesys-spark-chart-components 4.171.2 → 4.171.4

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 (27) hide show
  1. package/dist/cjs/{color-palette-Cf15mos7.js → color-palette-_E0TVXpA.js} +1 -1
  2. package/dist/cjs/gux-chart-column-beta.cjs.entry.js +2 -2
  3. package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +1 -1
  4. package/dist/cjs/gux-chart-line-beta.cjs.entry.js +1 -1
  5. package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +1 -1
  6. package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +1 -1
  7. package/dist/cjs/gux-visualization-beta.cjs.entry.js +1 -1
  8. package/dist/collection/components/beta/gux-chart-column/gux-chart-column.css +3 -1
  9. package/dist/collection/test/specTestUtils.js +1 -1
  10. package/dist/esm/{color-palette-gR5XfpMg.js → color-palette-CpOySOhF.js} +1 -1
  11. package/dist/esm/gux-chart-column-beta.entry.js +2 -2
  12. package/dist/esm/gux-chart-donut-beta.entry.js +1 -1
  13. package/dist/esm/gux-chart-line-beta.entry.js +1 -1
  14. package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
  15. package/dist/esm/gux-chart-scatter-plot-beta.entry.js +1 -1
  16. package/dist/esm/gux-visualization-beta.entry.js +1 -1
  17. package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
  18. package/dist/genesys-chart-webcomponents/{p-462bc4a4.entry.js → p-04ee6cb5.entry.js} +1 -1
  19. package/dist/genesys-chart-webcomponents/{p-f2654adb.entry.js → p-57c6266b.entry.js} +1 -1
  20. package/dist/genesys-chart-webcomponents/{p-gR5XfpMg.js → p-CpOySOhF.js} +1 -1
  21. package/dist/genesys-chart-webcomponents/{p-359fdedf.entry.js → p-b525cf45.entry.js} +1 -1
  22. package/dist/genesys-chart-webcomponents/{p-955623a3.entry.js → p-c6784f86.entry.js} +1 -1
  23. package/dist/genesys-chart-webcomponents/{p-6b84a474.entry.js → p-df9752ed.entry.js} +1 -1
  24. package/dist/genesys-chart-webcomponents/{p-20fe7ce6.entry.js → p-f37c67a4.entry.js} +1 -1
  25. package/package.json +17 -20
  26. package/dist/collection/test/e2eTestUtils.js +0 -20
  27. package/dist/types/test/e2eTestUtils.d.ts +0 -9
@@ -1 +1 @@
1
- import{r as t,h as i,g as a}from"./p-DohbbG4E.js";import{D as s,a as e,V as r,t as h}from"./p-gR5XfpMg.js";import{l as n}from"./p-nsqlWzyl.js";const o=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 o=i;this.baseChartSpec.config.range={[o]:r};const l=Object.assign(this.baseChartSpec,t);this.visualizationSpec=l}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"]}}};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-DohbbG4E.js";import{D as s,a as e,V as h,t as r}from"./p-CpOySOhF.js";import{l as n}from"./p-nsqlWzyl.js";const o=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:h[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,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),e&&(this.baseChartSpec.encoding.y.title=e),r&&(this.baseChartSpec.encoding.color.title=r);const o=i;this.baseChartSpec.config.range={[o]:h};const l=Object.assign(this.baseChartSpec,t);this.visualizationSpec=l}componentWillLoad(){r(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"]}}};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{}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 e,g as i}from"./p-DohbbG4E.js";import{V as a,t as s}from"./p-gR5XfpMg.js";import{l as r}from"./p-nsqlWzyl.js";const o="category",h="value",n=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:o,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.legendPosition="right"}parseData(){this.outerRadius||r(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),this.baseChartSpec.encoding.color.field=this.colorFieldName||o;const e=this.legendTitle;e&&(this.baseChartSpec.encoding.color.title=e),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:this.outerRadius}}];const i=this.labelRadius;i&&this.baseChartSpec.layer.push({mark:{type:"text",radius:i},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 e("gux-visualization-beta",{key:"b3049772a9d436bf4d6aa1b0e9ebe21a9d9e84e9",visualizationSpec:this.visualizationSpec})}get root(){return i(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 e,g as i}from"./p-DohbbG4E.js";import{V as a,t as s}from"./p-CpOySOhF.js";import{l as r}from"./p-nsqlWzyl.js";const o="category",h="value",n=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:o,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.legendPosition="right"}parseData(){this.outerRadius||r(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),this.baseChartSpec.encoding.color.field=this.colorFieldName||o;const e=this.legendTitle;e&&(this.baseChartSpec.encoding.color.title=e),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:this.outerRadius}}];const i=this.labelRadius;i&&this.baseChartSpec.layer.push({mark:{type:"text",radius:i},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 e("gux-visualization-beta",{key:"b3049772a9d436bf4d6aa1b0e9ebe21a9d9e84e9",visualizationSpec:this.visualizationSpec})}get root(){return i(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
- import{r as t,h as i,g as s}from"./p-DohbbG4E.js";import{D as e,a,V as o,t as h}from"./p-gR5XfpMg.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
+ import{r as t,h as i,g as s}from"./p-DohbbG4E.js";import{D as e,a,V as h,t as o}from"./p-CpOySOhF.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:h},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,h=this.legendTitle,o=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,h&&(this.baseChartSpec.encoding.color.title=h),this.baseChartSpec.mark={type:o,filled:!0},this.baseChartSpec.config.legend.symbolType=o,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:h}];const c=Object.assign(this.baseChartSpec,t);this.visualizationSpec=c}componentWillLoad(){o(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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "genesys-spark-chart-components",
3
- "version": "4.171.2",
3
+ "version": "4.171.4",
4
4
  "description": "Common chart webcomponents",
5
5
  "license": "MIT",
6
6
  "main": "dist/stencil-wrapper.js",
@@ -31,12 +31,11 @@
31
31
  "stencil": "stencil build --prod",
32
32
  "stencil.dev": "stencil build --dev --watch --serve --no-open",
33
33
  "stylelint": "stylelint --fix \"**/*.{css,html,scss}\"",
34
- "test": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --e2e --maxWorkers=1",
35
- "test.ci": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --maxWorkers=1",
36
- "test.e2e": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --e2e --maxWorkers=1",
37
- "test.spec": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --maxWorkers=1",
34
+ "test": "npm run test.spec",
35
+ "test.ci": "npm run test.spec",
36
+ "test.spec": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC jest",
38
37
  "test.update-snapshot": "npm run test -- -- --updateSnapshot",
39
- "test.watch": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --e2e --watch",
38
+ "test.watch": "npm run test -- -- --watch",
40
39
  "update-en-i18n": "./scripts/update-en-i18n.js",
41
40
  "version-sync": "npm version --no-git-tag-version --allow-same-version"
42
41
  },
@@ -53,29 +52,27 @@
53
52
  "vega-lite": "5.23.0"
54
53
  },
55
54
  "devDependencies": {
56
- "@babel/core": "^7.28.3",
55
+ "@babel/core": "^7.28.4",
57
56
  "@babel/preset-env": "^7.28.3",
58
57
  "@stencil/core": "4.36.3",
59
58
  "@stencil/react-output-target": "^0.5.3",
60
59
  "@stencil/sass": "^3.2.2",
61
- "@types/jest": "^29.5.14",
60
+ "@types/jest": "^30.0.0",
62
61
  "axe-core": "^4.10.3",
63
62
  "axe-live": "^1.0.1",
64
- "eslint": "^9.34.0",
63
+ "eslint": "^9.35.0",
65
64
  "eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
66
65
  "file-loader": "^6.2.0",
67
66
  "genesys-spark-tokens": "file:../genesys-spark-tokens",
68
67
  "glob": "^11.0.3",
69
- "globals": "^16.3.0",
68
+ "globals": "^16.4.0",
70
69
  "handlebars": "^4.7.8",
71
70
  "inquirer": "^12.9.4",
72
- "jest": "^29.7.0",
73
- "jest-cli": "^29.7.0",
74
- "jest-config": "^29.7.0",
75
- "jest-environment-node": "^29.7.0",
71
+ "jest": "^30.1.3",
72
+ "jest-environment-jsdom": "^30.1.2",
76
73
  "jest-junit": "^16.0.0",
77
- "jest-silent-reporter": "^0.6.0",
78
- "lint-staged": "^16.1.5",
74
+ "jest-stencil-runner": "^0.0.9",
75
+ "lint-staged": "^16.1.6",
79
76
  "node-fetch": "^3.3.2",
80
77
  "npm-run-all": "^4.1.5",
81
78
  "postcss-html": "^1.8.0",
@@ -84,19 +81,19 @@
84
81
  "prettier": "^3.6.2",
85
82
  "prettier-config-genesys-spark-components": "file:../../shared-configs/prettier-config-genesys-spark-components",
86
83
  "prettier-package-json": "^2.8.0",
87
- "puppeteer": "^24.17.0",
88
84
  "rollup-plugin-copy": "^3.5.0",
89
85
  "rollup-plugin-polyfill-node": "^0.13.0",
90
86
  "semver-sort": "^1.0.0",
91
87
  "smob": "^1.5.0",
92
- "stylelint": "^16.23.1",
88
+ "stylelint": "^16.24.0",
93
89
  "stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
94
90
  "stylelint-config-html": "^1.1.0",
95
- "stylelint-config-recess-order": "^7.2.0",
91
+ "stylelint-config-recess-order": "^7.3.0",
96
92
  "stylelint-config-standard": "^39.0.0",
97
93
  "stylelint-order": "^7.0.0",
98
94
  "stylelint-scss": "^6.12.1",
99
95
  "ts-loader": "^9.5.4",
96
+ "ts-node": "^10.9.2",
100
97
  "typescript": "5.5.4",
101
98
  "xmldom": "^0.6.0"
102
99
  },
@@ -106,6 +103,6 @@
106
103
  "collection": "dist/collection/collection-manifest.json",
107
104
  "prettier": "prettier-config-genesys-spark-components",
108
105
  "volta": {
109
- "node": "22.16.0"
106
+ "node": "22.18.0"
110
107
  }
111
108
  }
@@ -1,20 +0,0 @@
1
- import { newE2EPage } from "@stencil/core/testing";
2
- import { axeConfig } from "./axeConfig";
3
- export async function a11yCheck(page, axeExclusions = [], axeScanContext = '') {
4
- const axeScanDetails = {
5
- axeExclusions,
6
- axeScanContext
7
- };
8
- const axeResults = (await page.evaluate(`window.axe.run('body > *', ${JSON.stringify(axeConfig)})`));
9
- // eslint-disable-next-line
10
- expect(axeResults.violations).toHaveNoViolations(axeScanDetails);
11
- }
12
- export async function newSparkE2EPage({ html }, lang = 'en') {
13
- const page = await newE2EPage();
14
- await page.setContent(`<div lang=${lang}>${html}</div>`);
15
- await page.addScriptTag({
16
- path: '../../node_modules/axe-core/axe.min.js'
17
- });
18
- await page.waitForChanges();
19
- return page;
20
- }
@@ -1,9 +0,0 @@
1
- import { E2EPage } from '@stencil/core/testing';
2
- export declare function a11yCheck(page: E2EPage, axeExclusions?: {
3
- issueId: string;
4
- target?: string;
5
- exclusionReason: string;
6
- }[], axeScanContext?: string): Promise<void>;
7
- export declare function newSparkE2EPage({ html }: {
8
- html: string;
9
- }, lang?: string): Promise<E2EPage>;