genesys-spark-chart-components 4.155.1 → 4.156.1
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-D0WSZbAp.js +96 -0
- package/dist/cjs/genesys-chart-webcomponents.cjs.js +7 -8
- package/dist/cjs/gux-chart-column-beta.cjs.entry.js +4 -7
- package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +5 -8
- package/dist/cjs/gux-chart-line-beta.cjs.entry.js +5 -8
- package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +5 -8
- package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +5 -8
- package/dist/cjs/gux-visualization-beta.cjs.entry.js +45549 -40654
- package/dist/cjs/{index-e390a39a.js → index-D32B1d05.js} +390 -304
- package/dist/cjs/loader.cjs.js +3 -6
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/beta/gux-chart-column/gux-chart-column.js +13 -10
- package/dist/collection/components/beta/gux-chart-donut/gux-chart-donut.js +19 -16
- package/dist/collection/components/beta/gux-chart-line/gux-chart-line.js +16 -14
- package/dist/collection/components/beta/gux-chart-pie/gux-chart-pie.js +9 -7
- package/dist/collection/components/beta/gux-chart-scatter-plot/gux-chart-scatter-plot.js +14 -12
- package/dist/collection/components/beta/gux-visualization/gux-visualization.js +2 -0
- package/dist/esm/color-palette-BExqYJSa.js +91 -0
- package/dist/esm/genesys-chart-webcomponents.js +5 -5
- package/dist/esm/gux-chart-column-beta.entry.js +4 -5
- package/dist/esm/gux-chart-donut-beta.entry.js +5 -6
- package/dist/esm/gux-chart-line-beta.entry.js +5 -6
- package/dist/esm/gux-chart-pie-beta.entry.js +5 -6
- package/dist/esm/gux-chart-scatter-plot-beta.entry.js +5 -6
- package/dist/esm/gux-visualization-beta.entry.js +45550 -40653
- package/dist/esm/{index-eabc38b4.js → index-7ILyl2XS.js} +387 -300
- package/dist/esm/loader.js +3 -4
- package/dist/genesys-chart-webcomponents/genesys-chart-webcomponents.esm.js +1 -1
- package/dist/genesys-chart-webcomponents/p-30dcd0b3.entry.js +11 -0
- package/dist/genesys-chart-webcomponents/p-59176c7b.entry.js +1 -0
- package/dist/genesys-chart-webcomponents/p-6bcb5650.entry.js +1 -0
- package/dist/genesys-chart-webcomponents/p-7ILyl2XS.js +2 -0
- package/dist/genesys-chart-webcomponents/{p-97417448.entry.js → p-91b25b0e.entry.js} +1 -1
- package/dist/genesys-chart-webcomponents/p-BExqYJSa.js +1 -0
- package/dist/genesys-chart-webcomponents/p-da7802da.entry.js +1 -0
- package/dist/genesys-chart-webcomponents/p-deed4545.entry.js +1 -0
- package/dist/types/components.d.ts +48 -0
- package/dist/types/stencil-public-runtime.d.ts +23 -1
- package/package.json +11 -16
- package/dist/cjs/app-globals-3a1e7e63.js +0 -5
- package/dist/cjs/color-palette-be056d9b.js +0 -224
- package/dist/esm/app-globals-0f993ce5.js +0 -3
- package/dist/esm/color-palette-02460f9e.js +0 -219
- package/dist/genesys-chart-webcomponents/p-04c23e5f.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-1681d47e.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-82be62e8.entry.js +0 -11
- package/dist/genesys-chart-webcomponents/p-90b67456.js +0 -1
- package/dist/genesys-chart-webcomponents/p-97297b0f.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-977a4087.js +0 -2
- package/dist/genesys-chart-webcomponents/p-d2cfd9f4.entry.js +0 -1
- package/dist/genesys-chart-webcomponents/p-e1255160.js +0 -1
- package/dist/loader/package.json +0 -11
- /package/dist/cjs/{log-error-8f448752.js → log-error-BMPVm36Q.js} +0 -0
- /package/dist/esm/{log-error-fbbfc3ab.js → log-error-nsqlWzyl.js} +0 -0
- /package/dist/genesys-chart-webcomponents/{p-23610106.js → p-nsqlWzyl.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i,a}from"./p-7ILyl2XS.js";import{D as s,a as e,V as r,t as h}from"./p-BExqYJSa.js";import{l as n}from"./p-nsqlWzyl.js";const l=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 l=i;this.baseChartSpec.config.range={[l]:r};const o=Object.assign(this.baseChartSpec,t);this.visualizationSpec=o}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"]}}};l.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{l as gux_chart_column_beta}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,a as i}from"./p-7ILyl2XS.js";import{V as a,t as s}from"./p-BExqYJSa.js";import{l as n}from"./p-nsqlWzyl.js";const r="category",h="value",l=class{constructor(e){t(this,e),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}},layer:[{mark:{type:"arc",outerRadius:80}},{mark:{type:"text",radius:90},encoding:{text:{field:h,type:"quantitative"}}}],view:{stroke:null}},this.legendPosition="right",this.showTooltip=!0}parseData(){this.outerRadius||this.innerRadius||n(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,this.baseChartSpec.encoding.color.field=this.colorFieldName||r;this.baseChartSpec.encoding.color.title=this.legendTitle||"";let e=this.outerRadius,i=this.innerRadius;e||(e=i+32),i||(i=e-32);let a=1;this.gauge?(this.baseChartSpec.layer=[{data:{values:[{progress:"default",value:100}]},mark:{type:"arc",innerRadius:i},encoding:{theta:{field:"value",type:"quantitative"},color:{value:"#E4E9F0"},tooltip:null}},{mark:{type:"arc",outerRadius:e,innerRadius:i,padAngle:.01}},{mark:{type:"arc",innerRadius:i,padAngle:.01}}],a=2):this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:e,innerRadius:i}},{mark:{type:"arc",innerRadius:i,stroke:"#fff"}}];const s=this.centerText;s&&this.baseChartSpec.layer.push({data:{values:[{centerText:s,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 o=this.labelRadius,u=this.labelField||h;o&&this.baseChartSpec.layer.push({mark:{type:"text",radius:o},encoding:{text:{field:u,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:u,aggregate:"count",type:"quantitative"});const c=Object.assign(this.baseChartSpec,t);this.visualizationSpec=c}componentWillLoad(){s(this.root),this.parseData()}render(){return e("gux-visualization-beta",{key:"1841c32ed4312b87b8bdeca52a007a6905effce9",visualizationSpec:this.visualizationSpec,embedOptions:this.tooltipSpec})}get root(){return i(this)}static get watchers(){return{chartData:["parseData"]}}};l.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{l as gux_chart_donut_beta}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e=()=>{};var t=Object.defineProperty,n=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},o=(e,t)=>{e.__stencil__getHostRef=()=>t,t.t=e},l=(e,t)=>(0,console.error)(e,t),s=new Map,i=new Map,r="slot-fb{display:contents}slot-fb[hidden]{display:none}",c="undefined"!=typeof window?window:{},u={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},a=e=>Promise.resolve(e),f=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),d=!1,h=[],p=[],m=(e,t)=>n=>{e.push(n),d||(d=!0,t&&4&u.o?b(v):u.raf(v))},y=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){l(e)}e.length=0},v=()=>{y(h),y(p),(d=h.length>0)&&u.raf(v)},b=e=>a().then(e),w=m(p,!0),$=e=>"object"==(e=typeof e)||"function"===e;function S(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>j,map:()=>k,ok:()=>g,unwrap:()=>O,unwrapErr:()=>E});var g=e=>({isOk:!0,isErr:!1,value:e}),j=e=>({isOk:!1,isErr:!0,value:e});function k(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>g(e))):g(n)}if(e.isErr)return j(e.value);throw"should never get here"}var O=e=>{if(e.isOk)return e.value;throw e.value},E=e=>{if(e.isErr)return e.value;throw e.value};function C(){const e=this.attachShadow({mode:"open"});if(f){const t=new CSSStyleSheet;t.replaceSync(""),e.adoptedStyleSheets.push(t)}}var M=(e,t,...n)=>{let o=null,l=null,s=!1,i=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof e&&!$(o))&&(o+=""),s&&i?r[r.length-1].i+=o:r.push(s?x(null,o):o),i=s)};if(c(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=x(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=l,u},x=(e,t)=>({o:0,m:e,i:t,v:null,h:null,u:null,p:null}),P={},N=e=>{const t=(e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(e);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};N("::slotted"),N(":host"),N(":host-context");var D,R=(e,t)=>null==e||$(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?"string"==typeof e?parseFloat(e):"number"==typeof e?e:NaN:1&t?e+"":e,U=e=>n(e).$hostElement$,W=(e,t)=>{const n=U(e);return{emit:e=>A(n,t,{bubbles:!0,composed:!0,cancelable:!0,detail:e})}},A=(e,t,n)=>{const o=u.ce(t,n);return e.dispatchEvent(o),o},L=new WeakMap,T=e=>"sc-"+e.$,F=(e,t,n,o,l,s)=>{if(n===o)return;let i=((e,t)=>t in e)(e,t);if(t.toLowerCase(),"class"===t){const t=e.classList,l=z(n);let s=z(o);t.remove(...l.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!l.includes(e))))}else if("key"===t);else if("ref"===t)o&&o(e);else{const r=$(o);if(i||r&&null!==o)try{if(e.tagName.includes("-"))e[t]!==o&&(e[t]=o);else{const l=null==o?"":o;"list"===t?i=!1:null!=n&&e[t]==l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&s||l)&&!r&&1===e.nodeType&&e.setAttribute(t,o=!0===o?"":o)}},H=/\s/,z=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(H):[]),V=(e,t,n)=>{const o=11===t.v.nodeType&&t.v.host?t.v.host:t.v,l=e&&e.u||{},s=t.u||{};for(const e of q(Object.keys(l)))e in s||F(o,e,l[e],void 0,n,t.o);for(const e of q(Object.keys(s)))F(o,e,l[e],s[e],n,t.o)};function q(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var G=!1,I=(e,t,n)=>{const o=t.h[n];let l,s,i=0;if(!c.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(l=o.v=c.document.createElement(o.m),V(null,o,G),o.h)for(i=0;i<o.h.length;++i)s=I(e,o,i),s&&l.appendChild(s);return l["s-hn"]=D,l},Y=(e,t,n,o,l,s)=>{let i,r=e;for(r.shadowRoot&&r.tagName===D&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=I(null,n,l),i&&(o[l].v=i,Q(r,i,t)))},_=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.v;K(t),e&&e.remove()}}},B=(e,t,n=!1)=>e.m===t.m&&(n?(n&&!e.p&&t.p&&(e.p=t.p),!0):e.p===t.p),J=(e,t,n=!1)=>{const o=t.v=e.v,l=e.h,s=t.h;V(e,t,G),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,i,r=0,c=0,u=0,a=0,f=t.length-1,d=t[0],h=t[f],p=o.length-1,m=o[0],y=o[p];for(;r<=f&&c<=p;)if(null==d)d=t[++r];else if(null==h)h=t[--f];else if(null==m)m=o[++c];else if(null==y)y=o[--p];else if(B(d,m,l))J(d,m,l),d=t[++r],m=o[++c];else if(B(h,y,l))J(h,y,l),h=t[--f],y=o[--p];else if(B(d,y,l))J(d,y,l),Q(e,d.v,h.v.nextSibling),d=t[++r],y=o[--p];else if(B(h,m,l))J(h,m,l),Q(e,h.v,d.v),h=t[--f],m=o[++c];else{for(u=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(i=t[u],i.m!==m.m?s=I(t&&t[c],n,u):(J(i,m,l),t[u]=void 0,s=i.v),m=o[++c]):(s=I(t&&t[c],n,c),m=o[++c]),s&&Q(d.v.parentNode,s,d.v)}r>f?Y(e,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&_(t,r,f)})(o,l,t,s,n):null!==s?Y(o,null,t,s,0,s.length-1):!n&&null!==l&&_(l,0,l.length-1)},K=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(K)},Q=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),X=(e,t)=>{if(t&&!e.S&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.S=()=>{t["s-p"].splice(n-1,1),o()})))}},Z=(e,t)=>{if(e.o|=16,!(4&e.o))return X(e,e.j),w((()=>ee(e,t)));e.o|=512},ee=(e,t)=>{const n=e.$hostElement$,o=e.t;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return l=re(o,t?"componentWillLoad":"componentWillUpdate",void 0,n),l=te(l,(()=>re(o,"componentWillRender",void 0,n))),te(l,(()=>oe(e,o,t)))},te=(e,t)=>ne(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),ne=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,oe=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.k,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=T(t),l=i.get(o);if(!c.document)return o;if(e=11===e.nodeType?e:c.document,l)if("string"==typeof l){let s,i=L.get(e=e.head||e);if(i||L.set(e,i=new Set),!i.has(o)){{s=c.document.createElement("style"),s.innerHTML=l;const o=null!=(n=u.O)?n:S(c.document);if(null!=o&&s.setAttribute("nonce",o),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(f){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(s)}else e.append(s);1&t.o&&e.insertBefore(s,null)}4&t.o&&(s.innerHTML+=r),i&&i.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);le(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>se(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},le=(e,t,n,o)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.C||x(null,null),s=(e=>e&&e.m===P)(t)?t:M(null,null,t);if(D=o.tagName,n&&s.u)for(const e of Object.keys(s.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(s.u[e]=o[e]);s.m=null,s.o|=4,e.C=s,s.v=l.v=o.shadowRoot||o,J(l,s,n)})(e,t,o)}catch(t){l(t,e.$hostElement$)}return null},se=e=>{const t=e.$hostElement$,n=e.t,o=e.j;re(n,"componentDidRender",void 0,t),64&e.o?re(n,"componentDidUpdate",void 0,t):(e.o|=64,ce(t),re(n,"componentDidLoad",void 0,t),e.M(t),o||ie()),e.S&&(e.S(),e.S=void 0),512&e.o&&b((()=>Z(e,!1))),e.o&=-517},ie=()=>{b((()=>A(c,"appload",{detail:{namespace:"genesys-chart-webcomponents"}})))},re=(e,t,n,o)=>{if(e&&e[t])try{return e[t](n)}catch(e){l(e,o)}},ce=e=>e.setAttribute("hydrated",""),ue=(e,t,o,s)=>{const i=n(e);if(!i)throw Error(`Couldn't find host element for "${s.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const r=i.$hostElement$,c=i.P.get(t),u=i.o,a=i.t;if(o=R(o,s.N[t][0]),(!(8&u)||void 0===c)&&o!==c&&(!Number.isNaN(c)||!Number.isNaN(o))&&(i.P.set(t,o),a)){if(s.D&&128&u){const e=s.D[t];e&&e.map((e=>{try{a[e](o,c,t)}catch(e){l(e,r)}}))}if(2==(18&u)){if(a.componentShouldUpdate&&!1===a.componentShouldUpdate(o,c,t))return;Z(i,!1)}}},ae=(e,t,o)=>{var l,s;const i=e.prototype;if(t.N||t.D||e.watchers){e.watchers&&!t.D&&(t.D=e.watchers);const r=Object.entries(null!=(l=t.N)?l:{});if(r.map((([e,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,e)||{};s&&(t.N[e][0]|=2048),r&&(t.N[e][0]|=4096),(1&o||!s)&&Object.defineProperty(i,e,{get(){{if(!(2048&t.N[e][0]))return((e,t)=>n(this).P.get(t))(0,e);const o=n(this),l=o?o.t:i;if(!l)return;return l[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(s){const i=n(this);if(r){const n=32&l?this[e]:i.$hostElement$[e];return void 0===n&&i.P.get(e)?s=i.P.get(e):!i.P.get(e)&&n&&i.P.set(e,n),r.call(this,R(s,l)),void ue(this,e,s=32&l?this[e]:i.$hostElement$[e],t)}{if(!(1&o&&4096&t.N[e][0]))return ue(this,e,s,t),void(1&o&&!i.t&&i.R.then((()=>{4096&t.N[e][0]&&i.t[e]!==i.P.get(e)&&(i.t[e]=s)})));const n=()=>{const n=i.t[e];!i.P.get(e)&&n&&i.P.set(e,n),i.t[e]=R(s,l),ue(this,e,i.t[e],t)};i.t?n():i.R.then((()=>n()))}}})}})),1&o){const o=new Map;i.attributeChangedCallback=function(e,l,s){u.jmp((()=>{var r;const c=o.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),i=null==o?void 0:o.o;if(i&&!(8&i)&&128&i&&s!==l){const n=o.t,i=null==(r=t.D)?void 0:r[e];null==i||i.forEach((t=>{null!=n[t]&&n[t].call(n,s,l,e)}))}return}}const u=Object.getOwnPropertyDescriptor(i,c);(s=(null!==s||"boolean"!=typeof this[c])&&s)===this[c]||u.get&&!u.set||(this[c]=s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.D)?s:{}),...r.filter((([e,t])=>15&t[0])).map((([e,t])=>{const n=t[1]||e;return o.set(n,e),n}))]))}}return e},fe=(e,t)=>{re(e,"connectedCallback",void 0,t)},de=(e,t)=>{re(e,"disconnectedCallback",void 0,t||e)},he=(e,t={})=>{var o;if(!c.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const a=[],d=t.exclude||[],h=c.customElements,p=c.document.head,m=p.querySelector("meta[charset]"),y=c.document.createElement("style"),v=[];let b,w=!0;Object.assign(u,t),u.l=new URL(t.resourcesUrl||"./",c.document.baseURI).href;let $=!1;if(e.map((e=>{e[1].map((t=>{var o;const r={o:t[0],$:t[1],N:t[2],U:t[3]};4&r.o&&($=!0),r.N=t[2],r.D=null!=(o=t[4])?o:{};const c=r.$,p=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,t)=>{const n={o:0,$hostElement$:e,k:t,P:new Map};n.R=new Promise((e=>n.M=e)),e["s-p"]=[],e["s-rc"]=[];const o=n;e.__stencil__getHostRef=()=>o})(e=this,r),1&r.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${r.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else C.call(e,r)}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),w?v.push(this):u.jmp((()=>(e=>{if(!(1&u.o)){const t=n(e),o=t.k,r=()=>{};if(1&t.o)(null==t?void 0:t.t)?fe(t.t,e):(null==t?void 0:t.R)&&t.R.then((()=>fe(t.t,e)));else{t.o|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){X(t,t.j=n);break}}o.N&&Object.entries(o.N).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){if(t.o|=32,n.W){const i=((e,t)=>{const n=e.$.replace(/-/g,"_"),o=e.W;if(!o)return;const i=s.get(o);return i?i[n]:import(`./${o}.entry.js`).then((e=>(s.set(o,e),e[n])),(e=>{l(e,t.$hostElement$)}))
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,t);if(i&&"then"in i){const e=()=>{};o=await i,e()}else o=i;if(!o)throw Error(`Constructor for "${n.$}#${t.A}" was not found`);o.isProxied||(n.D=o.watchers,ae(o,n,2),o.isProxied=!0);const r=()=>{};t.o|=8;try{new o(t)}catch(t){l(t,e)}t.o&=-9,t.o|=128,r(),fe(t.t,e)}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=T(n);if(!i.has(t)){const o=()=>{};((e,t,n)=>{let o=i.get(e);f&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,i.set(e,o)})(t,e,!!(1&n.o)),o()}}}const r=t.j,c=()=>Z(t,!0);r&&r["s-rc"]?r["s-rc"].push(c):c()})(e,t,o)}r()}})(this)))}disconnectedCallback(){u.jmp((()=>(async e=>{if(!(1&u.o)){const t=n(e);(null==t?void 0:t.t)?de(t.t,e):(null==t?void 0:t.R)&&t.R.then((()=>de(t.t,e)))}L.has(e)&&L.delete(e),e.shadowRoot&&L.has(e.shadowRoot)&&L.delete(e.shadowRoot)})(this))),u.raf((()=>{var e;const t=n(this),o=v.findIndex((e=>e===this));o>-1&&v.splice(o,1),(null==(e=null==t?void 0:t.C)?void 0:e.v)instanceof Node&&!t.C.v.isConnected&&delete t.C.v}))}componentOnReady(){return n(this).R}};r.W=e[0],d.includes(c)||h.get(c)||(a.push(c),h.define(c,ae(p,r,1)))}))})),a.length>0&&($&&(y.textContent+=r),y.textContent+=a.sort()+"{visibility:hidden}[hydrated]{visibility:inherit}",y.innerHTML.length)){y.setAttribute("data-styles","");const e=null!=(o=u.O)?o:S(c.document);null!=e&&y.setAttribute("nonce",e),p.insertBefore(y,m?m.nextSibling:p.firstChild)}w=!1,v.length?v.map((e=>e.connectedCallback())):u.jmp((()=>b=setTimeout(ie,30)))},pe=e=>u.O=e;export{U as a,he as b,W as c,e as g,M as h,a as p,o as r,pe as s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,
|
|
1
|
+
import{r as t,h as i,a as s}from"./p-7ILyl2XS.js";import{D as e,a,V as o,t as h}from"./p-BExqYJSa.js";import{l}from"./p-nsqlWzyl.js";const n="category",r=class{constructor(i){t(this,i),this.labelColor=e,this.domainColor=a,this.baseChartSpec={$schema:"https://vega.github.io/schema/vega-lite/v5.json",params:[{name:"onHover",select:{type:"point",on:"mouseover"}}],config:{axis:{ticks:!1,titlePadding:8,gridColor:"#F6F7F9",labelColor:this.labelColor||e,domainColor:this.domainColor||a},axisX:{labelAngle:0,grid:!0},legend:{symbolType:"circle"}},width:{step:40},encoding:{x:{type:"nominal"},y:{type:"quantitative"},color:{field:n,type:"nominal",scale:{range:o},legend:null},size:{condition:[{param:"onHover",empty:!1,value:100}],value:40}}},this.legendPosition="right"}parseData(){this.xFieldName&&this.yFieldName||l(this.root,"requires x-field-name and y-field-name");let t={};this.chartData&&(t={data:this.chartData}),this.xTickLabelSlant&&(this.baseChartSpec.config.axisX.labelAngle=-45),this.legendPosition&&(this.baseChartSpec.config.legend.orient=this.legendPosition);const i=this.xFieldName,s=this.xAxisTitle,e=this.yFieldName,a=this.yAxisTitle,o=this.legendTitle,h=this.useShape||"circle",r=this.colorFieldName||n;this.includeLegend&&(this.baseChartSpec.encoding.color.legend=!0),i&&(this.baseChartSpec.encoding.x.field=i),s&&(this.baseChartSpec.encoding.x.title=s),e&&(this.baseChartSpec.encoding.y.field=e),a&&(this.baseChartSpec.encoding.y.title=a),this.baseChartSpec.encoding.color.field=r,o&&(this.baseChartSpec.encoding.color.title=o),this.baseChartSpec.mark={type:h,filled:!0},this.baseChartSpec.config.legend.symbolType=h,this.baseChartSpec.encoding.shape={field:r,type:"nominal"},this.baseChartSpec.encoding.tooltip=[{field:i,type:"nominal",title:s},{field:e,type:"quantitative",title:a},{field:r,type:"nominal",title:o}];const c=Object.assign(this.baseChartSpec,t);this.visualizationSpec=c}componentWillLoad(){h(this.root),this.parseData()}render(){return i("gux-visualization-beta",{key:"99d30b8b621965db1bb64abc45fa8075f7f1db2f",visualizationSpec:this.visualizationSpec})}get root(){return s(this)}static get watchers(){return{chartData:["parseData"]}}};r.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{r as gux_chart_scatter_plot_beta}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var t="4.156.1";const e=[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 n(){const t=window.newrelic;if(t){for(let o=0;o<20;o++){if(0==e.length)return void setTimeout(n,3e4);const o=e.shift();t.addPageAction(o.name,Object.assign(Object.assign({},o.metadata),{queueDepth:e.length}))}setTimeout(n,3e4)}}let o=!1;function a(a,r){window.newrelic&&(o||(o=!0,n()),document.contains(a)&&e.push({name:"spark-component",metadata:Object.assign(Object.assign({},r),{component:a.tagName.toLowerCase(),version:t})}))}const r=["#203B73","#1DA8B3","#75A8FF","#8452CF","#B5B5EB","#CC3EBE","#5E5782","#FF8FDD","#868C1E","#DDD933"],s="#596373",i="#596373";export{s as D,r as V,i as a,a as t}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,a as i}from"./p-7ILyl2XS.js";import{V as a,t as s}from"./p-BExqYJSa.js";import{l as r}from"./p-nsqlWzyl.js";const o="category",h="value",n=class{constructor(e){t(this,e),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},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.legendPosition="right"}parseData(){this.outerRadius||r(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),this.baseChartSpec.encoding.color.field=this.colorFieldName||o;const e=this.legendTitle;e&&(this.baseChartSpec.encoding.color.title=e),this.baseChartSpec.layer=[{mark:{type:"arc",outerRadius:this.outerRadius}}];const i=this.labelRadius;i&&this.baseChartSpec.layer.push({mark:{type:"text",radius:i},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 e("gux-visualization-beta",{key:"b3049772a9d436bf4d6aa1b0e9ebe21a9d9e84e9",visualizationSpec:this.visualizationSpec})}get root(){return i(this)}static get watchers(){return{chartData:["parseData"]}}};n.style="gux-visualization-beta{height:fit-content;color:#2e394c}";export{n as gux_chart_pie_beta}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i,a as s}from"./p-7ILyl2XS.js";import{D as a,a as e,V as h,t as n}from"./p-BExqYJSa.js";import{l as o}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||o(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,n=this.colorFieldName||l,r=this.interpolation,c=this.strokeDash,p=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=n,h&&(this.baseChartSpec.encoding.color.title=h),c&&(this.baseChartSpec.encoding.strokeDash={field:n,type:"nominal"}),r&&(this.baseChartSpec.mark.interpolate=r),p&&(this.baseChartSpec.mark.point=p);const g=Object.assign(this.baseChartSpec,t);this.visualizationSpec=g}componentWillLoad(){n(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}
|
|
@@ -19,14 +19,19 @@ export namespace Components {
|
|
|
19
19
|
"chartLayers": string[];
|
|
20
20
|
/**
|
|
21
21
|
* Optional domain line color
|
|
22
|
+
* @default VisualizationColorUtil.DEFAULT_DOMAIN_COLOR
|
|
22
23
|
*/
|
|
23
24
|
"domainColor": string;
|
|
24
25
|
"embedOptions": EmbedOptions;
|
|
25
26
|
"includeLegend": boolean;
|
|
26
27
|
/**
|
|
27
28
|
* Optional label color
|
|
29
|
+
* @default VisualizationColorUtil.DEFAULT_LABEL_COLOR
|
|
28
30
|
*/
|
|
29
31
|
"labelColor": string;
|
|
32
|
+
/**
|
|
33
|
+
* @default 'right'
|
|
34
|
+
*/
|
|
30
35
|
"legendPosition": | 'left'
|
|
31
36
|
| 'right'
|
|
32
37
|
| 'top'
|
|
@@ -76,6 +81,9 @@ export namespace Components {
|
|
|
76
81
|
"labelField": string;
|
|
77
82
|
"labelRadius": number;
|
|
78
83
|
"legendFontSize": number;
|
|
84
|
+
/**
|
|
85
|
+
* @default 'right'
|
|
86
|
+
*/
|
|
79
87
|
"legendPosition": | 'left'
|
|
80
88
|
| 'right'
|
|
81
89
|
| 'top'
|
|
@@ -90,6 +98,9 @@ export namespace Components {
|
|
|
90
98
|
"legendX": number;
|
|
91
99
|
"legendY": number;
|
|
92
100
|
"outerRadius": number;
|
|
101
|
+
/**
|
|
102
|
+
* @default true
|
|
103
|
+
*/
|
|
93
104
|
"showTooltip": boolean;
|
|
94
105
|
"tooltipOptions": EmbedOptions;
|
|
95
106
|
}
|
|
@@ -101,6 +112,7 @@ export namespace Components {
|
|
|
101
112
|
"colorFieldName": string;
|
|
102
113
|
/**
|
|
103
114
|
* Optional domain line color
|
|
115
|
+
* @default VisualizationColorUtil.DEFAULT_DOMAIN_COLOR
|
|
104
116
|
*/
|
|
105
117
|
"domainColor": string;
|
|
106
118
|
"embedOptions": EmbedOptions;
|
|
@@ -109,8 +121,12 @@ export namespace Components {
|
|
|
109
121
|
"interpolation": string;
|
|
110
122
|
/**
|
|
111
123
|
* Optional label color
|
|
124
|
+
* @default VisualizationColorUtil.DEFAULT_LABEL_COLOR
|
|
112
125
|
*/
|
|
113
126
|
"labelColor": string;
|
|
127
|
+
/**
|
|
128
|
+
* @default 'right'
|
|
129
|
+
*/
|
|
114
130
|
"legendPosition": | 'left'
|
|
115
131
|
| 'right'
|
|
116
132
|
| 'top'
|
|
@@ -156,6 +172,9 @@ export namespace Components {
|
|
|
156
172
|
"includeLegend": boolean;
|
|
157
173
|
"labelField": string;
|
|
158
174
|
"labelRadius": number;
|
|
175
|
+
/**
|
|
176
|
+
* @default 'right'
|
|
177
|
+
*/
|
|
159
178
|
"legendPosition": | 'left'
|
|
160
179
|
| 'right'
|
|
161
180
|
| 'top'
|
|
@@ -179,14 +198,19 @@ export namespace Components {
|
|
|
179
198
|
"colorFieldName": string;
|
|
180
199
|
/**
|
|
181
200
|
* Optional domain line color
|
|
201
|
+
* @default VisualizationColorUtil.DEFAULT_DOMAIN_COLOR
|
|
182
202
|
*/
|
|
183
203
|
"domainColor": string;
|
|
184
204
|
"embedOptions": EmbedOptions;
|
|
185
205
|
"includeLegend": boolean;
|
|
186
206
|
/**
|
|
187
207
|
* Optional label color
|
|
208
|
+
* @default VisualizationColorUtil.DEFAULT_LABEL_COLOR
|
|
188
209
|
*/
|
|
189
210
|
"labelColor": string;
|
|
211
|
+
/**
|
|
212
|
+
* @default 'right'
|
|
213
|
+
*/
|
|
190
214
|
"legendPosition": | 'left'
|
|
191
215
|
| 'right'
|
|
192
216
|
| 'top'
|
|
@@ -304,14 +328,19 @@ declare namespace LocalJSX {
|
|
|
304
328
|
"chartLayers"?: string[];
|
|
305
329
|
/**
|
|
306
330
|
* Optional domain line color
|
|
331
|
+
* @default VisualizationColorUtil.DEFAULT_DOMAIN_COLOR
|
|
307
332
|
*/
|
|
308
333
|
"domainColor"?: string;
|
|
309
334
|
"embedOptions"?: EmbedOptions;
|
|
310
335
|
"includeLegend"?: boolean;
|
|
311
336
|
/**
|
|
312
337
|
* Optional label color
|
|
338
|
+
* @default VisualizationColorUtil.DEFAULT_LABEL_COLOR
|
|
313
339
|
*/
|
|
314
340
|
"labelColor"?: string;
|
|
341
|
+
/**
|
|
342
|
+
* @default 'right'
|
|
343
|
+
*/
|
|
315
344
|
"legendPosition"?: | 'left'
|
|
316
345
|
| 'right'
|
|
317
346
|
| 'top'
|
|
@@ -361,6 +390,9 @@ declare namespace LocalJSX {
|
|
|
361
390
|
"labelField"?: string;
|
|
362
391
|
"labelRadius"?: number;
|
|
363
392
|
"legendFontSize"?: number;
|
|
393
|
+
/**
|
|
394
|
+
* @default 'right'
|
|
395
|
+
*/
|
|
364
396
|
"legendPosition"?: | 'left'
|
|
365
397
|
| 'right'
|
|
366
398
|
| 'top'
|
|
@@ -375,6 +407,9 @@ declare namespace LocalJSX {
|
|
|
375
407
|
"legendX"?: number;
|
|
376
408
|
"legendY"?: number;
|
|
377
409
|
"outerRadius"?: number;
|
|
410
|
+
/**
|
|
411
|
+
* @default true
|
|
412
|
+
*/
|
|
378
413
|
"showTooltip"?: boolean;
|
|
379
414
|
"tooltipOptions"?: EmbedOptions;
|
|
380
415
|
}
|
|
@@ -386,6 +421,7 @@ declare namespace LocalJSX {
|
|
|
386
421
|
"colorFieldName"?: string;
|
|
387
422
|
/**
|
|
388
423
|
* Optional domain line color
|
|
424
|
+
* @default VisualizationColorUtil.DEFAULT_DOMAIN_COLOR
|
|
389
425
|
*/
|
|
390
426
|
"domainColor"?: string;
|
|
391
427
|
"embedOptions"?: EmbedOptions;
|
|
@@ -394,8 +430,12 @@ declare namespace LocalJSX {
|
|
|
394
430
|
"interpolation"?: string;
|
|
395
431
|
/**
|
|
396
432
|
* Optional label color
|
|
433
|
+
* @default VisualizationColorUtil.DEFAULT_LABEL_COLOR
|
|
397
434
|
*/
|
|
398
435
|
"labelColor"?: string;
|
|
436
|
+
/**
|
|
437
|
+
* @default 'right'
|
|
438
|
+
*/
|
|
399
439
|
"legendPosition"?: | 'left'
|
|
400
440
|
| 'right'
|
|
401
441
|
| 'top'
|
|
@@ -441,6 +481,9 @@ declare namespace LocalJSX {
|
|
|
441
481
|
"includeLegend"?: boolean;
|
|
442
482
|
"labelField"?: string;
|
|
443
483
|
"labelRadius"?: number;
|
|
484
|
+
/**
|
|
485
|
+
* @default 'right'
|
|
486
|
+
*/
|
|
444
487
|
"legendPosition"?: | 'left'
|
|
445
488
|
| 'right'
|
|
446
489
|
| 'top'
|
|
@@ -464,14 +507,19 @@ declare namespace LocalJSX {
|
|
|
464
507
|
"colorFieldName"?: string;
|
|
465
508
|
/**
|
|
466
509
|
* Optional domain line color
|
|
510
|
+
* @default VisualizationColorUtil.DEFAULT_DOMAIN_COLOR
|
|
467
511
|
*/
|
|
468
512
|
"domainColor"?: string;
|
|
469
513
|
"embedOptions"?: EmbedOptions;
|
|
470
514
|
"includeLegend"?: boolean;
|
|
471
515
|
/**
|
|
472
516
|
* Optional label color
|
|
517
|
+
* @default VisualizationColorUtil.DEFAULT_LABEL_COLOR
|
|
473
518
|
*/
|
|
474
519
|
"labelColor"?: string;
|
|
520
|
+
/**
|
|
521
|
+
* @default 'right'
|
|
522
|
+
*/
|
|
475
523
|
"legendPosition"?: | 'left'
|
|
476
524
|
| 'right'
|
|
477
525
|
| 'top'
|
|
@@ -260,6 +260,25 @@ export declare function setPlatformHelpers(helpers: {
|
|
|
260
260
|
* @returns the base path
|
|
261
261
|
*/
|
|
262
262
|
export declare function getAssetPath(path: string): string;
|
|
263
|
+
/**
|
|
264
|
+
* Method to render a virtual DOM tree to a container element.
|
|
265
|
+
*
|
|
266
|
+
* @example
|
|
267
|
+
* ```tsx
|
|
268
|
+
* import { render } from '@stencil/core';
|
|
269
|
+
*
|
|
270
|
+
* const vnode = (
|
|
271
|
+
* <div>
|
|
272
|
+
* <h1>Hello, world!</h1>
|
|
273
|
+
* </div>
|
|
274
|
+
* );
|
|
275
|
+
* render(vnode, document.body);
|
|
276
|
+
* ```
|
|
277
|
+
*
|
|
278
|
+
* @param vnode - The virtual DOM tree to render
|
|
279
|
+
* @param container - The container element to render the virtual DOM tree to
|
|
280
|
+
*/
|
|
281
|
+
export declare function render(vnode: VNode, container: Element): void;
|
|
263
282
|
/**
|
|
264
283
|
* Used to manually set the base path where assets can be found. For lazy-loaded
|
|
265
284
|
* builds the asset path is automatically set and assets copied to the correct
|
|
@@ -826,6 +845,7 @@ export declare namespace JSXBase {
|
|
|
826
845
|
}
|
|
827
846
|
interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
828
847
|
open?: boolean;
|
|
848
|
+
name?: string;
|
|
829
849
|
onToggle?: (event: Event) => void;
|
|
830
850
|
}
|
|
831
851
|
interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
@@ -1581,7 +1601,7 @@ export declare namespace JSXBase {
|
|
|
1581
1601
|
onKeyUp?: (event: KeyboardEvent) => void;
|
|
1582
1602
|
onKeyUpCapture?: (event: KeyboardEvent) => void;
|
|
1583
1603
|
onAuxClick?: (event: MouseEvent) => void;
|
|
1584
|
-
onClick?: (event:
|
|
1604
|
+
onClick?: (event: PointerEvent) => void;
|
|
1585
1605
|
onClickCapture?: (event: MouseEvent) => void;
|
|
1586
1606
|
onContextMenu?: (event: MouseEvent) => void;
|
|
1587
1607
|
onContextMenuCapture?: (event: MouseEvent) => void;
|
|
@@ -1661,6 +1681,8 @@ export declare namespace JSXBase {
|
|
|
1661
1681
|
onTransitionRunCapture?: (event: TransitionEvent) => void;
|
|
1662
1682
|
onTransitionStart?: (event: TransitionEvent) => void;
|
|
1663
1683
|
onTransitionStartCapture?: (event: TransitionEvent) => void;
|
|
1684
|
+
[key: `aria-${string}`]: string | boolean | undefined;
|
|
1685
|
+
[key: `aria${string}`]: string | boolean | undefined;
|
|
1664
1686
|
}
|
|
1665
1687
|
}
|
|
1666
1688
|
export interface JSXAttributes<T = Element> {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "genesys-spark-chart-components",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.156.1",
|
|
4
4
|
"description": "Common chart webcomponents",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/stencil-wrapper.js",
|
|
@@ -31,16 +31,11 @@
|
|
|
31
31
|
"stencil": "stencil build --prod",
|
|
32
32
|
"stencil.dev": "stencil build --dev --watch --serve --no-open",
|
|
33
33
|
"stylelint": "stylelint --fix \"**/*.{css,html,scss}\"",
|
|
34
|
-
"test": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --e2e",
|
|
35
|
-
"test.ci": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC
|
|
36
|
-
"test.
|
|
37
|
-
"test.
|
|
38
|
-
"test.
|
|
39
|
-
"test.e2e.update-snapshot": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --e2e --updateSnapshot",
|
|
40
|
-
"test.screenshot": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --e2e --screenshot",
|
|
41
|
-
"test.unit": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil build dev && stencil test --spec",
|
|
42
|
-
"test.unit.update-snapshot": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --updateSnapshot",
|
|
43
|
-
"test.update-snapshot": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --e2e --updateSnapshot",
|
|
34
|
+
"test": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --e2e --maxWorkers=1",
|
|
35
|
+
"test.ci": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --maxWorkers=1",
|
|
36
|
+
"test.e2e": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --e2e --maxWorkers=1",
|
|
37
|
+
"test.spec": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --maxWorkers=1",
|
|
38
|
+
"test.update-snapshot": "npm run test -- -- --updateSnapshot",
|
|
44
39
|
"test.watch": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --e2e --watch",
|
|
45
40
|
"update-en-i18n": "./scripts/update-en-i18n.js",
|
|
46
41
|
"version-sync": "npm version --no-git-tag-version --allow-same-version"
|
|
@@ -58,13 +53,12 @@
|
|
|
58
53
|
"vega-lite": "5.23.0"
|
|
59
54
|
},
|
|
60
55
|
"devDependencies": {
|
|
61
|
-
"@babel/core": "^7.27.
|
|
56
|
+
"@babel/core": "^7.27.7",
|
|
62
57
|
"@babel/preset-env": "^7.27.2",
|
|
63
|
-
"@stencil/core": "4.
|
|
58
|
+
"@stencil/core": "4.35.1",
|
|
64
59
|
"@stencil/react-output-target": "^0.5.3",
|
|
65
60
|
"@stencil/sass": "^3.2.1",
|
|
66
61
|
"@types/jest": "^29.5.14",
|
|
67
|
-
"@types/puppeteer": "^5.4.7",
|
|
68
62
|
"axe-core": "^4.10.3",
|
|
69
63
|
"axe-live": "^1.0.1",
|
|
70
64
|
"eslint": "^9.29.0",
|
|
@@ -87,11 +81,12 @@
|
|
|
87
81
|
"postcss-html": "^1.8.0",
|
|
88
82
|
"postcss-less": "^6.0.0",
|
|
89
83
|
"postcss-scss": "^4.0.9",
|
|
90
|
-
"prettier": "^3.6.
|
|
84
|
+
"prettier": "^3.6.2",
|
|
91
85
|
"prettier-config-genesys-spark-components": "file:../../shared-configs/prettier-config-genesys-spark-components",
|
|
92
86
|
"prettier-package-json": "^2.8.0",
|
|
93
|
-
"puppeteer": "^
|
|
87
|
+
"puppeteer": "^24.11.0",
|
|
94
88
|
"rollup-plugin-copy": "^3.5.0",
|
|
89
|
+
"rollup-plugin-polyfill-node": "^0.13.0",
|
|
95
90
|
"semver-sort": "^1.0.0",
|
|
96
91
|
"smob": "^1.5.0",
|
|
97
92
|
"stylelint": "^16.21.0",
|
|
@@ -1,224 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
const name = "genesys-spark-chart-components";
|
|
4
|
-
const version = "4.155.1";
|
|
5
|
-
const description = "Common chart webcomponents";
|
|
6
|
-
const license = "MIT";
|
|
7
|
-
const main = "dist/stencil-wrapper.js";
|
|
8
|
-
const files = [
|
|
9
|
-
"dist/"
|
|
10
|
-
];
|
|
11
|
-
const scripts = {
|
|
12
|
-
build: "npm run clean && npm run i18n && npm run copy-genesys-spark-utils && npm run stencil && npm run build-wrapper",
|
|
13
|
-
"build-i18n": "./scripts/build-i18n.js",
|
|
14
|
-
"build-wrapper": "./scripts/wrap-stencil.js",
|
|
15
|
-
"check-a11y": "node ./scripts/check-a11y.mjs",
|
|
16
|
-
"check-readmes": "./scripts/check-readmes.sh",
|
|
17
|
-
clean: "rm -r ./dist ./build || true",
|
|
18
|
-
"copy-genesys-spark-utils": "node ./scripts/copy-genesys-spark-utils.mjs",
|
|
19
|
-
predev: "npm run i18n",
|
|
20
|
-
dev: "npm run stencil.dev",
|
|
21
|
-
eslint: "eslint . --fix",
|
|
22
|
-
i18n: "npm run update-en-i18n && npm run build-i18n",
|
|
23
|
-
"lint-all": "npm-run-all \"stylelint\" \"eslint\" \"prettier\" \"prettier-package-json\"",
|
|
24
|
-
"lint-staged": "lint-staged --concurrent false",
|
|
25
|
-
"list-checked-a11y-components": "node scripts/list-checked-a11y-components.js",
|
|
26
|
-
"list-component-tracking": "./scripts/list-component-tracking.js",
|
|
27
|
-
"list-i18n-files": "./scripts/list-i18n-files.js",
|
|
28
|
-
"predev.public": "npm run predev",
|
|
29
|
-
prepare: "npm run i18n",
|
|
30
|
-
prettier: "prettier --log-level silent --ignore-unknown --write .",
|
|
31
|
-
"prettier-package-json": "prettier-package-json --write ./package.json",
|
|
32
|
-
stencil: "stencil build --prod",
|
|
33
|
-
"stencil.dev": "stencil build --dev --watch --serve --no-open",
|
|
34
|
-
stylelint: "stylelint --fix \"**/*.{css,html,scss}\"",
|
|
35
|
-
test: "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --e2e",
|
|
36
|
-
"test.ci": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC npm run test.ci.spec",
|
|
37
|
-
"test.ci.e2e": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --e2e --maxWorkers=1",
|
|
38
|
-
"test.ci.spec": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --maxWorkers=1",
|
|
39
|
-
"test.e2e": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --e2e",
|
|
40
|
-
"test.e2e.update-snapshot": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --e2e --updateSnapshot",
|
|
41
|
-
"test.screenshot": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --e2e --screenshot",
|
|
42
|
-
"test.unit": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil build dev && stencil test --spec",
|
|
43
|
-
"test.unit.update-snapshot": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --updateSnapshot",
|
|
44
|
-
"test.update-snapshot": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --e2e --updateSnapshot",
|
|
45
|
-
"test.watch": "LANG='C.UTF-8' LC_ALL='C.UTF-8' TZ=UTC stencil test --spec --e2e --watch",
|
|
46
|
-
"update-en-i18n": "./scripts/update-en-i18n.js",
|
|
47
|
-
"version-sync": "npm version --no-git-tag-version --allow-same-version"
|
|
48
|
-
};
|
|
49
|
-
const config = {
|
|
50
|
-
commitizen: {
|
|
51
|
-
path: "git-cz"
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
const types = "dist/types/index.d.ts";
|
|
55
|
-
const dependencies = {
|
|
56
|
-
"@redsift/d3-rs-intl": "^0.4.0",
|
|
57
|
-
vega: "5.31.0",
|
|
58
|
-
"vega-embed": "6.29.0",
|
|
59
|
-
"vega-lite": "5.23.0"
|
|
60
|
-
};
|
|
61
|
-
const devDependencies = {
|
|
62
|
-
"@babel/core": "^7.27.4",
|
|
63
|
-
"@babel/preset-env": "^7.27.2",
|
|
64
|
-
"@stencil/core": "4.23.2",
|
|
65
|
-
"@stencil/react-output-target": "^0.5.3",
|
|
66
|
-
"@stencil/sass": "^3.2.1",
|
|
67
|
-
"@types/jest": "^29.5.14",
|
|
68
|
-
"@types/puppeteer": "^5.4.7",
|
|
69
|
-
"axe-core": "^4.10.3",
|
|
70
|
-
"axe-live": "^1.0.1",
|
|
71
|
-
eslint: "^9.29.0",
|
|
72
|
-
"eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
|
|
73
|
-
"file-loader": "^6.2.0",
|
|
74
|
-
"genesys-spark-tokens": "file:../genesys-spark-tokens",
|
|
75
|
-
glob: "^11.0.3",
|
|
76
|
-
globals: "^16.2.0",
|
|
77
|
-
handlebars: "^4.7.8",
|
|
78
|
-
inquirer: "^12.6.3",
|
|
79
|
-
jest: "^29.7.0",
|
|
80
|
-
"jest-cli": "^29.7.0",
|
|
81
|
-
"jest-config": "^29.7.0",
|
|
82
|
-
"jest-environment-node": "^29.7.0",
|
|
83
|
-
"jest-junit": "^16.0.0",
|
|
84
|
-
"jest-silent-reporter": "^0.6.0",
|
|
85
|
-
"lint-staged": "^16.1.2",
|
|
86
|
-
"node-fetch": "^3.3.2",
|
|
87
|
-
"npm-run-all": "^4.1.5",
|
|
88
|
-
"postcss-html": "^1.8.0",
|
|
89
|
-
"postcss-less": "^6.0.0",
|
|
90
|
-
"postcss-scss": "^4.0.9",
|
|
91
|
-
prettier: "^3.6.0",
|
|
92
|
-
"prettier-config-genesys-spark-components": "file:../../shared-configs/prettier-config-genesys-spark-components",
|
|
93
|
-
"prettier-package-json": "^2.8.0",
|
|
94
|
-
puppeteer: "^14.4.1",
|
|
95
|
-
"rollup-plugin-copy": "^3.5.0",
|
|
96
|
-
"semver-sort": "^1.0.0",
|
|
97
|
-
smob: "^1.5.0",
|
|
98
|
-
stylelint: "^16.21.0",
|
|
99
|
-
"stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
|
|
100
|
-
"stylelint-config-html": "^1.1.0",
|
|
101
|
-
"stylelint-config-recess-order": "^7.1.0",
|
|
102
|
-
"stylelint-config-standard": "^38.0.0",
|
|
103
|
-
"stylelint-order": "^7.0.0",
|
|
104
|
-
"stylelint-scss": "^6.12.1",
|
|
105
|
-
"ts-loader": "^9.5.2",
|
|
106
|
-
typescript: "5.5.4",
|
|
107
|
-
xmldom: "^0.6.0"
|
|
108
|
-
};
|
|
109
|
-
const publishConfig = {
|
|
110
|
-
registry: "https://registry.npmjs.org/"
|
|
111
|
-
};
|
|
112
|
-
const collection = "dist/collection/collection-manifest.json";
|
|
113
|
-
const prettier = "prettier-config-genesys-spark-components";
|
|
114
|
-
const volta = {
|
|
115
|
-
node: "22.14.0"
|
|
116
|
-
};
|
|
117
|
-
const packageInfo = {
|
|
118
|
-
name: name,
|
|
119
|
-
version: version,
|
|
120
|
-
description: description,
|
|
121
|
-
license: license,
|
|
122
|
-
main: main,
|
|
123
|
-
files: files,
|
|
124
|
-
scripts: scripts,
|
|
125
|
-
config: config,
|
|
126
|
-
types: types,
|
|
127
|
-
dependencies: dependencies,
|
|
128
|
-
devDependencies: devDependencies,
|
|
129
|
-
publishConfig: publishConfig,
|
|
130
|
-
collection: collection,
|
|
131
|
-
prettier: prettier,
|
|
132
|
-
volta: volta
|
|
133
|
-
};
|
|
134
|
-
|
|
135
|
-
// The number of actions to process every interval
|
|
136
|
-
const ACTION_BATCH_SIZE = 20;
|
|
137
|
-
const NR_LIMIT_INTERVAL = 30000; // 30s
|
|
138
|
-
/**
|
|
139
|
-
* A queue of events that should be tracked by NewRelic.
|
|
140
|
-
* We initialize it with the library version to make sure that's always reported.
|
|
141
|
-
*/
|
|
142
|
-
const actionQueue = [
|
|
143
|
-
getVersionEvent(packageInfo.version)
|
|
144
|
-
];
|
|
145
|
-
/**
|
|
146
|
-
* Process the next batch items in the queue, set a timeout to recur.
|
|
147
|
-
* We use a recurring timeout instead of an interval because it guarantees
|
|
148
|
-
* a minimum of NR_LMIT_INTERVAL between batches, even if the browser is
|
|
149
|
-
* held up by processing elsewhere.
|
|
150
|
-
*/
|
|
151
|
-
function processActionQueue() {
|
|
152
|
-
const newrelic = window.newrelic;
|
|
153
|
-
if (!newrelic) {
|
|
154
|
-
return;
|
|
155
|
-
}
|
|
156
|
-
for (let i = 0; i < ACTION_BATCH_SIZE; i++) {
|
|
157
|
-
if (actionQueue.length == 0) {
|
|
158
|
-
setTimeout(processActionQueue, NR_LIMIT_INTERVAL);
|
|
159
|
-
return;
|
|
160
|
-
}
|
|
161
|
-
const action = actionQueue.shift();
|
|
162
|
-
newrelic.addPageAction(action.name, Object.assign(Object.assign({}, action.metadata), { queueDepth: actionQueue.length }));
|
|
163
|
-
}
|
|
164
|
-
setTimeout(processActionQueue, NR_LIMIT_INTERVAL);
|
|
165
|
-
}
|
|
166
|
-
let trackingStarted = false;
|
|
167
|
-
/**
|
|
168
|
-
* Begin action processing loop if it hasn't started.
|
|
169
|
-
*/
|
|
170
|
-
function ensureTracking() {
|
|
171
|
-
if (!trackingStarted) {
|
|
172
|
-
trackingStarted = true;
|
|
173
|
-
processActionQueue();
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
/**
|
|
177
|
-
* Submits a component for tracking by NewRelic.
|
|
178
|
-
*/
|
|
179
|
-
function trackComponent(element, metadata) {
|
|
180
|
-
if (!window.newrelic) {
|
|
181
|
-
return;
|
|
182
|
-
}
|
|
183
|
-
ensureTracking();
|
|
184
|
-
// Ignore components in the shadow DOM of another component
|
|
185
|
-
// e.g. Only track components used directly by the app
|
|
186
|
-
if (!document.contains(element)) {
|
|
187
|
-
return;
|
|
188
|
-
}
|
|
189
|
-
actionQueue.push({
|
|
190
|
-
name: 'spark-component',
|
|
191
|
-
metadata: Object.assign(Object.assign({}, metadata), { component: element.tagName.toLowerCase(), version: packageInfo.version })
|
|
192
|
-
});
|
|
193
|
-
}
|
|
194
|
-
function getVersionEvent(packageInfoVersion) {
|
|
195
|
-
const [major, minor, ...patch] = packageInfoVersion.split('.');
|
|
196
|
-
return {
|
|
197
|
-
name: 'spark-library',
|
|
198
|
-
metadata: {
|
|
199
|
-
fullVersion: `${major}.${minor}.${patch.join('.')}`,
|
|
200
|
-
majorVersion: major,
|
|
201
|
-
minorVersion: `${major}.${minor}`
|
|
202
|
-
}
|
|
203
|
-
};
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
const VISUALIZATION_COLORS = [
|
|
207
|
-
'#203B73',
|
|
208
|
-
'#1DA8B3',
|
|
209
|
-
'#75A8FF',
|
|
210
|
-
'#8452CF',
|
|
211
|
-
'#B5B5EB',
|
|
212
|
-
'#CC3EBE',
|
|
213
|
-
'#5E5782',
|
|
214
|
-
'#FF8FDD',
|
|
215
|
-
'#868C1E',
|
|
216
|
-
'#DDD933'
|
|
217
|
-
];
|
|
218
|
-
const DEFAULT_LABEL_COLOR = '#596373';
|
|
219
|
-
const DEFAULT_DOMAIN_COLOR = '#596373';
|
|
220
|
-
|
|
221
|
-
exports.DEFAULT_DOMAIN_COLOR = DEFAULT_DOMAIN_COLOR;
|
|
222
|
-
exports.DEFAULT_LABEL_COLOR = DEFAULT_LABEL_COLOR;
|
|
223
|
-
exports.VISUALIZATION_COLORS = VISUALIZATION_COLORS;
|
|
224
|
-
exports.trackComponent = trackComponent;
|