genesys-spark-chart-components 4.82.0 → 4.83.1

package/dist/genesys-chart-webcomponents/{p-c538ac76.entry.js → p-ef1e3682.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,g as e}from"./p-e068d41d.js";import{V as s,t as a}from"./p-a7bc85cd.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}
+import{r as t,h as i,g as e}from"./p-7f2ebcdb.js";import{V as s,t as a}from"./p-1b4bdc99.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}

package/dist/genesys-chart-webcomponents/{p-4eec02be.entry.js → p-f85d1100.entry.js}

@@ -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-a7bc85cd.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}
+import{r as t,h as i,g as s}from"./p-7f2ebcdb.js";import{D as a,a as e,V as h,t as o}from"./p-1b4bdc99.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);const n=i;this.baseChartSpec.config.range={[n]:h};const l=Object.assign(this.baseChartSpec,t);this.visualizationSpec=l}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}

package/dist/loader/cdn.js

@@ -1,3 +1 @@
-
-module.exports = require('../cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports = require('../cjs/loader.cjs.js');

package/dist/loader/index.cjs.js

@@ -1,3 +1 @@
-
-module.exports = require('../cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports = require('../cjs/loader.cjs.js');

package/dist/loader/index.d.ts

@@ -9,6 +9,9 @@ export interface CustomElementsDefineOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
 export declare function applyPolyfills(): Promise<void>;
 
 /**

package/dist/loader/index.es2017.js

@@ -1,3 +1 @@
-
-export * from '../esm/polyfills/index.js';
-export * from '../esm/loader.js';
+export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,4 +1,2 @@
-
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
-export * from '../esm/polyfills/index.js';
-export * from '../esm/loader.js';
+export * from '../esm/loader.js';

package/dist/stencil-wrapper.js

@@ -7,7 +7,7 @@
  */
 import { defineCustomElements } from '../dist/loader';
 // Value templated out during build process (see scripts/wrap-stencil.js)
-export const CHART_COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.82.0-345/chart/genesys-chart-webcomponents/';
+export const CHART_COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.83.1-356/chart/genesys-chart-webcomponents/';
 // Default domain to load assets from
 const DEFAULT_DOMAIN = 'app.mypurecloud.com';
 // List of Genesys UI domains

package/dist/types/stencil-public-runtime.d.ts

@@ -768,6 +768,7 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
+        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -794,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -921,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -979,8 +977,6 @@ export declare namespace JSXBase {
         popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -993,7 +989,6 @@ export declare namespace JSXBase {
     interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
     }
     interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
         value?: string | string[] | number;
@@ -1104,7 +1099,6 @@ export declare namespace JSXBase {
     interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
         name?: string;
     }
     interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -1129,7 +1123,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1164,8 +1157,6 @@ export declare namespace JSXBase {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
         disabled?: boolean;
         form?: string;
@@ -1218,6 +1209,8 @@ export declare namespace JSXBase {
     interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
             [className: string]: boolean;
         };

package/dist/types/stencil-wrapper.d.ts

@@ -1,2 +1,2 @@
-export declare const CHART_COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.82.0-345/chart/genesys-chart-webcomponents/";
+export declare const CHART_COMPONENT_ASSETS_PATH = "/spark-components/build-assets/4.83.1-356/chart/genesys-chart-webcomponents/";
 export declare function registerElements(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genesys-spark-chart-components",
-  "version": "4.82.0",
+  "version": "4.83.1",
   "description": "Common chart webcomponents",
   "license": "MIT",
   "main": "dist/stencil-wrapper.js",
@@ -16,7 +16,7 @@
     "clean": "rm -r ./dist ./build || true",
     "predev": "npm run i18n",
     "dev": "npm run stencil.dev",
-    "eslint": "eslint --fix .",
+    "eslint": "eslint . --fix",
     "i18n": "npm run update-en-i18n && npm run build-i18n",
     "lint-all": "npm-run-all \"stylelint\" \"eslint\" \"prettier\" \"prettier-package-json\"",
     "lint-staged": "lint-staged --concurrent false",
@@ -58,22 +58,20 @@
   "devDependencies": {
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.4",
-    "@stencil/core": "4.12.6",
+    "@stencil/core": "4.19.2",
     "@stencil/react-output-target": "^0.5.3",
     "@stencil/sass": "^3.0.12",
     "@types/jest": "^29.5.12",
     "@types/new-relic-browser": "^0.1118.2",
     "@types/puppeteer": "^5.4.7",
-    "@typescript-eslint/eslint-plugin": "^8.5.0",
-    "@typescript-eslint/parser": "^8.5.0",
     "axe-core": "^4.10.0",
     "axe-live": "^1.0.1",
-    "eslint": "^8.57.0",
+    "eslint": "^9.10.0",
     "eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
-    "eslint-config-prettier": "^9.1.0",
     "file-loader": "^6.2.0",
     "genesys-spark-tokens": "file:../genesys-spark-tokens",
     "glob": "^11.0.0",
+    "globals": "^15.9.0",
     "handlebars": "^4.7.8",
     "inquirer": "^10.2.2",
     "jest": "^29.7.0",
@@ -96,6 +94,7 @@
     "puppeteer": "^14.4.1",
     "rollup-plugin-copy": "^3.5.0",
     "semver-sort": "^1.0.0",
+    "smob": "^1.5.0",
     "stylelint": "^16.9.0",
     "stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
     "stylelint-config-html": "^1.1.0",