genesys-spark-chart-components 4.201.0 → 4.202.0
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-Cj7aRKEs.js → color-palette-DOJh4cNZ.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 +2 -2
- package/dist/collection/components/beta/gux-visualization/gux-visualization.js +2 -2
- package/dist/collection/test/setupTests.js +0 -2
- package/dist/esm/{color-palette-BcTABERZ.js → color-palette-CqY6Km9m.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 +2 -2
- package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
- package/dist/genesys-chart-webcomponents/{p-f2df21e2.entry.js → p-0bd6f695.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-6ef9d718.entry.js → p-4a5cb50a.entry.js} +2 -2
- package/dist/genesys-chart-webcomponents/{p-e3a88aae.entry.js → p-5b977d65.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-BcTABERZ.js → p-CqY6Km9m.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-d0b96c76.entry.js → p-b10de83b.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-fab6741a.entry.js → p-eb769e31.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-3581e6bc.entry.js → p-ee1b963c.entry.js} +1 -1
- package/package.json +18 -21
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DEg9dZRu.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-DOJh4cNZ.js');
|
|
5
5
|
var logError = require('./log-error-BMPVm36Q.js');
|
|
6
6
|
|
|
7
7
|
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{}gux-visualization-beta .mark-rect.layer_1_marks path{fill:#1da8b3}";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DEg9dZRu.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-DOJh4cNZ.js');
|
|
5
5
|
var logError = require('./log-error-BMPVm36Q.js');
|
|
6
6
|
|
|
7
7
|
const guxChartDonutCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DEg9dZRu.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-DOJh4cNZ.js');
|
|
5
5
|
var logError = require('./log-error-BMPVm36Q.js');
|
|
6
6
|
|
|
7
7
|
const guxChartLineCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DEg9dZRu.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-DOJh4cNZ.js');
|
|
5
5
|
var logError = require('./log-error-BMPVm36Q.js');
|
|
6
6
|
|
|
7
7
|
const guxChartPieCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DEg9dZRu.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-DOJh4cNZ.js');
|
|
5
5
|
var logError = require('./log-error-BMPVm36Q.js');
|
|
6
6
|
|
|
7
7
|
const guxChartScatterPlotCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index$2 = require('./index-DEg9dZRu.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-DOJh4cNZ.js');
|
|
5
5
|
|
|
6
6
|
// Note: This regex matches even invalid JSON strings, but since we’re
|
|
7
7
|
// working on the output of `JSON.stringify` we know that only valid strings
|
|
@@ -69120,7 +69120,7 @@ const GuxVisualization = class {
|
|
|
69120
69120
|
this.chartComponentReady.emit();
|
|
69121
69121
|
}
|
|
69122
69122
|
render() {
|
|
69123
|
-
return (index$2.h("div", { key: '
|
|
69123
|
+
return (index$2.h("div", { key: 'e449ffbfe1bd6f3c5bd1aebba11e804b4273f7da', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
|
|
69124
69124
|
}
|
|
69125
69125
|
get root() { return index$2.getElement(this); }
|
|
69126
69126
|
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { h } from "@stencil/core";
|
|
3
3
|
import embed from "vega-embed";
|
|
4
4
|
import { time } from "@redsift/d3-rs-intl";
|
|
5
|
-
import { sparkIntl } from "genesys-spark-utils";
|
|
5
|
+
import { sparkIntl } from "@genesys/genesys-spark-utils";
|
|
6
6
|
import { trackComponent } from "../../../utils/tracking/usage";
|
|
7
7
|
import * as VisualizationColorUtil from "../../../utils/theme/color-palette";
|
|
8
8
|
export class GuxVisualization {
|
|
@@ -71,7 +71,7 @@ export class GuxVisualization {
|
|
|
71
71
|
this.chartComponentReady.emit();
|
|
72
72
|
}
|
|
73
73
|
render() {
|
|
74
|
-
return (h("div", { key: '
|
|
74
|
+
return (h("div", { key: 'e449ffbfe1bd6f3c5bd1aebba11e804b4273f7da', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
|
|
75
75
|
}
|
|
76
76
|
static get is() { return "gux-visualization-beta"; }
|
|
77
77
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-WPqt-wWR.js';
|
|
2
|
-
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-
|
|
2
|
+
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-CqY6Km9m.js';
|
|
3
3
|
import { l as logError } from './log-error-nsqlWzyl.js';
|
|
4
4
|
|
|
5
5
|
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{}gux-visualization-beta .mark-rect.layer_1_marks path{fill:#1da8b3}";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-WPqt-wWR.js';
|
|
2
|
-
import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-
|
|
2
|
+
import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-CqY6Km9m.js';
|
|
3
3
|
import { l as logError } from './log-error-nsqlWzyl.js';
|
|
4
4
|
|
|
5
5
|
const guxChartDonutCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-WPqt-wWR.js';
|
|
2
|
-
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-
|
|
2
|
+
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-CqY6Km9m.js';
|
|
3
3
|
import { l as logError } from './log-error-nsqlWzyl.js';
|
|
4
4
|
|
|
5
5
|
const guxChartLineCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-WPqt-wWR.js';
|
|
2
|
-
import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-
|
|
2
|
+
import { V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-CqY6Km9m.js';
|
|
3
3
|
import { l as logError } from './log-error-nsqlWzyl.js';
|
|
4
4
|
|
|
5
5
|
const guxChartPieCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-WPqt-wWR.js';
|
|
2
|
-
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-
|
|
2
|
+
import { D as DEFAULT_LABEL_COLOR, a as DEFAULT_DOMAIN_COLOR, V as VISUALIZATION_COLORS, t as trackComponent } from './color-palette-CqY6Km9m.js';
|
|
3
3
|
import { l as logError } from './log-error-nsqlWzyl.js';
|
|
4
4
|
|
|
5
5
|
const guxChartScatterPlotCss = "gux-visualization-beta{height:fit-content;color:#2e394c}";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h as h$1, g as getElement } from './index-WPqt-wWR.js';
|
|
2
|
-
import { a as DEFAULT_DOMAIN_COLOR, D as DEFAULT_LABEL_COLOR, t as trackComponent } from './color-palette-
|
|
2
|
+
import { a as DEFAULT_DOMAIN_COLOR, D as DEFAULT_LABEL_COLOR, t as trackComponent } from './color-palette-CqY6Km9m.js';
|
|
3
3
|
|
|
4
4
|
// Note: This regex matches even invalid JSON strings, but since we’re
|
|
5
5
|
// working on the output of `JSON.stringify` we know that only valid strings
|
|
@@ -69118,7 +69118,7 @@ const GuxVisualization = class {
|
|
|
69118
69118
|
this.chartComponentReady.emit();
|
|
69119
69119
|
}
|
|
69120
69120
|
render() {
|
|
69121
|
-
return (h$1("div", { key: '
|
|
69121
|
+
return (h$1("div", { key: 'e449ffbfe1bd6f3c5bd1aebba11e804b4273f7da', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
|
|
69122
69122
|
}
|
|
69123
69123
|
get root() { return getElement(this); }
|
|
69124
69124
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as l}from"./p-WPqt-wWR.js";export{s as setNonce}from"./p-WPqt-wWR.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await a(),l([["p-
|
|
1
|
+
import{p as e,b as l}from"./p-WPqt-wWR.js";export{s as setNonce}from"./p-WPqt-wWR.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await a(),l([["p-4a5cb50a",[[257,"gux-visualization-beta",{visualizationSpec:[16],embedOptions:[16],screenreaderDescription:[1,"screenreader-description"]}]]],["p-b10de83b",[[257,"gux-chart-column-beta",{labelColor:[1,"label-color"],domainColor:[1,"domain-color"],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"]}]]],["p-eb769e31",[[257,"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"]}]]],["p-ee1b963c",[[257,"gux-chart-line-beta",{labelColor:[1,"label-color"],domainColor:[1,"domain-color"],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"]}]]],["p-5b977d65",[[257,"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"]}]]],["p-0bd6f695",[[257,"gux-chart-scatter-plot-beta",{labelColor:[1,"label-color"],domainColor:[1,"domain-color"],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"]}]]]],e))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as s}from"./p-WPqt-wWR.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-WPqt-wWR.js";import{D as e,a,V as o,t as h}from"./p-CqY6Km9m.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/v6.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}
|