genesys-spark-chart-components 4.12.1-beta.1 → 4.29.1-beta.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/LICENSE +2 -2
- package/dist/cjs/app-globals-3a1e7e63.js +5 -0
- package/dist/cjs/genesys-chart-webcomponents.cjs.js +5 -3
- package/dist/cjs/gux-chart-column-beta.cjs.entry.js +124 -123
- package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +213 -212
- package/dist/cjs/gux-chart-line-beta.cjs.entry.js +120 -119
- package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +96 -95
- package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +126 -125
- package/dist/cjs/gux-visualization-beta.cjs.entry.js +213 -213
- package/dist/cjs/{index-1e13a15f.js → index-a4712860.js} +185 -63
- package/dist/cjs/loader.cjs.js +4 -2
- package/dist/cjs/log-error-28c7064e.js +21 -0
- package/dist/cjs/{usage-30f04ec3.js → usage-c351d7fb.js} +63 -63
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/beta/gux-chart-column/gux-chart-column.js +324 -324
- package/dist/collection/components/beta/gux-chart-column/gux-chart-column.locale.js +88 -88
- package/dist/collection/components/beta/gux-chart-column/tests/gux-column-chart.spec.js +16 -16
- package/dist/collection/components/beta/gux-chart-donut/gux-chart-donut.js +550 -550
- package/dist/collection/components/beta/gux-chart-donut/tests/gux-chart-donut.spec.js +5 -5
- package/dist/collection/components/beta/gux-chart-line/gux-chart-line.js +375 -375
- package/dist/collection/components/beta/gux-chart-line/gux-chart-line.locale.js +88 -88
- package/dist/collection/components/beta/gux-chart-line/tests/gux-chart-line.e2e.js +13 -13
- package/dist/collection/components/beta/gux-chart-line/tests/gux-chart-line.spec.js +16 -16
- package/dist/collection/components/beta/gux-chart-pie/gux-chart-pie.js +266 -266
- package/dist/collection/components/beta/gux-chart-pie/tests/gux-chart-pie.spec.js +5 -5
- package/dist/collection/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.js +347 -347
- package/dist/collection/components/beta/gux-chart-scatter-plot/tests/gux-chart-scatter-plot.spec.js +27 -27
- package/dist/collection/components/beta/gux-visualization/gux-visualization.js +133 -133
- package/dist/collection/components/beta/gux-visualization/gux-visualization.locale.js +88 -88
- package/dist/collection/components/beta/gux-visualization/tests/gux-visualization.e2e.js +25 -25
- package/dist/collection/components/beta/gux-visualization/tests/gux-visualization.spec.js +26 -26
- package/dist/collection/i18n/fetchResources.js +7 -7
- package/dist/collection/i18n/index.js +56 -56
- package/dist/collection/test/axeConfig.js +4 -4
- package/dist/collection/test/e2eTestUtils.js +14 -14
- package/dist/collection/test/specTestUtils.js +5 -5
- package/dist/collection/utils/dom/get-closest-element.js +12 -12
- package/dist/collection/utils/error/log-error.js +2 -2
- package/dist/collection/utils/theme/color-palette.js +10 -10
- package/dist/collection/utils/tracking/usage.js +47 -47
- package/dist/collection/utils/tracking/usage.spec.js +108 -108
- package/dist/esm/app-globals-0f993ce5.js +3 -0
- package/dist/esm/genesys-chart-webcomponents.js +6 -4
- package/dist/esm/gux-chart-column-beta.entry.js +124 -123
- package/dist/esm/gux-chart-donut-beta.entry.js +213 -212
- package/dist/esm/gux-chart-line-beta.entry.js +120 -119
- package/dist/esm/gux-chart-pie-beta.entry.js +96 -95
- package/dist/esm/gux-chart-scatter-plot-beta.entry.js +126 -125
- package/dist/esm/gux-visualization-beta.entry.js +213 -213
- package/dist/esm/{index-701d93cf.js → index-82fd7406.js} +185 -63
- package/dist/esm/loader.js +5 -3
- package/dist/esm/log-error-ff9bdda4.js +18 -0
- package/dist/esm/{usage-61eee3bd.js → usage-6655c04e.js} +63 -63
- package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.css +1 -1
- package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
- package/dist/genesys-chart-webcomponents/p-1bc0cc3a.js +2 -0
- package/dist/genesys-chart-webcomponents/{p-d4a346df.entry.js → p-291b128b.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/p-51f2502a.entry.js +11 -0
- package/dist/genesys-chart-webcomponents/{p-137f5b8f.entry.js → p-64f0b385.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-b5179379.entry.js → p-65020b8a.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-d9928f8c.entry.js → p-83283e73.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/p-e1255160.js +1 -0
- package/dist/genesys-chart-webcomponents/{p-c3aa8578.entry.js → p-e42dd3ba.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-97c45977.js → p-f6832775.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/beta/gux-chart-column/gux-chart-column.d.ts +45 -45
- package/dist/types/components/beta/gux-chart-column/gux-chart-column.locale.d.ts +20 -20
- package/dist/types/components/beta/gux-chart-donut/gux-chart-donut.d.ts +30 -30
- package/dist/types/components/beta/gux-chart-line/gux-chart-line.d.ts +44 -44
- package/dist/types/components/beta/gux-chart-line/gux-chart-line.locale.d.ts +20 -20
- package/dist/types/components/beta/gux-chart-pie/gux-chart-pie.d.ts +19 -19
- package/dist/types/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.d.ts +48 -48
- package/dist/types/components/beta/gux-visualization/gux-visualization.d.ts +13 -13
- package/dist/types/components/beta/gux-visualization/gux-visualization.locale.d.ts +20 -20
- package/dist/types/components.d.ts +12 -0
- package/dist/types/i18n/fetchResources.d.ts +3 -3
- package/dist/types/i18n/index.d.ts +1 -1
- package/dist/types/stencil-public-runtime.d.ts +10 -0
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/dist/types/test/axeConfig.d.ts +4 -4
- package/dist/types/test/e2eTestUtils.d.ts +4 -4
- package/dist/types/test/jestMatcherUtils.d.ts +4 -4
- package/dist/types/utils/tracking/usage.d.ts +11 -11
- package/package.json +24 -24
- package/dist/cjs/log-error-c46b4b4c.js +0 -21
- package/dist/component-specs.json +0 -187
- package/dist/esm/log-error-0fc61f6f.js +0 -18
- package/dist/genesys-chart-webcomponents/p-3e4b3dbc.js +0 -2
- package/dist/genesys-chart-webcomponents/p-b901e9e0.entry.js +0 -11
- /package/dist/genesys-chart-webcomponents/{p-82f0ea01.js → p-f50e3789.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as
|
|
1
|
+
import{r as t,h as i,g as a}from"./p-1bc0cc3a.js";import{t as s}from"./p-f6832775.js";import{V as e,l as h}from"./p-f50e3789.js";const o=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},axisX:{labelAngle:0},scale:{bandPaddingInner:.4,bandPaddingOuter:.4},legend:{symbolType:"circle"},bar:{color:e[0]}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},tooltip:{aggregate:"count",type:"quantitative"}}},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||h(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,o=this.yAxisTitle,r=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),o&&(this.baseChartSpec.encoding.y.title=o),r&&(this.baseChartSpec.encoding.color.title=r);this.baseChartSpec.config.range={[i]:e};const n=Object.assign(this.baseChartSpec,t);this.visualizationSpec=n}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"204c508da5ccda0059c2500fa91b06ad6ac91c2d",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 .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-
|
|
1
|
+
import{r as t,h as i,g as s}from"./p-1bc0cc3a.js";import{t as e}from"./p-f6832775.js";import{V as h,l as a}from"./p-f50e3789.js";const o="category",n=class{constructor(i){t(this,i),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},axisX:{labelAngle:0},legend:{symbolType:"circle"}},encoding:{x:{type:"nominal"},y:{type:"quantitative"},color:{field:o,type:"nominal",scale:{range:h},legend:null},tooltip:{aggregate:"count",type:"quantitative"}}},this.chartData=void 0,this.xTickLabelSlant=void 0,this.includeLegend=void 0,this.legendPosition="right",this.includeDataPointMarkers=void 0,this.xFieldName=void 0,this.xAxisTitle=void 0,this.yFieldName=void 0,this.yAxisTitle=void 0,this.legendTitle=void 0,this.colorFieldName=void 0,this.strokeDash=void 0,this.interpolation=void 0,this.embedOptions=void 0}parseData(){this.xFieldName&&this.yFieldName||a(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,e=this.yFieldName,h=this.yAxisTitle,n=this.legendTitle,r=this.colorFieldName||o,l=this.interpolation,c=this.strokeDash,d=this.includeDataPointMarkers;i&&(this.baseChartSpec.encoding.x.field=i),s&&(this.baseChartSpec.encoding.x.title=s),e&&(this.baseChartSpec.encoding.y.field=e),h&&(this.baseChartSpec.encoding.y.title=h),r&&(this.baseChartSpec.encoding.color.field=r),n&&(this.baseChartSpec.encoding.color.title=n),c&&(this.baseChartSpec.encoding.strokeDash={field:r,type:"nominal"}),l&&(this.baseChartSpec.mark.interpolate=l),d&&(this.baseChartSpec.mark.point=d);const g=Object.assign(this.baseChartSpec,t);this.visualizationSpec=g}componentWillLoad(){e(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"d312d8b365db65c08f3631bb4976e74f7bf077ac",visualizationSpec:this.visualizationSpec})}get root(){return s(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_line_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as e}from"./p-
|
|
1
|
+
import{r as t,h as i,g as e}from"./p-1bc0cc3a.js";import{t as s}from"./p-f6832775.js";import{V as a,l as h}from"./p-f50e3789.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:a},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,c=this.labelField||n;d&&this.baseChartSpec.layer.push({mark:{type:"text",radius:d},encoding:{text:{field:c,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:c,aggregate:"count",type:"quantitative"});const u=Object.assign(this.baseChartSpec,t);this.visualizationSpec=u}componentWillLoad(){s(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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const o=()=>{};export{o as g}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as e}from"./p-
|
|
1
|
+
import{r as t,h as i,g as e}from"./p-1bc0cc3a.js";import{t as s}from"./p-f6832775.js";import{V as a,l as o}from"./p-f50e3789.js";const r="category",h="value",n=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:r,type:"nominal",scale:{range:a},legend:null},tooltip:{aggregate:"count",type:"quantitative"}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:h,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.labelRadius=void 0,this.labelField=void 0,this.embedOptions=void 0}parseData(){this.outerRadius||o(this.root,"requires outer-radius");let t={};this.chartData&&(t={data:this.chartData}),this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.colorFieldName||r;i&&(this.baseChartSpec.encoding.color.field=i);const e=this.legendTitle;e&&(this.baseChartSpec.encoding.color.title=e),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:this.outerRadius}}];const s=this.labelRadius;s&&this.baseChartSpec.layer.push({mark:{type:"text",radius:s},encoding:{text:{field:this.labelField||h,type:"quantitative"}}});const a=Object.assign(this.baseChartSpec,t);this.visualizationSpec=a}componentWillLoad(){s(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"b3049772a9d436bf4d6aa1b0e9ebe21a9d9e84e9",visualizationSpec:this.visualizationSpec})}get root(){return e(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_pie_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const t="4.
|
|
1
|
+
const t="4.29.1-beta.0",e=20,n=3e4,o=[function(t){const[e,n,...o]=t.split(".");return{name:"spark-library",metadata:{fullVersion:`${e}.${n}.${o.join(".")}`,majorVersion:e,minorVersion:`${e}.${n}`}}}(t)];function i(){const t=window.newrelic;if(t){for(let r=0;r<e;r++){if(0==o.length)return void setTimeout(i,n);const e=o.shift();t.addPageAction(e.name,Object.assign(Object.assign({},e.metadata),{queueDepth:o.length}))}setTimeout(i,n)}}let r=!1;function a(e,n){window.newrelic&&(r||(r=!0,i()),document.contains(e)&&o.push({name:"spark-component",metadata:Object.assign(Object.assign({},n),{component:e.tagName.toLowerCase(),version:t})}))}export{a as t}
|
package/dist/stencil-wrapper.js
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import { defineCustomElements } from '../dist/loader';
|
|
9
9
|
// Value templated out during build process (see scripts/wrap-stencil.js)
|
|
10
|
-
export const CHART_COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.
|
|
10
|
+
export const CHART_COMPONENT_ASSETS_PATH = '/spark-components/build-assets/4.29.1-beta.0-12/chart/genesys-chart-webcomponents/';
|
|
11
11
|
// Default domain to load assets from
|
|
12
12
|
const DEFAULT_DOMAIN = 'app.mypurecloud.com';
|
|
13
13
|
// List of Genesys UI domains
|
|
@@ -1,49 +1,49 @@
|
|
|
1
1
|
import { JSX } from '../../../stencil-public-runtime';
|
|
2
2
|
import { EmbedOptions } from 'vega-embed';
|
|
3
3
|
export declare class GuxColumnChart {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
4
|
+
root: HTMLElement;
|
|
5
|
+
private visualizationSpec;
|
|
6
|
+
private baseChartSpec;
|
|
7
|
+
/**
|
|
8
|
+
* Data to be rendered in the chart.
|
|
9
|
+
* Data field names must match the values you set in xFieldName and yFieldName
|
|
10
|
+
*/
|
|
11
|
+
chartData: Record<string, any>;
|
|
12
|
+
/**
|
|
13
|
+
* If true, then make Axis tick label 45 degrees
|
|
14
|
+
*/
|
|
15
|
+
xTickLabelSlant: boolean;
|
|
16
|
+
includeLegend: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Name for the data field to use to populate the chart's x-axis
|
|
19
|
+
* e.g. xFieldName of "category" will map any "category" fields in chartData to the x-axis
|
|
20
|
+
*/
|
|
21
|
+
xFieldName: string;
|
|
22
|
+
/**
|
|
23
|
+
* Name for the data field to use to populate the chart's x-axis
|
|
24
|
+
* e.g. yFieldName of "value" will map any "value" fields in chartData to the y-axis
|
|
25
|
+
*/
|
|
26
|
+
yFieldName: string;
|
|
27
|
+
/**
|
|
28
|
+
* Title to display along the x-axis
|
|
29
|
+
*/
|
|
30
|
+
xAxisTitle: string;
|
|
31
|
+
/**
|
|
32
|
+
* Title to display along the y-axis
|
|
33
|
+
*/
|
|
34
|
+
yAxisTitle: string;
|
|
35
|
+
/**
|
|
36
|
+
* Title to display above the optional legend
|
|
37
|
+
*/
|
|
38
|
+
legendTitle: string;
|
|
39
|
+
legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
|
|
40
|
+
/**
|
|
41
|
+
* List specifying the order of optional chart layers.
|
|
42
|
+
* For correct chart layering, each chartData entry must also include a "series" field with a value indicating which layer the entry belongs to, e.g 'series': 'group1'
|
|
43
|
+
*/
|
|
44
|
+
chartLayers: string[];
|
|
45
|
+
embedOptions: EmbedOptions;
|
|
46
|
+
parseData(): void;
|
|
47
|
+
componentWillLoad(): void;
|
|
48
|
+
render(): JSX.Element;
|
|
49
49
|
}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
export declare const timeFormatLocale: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
2
|
+
en: {
|
|
3
|
+
dateTime: string;
|
|
4
|
+
date: string;
|
|
5
|
+
time: string;
|
|
6
|
+
periods: string[];
|
|
7
|
+
days: string[];
|
|
8
|
+
shortDays: string[];
|
|
9
|
+
months: string[];
|
|
10
|
+
shortMonths: string[];
|
|
11
|
+
};
|
|
12
|
+
de: {
|
|
13
|
+
dateTime: string;
|
|
14
|
+
date: string;
|
|
15
|
+
time: string;
|
|
16
|
+
periods: string[];
|
|
17
|
+
days: string[];
|
|
18
|
+
shortDays: string[];
|
|
19
|
+
months: string[];
|
|
20
|
+
shortMonths: string[];
|
|
21
|
+
};
|
|
22
22
|
};
|
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
import { JSX } from '../../../stencil-public-runtime';
|
|
2
2
|
import { EmbedOptions } from 'vega-embed';
|
|
3
3
|
export declare class GuxDonutChart {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
4
|
+
root: HTMLElement;
|
|
5
|
+
private visualizationSpec;
|
|
6
|
+
private tooltipSpec;
|
|
7
|
+
private baseChartSpec;
|
|
8
|
+
/**
|
|
9
|
+
* Data to be rendered in the chart.
|
|
10
|
+
* Data field names must match the values you set in xFieldName and yFieldName
|
|
11
|
+
*/
|
|
12
|
+
chartData: Record<string, any>;
|
|
13
|
+
includeLegend: boolean;
|
|
14
|
+
legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
|
|
15
|
+
legendTitle: string;
|
|
16
|
+
colorFieldName: string;
|
|
17
|
+
outerRadius: number;
|
|
18
|
+
innerRadius: number;
|
|
19
|
+
labelRadius: number;
|
|
20
|
+
labelField: string;
|
|
21
|
+
gauge: boolean;
|
|
22
|
+
centerText: string;
|
|
23
|
+
centerSubText: string;
|
|
24
|
+
showTooltip: boolean;
|
|
25
|
+
tooltipOptions: EmbedOptions;
|
|
26
|
+
legendX: number;
|
|
27
|
+
legendY: number;
|
|
28
|
+
legendFontSize: number;
|
|
29
|
+
legendSymbolSize: number;
|
|
30
|
+
embedOptions: EmbedOptions;
|
|
31
|
+
parseData(): void;
|
|
32
|
+
componentWillLoad(): void;
|
|
33
|
+
render(): JSX.Element;
|
|
34
34
|
}
|
|
@@ -1,48 +1,48 @@
|
|
|
1
1
|
import { JSX } from '../../../stencil-public-runtime';
|
|
2
2
|
import { EmbedOptions } from 'vega-embed';
|
|
3
3
|
export declare class GuxLineChart {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
4
|
+
root: HTMLElement;
|
|
5
|
+
private visualizationSpec;
|
|
6
|
+
private baseChartSpec;
|
|
7
|
+
/**
|
|
8
|
+
* Data to be rendered in the chart.
|
|
9
|
+
* Data field names must match the values you set in xFieldName and yFieldName
|
|
10
|
+
*/
|
|
11
|
+
chartData: Record<string, any>;
|
|
12
|
+
/**
|
|
13
|
+
* If true, then make Axis tick label 45 degrees
|
|
14
|
+
*/
|
|
15
|
+
xTickLabelSlant: boolean;
|
|
16
|
+
includeLegend: boolean;
|
|
17
|
+
legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
|
|
18
|
+
includeDataPointMarkers: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Name for the data field to use to populate the chart's x-axis
|
|
21
|
+
* e.g. xFieldName of "category" will map any "category" fields in chartData to the x-axis
|
|
22
|
+
*/
|
|
23
|
+
xFieldName: string;
|
|
24
|
+
/**
|
|
25
|
+
* Title to display along the x-axis
|
|
26
|
+
*/
|
|
27
|
+
xAxisTitle: string;
|
|
28
|
+
/**
|
|
29
|
+
* Name for the data field to use to populate the chart's x-axis
|
|
30
|
+
* e.g. yFieldName of "value" will map any "value" fields in chartData to the y-axis
|
|
31
|
+
*/
|
|
32
|
+
yFieldName: string;
|
|
33
|
+
/**
|
|
34
|
+
* Title to display along the y-axis
|
|
35
|
+
*/
|
|
36
|
+
yAxisTitle: string;
|
|
37
|
+
/**
|
|
38
|
+
* Title to display above the optional legend
|
|
39
|
+
*/
|
|
40
|
+
legendTitle: string;
|
|
41
|
+
colorFieldName: string;
|
|
42
|
+
strokeDash: boolean;
|
|
43
|
+
interpolation: string;
|
|
44
|
+
embedOptions: EmbedOptions;
|
|
45
|
+
parseData(): void;
|
|
46
|
+
componentWillLoad(): void;
|
|
47
|
+
render(): JSX.Element;
|
|
48
48
|
}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
export declare const timeFormatLocale: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
2
|
+
en: {
|
|
3
|
+
dateTime: string;
|
|
4
|
+
date: string;
|
|
5
|
+
time: string;
|
|
6
|
+
periods: string[];
|
|
7
|
+
days: string[];
|
|
8
|
+
shortDays: string[];
|
|
9
|
+
months: string[];
|
|
10
|
+
shortMonths: string[];
|
|
11
|
+
};
|
|
12
|
+
de: {
|
|
13
|
+
dateTime: string;
|
|
14
|
+
date: string;
|
|
15
|
+
time: string;
|
|
16
|
+
periods: string[];
|
|
17
|
+
days: string[];
|
|
18
|
+
shortDays: string[];
|
|
19
|
+
months: string[];
|
|
20
|
+
shortMonths: string[];
|
|
21
|
+
};
|
|
22
22
|
};
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { JSX } from '../../../stencil-public-runtime';
|
|
2
2
|
import { EmbedOptions } from 'vega-embed';
|
|
3
3
|
export declare class GuxPieChart {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
4
|
+
root: HTMLElement;
|
|
5
|
+
private visualizationSpec;
|
|
6
|
+
private baseChartSpec;
|
|
7
|
+
/**
|
|
8
|
+
* Data to be rendered in the chart.
|
|
9
|
+
* Data field names must match the values you set in xFieldName and yFieldName
|
|
10
|
+
*/
|
|
11
|
+
chartData: Record<string, any>;
|
|
12
|
+
includeLegend: boolean;
|
|
13
|
+
legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
|
|
14
|
+
legendTitle: string;
|
|
15
|
+
colorFieldName: string;
|
|
16
|
+
outerRadius: number;
|
|
17
|
+
labelRadius: number;
|
|
18
|
+
labelField: string;
|
|
19
|
+
embedOptions: EmbedOptions;
|
|
20
|
+
parseData(): void;
|
|
21
|
+
componentWillLoad(): void;
|
|
22
|
+
render(): JSX.Element;
|
|
23
23
|
}
|
|
@@ -1,52 +1,52 @@
|
|
|
1
1
|
import { JSX } from '../../../stencil-public-runtime';
|
|
2
2
|
import { EmbedOptions } from 'vega-embed';
|
|
3
3
|
export declare class GuxScatterPlotChart {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
4
|
+
root: HTMLElement;
|
|
5
|
+
private visualizationSpec;
|
|
6
|
+
private baseChartSpec;
|
|
7
|
+
/**
|
|
8
|
+
* Data to be rendered in the chart.
|
|
9
|
+
* Data field names must match the values you set in xFieldName and yFieldName
|
|
10
|
+
*/
|
|
11
|
+
chartData: Record<string, any>;
|
|
12
|
+
/**
|
|
13
|
+
* If true, then make Axis tick label 45 degrees
|
|
14
|
+
*/
|
|
15
|
+
xTickLabelSlant: boolean;
|
|
16
|
+
includeLegend: boolean;
|
|
17
|
+
legendPosition: 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none';
|
|
18
|
+
/**
|
|
19
|
+
* Name for the data field to use to populate the chart's x-axis
|
|
20
|
+
* e.g. xFieldName of "category" will map any "category" fields in chartData to the x-axis
|
|
21
|
+
*/
|
|
22
|
+
xFieldName: string;
|
|
23
|
+
/**
|
|
24
|
+
* Title to display along the x-axis
|
|
25
|
+
*/
|
|
26
|
+
xAxisTitle: string;
|
|
27
|
+
/**
|
|
28
|
+
* Name for the data field to use to populate the chart's x-axis
|
|
29
|
+
* e.g. yFieldName of "value" will map any "value" fields in chartData to the y-axis
|
|
30
|
+
*/
|
|
31
|
+
yFieldName: string;
|
|
32
|
+
/**
|
|
33
|
+
* Title to display along the y-axis
|
|
34
|
+
*/
|
|
35
|
+
yAxisTitle: string;
|
|
36
|
+
/**
|
|
37
|
+
* Title to display above the optional legend
|
|
38
|
+
*/
|
|
39
|
+
legendTitle: string;
|
|
40
|
+
/**
|
|
41
|
+
* Type of category to plot in the chart
|
|
42
|
+
*/
|
|
43
|
+
colorFieldName: string;
|
|
44
|
+
/**
|
|
45
|
+
* The shape of the plotting in the chart - Square, Circle and Point
|
|
46
|
+
*/
|
|
47
|
+
useShape: string;
|
|
48
|
+
embedOptions: EmbedOptions;
|
|
49
|
+
parseData(): void;
|
|
50
|
+
componentWillLoad(): void;
|
|
51
|
+
render(): JSX.Element;
|
|
52
52
|
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { JSX, EventEmitter } from '../../../stencil-public-runtime';
|
|
2
2
|
import { EmbedOptions, VisualizationSpec } from 'vega-embed';
|
|
3
3
|
export declare class GuxVisualization {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
4
|
+
private chartContainer;
|
|
5
|
+
private defaultVisualizationSpec;
|
|
6
|
+
private defaultEmbedOptions;
|
|
7
|
+
chartComponentReady: EventEmitter;
|
|
8
|
+
chartClicked: EventEmitter;
|
|
9
|
+
root: HTMLElement;
|
|
10
|
+
visualizationSpec: VisualizationSpec;
|
|
11
|
+
embedOptions: EmbedOptions;
|
|
12
|
+
componentWillLoad(): void;
|
|
13
|
+
handleChartClick(_name: string, value: unknown): void;
|
|
14
|
+
componentDidRender(): Promise<void>;
|
|
15
|
+
componentDidLoad(): void;
|
|
16
|
+
render(): JSX.Element;
|
|
17
17
|
}
|