genesys-spark-chart-components 4.12.1-beta.1 → 4.29.0-beta.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Genesys Cloud Services, Inc.
+Copyright (c) 2024 Genesys Cloud Services, Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

package/dist/cjs/app-globals-3a1e7e63.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const globalScripts = () => {};
+
+exports.globalScripts = globalScripts;

package/dist/cjs/genesys-chart-webcomponents.cjs.js

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1e13a15f.js');
+const index = require('./index-a4712860.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.5.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.12.6 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('genesys-chart-webcomponents.cjs.js', document.baseURI).href));
@@ -16,7 +17,8 @@ const patchBrowser = () => {
     return index.promiseResolve(opts);
 };
 
-patchBrowser().then(options => {
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
   return index.bootstrapLazy([["gux-visualization-beta.cjs",[[1,"gux-visualization-beta",{"visualizationSpec":[16],"embedOptions":[16]}]]],["gux-chart-column-beta.cjs",[[1,"gux-chart-column-beta",{"chartData":[16],"xTickLabelSlant":[4,"x-tick-label-slant"],"includeLegend":[4,"include-legend"],"xFieldName":[1,"x-field-name"],"yFieldName":[1,"y-field-name"],"xAxisTitle":[1,"x-axis-title"],"yAxisTitle":[1,"y-axis-title"],"legendTitle":[1,"legend-title"],"legendPosition":[1,"legend-position"],"chartLayers":[16],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-donut-beta.cjs",[[1,"gux-chart-donut-beta",{"chartData":[16],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"outerRadius":[2,"outer-radius"],"innerRadius":[2,"inner-radius"],"labelRadius":[2,"label-radius"],"labelField":[1,"label-field"],"gauge":[4],"centerText":[1,"center-text"],"centerSubText":[1,"center-sub-text"],"showTooltip":[4,"show-tooltip"],"tooltipOptions":[16],"legendX":[2,"legend-x"],"legendY":[2,"legend-y"],"legendFontSize":[2,"legend-font-size"],"legendSymbolSize":[2,"legend-symbol-size"],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-line-beta.cjs",[[1,"gux-chart-line-beta",{"chartData":[16],"xTickLabelSlant":[4,"x-tick-label-slant"],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"includeDataPointMarkers":[4,"include-data-point-markers"],"xFieldName":[1,"x-field-name"],"xAxisTitle":[1,"x-axis-title"],"yFieldName":[1,"y-field-name"],"yAxisTitle":[1,"y-axis-title"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"strokeDash":[4,"stroke-dash"],"interpolation":[1],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-pie-beta.cjs",[[1,"gux-chart-pie-beta",{"chartData":[16],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"outerRadius":[2,"outer-radius"],"labelRadius":[2,"label-radius"],"labelField":[1,"label-field"],"embedOptions":[16]},null,{"chartData":["parseData"]}]]],["gux-chart-scatter-plot-beta.cjs",[[1,"gux-chart-scatter-plot-beta",{"chartData":[16],"xTickLabelSlant":[4,"x-tick-label-slant"],"includeLegend":[4,"include-legend"],"legendPosition":[1,"legend-position"],"xFieldName":[1,"x-field-name"],"xAxisTitle":[1,"x-axis-title"],"yFieldName":[1,"y-field-name"],"yAxisTitle":[1,"y-axis-title"],"legendTitle":[1,"legend-title"],"colorFieldName":[1,"color-field-name"],"useShape":[1,"use-shape"],"embedOptions":[16]},null,{"chartData":["parseData"]}]]]], options);
 });
 

package/dist/cjs/gux-chart-column-beta.cjs.entry.js

@@ -2,139 +2,140 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1e13a15f.js');
-const usage = require('./usage-30f04ec3.js');
-const logError = require('./log-error-c46b4b4c.js');
+const index = require('./index-a4712860.js');
+const usage = require('./usage-3d9281d1.js');
+const logError = require('./log-error-28c7064e.js');
 
 const guxChartColumnCss = "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}";
+const GuxChartColumnBetaStyle0 = guxChartColumnCss;
 
 const GuxColumnChart = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    this.baseChartSpec = {
-      $schema: 'https://vega.github.io/schema/vega-lite/v5.json',
-      mark: { type: 'bar' },
-      config: {
-        axis: {
-          ticks: false,
-          titlePadding: 8
-        },
-        axisX: {
-          labelAngle: 0
-        },
-        scale: {
-          bandPaddingInner: 0.4,
-          bandPaddingOuter: 0.4 // padding between leftmost/rightmost column/bar from axes
-        },
-        legend: {
-          symbolType: 'circle'
-        },
-        bar: {
-          color: logError.VISUALIZATION_COLORS[0]
-        }
-      },
-      encoding: {
-        x: { type: 'nominal' },
-        y: { type: 'quantitative' },
-        tooltip: { aggregate: 'count', type: 'quantitative' }
-      }
-    };
-    this.chartData = undefined;
-    this.xTickLabelSlant = undefined;
-    this.includeLegend = undefined;
-    this.xFieldName = undefined;
-    this.yFieldName = undefined;
-    this.xAxisTitle = undefined;
-    this.yAxisTitle = undefined;
-    this.legendTitle = undefined;
-    this.legendPosition = 'right';
-    this.chartLayers = undefined;
-    this.embedOptions = undefined;
-  }
-  parseData() {
-    if (!this.xFieldName || !this.yFieldName) {
-      logError.logError(this.root, 'requires x-field-name and y-field-name');
-    }
-    let chartData = {};
-    if (this.chartData) {
-      chartData = { data: this.chartData };
-    }
-    if (this.xTickLabelSlant) {
-      this.baseChartSpec.config.axisX.labelAngle = 45;
-    }
-    if (this.includeLegend) {
-      this.baseChartSpec.encoding.color = { field: 'category' };
-    }
-    if (this.legendPosition) {
-      this.baseChartSpec.config.legend.orient = this.legendPosition;
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.baseChartSpec = {
+            $schema: 'https://vega.github.io/schema/vega-lite/v5.json',
+            mark: { type: 'bar' },
+            config: {
+                axis: {
+                    ticks: false,
+                    titlePadding: 8
+                },
+                axisX: {
+                    labelAngle: 0
+                },
+                scale: {
+                    bandPaddingInner: 0.4, // padding between columns / bars
+                    bandPaddingOuter: 0.4 // padding between leftmost/rightmost column/bar from axes
+                },
+                legend: {
+                    symbolType: 'circle'
+                },
+                bar: {
+                    color: logError.VISUALIZATION_COLORS[0]
+                }
+            },
+            encoding: {
+                x: { type: 'nominal' },
+                y: { type: 'quantitative' },
+                tooltip: { aggregate: 'count', type: 'quantitative' }
+            }
+        };
+        this.chartData = undefined;
+        this.xTickLabelSlant = undefined;
+        this.includeLegend = undefined;
+        this.xFieldName = undefined;
+        this.yFieldName = undefined;
+        this.xAxisTitle = undefined;
+        this.yAxisTitle = undefined;
+        this.legendTitle = undefined;
+        this.legendPosition = 'right';
+        this.chartLayers = undefined;
+        this.embedOptions = undefined;
     }
-    const xFieldName = this.xFieldName;
-    const yFieldName = this.yFieldName;
-    const xAxisTitle = this.xAxisTitle;
-    const yAxisTitle = this.yAxisTitle;
-    const legendTitle = this.legendTitle;
-    if (this.chartLayers) {
-      const layers = this.chartLayers.map(layerName => {
-        return {
-          mark: 'bar',
-          transform: [
-            {
-              filter: { field: 'series', equal: layerName }
+    parseData() {
+        if (!this.xFieldName || !this.yFieldName) {
+            logError.logError(this.root, 'requires x-field-name and y-field-name');
+        }
+        let chartData = {};
+        if (this.chartData) {
+            chartData = { data: this.chartData };
+        }
+        if (this.xTickLabelSlant) {
+            this.baseChartSpec.config.axisX.labelAngle = 45;
+        }
+        if (this.includeLegend) {
+            this.baseChartSpec.encoding.color = { field: 'category' };
+        }
+        if (this.legendPosition) {
+            this.baseChartSpec.config.legend.orient = this.legendPosition;
+        }
+        const xFieldName = this.xFieldName;
+        const yFieldName = this.yFieldName;
+        const xAxisTitle = this.xAxisTitle;
+        const yAxisTitle = this.yAxisTitle;
+        const legendTitle = this.legendTitle;
+        if (this.chartLayers) {
+            const layers = this.chartLayers.map(layerName => {
+                return {
+                    mark: 'bar',
+                    transform: [
+                        {
+                            filter: { field: 'series', equal: layerName }
+                        }
+                    ],
+                    encoding: {
+                        x: {
+                            field: xFieldName,
+                            type: 'nominal'
+                        },
+                        y: {
+                            field: yFieldName,
+                            type: 'quantitative'
+                        }
+                    }
+                };
+            });
+            this.baseChartSpec.layer = layers;
+        }
+        else {
+            if (xFieldName) {
+                this.baseChartSpec.encoding.x.field = xFieldName;
             }
-          ],
-          encoding: {
-            x: {
-              field: xFieldName,
-              type: 'nominal'
-            },
-            y: {
-              field: yFieldName,
-              type: 'quantitative'
+            if (yFieldName) {
+                this.baseChartSpec.encoding.y.field = yFieldName;
             }
-          }
+            if (xAxisTitle) {
+                this.baseChartSpec.encoding.x.title = xAxisTitle;
+            }
+            if (yAxisTitle) {
+                this.baseChartSpec.encoding.y.title = yAxisTitle;
+            }
+            if (legendTitle) {
+                this.baseChartSpec.encoding.color.title = legendTitle;
+            }
+        }
+        // Set up colors for legend and bars
+        const rangeField = xFieldName;
+        const rangeConfig = {
+            [rangeField]: logError.VISUALIZATION_COLORS
         };
-      });
-      this.baseChartSpec.layer = layers;
+        this.baseChartSpec.config.range = rangeConfig;
+        const spec = Object.assign(this.baseChartSpec, chartData);
+        this.visualizationSpec = spec;
+    }
+    componentWillLoad() {
+        usage.trackComponent(this.root);
+        this.parseData();
     }
-    else {
-      if (xFieldName) {
-        this.baseChartSpec.encoding.x.field = xFieldName;
-      }
-      if (yFieldName) {
-        this.baseChartSpec.encoding.y.field = yFieldName;
-      }
-      if (xAxisTitle) {
-        this.baseChartSpec.encoding.x.title = xAxisTitle;
-      }
-      if (yAxisTitle) {
-        this.baseChartSpec.encoding.y.title = yAxisTitle;
-      }
-      if (legendTitle) {
-        this.baseChartSpec.encoding.color.title = legendTitle;
-      }
+    render() {
+        return (index.h("gux-visualization-beta", { key: '204c508da5ccda0059c2500fa91b06ad6ac91c2d', visualizationSpec: this.visualizationSpec }));
     }
-    // Set up colors for legend and bars
-    const rangeField = xFieldName;
-    const rangeConfig = {
-      [rangeField]: logError.VISUALIZATION_COLORS
-    };
-    this.baseChartSpec.config.range = rangeConfig;
-    const spec = Object.assign(this.baseChartSpec, chartData);
-    this.visualizationSpec = spec;
-  }
-  componentWillLoad() {
-    usage.trackComponent(this.root);
-    this.parseData();
-  }
-  render() {
-    return (index.h("gux-visualization-beta", { visualizationSpec: this.visualizationSpec }));
-  }
-  get root() { return index.getElement(this); }
-  static get watchers() { return {
-    "chartData": ["parseData"]
-  }; }
+    get root() { return index.getElement(this); }
+    static get watchers() { return {
+        "chartData": ["parseData"]
+    }; }
 };
-GuxColumnChart.style = guxChartColumnCss;
+GuxColumnChart.style = GuxChartColumnBetaStyle0;
 
 exports.gux_chart_column_beta = GuxColumnChart;