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

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

@@ -2,134 +2,135 @@
 
 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 guxChartLineCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
+const GuxChartLineBetaStyle0 = guxChartLineCss;
 
 const DEFAULT_COLOR_FIELD_NAME = 'category';
 const GuxLineChart = 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: 'line',
-        interpolate: 'linear',
-        point: false
-      },
-      config: {
-        axis: {
-          ticks: false,
-          titlePadding: 8
-        },
-        axisX: {
-          labelAngle: 0
-        },
-        legend: {
-          symbolType: 'circle'
-        }
-      },
-      encoding: {
-        x: { type: 'nominal' },
-        y: { type: 'quantitative' },
-        color: {
-          field: DEFAULT_COLOR_FIELD_NAME,
-          type: 'nominal',
-          scale: { range: logError.VISUALIZATION_COLORS },
-          legend: null
-        },
-        tooltip: { aggregate: 'count', type: 'quantitative' }
-      }
-    };
-    this.chartData = undefined;
-    this.xTickLabelSlant = undefined;
-    this.includeLegend = undefined;
-    this.legendPosition = 'right';
-    this.includeDataPointMarkers = undefined;
-    this.xFieldName = undefined;
-    this.xAxisTitle = undefined;
-    this.yFieldName = undefined;
-    this.yAxisTitle = undefined;
-    this.legendTitle = undefined;
-    this.colorFieldName = undefined;
-    this.strokeDash = undefined;
-    this.interpolation = 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.legend = true;
-    }
-    if (this.legendPosition) {
-      this.baseChartSpec.config.legend.orient = this.legendPosition;
-    }
-    const xFieldName = this.xFieldName;
-    const xAxisTitle = this.xAxisTitle;
-    const yFieldName = this.yFieldName;
-    const yAxisTitle = this.yAxisTitle;
-    const legendTitle = this.legendTitle;
-    const colorFieldName = this.colorFieldName || DEFAULT_COLOR_FIELD_NAME;
-    const interpolation = this.interpolation;
-    const strokeDash = this.strokeDash;
-    const includeDataPointMarkers = this.includeDataPointMarkers;
-    if (xFieldName) {
-      this.baseChartSpec.encoding.x.field = xFieldName;
-    }
-    if (xAxisTitle) {
-      this.baseChartSpec.encoding.x.title = xAxisTitle;
+    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: 'line',
+                interpolate: 'linear',
+                point: false
+            },
+            config: {
+                axis: {
+                    ticks: false,
+                    titlePadding: 8
+                },
+                axisX: {
+                    labelAngle: 0
+                },
+                legend: {
+                    symbolType: 'circle'
+                }
+            },
+            encoding: {
+                x: { type: 'nominal' },
+                y: { type: 'quantitative' },
+                color: {
+                    field: DEFAULT_COLOR_FIELD_NAME,
+                    type: 'nominal',
+                    scale: { range: logError.VISUALIZATION_COLORS },
+                    legend: null
+                },
+                tooltip: { aggregate: 'count', type: 'quantitative' }
+            }
+        };
+        this.chartData = undefined;
+        this.xTickLabelSlant = undefined;
+        this.includeLegend = undefined;
+        this.legendPosition = 'right';
+        this.includeDataPointMarkers = undefined;
+        this.xFieldName = undefined;
+        this.xAxisTitle = undefined;
+        this.yFieldName = undefined;
+        this.yAxisTitle = undefined;
+        this.legendTitle = undefined;
+        this.colorFieldName = undefined;
+        this.strokeDash = undefined;
+        this.interpolation = undefined;
+        this.embedOptions = undefined;
     }
-    if (yFieldName) {
-      this.baseChartSpec.encoding.y.field = yFieldName;
-    }
-    if (yAxisTitle) {
-      this.baseChartSpec.encoding.y.title = yAxisTitle;
-    }
-    if (colorFieldName) {
-      this.baseChartSpec.encoding.color.field = colorFieldName;
-    }
-    if (legendTitle) {
-      this.baseChartSpec.encoding.color.title = legendTitle;
-    }
-    if (strokeDash) {
-      this.baseChartSpec.encoding.strokeDash = {
-        field: colorFieldName,
-        type: 'nominal'
-      };
+    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.legend = true;
+        }
+        if (this.legendPosition) {
+            this.baseChartSpec.config.legend.orient = this.legendPosition;
+        }
+        const xFieldName = this.xFieldName;
+        const xAxisTitle = this.xAxisTitle;
+        const yFieldName = this.yFieldName;
+        const yAxisTitle = this.yAxisTitle;
+        const legendTitle = this.legendTitle;
+        const colorFieldName = this.colorFieldName || DEFAULT_COLOR_FIELD_NAME;
+        const interpolation = this.interpolation;
+        const strokeDash = this.strokeDash;
+        const includeDataPointMarkers = this.includeDataPointMarkers;
+        if (xFieldName) {
+            this.baseChartSpec.encoding.x.field = xFieldName;
+        }
+        if (xAxisTitle) {
+            this.baseChartSpec.encoding.x.title = xAxisTitle;
+        }
+        if (yFieldName) {
+            this.baseChartSpec.encoding.y.field = yFieldName;
+        }
+        if (yAxisTitle) {
+            this.baseChartSpec.encoding.y.title = yAxisTitle;
+        }
+        if (colorFieldName) {
+            this.baseChartSpec.encoding.color.field = colorFieldName;
+        }
+        if (legendTitle) {
+            this.baseChartSpec.encoding.color.title = legendTitle;
+        }
+        if (strokeDash) {
+            this.baseChartSpec.encoding.strokeDash = {
+                field: colorFieldName,
+                type: 'nominal'
+            };
+        }
+        if (interpolation) {
+            this.baseChartSpec.mark.interpolate = interpolation;
+        }
+        if (includeDataPointMarkers) {
+            this.baseChartSpec.mark.point = includeDataPointMarkers;
+        }
+        const spec = Object.assign(this.baseChartSpec, chartData);
+        this.visualizationSpec = spec;
     }
-    if (interpolation) {
-      this.baseChartSpec.mark.interpolate = interpolation;
+    componentWillLoad() {
+        usage.trackComponent(this.root);
+        this.parseData();
     }
-    if (includeDataPointMarkers) {
-      this.baseChartSpec.mark.point = includeDataPointMarkers;
+    render() {
+        return (index.h("gux-visualization-beta", { key: 'd312d8b365db65c08f3631bb4976e74f7bf077ac', visualizationSpec: this.visualizationSpec }));
     }
-    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"]
+    }; }
 };
-GuxLineChart.style = guxChartLineCss;
+GuxLineChart.style = GuxChartLineBetaStyle0;
 
 exports.gux_chart_line_beta = GuxLineChart;

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

@@ -2,112 +2,113 @@
 
 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 guxChartPieCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
+const GuxChartPieBetaStyle0 = guxChartPieCss;
 
 const DEFAULT_COLOR_FIELD_NAME = 'category';
 const DEFAULT_LABEL_FIELD_NAME = 'value';
 const GuxPieChart = 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',
-      config: {
-        legend: {
-          symbolType: 'circle'
+    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',
+            config: {
+                legend: {
+                    symbolType: 'circle'
+                }
+            },
+            encoding: {
+                theta: { field: 'value', type: 'quantitative', stack: true },
+                color: {
+                    field: DEFAULT_COLOR_FIELD_NAME,
+                    type: 'nominal',
+                    scale: { range: logError.VISUALIZATION_COLORS },
+                    legend: null
+                },
+                tooltip: { aggregate: 'count', type: 'quantitative' }
+            },
+            layer: [
+                {
+                    mark: { type: 'arc', outerRadius: 80 }
+                },
+                {
+                    mark: { type: 'text', radius: 90 },
+                    encoding: {
+                        text: { field: DEFAULT_LABEL_FIELD_NAME, type: 'quantitative' }
+                    }
+                }
+            ],
+            view: { stroke: null }
+        };
+        this.chartData = undefined;
+        this.includeLegend = undefined;
+        this.legendPosition = 'right';
+        this.legendTitle = undefined;
+        this.colorFieldName = undefined;
+        this.outerRadius = undefined;
+        this.labelRadius = undefined;
+        this.labelField = undefined;
+        this.embedOptions = undefined;
+    }
+    parseData() {
+        if (!this.outerRadius) {
+            logError.logError(this.root, 'requires outer-radius');
         }
-      },
-      encoding: {
-        theta: { field: 'value', type: 'quantitative', stack: true },
-        color: {
-          field: DEFAULT_COLOR_FIELD_NAME,
-          type: 'nominal',
-          scale: { range: logError.VISUALIZATION_COLORS },
-          legend: null
-        },
-        tooltip: { aggregate: 'count', type: 'quantitative' }
-      },
-      layer: [
-        {
-          mark: { type: 'arc', outerRadius: 80 }
-        },
-        {
-          mark: { type: 'text', radius: 90 },
-          encoding: {
-            text: { field: DEFAULT_LABEL_FIELD_NAME, type: 'quantitative' }
-          }
+        let chartData = {};
+        if (this.chartData) {
+            chartData = { data: this.chartData };
         }
-      ],
-      view: { stroke: null }
-    };
-    this.chartData = undefined;
-    this.includeLegend = undefined;
-    this.legendPosition = 'right';
-    this.legendTitle = undefined;
-    this.colorFieldName = undefined;
-    this.outerRadius = undefined;
-    this.labelRadius = undefined;
-    this.labelField = undefined;
-    this.embedOptions = undefined;
-  }
-  parseData() {
-    if (!this.outerRadius) {
-      logError.logError(this.root, 'requires outer-radius');
-    }
-    let chartData = {};
-    if (this.chartData) {
-      chartData = { data: this.chartData };
-    }
-    if (this.includeLegend) {
-      this.baseChartSpec.encoding.color.legend = true;
-    }
-    if (this.legendPosition) {
-      this.baseChartSpec.config.legend.orient = this.legendPosition;
-    }
-    const colorFieldName = this.colorFieldName || DEFAULT_COLOR_FIELD_NAME;
-    if (colorFieldName) {
-      this.baseChartSpec.encoding.color.field = colorFieldName;
+        if (this.includeLegend) {
+            this.baseChartSpec.encoding.color.legend = true;
+        }
+        if (this.legendPosition) {
+            this.baseChartSpec.config.legend.orient = this.legendPosition;
+        }
+        const colorFieldName = this.colorFieldName || DEFAULT_COLOR_FIELD_NAME;
+        if (colorFieldName) {
+            this.baseChartSpec.encoding.color.field = colorFieldName;
+        }
+        const legendTitle = this.legendTitle;
+        if (legendTitle) {
+            this.baseChartSpec.encoding.color.title = legendTitle;
+        }
+        const outerRadius = this.outerRadius;
+        this.baseChartSpec.layer = [
+            {
+                mark: { type: 'arc', outerRadius }
+            }
+        ];
+        const labelRadius = this.labelRadius;
+        const labelField = this.labelField || DEFAULT_LABEL_FIELD_NAME;
+        if (labelRadius) {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+            this.baseChartSpec.layer.push({
+                mark: { type: 'text', radius: labelRadius },
+                encoding: {
+                    text: { field: labelField, type: 'quantitative' }
+                }
+            });
+        }
+        const spec = Object.assign(this.baseChartSpec, chartData);
+        this.visualizationSpec = spec;
     }
-    const legendTitle = this.legendTitle;
-    if (legendTitle) {
-      this.baseChartSpec.encoding.color.title = legendTitle;
+    componentWillLoad() {
+        usage.trackComponent(this.root);
+        this.parseData();
     }
-    const outerRadius = this.outerRadius;
-    this.baseChartSpec.layer = [
-      {
-        mark: { type: 'arc', outerRadius }
-      }
-    ];
-    const labelRadius = this.labelRadius;
-    const labelField = this.labelField || DEFAULT_LABEL_FIELD_NAME;
-    if (labelRadius) {
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-      this.baseChartSpec.layer.push({
-        mark: { type: 'text', radius: labelRadius },
-        encoding: {
-          text: { field: labelField, type: 'quantitative' }
-        }
-      });
+    render() {
+        return (index.h("gux-visualization-beta", { key: 'b3049772a9d436bf4d6aa1b0e9ebe21a9d9e84e9', visualizationSpec: this.visualizationSpec }));
     }
-    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"]
+    }; }
 };
-GuxPieChart.style = guxChartPieCss;
+GuxPieChart.style = GuxChartPieBetaStyle0;
 
 exports.gux_chart_pie_beta = GuxPieChart;