genesys-spark-chart-components 4.182.0 → 4.182.2
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-D4adQLWl.js → color-palette-DDio0v47.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 -3
- package/dist/collection/components/beta/gux-visualization/gux-visualization.js +2 -3
- package/dist/esm/{color-palette-CrEyAfyu.js → color-palette-CZAT1juB.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 -3
- package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
- package/dist/genesys-chart-webcomponents/{p-09763de2.entry.js → p-16c638e9.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-2059b5fe.entry.js → p-184eed5a.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-e271fd2d.entry.js → p-640a84b9.entry.js} +2 -2
- package/dist/genesys-chart-webcomponents/{p-CrEyAfyu.js → p-CZAT1juB.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-bae458d5.entry.js → p-b5ed8cf5.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-ad98d336.entry.js → p-bc49d491.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-ba4c0084.entry.js → p-e902bdd3.entry.js} +1 -1
- package/package.json +3 -3
- package/dist/collection/genesys-spark-utils/get-closest-element.js +0 -17
- package/dist/collection/genesys-spark-utils/intl.js +0 -131
- package/dist/types/genesys-spark-utils/get-closest-element.d.ts +0 -1
- package/dist/types/genesys-spark-utils/intl.d.ts +0 -30
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var index = require('./index-Db4-7Uyl.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-DDio0v47.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-Db4-7Uyl.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-DDio0v47.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-Db4-7Uyl.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-DDio0v47.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-Db4-7Uyl.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-DDio0v47.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-Db4-7Uyl.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-DDio0v47.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-Db4-7Uyl.js');
|
|
4
|
-
var colorPalette = require('./color-palette-
|
|
4
|
+
var colorPalette = require('./color-palette-DDio0v47.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
|
|
@@ -68900,7 +68900,6 @@ function requireD3RsIntl_umd_min () {
|
|
|
68900
68900
|
|
|
68901
68901
|
var d3RsIntl_umd_minExports = requireD3RsIntl_umd_min();
|
|
68902
68902
|
|
|
68903
|
-
//https://inindca.atlassian.net/browse/COMUI-2673
|
|
68904
68903
|
// utility to get the closest element passing shadow dom boundaries
|
|
68905
68904
|
function getClosestElement(baseElement, selector) {
|
|
68906
68905
|
function closest(element) {
|
|
@@ -69044,7 +69043,7 @@ const GuxVisualization = class {
|
|
|
69044
69043
|
this.chartComponentReady.emit();
|
|
69045
69044
|
}
|
|
69046
69045
|
render() {
|
|
69047
|
-
return (index$2.h("div", { key: '
|
|
69046
|
+
return (index$2.h("div", { key: '26f69e7d9a719f90fb87abdfaf5cf7c135de8750', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
|
|
69048
69047
|
}
|
|
69049
69048
|
get root() { return index$2.getElement(this); }
|
|
69050
69049
|
};
|
|
@@ -2,8 +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
|
|
6
|
-
// Remove with this ticket https://inindca.atlassian.net/browse/COMUI-2598
|
|
5
|
+
import { sparkIntl } from "genesys-spark-utils";
|
|
7
6
|
import { trackComponent } from "../../../utils/tracking/usage";
|
|
8
7
|
import * as VisualizationColorUtil from "../../../utils/theme/color-palette";
|
|
9
8
|
export class GuxVisualization {
|
|
@@ -72,7 +71,7 @@ export class GuxVisualization {
|
|
|
72
71
|
this.chartComponentReady.emit();
|
|
73
72
|
}
|
|
74
73
|
render() {
|
|
75
|
-
return (h("div", { key: '
|
|
74
|
+
return (h("div", { key: '26f69e7d9a719f90fb87abdfaf5cf7c135de8750', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
|
|
76
75
|
}
|
|
77
76
|
static get is() { return "gux-visualization-beta"; }
|
|
78
77
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-DohbbG4E.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-CZAT1juB.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-DohbbG4E.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-CZAT1juB.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-DohbbG4E.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-CZAT1juB.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-DohbbG4E.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-CZAT1juB.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-DohbbG4E.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-CZAT1juB.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-DohbbG4E.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-CZAT1juB.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
|
|
@@ -68898,7 +68898,6 @@ function requireD3RsIntl_umd_min () {
|
|
|
68898
68898
|
|
|
68899
68899
|
var d3RsIntl_umd_minExports = requireD3RsIntl_umd_min();
|
|
68900
68900
|
|
|
68901
|
-
//https://inindca.atlassian.net/browse/COMUI-2673
|
|
68902
68901
|
// utility to get the closest element passing shadow dom boundaries
|
|
68903
68902
|
function getClosestElement(baseElement, selector) {
|
|
68904
68903
|
function closest(element) {
|
|
@@ -69042,7 +69041,7 @@ const GuxVisualization = class {
|
|
|
69042
69041
|
this.chartComponentReady.emit();
|
|
69043
69042
|
}
|
|
69044
69043
|
render() {
|
|
69045
|
-
return (h$1("div", { key: '
|
|
69044
|
+
return (h$1("div", { key: '26f69e7d9a719f90fb87abdfaf5cf7c135de8750', class: "gux-chart-container", ref: el => (this.chartContainer = el) }));
|
|
69046
69045
|
}
|
|
69047
69046
|
get root() { return getElement(this); }
|
|
69048
69047
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as l}from"./p-DohbbG4E.js";export{s as setNonce}from"./p-DohbbG4E.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-DohbbG4E.js";export{s as setNonce}from"./p-DohbbG4E.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-640a84b9",[[257,"gux-visualization-beta",{visualizationSpec:[16,"visualization-spec"],embedOptions:[16,"embed-options"],screenreaderDescription:[1,"screenreader-description"]}]]],["p-16c638e9",[[257,"gux-chart-column-beta",{labelColor:[1,"label-color"],domainColor:[1,"domain-color"],chartData:[16,"chart-data"],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,"chart-layers"],embedOptions:[16,"embed-options"]},null,{chartData:["parseData"]}]]],["p-b5ed8cf5",[[257,"gux-chart-donut-beta",{chartData:[16,"chart-data"],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,"tooltip-options"],legendX:[2,"legend-x"],legendY:[2,"legend-y"],legendFontSize:[2,"legend-font-size"],legendSymbolSize:[2,"legend-symbol-size"],embedOptions:[16,"embed-options"]},null,{chartData:["parseData"]}]]],["p-184eed5a",[[257,"gux-chart-line-beta",{labelColor:[1,"label-color"],domainColor:[1,"domain-color"],chartData:[16,"chart-data"],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,"embed-options"]},null,{chartData:["parseData"]}]]],["p-bc49d491",[[257,"gux-chart-pie-beta",{chartData:[16,"chart-data"],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,"embed-options"]},null,{chartData:["parseData"]}]]],["p-e902bdd3",[[257,"gux-chart-scatter-plot-beta",{labelColor:[1,"label-color"],domainColor:[1,"domain-color"],chartData:[16,"chart-data"],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,"embed-options"]},null,{chartData:["parseData"]}]]]],e))));
|
|
@@ -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-
|
|
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-CZAT1juB.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{}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 i,g as s}from"./p-DohbbG4E.js";import{D as a,a as e,V as h,t as o}from"./p-
|
|
1
|
+
import{r as t,h as i,g as s}from"./p-DohbbG4E.js";import{D as a,a as e,V as h,t as o}from"./p-CZAT1juB.js";import{l as n}from"./p-nsqlWzyl.js";const l="category",r=class{constructor(i){t(this,i),this.labelColor=a,this.domainColor=e,this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",mark:{type:"line",interpolate:"linear",point:!1},config:{axis:{ticks:!1,titlePadding:8,labelColor:this.labelColor||a,domainColor:this.domainColor||e},axisX:{labelAngle:0},legend:{symbolType:"circle"}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},color:{field:l,type:"nominal",scale:{range:h},legend:null},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.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,s=this.xAxisTitle,a=this.yFieldName,e=this.yAxisTitle,h=this.legendTitle,o=this.colorFieldName||l,r=this.interpolation,c=this.strokeDash,g=this.includeDataPointMarkers;i&&(this.baseChartSpec.encoding.x.field=i),s&&(this.baseChartSpec.encoding.x.title=s),a&&(this.baseChartSpec.encoding.y.field=a),e&&(this.baseChartSpec.encoding.y.title=e),this.baseChartSpec.encoding.color.field=o,h&&(this.baseChartSpec.encoding.color.title=h),c&&(this.baseChartSpec.encoding.strokeDash={field:o,type:"nominal"}),r&&(this.baseChartSpec.mark.interpolate=r),g&&(this.baseChartSpec.mark.point=g);const p=Object.assign(this.baseChartSpec,t);this.visualizationSpec=p}componentWillLoad(){o(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"9a0bbdde50dc38102cff841ca0b2aa9aa47b47ff",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_line_beta}
|