genesys-spark-chart-components 4.12.1-beta.1 → 4.29.0-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-3d9281d1.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-4d835ee1.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-01bbadbf.entry.js +11 -0
- package/dist/genesys-chart-webcomponents/{p-137f5b8f.entry.js → p-12eb9928.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/p-1bc0cc3a.js +2 -0
- package/dist/genesys-chart-webcomponents/{p-b5179379.entry.js → p-25bdbf17.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-c3aa8578.entry.js → p-74011efc.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-97c45977.js → p-7e62b207.js} +1 -1
- package/dist/genesys-chart-webcomponents/p-e1255160.js +1 -0
- package/dist/genesys-chart-webcomponents/{p-d9928f8c.entry.js → p-e80b1b1c.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/{p-d4a346df.entry.js → p-f6cebcf8.entry.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-7e62b207.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}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
let e,n,t=!1;const l="slot-fb{display:contents}slot-fb[hidden]{display:none}",o={},s=e=>"object"==(e=typeof e)||"function"===e;function i(e){var n,t,l;return null!==(l=null===(t=null===(n=e.head)||void 0===n?void 0:n.querySelector('meta[name="csp-nonce"]'))||void 0===t?void 0:t.getAttribute("content"))&&void 0!==l?l:void 0}const c=(e,n,...t)=>{let l=null,o=null,i=!1,c=!1;const u=[],a=n=>{for(let t=0;t<n.length;t++)l=n[t],Array.isArray(l)?a(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!s(l))&&(l+=""),i&&c?u[u.length-1].t+=l:u.push(i?r(null,l):l),c=i)};a(t),n&&n.key&&(o=n.key);const f=r(e,null);return f.l=n,u.length>0&&(f.o=u),f.i=o,f},r=(e,n)=>({u:0,m:e,t:n,p:null,o:null,l:null,i:null}),u={},a=e=>U(e).$hostElement$,f=(e,n,t)=>{const l=a(e);return{emit:e=>d(l,n,{bubbles:!!(4&t),composed:!!(2&t),cancelable:!!(1&t),detail:e})}},d=(e,n,t)=>{const l=K.ce(n,t);return e.dispatchEvent(l),l},y=new WeakMap,m=e=>"sc-"+e.h,p=(e,n,t,l,o,i)=>{if(t!==l){let c=V(e,n);if(n.toLowerCase(),"key"===n);else if("ref"===n)l&&l(e);else{const r=s(l);if((c||r&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[n]=l;else{const o=null==l?"":l;"list"===n?c=!1:null!=t&&e[n]==o||(e[n]=o)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(n)||e.removeAttribute(n):(!c||4&i||o)&&!r&&e.setAttribute(n,l=!0===l?"":l)}}},h=(e,n,t,l)=>{const s=11===n.p.nodeType&&n.p.host?n.p.host:n.p,i=e&&e.l||o,c=n.l||o;for(l in i)l in c||p(s,l,i[l],void 0,t,n.u);for(l in c)p(s,l,i[l],c[l],t,n.u)},$=(t,l,o)=>{const s=l.o[o];let i,c,r=0;if(i=s.p=J.createElement(s.m),h(null,s,!1),null!=e&&i["s-si"]!==e&&i.classList.add(i["s-si"]=e),s.o)for(r=0;r<s.o.length;++r)c=$(t,s,r),c&&i.appendChild(c);return i["s-hn"]=n,i},v=(e,t,l,o,s,i)=>{let c,r=e;for(r.shadowRoot&&r.tagName===n&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=$(null,l,s),c&&(o[s].p=c,r.insertBefore(c,t)))},b=(e,n,t)=>{for(let l=n;l<=t;++l){const n=e[l];if(n){const e=n.p;g(n),e&&e.remove()}}},w=(e,n,t=!1)=>e.m===n.m&&(!!t||e.i===n.i),S=(e,n,t=!1)=>{const l=n.p=e.p,o=e.o,s=n.o;h(e,n,!1),null!==o&&null!==s?((e,n,t,l,o=!1)=>{let s,i,c=0,r=0,u=0,a=0,f=n.length-1,d=n[0],y=n[f],m=l.length-1,p=l[0],h=l[m];for(;c<=f&&r<=m;)if(null==d)d=n[++c];else if(null==y)y=n[--f];else if(null==p)p=l[++r];else if(null==h)h=l[--m];else if(w(d,p,o))S(d,p,o),d=n[++c],p=l[++r];else if(w(y,h,o))S(y,h,o),y=n[--f],h=l[--m];else if(w(d,h,o))S(d,h,o),e.insertBefore(d.p,y.p.nextSibling),d=n[++c],h=l[--m];else if(w(y,p,o))S(y,p,o),e.insertBefore(y.p,d.p),y=n[--f],p=l[++r];else{for(u=-1,a=c;a<=f;++a)if(n[a]&&null!==n[a].i&&n[a].i===p.i){u=a;break}u>=0?(i=n[u],i.m!==p.m?s=$(n&&n[r],t,u):(S(i,p,o),n[u]=void 0,s=i.p),p=l[++r]):(s=$(n&&n[r],t,r),p=l[++r]),s&&d.p.parentNode.insertBefore(s,d.p)}c>f?v(e,null==l[m+1]?null:l[m+1].p,t,l,r,m):r>m&&b(n,c,f)})(l,o,n,s,t):null!==s?v(l,null,n,s,0,s.length-1):null!==o&&b(o,0,o.length-1)},g=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(g)},k=(e,n)=>{n&&!e.$&&n["s-p"]&&n["s-p"].push(new Promise((n=>e.$=n)))},j=(e,n)=>{if(e.u|=16,!(4&e.u))return k(e,e.v),oe((()=>M(e,n)));e.u|=512},M=(e,n)=>{const t=e.S;let l;return n&&(l=A(t,"componentWillLoad")),O(l,(()=>P(e,t,n)))},O=(e,n)=>C(e)?e.then(n):n(),C=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,P=async(e,n,t)=>{var o;const s=e.$hostElement$,c=s["s-rc"];t&&(e=>{const n=e.k,t=e.$hostElement$,o=n.u,s=((e,n)=>{var t;const o=m(n),s=G.get(o);if(e=11===e.nodeType?e:J,s)if("string"==typeof s){let c,r=y.get(e=e.head||e);if(r||y.set(e,r=new Set),!r.has(o)){{c=J.createElement("style"),c.innerHTML=s;const n=null!==(t=K.j)&&void 0!==t?t:i(J);null!=n&&c.setAttribute("nonce",n),e.insertBefore(c,e.querySelector("link"))}4&n.u&&(c.innerHTML+=l),r&&r.add(o)}}else e.adoptedStyleSheets.includes(s)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]);return o})(t.shadowRoot?t.shadowRoot:t.getRootNode(),n);10&o&&(t["s-sc"]=s,t.classList.add(s+"-h"))})(e);E(e,n,s,t),c&&(c.map((e=>e())),s["s-rc"]=void 0);{const n=null!==(o=s["s-p"])&&void 0!==o?o:[],t=()=>L(e);0===n.length?t():(Promise.all(n).then(t),e.u|=4,n.length=0)}},E=(t,l,o,s)=>{try{l=l.render(),t.u&=-17,t.u|=2,((t,l,o=!1)=>{const s=t.$hostElement$,i=t.M||r(null,null),a=(e=>e&&e.m===u)(l)?l:c(null,null,l);if(n=s.tagName,o&&a.l)for(const e of Object.keys(a.l))s.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(a.l[e]=s[e]);a.m=null,a.u|=4,t.M=a,a.p=i.p=s.shadowRoot||s,e=s["s-sc"],S(i,a,o)})(t,l,s)}catch(e){_(e,t.$hostElement$)}return null},L=e=>{const n=e.$hostElement$,t=e.S,l=e.v;A(t,"componentDidRender"),64&e.u||(e.u|=64,N(n),A(t,"componentDidLoad"),e.O(n),l||x()),e.$&&(e.$(),e.$=void 0),512&e.u&&le((()=>j(e,!1))),e.u&=-517},x=()=>{N(J.documentElement),le((()=>d(I,"appload",{detail:{namespace:"genesys-chart-webcomponents"}})))},A=(e,n,t)=>{if(e&&e[n])try{return e[n](t)}catch(e){_(e)}},N=e=>e.setAttribute("hydrated",""),R=(e,n,t)=>{var l;const o=e.prototype;if(n.C){e.watchers&&(n.P=e.watchers);const i=Object.entries(n.C);if(i.map((([e,[l]])=>{(31&l||2&t&&32&l)&&Object.defineProperty(o,e,{get(){return((e,n)=>U(this).L.get(n))(0,e)},set(t){((e,n,t,l)=>{const o=U(e),i=o.$hostElement$,c=o.L.get(n),r=o.u,u=o.S;if(t=((e,n)=>null==e||s(e)?e:4&n?"false"!==e&&(""===e||!!e):2&n?parseFloat(e):1&n?e+"":e)(t,l.C[n][0]),(!(8&r)||void 0===c)&&t!==c&&(!Number.isNaN(c)||!Number.isNaN(t))&&(o.L.set(n,t),u)){if(l.P&&128&r){const e=l.P[n];e&&e.map((e=>{try{u[e](t,c,n)}catch(e){_(e,i)}}))}2==(18&r)&&j(o,!1)}})(this,e,t,n)},configurable:!0,enumerable:!0})})),1&t){const t=new Map;o.attributeChangedCallback=function(e,l,s){K.jmp((()=>{var i;const c=t.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(o.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const t=U(this),o=null==t?void 0:t.u;if(o&&!(8&o)&&128&o&&s!==l){const o=t.S,c=null===(i=n.P)||void 0===i?void 0:i[e];null==c||c.forEach((n=>{null!=o[n]&&o[n].call(o,s,l,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!==(l=n.P)&&void 0!==l?l:{}),...i.filter((([e,n])=>15&n[0])).map((([e,n])=>{const l=n[1]||e;return t.set(l,e),l}))]))}}return e},T=async(e,n,t)=>{let l;if(!(32&n.u)){if(n.u|=32,t.A){if(l=B(t),l.then){const e=()=>{};l=await l,e()}l.isProxied||(t.P=l.watchers,R(l,t,2),l.isProxied=!0);const e=()=>{};n.u|=8;try{new l(n)}catch(e){_(e)}n.u&=-9,n.u|=128,e()}else l=e.constructor,customElements.whenDefined(t.h).then((()=>n.u|=128));if(l.style){let e=l.style;const n=m(t);if(!G.has(n)){const l=()=>{};((e,n,t)=>{let l=G.get(e);X&&t?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,G.set(e,l)})(n,e,!!(1&t.u)),l()}}}const o=n.v,s=()=>j(n,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()},W=(e,n={})=>{var t;const o=[],s=n.exclude||[],c=I.customElements,r=J.head,u=r.querySelector("meta[charset]"),a=J.createElement("style"),f=[];let d,y=!0;Object.assign(K,n),K.N=new URL(n.resourcesUrl||"./",J.baseURI).href;let m=!1;if(e.map((e=>{e[1].map((n=>{var t;const l={u:n[0],h:n[1],C:n[2],R:n[3]};4&l.u&&(m=!0),l.C=n[2],l.P=null!==(t=n[4])&&void 0!==t?t:{};const i=l.h,r=class extends HTMLElement{constructor(e){super(e),H(e=this,l),1&l.u&&e.attachShadow({mode:"open"})}connectedCallback(){d&&(clearTimeout(d),d=null),y?f.push(this):K.jmp((()=>(e=>{if(!(1&K.u)){const n=U(e),t=n.k,l=()=>{};if(1&n.u)(null==n?void 0:n.S)||(null==n?void 0:n.T)&&n.T.then((()=>{}));else{n.u|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){k(n,n.v=t);break}}t.C&&Object.entries(t.C).map((([n,[t]])=>{if(31&t&&e.hasOwnProperty(n)){const t=e[n];delete e[n],e[n]=t}})),T(e,n,t)}l()}})(this)))}disconnectedCallback(){K.jmp((()=>(async()=>{if(!(1&K.u)){const e=U(this);(null==e?void 0:e.S)||(null==e?void 0:e.T)&&e.T.then((()=>{}))}})()))}componentOnReady(){return U(this).T}};l.A=e[0],s.includes(i)||c.get(i)||(o.push(i),c.define(i,R(r,l,1)))}))})),o.length>0&&(m&&(a.textContent+=l),a.textContent+=o+"{visibility:hidden}[hydrated]{visibility:inherit}",a.innerHTML.length)){a.setAttribute("data-styles","");const e=null!==(t=K.j)&&void 0!==t?t:i(J);null!=e&&a.setAttribute("nonce",e),r.insertBefore(a,u?u.nextSibling:r.firstChild)}y=!1,f.length?f.map((e=>e.connectedCallback())):K.jmp((()=>d=setTimeout(x,30)))},D=e=>K.j=e,F=new WeakMap,U=e=>F.get(e),q=(e,n)=>F.set(n.S=e,n),H=(e,n)=>{const t={u:0,$hostElement$:e,k:n,L:new Map};return t.T=new Promise((e=>t.O=e)),e["s-p"]=[],e["s-rc"]=[],F.set(e,t)},V=(e,n)=>n in e,_=(e,n)=>(0,console.error)(e,n),z=new Map,B=e=>{const n=e.h.replace(/-/g,"_"),t=e.A,l=z.get(t);return l?l[n]:import(`./${t}.entry.js`).then((e=>(z.set(t,e),e[n])),_)
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},G=new Map,I="undefined"!=typeof window?window:{},J=I.document||{head:{}},K={u:0,N:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,t,l)=>e.addEventListener(n,t,l),rel:(e,n,t,l)=>e.removeEventListener(n,t,l),ce:(e,n)=>new CustomEvent(e,n)},Q=e=>Promise.resolve(e),X=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),Y=[],Z=[],ee=(e,n)=>l=>{e.push(l),t||(t=!0,n&&4&K.u?le(te):K.raf(te))},ne=e=>{for(let n=0;n<e.length;n++)try{e[n](performance.now())}catch(e){_(e)}e.length=0},te=()=>{ne(Y),ne(Z),(t=Y.length>0)&&K.raf(te)},le=e=>Q().then(e),oe=ee(Z,!0);export{W as b,f as c,a as g,c as h,Q as p,q as r,D as s}
|
|
@@ -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-7e62b207.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-7e62b207.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.0-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}
|
|
@@ -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-7e62b207.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}
|
|
@@ -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-7e62b207.js";import{V as a,l as h}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",params:[{name:"onHover",select:{type:"point",on:"mouseover"}}],config:{axis:{ticks:!1,titlePadding:8,gridColor:"#F6F7F9"},axisX:{labelAngle:0,grid:!0},legend:{symbolType:"circle"}},width:{step:40},encoding:{x:{type:"nominal"},y:{type:"quantitative"},color:{field:o,type:"nominal",scale:{range:a},legend:null},size:{condition:[{param:"onHover",empty:!1,value:100}],value:40}}},this.chartData=void 0,this.xTickLabelSlant=void 0,this.includeLegend=void 0,this.legendPosition="right",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.useShape=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.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,s=this.xAxisTitle,e=this.yFieldName,a=this.yAxisTitle,n=this.legendTitle,l=this.useShape||"circle",r=this.colorFieldName||o;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),r&&(this.baseChartSpec.encoding.color.field=r),n&&(this.baseChartSpec.encoding.color.title=n),this.baseChartSpec.mark={type:l,filled:!0},this.baseChartSpec.config.legend.symbolType=l,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:n}];const c=Object.assign(this.baseChartSpec,t);this.visualizationSpec=c}componentWillLoad(){e(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"94b4f927328d22a8764207acdd36cb8bef342ea0",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_scatter_plot_beta}
|
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.0-beta.0-10/genesys-webcomponents/chart/';
|
|
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
|
}
|