@xplortech/apollo-data 0.0.5 → 0.0.6

package/dist/apollo-data/p-D64asVrg.js

@@ -0,0 +1,2 @@
+function t(t,e,n){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==o;){const o=Object.getOwnPropertyDescriptor(t,e);if(o&&(!n||o.get))return o;t=Object.getPrototypeOf(t)}}var e,n=(e,n)=>{var o;Object.entries(null!=(o=n.o.t)?o:{}).map((([o,[l]])=>{if(31&l||32&l){const l=e[o],i=t(Object.getPrototypeOf(e),o,!0)||Object.getOwnPropertyDescriptor(e,o);i&&Object.defineProperty(e,o,{get(){return i.get.call(this)},set(t){i.set.call(this,t)},configurable:!0,enumerable:!0}),n.l.has(o)?e[o]=n.l.get(o):void 0!==l&&(e[o]=l)}}))},o=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},l=(t,e)=>{e&&(t.__stencil__getHostRef=()=>e,e.i=t,512&e.o.u&&n(t,e))},i=(t,e)=>(0,console.error)(t,e),s=new Map,r="undefined"!=typeof window?window:{},c={u:0,h:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},u=t=>Promise.resolve(t),a=!!(()=>{try{return!!r.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})()&&(()=>!!r.document&&Object.getOwnPropertyDescriptor(r.document.adoptedStyleSheets,"length").writable)(),f=!1,d=[],h=[],p=(t,e)=>n=>{t.push(n),f||(f=!0,e&&4&c.u?$(v):c.raf(v))},m=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){i(t)}t.length=0},v=()=>{m(d),m(h),(f=d.length>0)&&c.raf(v)},$=t=>u().then(t),b=p(h,!0);function y(){const t=this.attachShadow({mode:"open"});void 0===e&&(e=null),e&&(a?t.adoptedStyleSheets.push(e):t.adoptedStyleSheets=[...t.adoptedStyleSheets,e])}var w,j=new WeakMap,g=t=>"object"==(t=typeof t)||"function"===t,O=(t,e,...n)=>{let o=null,l=null,i=!1,s=!1;const r=[],c=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof t&&!g(o))&&(o+=""),i&&s?r[r.length-1].p+=o:r.push(i?S(null,o):o),s=i)};c(n),e&&e.key&&(l=e.key);const u=S(t,null);return u.m=e,r.length>0&&(u.v=r),u.$=l,u},S=(t,e)=>({u:0,j:t,p:null!=e?e:null,O:null,v:null,m:null,$:null}),k={},M=(t,e)=>null==t||g(t)?t:1&e?t+"":t,E=t=>{var e;return null==(e=o(t))?void 0:e.$hostElement$},C=(t,e,n,l,i,s)=>{if(n===l)return;let r=((t,e)=>e in t)(t,e);if(e.toLowerCase(),"style"===e){for(const e in n)l&&null!=l[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in l)n&&l[e]===n[e]||(e.includes("-")?t.style.setProperty(e,l[e]):t.style[e]=l[e])}else if("key"===e);else{if("a"===e[0]&&e.startsWith("attr:")){const n=e.slice(5);let i;{const e=o(t);if(e&&e.o&&e.o.t){const t=e.o.t[n];t&&t[1]&&(i=t[1])}}return i||(i=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==l||!1===l?!1===l&&""!==t.getAttribute(i)||t.removeAttribute(i):t.setAttribute(i,!0===l?"":l))}if("p"===e[0]&&e.startsWith("prop:")){const n=e.slice(5);try{t[n]=l}catch(t){}return}{const o=g(l);if((r||o&&null!==l)&&!i)try{if(t.tagName.includes("-"))t[e]!==l&&(t[e]=l);else{const o=null==l?"":l;"list"===e?r=!1:null!=n&&t[e]===o||("function"==typeof t.__lookupSetter__(e)?t[e]=o:t.setAttribute(e,o))}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&s||i)&&!o&&1===t.nodeType&&t.setAttribute(e,l=!0===l?"":l)}}},L=(t,e,n)=>{const o=11===e.O.nodeType&&e.O.host?e.O.host:e.O,l=t&&t.m||{},i=e.m||{};for(const t of x(Object.keys(l)))t in i||C(o,t,l[t],void 0,n,e.u);for(const t of x(Object.keys(i)))C(o,t,l[t],i[t],n,e.u)};function x(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var P=!1,R=(t,e,n)=>{const o=e.v[n];let l,i,s=0;if(!r.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(l=o.O=r.document.createElement(o.j),L(null,o,P),o.v){const e="template"===o.j?l.content:l;for(s=0;s<o.v.length;++s)i=R(t,o,s),i&&e.appendChild(i)}return l["s-hn"]=w,l},T=(t,e,n,o,l,i)=>{let s,r=t;for(r.shadowRoot&&r.tagName===w&&(r=r.shadowRoot),"template"===n.j&&(r=r.content);l<=i;++l)o[l]&&(s=R(null,n,l),s&&(o[l].O=s,U(r,s,e)))},D=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.O;t&&t.remove()}}},H=(t,e,n=!1)=>t.j===e.j&&(n?(n&&!t.$&&e.$&&(t.$=e.$),!0):t.$===e.$),N=(t,e,n=!1)=>{const o=e.O=t.O,l=t.v,i=e.v;L(t,e,P),null!==l&&null!==i?((t,e,n,o,l=!1)=>{let i,s,r=0,c=0,u=0,a=0,f=e.length-1,d=e[0],h=e[f],p=o.length-1,m=o[0],v=o[p];const $="template"===n.j?t.content:t;for(;r<=f&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--f];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(H(d,m,l))N(d,m,l),d=e[++r],m=o[++c];else if(H(h,v,l))N(h,v,l),h=e[--f],v=o[--p];else if(H(d,v,l))N(d,v,l),U($,d.O,h.O.nextSibling),d=e[++r],v=o[--p];else if(H(h,m,l))N(h,m,l),U($,h.O,d.O),h=e[--f],m=o[++c];else{for(u=-1,a=r;a<=f;++a)if(e[a]&&null!==e[a].$&&e[a].$===m.$){u=a;break}u>=0?(s=e[u],s.j!==m.j?i=R(e&&e[c],n,u):(N(s,m,l),e[u]=void 0,i=s.O),m=o[++c]):(i=R(e&&e[c],n,c),m=o[++c]),i&&U(d.O.parentNode,i,d.O)}r>f?T(t,null==o[p+1]?null:o[p+1].O,n,o,c,p):c>p&&D(e,r,f)})(o,l,e,i,n):null!==i?T(o,null,e,i,0,i.length-1):!n&&null!==l&&D(l,0,l.length-1)},U=(t,e,n)=>t.__insertBefore?t.__insertBefore(e,n):null==t?void 0:t.insertBefore(e,n),A=(t,e)=>{if(e&&!t.S&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.S=()=>{e["s-p"].splice(n-1,1),o()})))}},W=(t,e)=>{if(t.u|=16,4&t.u)return void(t.u|=512);A(t,t.k);const n=()=>z(t,e);if(!e)return b(n);queueMicrotask((()=>{n()}))},z=(t,e)=>{const n=t.$hostElement$,o=t.i;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 e?(t.M.length&&t.M.forEach((t=>t(n))),l=_(o,"componentWillLoad",void 0,n)):l=_(o,"componentWillUpdate",void 0,n),l=q(l,(()=>_(o,"componentWillRender",void 0,n))),q(l,(()=>V(t,o,e)))},q=(t,e)=>F(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),F=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,V=async(t,e,n)=>{var o;const l=t.$hostElement$,i=l["s-rc"];G(t,e,l,n),i&&(i.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>Y(t);0===e.length?n():(Promise.all(e).then(n).catch(n),t.u|=4,e.length=0)}},G=(t,e,n,o)=>{try{e=e.render(),t.u&=-17,t.u|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.C||S(null,null),i=(t=>t&&t.j===k)(e)?e:O(null,null,e);if(w=o.tagName,n&&i.m)for(const t of Object.keys(i.m))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(i.m[t]=o[t]);i.j=null,i.u|=4,t.C=i,i.O=l.O=o.shadowRoot||o,N(l,i,n)})(t,e,o)}catch(e){i(e,t.$hostElement$)}return null},Y=t=>{const e=t.$hostElement$,n=t.i,o=t.k;_(n,"componentDidRender",void 0,e),64&t.u?_(n,"componentDidUpdate",void 0,e):(t.u|=64,B(e),_(n,"componentDidLoad",void 0,e),t.L(e),o||Z()),t.S&&(t.S(),t.S=void 0),512&t.u&&$((()=>W(t,!1))),t.u&=-517},Z=()=>{$((()=>(t=>{const e=c.ce("appload",{detail:{namespace:"apollo-data"}});return t.dispatchEvent(e),e})(r)))},_=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){i(t,o)}},B=t=>t.classList.add("hydrated"),I=(t,e,n,l)=>{const i=o(t);if(!i)return;if(!i)throw Error(`Couldn't find host element for "${l.P}" 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 s=i.l.get(e),r=i.u,c=i.i;if(n=M(n,l.t[e][0]),(!(8&r)||void 0===s)&&n!==s&&(!Number.isNaN(s)||!Number.isNaN(n))&&(i.l.set(e,n),2&r)){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(n,s,e)&&!(16&r))return;16&r||W(i,!1)}},J=(e,n,l)=>{var i,s;const r=e.prototype;if(n.t){const u=Object.entries(null!=(i=n.t)?i:{});if(u.map((([e,[i]])=>{if(31&i||2&l&&32&i){const{get:s,set:c}=t(r,e)||{};s&&(n.t[e][0]|=2048),c&&(n.t[e][0]|=4096),(1&l||!s)&&Object.defineProperty(r,e,{get(){{if(!(2048&n.t[e][0]))return((t,e)=>o(this).l.get(e))(0,e);const t=o(this),l=t?t.i:r;if(!l)return;return l[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(r,e,{set(t){const s=o(this);if(s){if(c)return void 0===(32&i?this[e]:s.$hostElement$[e])&&s.l.get(e)&&(t=s.l.get(e)),c.call(this,M(t,i)),void I(this,e,t=32&i?this[e]:s.$hostElement$[e],n);{if(!(1&l&&4096&n.t[e][0]))return I(this,e,t,n),void(1&l&&!s.i&&s.M.push((()=>{4096&n.t[e][0]&&s.i[e]!==s.l.get(e)&&(s.i[e]=t)})));const o=()=>{const o=s.i[e];!s.l.get(e)&&o&&s.l.set(e,o),s.i[e]=M(t,i),I(this,e,s.i[e],n)};s.i?o():s.M.push((()=>{o()}))}}}})}})),1&l){const t=new Map;r.attributeChangedCallback=function(e,l,i){c.jmp((()=>{var s;const c=t.get(e),a=o(this);if(this.hasOwnProperty(c)&&(i=this[c],delete this[c]),r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==i)return;if(null==c){const t=null==a?void 0:a.u;if(a&&t&&!(8&t)&&i!==l){const o=a.i,r=null==(s=n.R)?void 0:s[e];null==r||r.forEach((n=>{const[[s,r]]=Object.entries(n);null!=o[s]&&(128&t||1&r)&&o[s].call(o,i,l,e)}))}return}const f=u.find((([t])=>t===c));f&&4&f[1][0]&&(i=null!==i&&"false"!==i);const d=Object.getOwnPropertyDescriptor(r,c);i==this[c]||d.get&&!d.set||(this[c]=i)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=n.R)?s:{}),...u.filter((([t,e])=>31&e[0])).map((([e,n])=>{const o=n[1]||e;return t.set(o,e),o}))]))}}return e},K=(t,e)=>{_(t,"connectedCallback",void 0,e)},Q=(t,e)=>{_(t,"disconnectedCallback",void 0,e||t)},X=(t,e={})=>{var n;if(!r.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const l=[],u=e.exclude||[],a=r.customElements,f=r.document.head,d=f.querySelector("meta[charset]"),h=r.document.createElement("style"),p=[];let m,v=!0;if(Object.assign(c,e),c.h=new URL(e.resourcesUrl||"./",r.document.baseURI).href,t.map((t=>{t[1].map((e=>{const n={u:e[0],P:e[1],t:e[2],T:e[3]};n.t=e[2];const r=n.P,f=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(t){if(super(t),((t,e)=>{const n={u:0,$hostElement$:t,o:e,l:new Map,D:new Map};n.H=new Promise((t=>n.L=t)),t["s-p"]=[],t["s-rc"]=[],n.M=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,n),1&n.u)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${n.P}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else y.call(t,n)}connectedCallback(){o(this)&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),m&&(clearTimeout(m),m=null),v?p.push(this):c.jmp((()=>(t=>{if(!(1&c.u)){const e=o(t);if(!e)return;const n=e.o,l=()=>{};if(1&e.u)(null==e?void 0:e.i)?K(e.i,t):(null==e?void 0:e.H)&&e.H.then((()=>K(e.i,t)));else{e.u|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){A(e,e.k=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(t,e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;try{if(!(32&e.u))if(e.u|=32,n.N){const l=((t,e)=>{const n=t.P.replace(/-/g,"_"),o=t.N;if(!o)return;const l=s.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(s.set(o,t),t[n])),(t=>{i(t,e.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${n.P}#${e.U}" was not found`);o.isProxied||(J(o,n,2),o.isProxied=!0);const r=()=>{};e.u|=8;try{new o(e)}catch(e){i(e,t)}e.u&=-9,r(),K(e.i,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.u|=128));const l=e.k,r=()=>W(e,!0);l&&l["s-rc"]?l["s-rc"].push(r):r()}catch(n){i(n,t),e.S&&(e.S(),e.S=void 0),e.L&&e.L(t)}})(t,e,n)}l()}})(this))))}disconnectedCallback(){c.jmp((()=>(async t=>{if(!(1&c.u)){const e=o(t);(null==e?void 0:e.i)?Q(e.i,t):(null==e?void 0:e.H)&&e.H.then((()=>Q(e.i,t)))}j.has(t)&&j.delete(t),t.shadowRoot&&j.has(t.shadowRoot)&&j.delete(t.shadowRoot)})(this))),c.raf((()=>{var t;const e=o(this);if(!e)return;const n=p.findIndex((t=>t===this));n>-1&&p.splice(n,1),(null==(t=null==e?void 0:e.C)?void 0:t.O)instanceof Node&&!e.C.O.isConnected&&delete e.C.O}))}componentOnReady(){var t;return null==(t=o(this))?void 0:t.H}};n.N=t[0],u.includes(r)||a.get(r)||(l.push(r),a.define(r,J(f,n,1)))}))})),l.length>0&&(h.textContent+=l.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",h.innerHTML.length)){h.setAttribute("data-styles","");const t=null!=(n=c.A)?n:function(){var t,e,n;return null!=(n=null==(e=null==(t=r.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?n:void 0}();null!=t&&h.setAttribute("nonce",t),f.insertBefore(h,d?d.nextSibling:f.firstChild)}v=!1,p.length?p.map((t=>t.connectedCallback())):c.jmp((()=>m=setTimeout(Z,30)))},tt=t=>c.A=t;export{k as H,X as b,E as g,O as h,u as p,l as r,tt as s}

package/dist/apollo-data/{p-b7471c12.entry.js → p-e2c3a317.entry.js}

@@ -1 +1 @@
-import{r as e,g as a,h as t,H as n}from"./p-Bb2nY-Tf.js";import{A as l}from"./p-BWkrM8dc.js";const r=class extends l{constructor(a){super(),e(this,a)}get el(){return a(this)}adData=[];adSpec={};categories;dataValues;totalRevenue;chartColors;defaultChartColors=["#4d1ab2","#f99170","#e550c8","#ffd563","#8857fa","#52ebba","#bf1d78","#31cff8"];defaultCenterText="Total Revenue";async componentDidRender(){await this.renderChart()}async getViewData(e,a){const t=e;return this.chartColors=a?.colorSet?a.colorSet:this.defaultChartColors,this.categories=t.map((e=>e.category)),this.dataValues=t.map(((e,a)=>({...e,order:a+1}))),this.totalRevenue=Math.round(100*t.reduce(((e,a)=>e+a.value),0))/100,{$schema:"https://vega.github.io/schema/vega/v5.json",description:"Donut chart with correctly placed percentage labels and exploded 'Other' slices on hover",height:250,signals:[{name:"containerW",update:"min(containerSize()[0], 400)"},{name:"centerX",update:"containerW / 2"},{name:"centerY",update:"250 / 2"},{name:"radius",update:"min(containerW, 250) / 2 - 20"},{name:"categoryDisplay",value:null,on:[{events:{type:"mouseover",markname:"mainArc"},update:"datum.category"},{events:{type:"mouseover",markname:"mainArcLabel"},update:"datum.category"},{events:{type:"mouseout",markname:"mainArc"},update:"null"},{events:{type:"mouseout",markname:"mainArcLabel"},update:"null"},{events:{type:"mouseover",markname:"innerArc"},update:"null"},{events:{type:"mouseover",markname:"outerArc"},update:"null"},{events:{type:"mouseover",markname:"otherArc"},update:"datum.category"},{events:{type:"mouseout",markname:"otherArc"},update:"null"}]},{name:"displayText",update:`categoryDisplay && length(categoryDisplay) > 18 ? (lastindexof(categoryDisplay, ' ') > 0 ? slice(categoryDisplay, 0, lastindexof(categoryDisplay, ' ')) + '\\n' + slice(categoryDisplay, lastindexof(categoryDisplay, ' ') + 1) : categoryDisplay) : categoryDisplay || '${a?.centerText?a.centerText:this.defaultCenterText}'`},{name:"hoveredCategory",value:null,on:[{events:{type:"mouseover",markname:"mainArc"},update:"datum.category"},{events:{type:"mouseover",markname:"mainArcLabel"},update:"datum.category"},{events:{type:"mouseover",markname:"outerArc"},update:"null"},{events:{type:"mouseover",markname:"innerArc"},update:"null"},{events:{type:"mouseout",markname:"innerArc"},update:"null"}]},{name:"hoveredValue",value:null,on:[{events:{type:"mouseover",markname:"mainArc"},update:"datum.value"},{events:{type:"mouseover",markname:"mainArcLabel"},update:"datum.value"},{events:{type:"mouseout",markname:"mainArc"},update:"null"},{events:{type:"mouseover",markname:"otherArc"},update:"datum.value"},{events:{type:"mouseout",markname:"otherArc"},update:"null"}]}],width:{signal:"containerW"},data:[{name:"table",values:this.dataValues,transform:[{type:"joinaggregate",fields:["value"],ops:["sum"],as:["total"]},{type:"formula",as:"percent",expr:"datum.value / datum.total"},{type:"collect",sort:{field:"order",order:"descending"}},{type:"pie",field:"value",as:["startAngle","endAngle"]},{type:"formula",as:"midAngle",expr:"((datum.startAngle + datum.endAngle) + 9.418) / 2"},{type:"formula",as:"labelX",expr:"centerX + (radius * 1.2 * cos(datum.midAngle))"},{type:"formula",as:"labelY",expr:"centerY + (radius * 1.2 * sin(datum.midAngle))"},{type:"formula",as:"percentLabel",expr:`format(datum.value / ${this.totalRevenue} * 100, '.1f') + '%'`}]},{name:"defaultCenterText",values:[{category:a?.centerText?a.centerText:this.defaultCenterText,value:this.totalRevenue,order:4}],transform:[{type:"filter",expr:"hoveredCategory === null"},{type:"formula",as:"textDisplay",expr:`'${a?.prefix??"$"}' + format(floor(datum.value), ',') + '${a?.suffix??""}' `}]}],scales:[{name:"mainColor",type:"ordinal",domain:this.categories,range:this.chartColors}],legends:[{fill:"mainColor",orient:"bottom",direction:"horizontal",columns:2,title:"",padding:10,symbolType:"square",symbolSize:100,labelFontSize:12,labelColor:"#6A6D7D",rowPadding:8}],marks:[{type:"rule",name:"labelLines",from:{data:"table"},encode:{enter:{stroke:{value:"black"},strokeWidth:{value:1},x:{signal:"centerX + (radius * 0.9) * cos(datum.midAngle)"},y:{signal:"centerY + (radius * 0.9) * sin(datum.midAngle)"},x2:{signal:"datum.labelX - 12 * cos(datum.midAngle)"},y2:{signal:"datum.labelY - 12 * sin(datum.midAngle)"}},update:{opacity:{value:1}}},zindex:5},{type:"arc",name:"mainArc",from:{data:"table"},encode:{enter:{fill:{scale:"mainColor",field:"category"},x:{signal:"centerX"},y:{signal:"centerY"},startAngle:{field:"startAngle"},endAngle:{field:"endAngle"},innerRadius:{signal:"radius * 0.5"},outerRadius:{signal:"radius * 0.9"},padAngle:{value:.03},cornerRadius:{value:1}}},interactive:!0},{type:"arc",name:"innerArc",from:{data:"table"},encode:{enter:{fill:{value:"transparent"},x:{signal:"centerX"},y:{signal:"centerY"},startAngle:{field:"startAngle"},endAngle:{field:"endAngle"},innerRadius:{signal:"radius * 0.4"},outerRadius:{signal:"radius * 0.5"},padAngle:{value:.03},cornerRadius:{value:1}}},zindex:1},{type:"arc",name:"outerArc",from:{data:"table"},encode:{enter:{fill:{value:"transparent"},x:{signal:"centerX"},y:{signal:"centerY"},startAngle:{field:"startAngle"},endAngle:{field:"endAngle"},innerRadius:{signal:"radius * 0.91"},outerRadius:{signal:"radius * 1.30"}}},zindex:1},{type:"text",name:"mainArcLabel",from:{data:"table"},encode:{enter:{text:{field:"percentLabel"},align:{value:"center"},baseline:{value:"middle"},fill:{value:"#302D3B"},fontSize:{value:10},x:{field:"labelX"},y:{field:"labelY"},font:{value:"apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif"},fontWeight:600}}},{type:"text",encode:{enter:{text:{value:"$850,000"},x:{signal:"centerX"},y:{signal:"centerY"},align:{value:"center"},baseline:{value:"middle"},fontSize:{value:16},fontWeight:{value:"bold"},fill:{value:"#302D3B"},font:{value:"apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif"}},update:{text:{signal:`hoveredValue ? '${a?.prefix??"$"}' + format(floor(hoveredValue), ',') + '${a?.suffix??""}' : '${a?.prefix??"$"}' + format(floor(${this.totalRevenue??1}), ',') + '${a?.suffix??""}'`}}}},{type:"text",encode:{enter:{x:{signal:"centerX"},y:{signal:"centerY + 15"},align:{value:"center"},baseline:{value:"middle"},fontSize:{value:10},fill:{value:"#6A6D7D"},font:{value:"apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif"},fontWeight:400,limit:{value:100},lineBreak:{value:"\\n"}},update:{text:{signal:"displayText"}}}}]}}render(){return t(n,{key:"fb26a6b02b83b0ce64a8301149b66f5d09a4a7b4"},t("div",{key:"fc08cdc3c0c0fda7f7c13149532eb61f511aa035",id:"container",style:{width:"100%",height:"100%"}}))}};export{r as apollo_data_donut_chart}
+import{r as e,g as a,h as t,H as n}from"./p-D64asVrg.js";import{A as l}from"./p-C2k3WBpi.js";const r=class extends l{constructor(a){super(),e(this,a)}get el(){return a(this)}adData=[];adSpec={};categories;dataValues;totalRevenue;chartColors;defaultChartColors=["#4d1ab2","#f99170","#e550c8","#ffd563","#8857fa","#52ebba","#bf1d78","#31cff8"];defaultCenterText="Total Revenue";async componentDidRender(){await this.renderChart()}async getViewData(e,a){const t=e;return this.chartColors=a?.colorSet?a.colorSet:this.defaultChartColors,this.categories=t.map((e=>e.category)),this.dataValues=t.map(((e,a)=>({...e,order:a+1}))),this.totalRevenue=Math.round(100*t.reduce(((e,a)=>e+a.value),0))/100,{$schema:"https://vega.github.io/schema/vega/v5.json",description:"Donut chart with correctly placed percentage labels and exploded 'Other' slices on hover",height:250,signals:[{name:"containerW",update:"min(containerSize()[0], 400)"},{name:"centerX",update:"containerW / 2"},{name:"centerY",update:"250 / 2"},{name:"radius",update:"min(containerW, 250) / 2 - 20"},{name:"categoryDisplay",value:null,on:[{events:{type:"mouseover",markname:"mainArc"},update:"datum.category"},{events:{type:"mouseover",markname:"mainArcLabel"},update:"datum.category"},{events:{type:"mouseout",markname:"mainArc"},update:"null"},{events:{type:"mouseout",markname:"mainArcLabel"},update:"null"},{events:{type:"mouseover",markname:"innerArc"},update:"null"},{events:{type:"mouseover",markname:"outerArc"},update:"null"},{events:{type:"mouseover",markname:"otherArc"},update:"datum.category"},{events:{type:"mouseout",markname:"otherArc"},update:"null"}]},{name:"displayText",update:`categoryDisplay && length(categoryDisplay) > 18 ? (lastindexof(categoryDisplay, ' ') > 0 ? slice(categoryDisplay, 0, lastindexof(categoryDisplay, ' ')) + '\\n' + slice(categoryDisplay, lastindexof(categoryDisplay, ' ') + 1) : categoryDisplay) : categoryDisplay || '${a?.centerText?a.centerText:this.defaultCenterText}'`},{name:"hoveredCategory",value:null,on:[{events:{type:"mouseover",markname:"mainArc"},update:"datum.category"},{events:{type:"mouseover",markname:"mainArcLabel"},update:"datum.category"},{events:{type:"mouseover",markname:"outerArc"},update:"null"},{events:{type:"mouseover",markname:"innerArc"},update:"null"},{events:{type:"mouseout",markname:"innerArc"},update:"null"}]},{name:"hoveredValue",value:null,on:[{events:{type:"mouseover",markname:"mainArc"},update:"datum.value"},{events:{type:"mouseover",markname:"mainArcLabel"},update:"datum.value"},{events:{type:"mouseout",markname:"mainArc"},update:"null"},{events:{type:"mouseover",markname:"otherArc"},update:"datum.value"},{events:{type:"mouseout",markname:"otherArc"},update:"null"}]}],width:{signal:"containerW"},data:[{name:"table",values:this.dataValues,transform:[{type:"joinaggregate",fields:["value"],ops:["sum"],as:["total"]},{type:"formula",as:"percent",expr:"datum.value / datum.total"},{type:"collect",sort:{field:"order",order:"descending"}},{type:"pie",field:"value",as:["startAngle","endAngle"]},{type:"formula",as:"midAngle",expr:"((datum.startAngle + datum.endAngle) + 9.418) / 2"},{type:"formula",as:"labelX",expr:"centerX + (radius * 1.2 * cos(datum.midAngle))"},{type:"formula",as:"labelY",expr:"centerY + (radius * 1.2 * sin(datum.midAngle))"},{type:"formula",as:"percentLabel",expr:`format(datum.value / ${this.totalRevenue} * 100, '.1f') + '%'`}]},{name:"defaultCenterText",values:[{category:a?.centerText?a.centerText:this.defaultCenterText,value:this.totalRevenue,order:4}],transform:[{type:"filter",expr:"hoveredCategory === null"},{type:"formula",as:"textDisplay",expr:`'${a?.prefix??"$"}' + format(floor(datum.value), ',') + '${a?.suffix??""}' `}]}],scales:[{name:"mainColor",type:"ordinal",domain:this.categories,range:this.chartColors}],legends:[{fill:"mainColor",orient:"bottom",direction:"horizontal",columns:2,title:"",padding:10,symbolType:"square",symbolSize:100,labelFontSize:12,labelColor:"#6A6D7D",rowPadding:8}],marks:[{type:"rule",name:"labelLines",from:{data:"table"},encode:{enter:{stroke:{value:"black"},strokeWidth:{value:1},x:{signal:"centerX + (radius * 0.9) * cos(datum.midAngle)"},y:{signal:"centerY + (radius * 0.9) * sin(datum.midAngle)"},x2:{signal:"datum.labelX - 12 * cos(datum.midAngle)"},y2:{signal:"datum.labelY - 12 * sin(datum.midAngle)"}},update:{opacity:{value:1}}},zindex:5},{type:"arc",name:"mainArc",from:{data:"table"},encode:{enter:{fill:{scale:"mainColor",field:"category"},x:{signal:"centerX"},y:{signal:"centerY"},startAngle:{field:"startAngle"},endAngle:{field:"endAngle"},innerRadius:{signal:"radius * 0.5"},outerRadius:{signal:"radius * 0.9"},padAngle:{value:.03},cornerRadius:{value:1}}},interactive:!0},{type:"arc",name:"innerArc",from:{data:"table"},encode:{enter:{fill:{value:"transparent"},x:{signal:"centerX"},y:{signal:"centerY"},startAngle:{field:"startAngle"},endAngle:{field:"endAngle"},innerRadius:{signal:"radius * 0.4"},outerRadius:{signal:"radius * 0.5"},padAngle:{value:.03},cornerRadius:{value:1}}},zindex:1},{type:"arc",name:"outerArc",from:{data:"table"},encode:{enter:{fill:{value:"transparent"},x:{signal:"centerX"},y:{signal:"centerY"},startAngle:{field:"startAngle"},endAngle:{field:"endAngle"},innerRadius:{signal:"radius * 0.91"},outerRadius:{signal:"radius * 1.30"}}},zindex:1},{type:"text",name:"mainArcLabel",from:{data:"table"},encode:{enter:{text:{field:"percentLabel"},align:{value:"center"},baseline:{value:"middle"},fill:{value:"#302D3B"},fontSize:{value:10},x:{field:"labelX"},y:{field:"labelY"},font:{value:"apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif"},fontWeight:600}}},{type:"text",encode:{enter:{text:{value:"$850,000"},x:{signal:"centerX"},y:{signal:"centerY"},align:{value:"center"},baseline:{value:"middle"},fontSize:{value:16},fontWeight:{value:"bold"},fill:{value:"#302D3B"},font:{value:"apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif"}},update:{text:{signal:`hoveredValue ? '${a?.prefix??"$"}' + format(floor(hoveredValue), ',') + '${a?.suffix??""}' : '${a?.prefix??"$"}' + format(floor(${this.totalRevenue??1}), ',') + '${a?.suffix??""}'`}}}},{type:"text",encode:{enter:{x:{signal:"centerX"},y:{signal:"centerY + 15"},align:{value:"center"},baseline:{value:"middle"},fontSize:{value:10},fill:{value:"#6A6D7D"},font:{value:"apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif"},fontWeight:400,limit:{value:100},lineBreak:{value:"\\n"}},update:{text:{signal:"displayText"}}}}]}}render(){return t(n,{key:"5d9ba4976956c4f0d29b9aa8638373895c0c3f7f"},t("div",{key:"2db6d1418492898de84a167e35ecc8b16d695942",id:"container",style:{width:"100%",height:"100%"}}))}};export{r as apollo_data_donut_chart}

package/dist/cjs/apollo-data-bar-chart.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Cl7HgRm0.js');
-var apolloDataBase = require('./apollo-data-base-CxVQ-WVP.js');
+var index = require('./index-Bd5risOy.js');
+var apolloDataBase = require('./apollo-data-base-COGMOEqL.js');
 var constants = require('./constants-B3weDEpc.js');
 
 const FONT_FAMILY = "apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif";
@@ -21,12 +21,13 @@ const ApolloDataBarChart = class extends apolloDataBase.ApolloBase {
         await this.renderChart();
     }
     injectTooltipStyles() {
-        if (ApolloDataBarChart.tooltipStylesInjected) {
+        const chartClass = this.constructor;
+        if (chartClass.tooltipStylesInjected) {
             return;
         }
         const styleId = 'apollo-data-bar-tooltip-styles';
         if (document.getElementById(styleId)) {
-            ApolloDataBarChart.tooltipStylesInjected = true;
+            chartClass.tooltipStylesInjected = true;
             return;
         }
         const style = document.createElement('style');
@@ -75,16 +76,16 @@ const ApolloDataBarChart = class extends apolloDataBase.ApolloBase {
       }
     `;
         document.head.appendChild(style);
-        ApolloDataBarChart.tooltipStylesInjected = true;
+        chartClass.tooltipStylesInjected = true;
     }
-    // @ts-ignore
     async getViewData(data, spec) {
+        const componentTag = this.el?.tagName?.toLowerCase() ?? 'apollo-data-bar-chart';
         if (!spec) {
-            throw new Error('adSpec is required for apollo-data-bar-chart');
+            throw new Error(`adSpec is required for ${componentTag}`);
         }
         const { tooltipPrefix = '', currencySymbol = '' } = spec;
         if (!data || data.length === 0) {
-            throw new Error('Data is required for apollo-data-bar-chart');
+            throw new Error(`Data is required for ${componentTag}`);
         }
         const uniqueCategories = Array.from(new Set(data.map(item => item.category)));
         const formatNumber = tooltipPrefix ? '.2f' : '.0f';
@@ -307,7 +308,7 @@ const ApolloDataBarChart = class extends apolloDataBase.ApolloBase {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '86ed2e74e5abd57e684a93bc9cf6a014b3ed081c' }, index.h("div", { key: '96e5f7dd2dfa6a104ca709d1399308a86041c2f3', id: "container", style: { width: '100%', height: '100%' } })));
+        return (index.h(index.Host, { key: 'a0aebbff4fb177de35eb90329de81a1098663620' }, index.h("div", { key: '9e753e876df877d46254a02349850414914d9231', id: "container", style: { width: '100%', height: '100%' } })));
     }
 };
 

package/dist/cjs/{apollo-data-base-CxVQ-WVP.js → apollo-data-base-COGMOEqL.js}

@@ -22831,7 +22831,7 @@ var boundsStream$1 = {
     boundsStream$1.lineEnd = boundsLineEnd;
     if (areaRingSum$1 < 0) lambda0 = -(lambda1 = 180), phi0 = -(phi1 = 90);
     else if (deltaSum > epsilon$3) phi1 = 90;
-    else if (deltaSum < -1e-6) phi0 = -90;
+    else if (deltaSum < -epsilon$3) phi0 = -90;
     range$4[0] = lambda0, range$4[1] = lambda1;
   },
   sphere: function() {
@@ -23432,7 +23432,7 @@ function polygonContains(polygon, point) {
   // from the point to the South pole.  If it is zero, then the point is the
   // same side as the South pole.
 
-  return (angle < -1e-6 || angle < epsilon$3 && sum < -1e-12) ^ (winding & 1);
+  return (angle < -epsilon$3 || angle < epsilon$3 && sum < -epsilon2) ^ (winding & 1);
 }
 
 function clip$1(pointVisible, clipLine, interpolate, start) {
@@ -23883,7 +23883,7 @@ function clipLine(a, b, x0, y0, x1, y1) {
   return true;
 }
 
-var clipMax = 1e9, clipMin = -1e9;
+var clipMax = 1e9, clipMin = -clipMax;
 
 // TODO Use d3-polygon’s polygonContains here for the ring check?
 // TODO Eliminate duplicate buffering in clipBuffer and polygon.push?
@@ -67613,17 +67613,12 @@ async function _embed(el, spec, opts = {}, loader) {
     return { view, spec, vgSpec, finalize, embedOptions: opts };
 }
 
-// @ts-ignore
-// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
 class ApolloBase {
-    // @ts-ignore
-    getViewData(data, spec) {
-        throw new Error('getViewData is not implemented');
-    }
     async renderChart() {
         // Wait for shadow DOM to be ready
-        await new Promise(resolve => setTimeout(resolve, 0));
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+        await new Promise(resolve => {
+            setTimeout(resolve, 0);
+        });
         const container = this.el?.shadowRoot?.querySelector('#container');
         if (!container) {
             return;
@@ -67635,6 +67630,7 @@ class ApolloBase {
             spec = typeof this.adSpec === 'string' ? JSON.parse(this.adSpec) : this.adSpec;
         }
         catch (err) {
+            // eslint-disable-next-line no-console
             console.error('Error parsing data/spec', err);
             return;
         }

package/dist/cjs/apollo-data-donut-chart.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Cl7HgRm0.js');
-var apolloDataBase = require('./apollo-data-base-CxVQ-WVP.js');
+var index = require('./index-Bd5risOy.js');
+var apolloDataBase = require('./apollo-data-base-COGMOEqL.js');
 
 const ApolloDataDonutChart = class extends apolloDataBase.ApolloBase {
     constructor(hostRef) {
@@ -401,7 +401,7 @@ const ApolloDataDonutChart = class extends apolloDataBase.ApolloBase {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'fb26a6b02b83b0ce64a8301149b66f5d09a4a7b4' }, index.h("div", { key: 'fc08cdc3c0c0fda7f7c13149532eb61f511aa035', id: "container", style: { width: '100%', height: '100%' } })));
+        return (index.h(index.Host, { key: '5d9ba4976956c4f0d29b9aa8638373895c0c3f7f' }, index.h("div", { key: '2db6d1418492898de84a167e35ecc8b16d695942', id: "container", style: { width: '100%', height: '100%' } })));
     }
 };
 

package/dist/cjs/{apollo-data-line-chart_2.cjs.entry.js → apollo-data-heat-map_4.cjs.entry.js}

@@ -1,9 +1,137 @@
 'use strict';
 
-var index = require('./index-Cl7HgRm0.js');
-var apolloDataBase = require('./apollo-data-base-CxVQ-WVP.js');
+var index = require('./index-Bd5risOy.js');
+var apolloDataBase = require('./apollo-data-base-COGMOEqL.js');
 var constants = require('./constants-B3weDEpc.js');
 
+const ApolloDataHeatMap = class extends apolloDataBase.ApolloBase {
+    constructor(hostRef) {
+        super();
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    /**
+     * Data for the heat map. Each item defines a cell by xLabel, yLabel, and value.
+     * @property {string} xLabel - Label for the X-axis (horizontal).
+     * @property {string} yLabel - Label for the Y-axis (vertical).
+     * @property {number} value - Numeric value encoded as color.
+     */
+    adData = [];
+    /**
+     * Optional specification for axis titles, color range, and tooltip behavior.
+     * @property {string} [xAxisTitle] - Label for the X-axis.
+     * @property {string} [yAxisTitle] - Label for the Y-axis.
+     * @property {string[]} [colorRange] - Two or more colors for the value scale (Vega interpolates between them).
+     * @property {'auto' | 'none'} [tooltip] - Tooltip behavior.
+     */
+    adSpec = {};
+    async componentDidRender() {
+        await this.renderChart();
+    }
+    DEFAULT_COLOR_RANGE = ['#e8f4f8', '#0066a1'];
+    // @ts-ignore
+    async getViewData(data, spec) {
+        const rawRange = spec?.colorRange;
+        const colorRange = Array.isArray(rawRange) && rawRange.length >= 2 ? rawRange : this.DEFAULT_COLOR_RANGE;
+        const tooltip = spec?.tooltip !== 'none';
+        const valid = data.filter(d => d != null && typeof d.xLabel === 'string' && typeof d.yLabel === 'string' && d.xLabel !== '' && d.yLabel !== '' && typeof d.value === 'number');
+        const xLabels = [...new Set(valid.map(d => d.xLabel))];
+        const yLabels = [...new Set(valid.map(d => d.yLabel))];
+        return {
+            $schema: 'https://vega.github.io/schema/vega/v6.json',
+            description: 'A heat map with xLabel and yLabel categories and value encoded as color.',
+            width: 450,
+            height: 350,
+            padding: { left: 5, top: 5, bottom: 5, right: 70 },
+            autosize: { type: 'fit', resize: true },
+            data: [
+                {
+                    name: 'source',
+                    values: valid,
+                },
+            ],
+            scales: [
+                {
+                    name: 'xscale',
+                    type: 'band',
+                    range: [0, { signal: 'width' }],
+                    domain: xLabels,
+                    padding: 0.05,
+                },
+                {
+                    name: 'yscale',
+                    type: 'band',
+                    range: [{ signal: 'height' }, 0],
+                    domain: yLabels,
+                    padding: 0.05,
+                },
+                {
+                    name: 'color',
+                    type: 'sequential',
+                    range: colorRange,
+                    domain: { data: 'source', field: 'value' },
+                    zero: true,
+                },
+            ],
+            axes: [
+                {
+                    orient: 'bottom',
+                    scale: 'xscale',
+                    title: spec?.xAxisTitle ?? 'X',
+                    labelAngle: -90,
+                    labelAlign: 'right',
+                },
+                {
+                    orient: 'left',
+                    scale: 'yscale',
+                    title: spec?.yAxisTitle ?? 'Y',
+                },
+            ],
+            legends: [
+                {
+                    type: 'gradient',
+                    fill: 'color',
+                    orient: 'right',
+                    direction: 'vertical',
+                    title: 'Value',
+                    titleLimit: 120,
+                    tickCount: 5,
+                    format: 's',
+                },
+            ],
+            marks: [
+                {
+                    type: 'rect',
+                    from: { data: 'source' },
+                    encode: {
+                        ...(tooltip && {
+                            enter: {
+                                tooltip: {
+                                    signal: "datum.xLabel + ' | ' + datum.yLabel + ' | ' + format(datum.value, ',.2f')",
+                                },
+                            },
+                        }),
+                        update: {
+                            x: { scale: 'xscale', field: 'xLabel' },
+                            y: { scale: 'yscale', field: 'yLabel' },
+                            width: { scale: 'xscale', band: 1 },
+                            height: { scale: 'yscale', band: 1 },
+                            fill: { scale: 'color', field: 'value' },
+                        },
+                        hover: {
+                            fill: { value: 'firebrick' },
+                            opacity: { value: 0.8 },
+                        },
+                    },
+                },
+            ],
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: 'd15b44f268f153498e61dc7829fe0d45f315a992' }, index.h("div", { key: '7783444f4675c885980f1cd571737d506e00fdbc', id: "container", style: { width: '100%', height: '100%' } })));
+    }
+};
+
 const FONT_FAMILY = "apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif";
 function lineStyleToStrokeDash(lineStyle) {
     switch (lineStyle) {
@@ -32,12 +160,13 @@ const ApolloDataLineChart = class extends apolloDataBase.ApolloBase {
         await this.renderChart();
     }
     injectTooltipStyles() {
-        if (ApolloDataLineChart.tooltipStylesInjected) {
+        const chartClass = this.constructor;
+        if (chartClass.tooltipStylesInjected) {
             return;
         }
         const styleId = 'apollo-data-line-tooltip-styles';
         if (document.getElementById(styleId)) {
-            ApolloDataLineChart.tooltipStylesInjected = true;
+            chartClass.tooltipStylesInjected = true;
             return;
         }
         const style = document.createElement('style');
@@ -86,16 +215,17 @@ const ApolloDataLineChart = class extends apolloDataBase.ApolloBase {
       }
     `;
         document.head.appendChild(style);
-        ApolloDataLineChart.tooltipStylesInjected = true;
+        chartClass.tooltipStylesInjected = true;
     }
     // @ts-ignore
     async getViewData(data, spec) {
+        const componentTag = this.el?.tagName?.toLowerCase() ?? 'apollo-data-line-chart';
         if (!spec) {
-            throw new Error('adSpec is required for apollo-data-line-chart');
+            throw new Error(`adSpec is required for ${componentTag}`);
         }
         const { tooltipPrefix = '', currencySymbol = '' } = spec;
         if (!data || data.length === 0) {
-            throw new Error('Data is required for apollo-data-line-chart');
+            throw new Error(`Data is required for ${componentTag}`);
         }
         const uniqueCategories = Array.from(new Set(data.map(item => item.category)));
         const uniqueXValues = [...new Set(data.map(item => item.xValue))].sort((a, b) => a - b);
@@ -286,7 +416,7 @@ const ApolloDataLineChart = class extends apolloDataBase.ApolloBase {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '7799f01536f212d7a06da08c1e463d8529c5bf21' }, index.h("div", { key: '25463f10bbc0f5443c35ab03b5b53164d9ad1efd', id: "container", style: { width: '100%', height: '100%' } })));
+        return (index.h(index.Host, { key: 'fd64f4abb624b14a878808b23345910c9b23a72c' }, index.h("div", { key: 'aeda5086730862ca1368a0374caf2d918969839d', id: "container", style: { width: '100%', height: '100%' } })));
     }
 };
 
@@ -526,9 +656,228 @@ const ApolloDataScatterChart = class extends apolloDataBase.ApolloBase {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '60005ab926b0153b3e31729a69f5a64cf6558085' }, index.h("div", { key: '820de3e0ddbbc2650b9764e279d87531338e72e3', id: "container", style: { width: '100%', height: '100%' } })));
+        return (index.h(index.Host, { key: 'f6c1e8d9e9a6ba41dbbf8c2c5737895b96b0915d' }, index.h("div", { key: '2aeba82bc31c5995a3d5b532c339f5b45ae850f7', id: "container", style: { width: '100%', height: '100%' } })));
+    }
+};
+
+const ApolloDataWorldMapChart = class extends apolloDataBase.ApolloBase {
+    constructor(hostRef) {
+        super();
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    /**
+     * Represents a single data point in the world map chart.
+     * @property {number} lon - Longitude coordinate used to position the point on the map.
+     * @property {number} lat - Latitude coordinate used to position the point on the map.
+     * @property {number} value - A numeric metric tied to the point.
+     * @property {string} label - Label displayed for the place or location represented by the point.
+     */
+    adData = [];
+    /**
+     * @property {string} pinColor - Color of the pin representing the point.
+     * @property {'circle' | 'square' | 'triangle'} pinShape - Shape of the pin representing the point.
+     */
+    adSpec = {};
+    async componentDidRender() {
+        await this.renderChart();
+    }
+    // @ts-ignore
+    // eslint-disable-next-line class-methods-use-this
+    async getViewData(data, spec) {
+        const pinColor = spec?.pinColor || '#d3544b';
+        const pinShape = spec?.pinShape || 'circle';
+        return {
+            $schema: 'https://vega.github.io/schema/vega/v6.json',
+            description: 'World map + tooltip + points.',
+            width: 600,
+            height: 400,
+            autosize: 'none',
+            background: '#cfe3f1',
+            signals: [
+                {
+                    name: 'scale',
+                    value: 85,
+                    on: [
+                        {
+                            events: { type: 'wheel', consume: true },
+                            update: 'clamp(scale * pow(1.002, -event.deltaY), 85, 2000)',
+                        },
+                    ],
+                },
+                {
+                    name: 'xc',
+                    value: 0,
+                    on: [{ events: 'mousedown', update: 'x()' }],
+                },
+                {
+                    name: 'yc',
+                    value: 0,
+                    on: [{ events: 'mousedown', update: 'y()' }],
+                },
+                {
+                    name: 'xo',
+                    value: 300,
+                    on: [{ events: 'mousedown', update: 'tx' }],
+                },
+                {
+                    name: 'yo',
+                    value: 175,
+                    on: [{ events: 'mousedown', update: 'ty' }],
+                },
+                {
+                    name: 'tx',
+                    value: 300,
+                    on: [
+                        {
+                            events: '[mousedown, window:mouseup] > window:mousemove',
+                            update: 'xo - (x() - xc)',
+                        },
+                    ],
+                },
+                {
+                    name: 'ty',
+                    value: 270,
+                    on: [
+                        {
+                            events: '[mousedown, window:mouseup] > window:mousemove',
+                            update: 'clamp(yo + y() - yc, -scale * 0.5, scale * 2.5 + height)',
+                        },
+                    ],
+                },
+            ],
+            projections: [
+                {
+                    name: 'projection',
+                    type: 'mercator',
+                    scale: { signal: 'scale' },
+                    rotate: [{ signal: '-(tx - width / 2) * 180 / (scale * PI)' }, 0, 0],
+                    center: [0, 0],
+                    translate: [{ signal: 'width / 2' }, { signal: 'ty' }],
+                },
+            ],
+            data: [
+                {
+                    name: 'names',
+                    url: 'https://raw.githubusercontent.com/KoGor/Map-Icons-Generator/master/data/world-110m-country-names.tsv',
+                    format: { type: 'tsv' },
+                    transform: [{ type: 'formula', as: 'id', expr: 'toNumber(datum.id)' }],
+                },
+                {
+                    name: 'metrics',
+                    values: data,
+                },
+                {
+                    name: 'world',
+                    url: 'https://vega.github.io/editor/data/world-110m.json',
+                    format: { type: 'topojson', feature: 'countries' },
+                    transform: [
+                        {
+                            type: 'lookup',
+                            from: 'names',
+                            key: 'id',
+                            fields: ['id'],
+                            values: ['name'],
+                            as: ['name'],
+                        },
+                        { type: 'filter', expr: "datum.name != 'Antarctica'" },
+                    ],
+                },
+                {
+                    name: 'points',
+                    source: 'metrics',
+                    transform: [
+                        { type: 'filter', expr: 'isValid(datum.lon) && isValid(datum.lat)' },
+                        {
+                            type: 'geopoint',
+                            projection: 'projection',
+                            fields: ['lon', 'lat'],
+                            as: ['x', 'y'],
+                        },
+                    ],
+                },
+                {
+                    name: 'continentLabels',
+                    values: [
+                        { name: 'North America', lon: -105, lat: 45 },
+                        { name: 'South America', lon: -60, lat: -15 },
+                        { name: 'Europe', lon: 15, lat: 52 },
+                        { name: 'Africa', lon: 20, lat: 5 },
+                        { name: 'Asia', lon: 90, lat: 35 },
+                        { name: 'Oceania', lon: 135, lat: -25 },
+                    ],
+                    transform: [
+                        {
+                            type: 'geopoint',
+                            projection: 'projection',
+                            fields: ['lon', 'lat'],
+                            as: ['x', 'y'],
+                        },
+                    ],
+                },
+            ],
+            marks: [
+                {
+                    type: 'shape',
+                    from: { data: 'world' },
+                    transform: [{ type: 'geoshape', projection: 'projection' }],
+                    encode: {
+                        update: {
+                            fill: { value: '#8fbf8f' },
+                            stroke: { value: '#6c8c8c' },
+                            strokeWidth: { value: 0.7 },
+                            tooltip: { signal: "{Country: datum.name ? datum.name : 'Unknown'}" },
+                        },
+                        hover: {
+                            stroke: { value: '#2b3a42' },
+                            strokeWidth: { value: 1.3 },
+                        },
+                    },
+                },
+                {
+                    type: 'symbol',
+                    from: { data: 'points' },
+                    encode: {
+                        update: {
+                            x: { field: 'x' },
+                            y: { field: 'y' },
+                            size: { value: 80 },
+                            fill: { value: pinColor },
+                            stroke: { value: 'white' },
+                            shape: { value: pinShape },
+                            strokeWidth: { value: 1 },
+                            tooltip: {
+                                signal: '{Label: datum.label, Value: datum.value, Latitude: datum.lat, Longitude: datum.lon}',
+                            },
+                        },
+                    },
+                },
+                {
+                    type: 'text',
+                    from: { data: 'continentLabels' },
+                    encode: {
+                        update: {
+                            x: { field: 'x' },
+                            y: { field: 'y' },
+                            text: { field: 'name' },
+                            align: { value: 'center' },
+                            baseline: { value: 'middle' },
+                            fontSize: { value: 12 },
+                            fontWeight: { value: '600' },
+                            fill: { value: '#2b3a42' },
+                            fillOpacity: { value: 0.5 },
+                        },
+                    },
+                },
+            ],
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: '8053ea3b9706cdd03a430157b3f63e93c1201d1f' }, index.h("div", { key: '514807ae8dd4868d3d74e86c4260b7b9967c0ac2', id: "container", style: { width: '100%', height: '100%' } })));
     }
 };
 
+exports.apollo_data_heat_map = ApolloDataHeatMap;
 exports.apollo_data_line_chart = ApolloDataLineChart;
 exports.apollo_data_scatter_chart = ApolloDataScatterChart;
+exports.apollo_data_world_map_chart = ApolloDataWorldMapChart;

package/dist/cjs/apollo-data.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-Cl7HgRm0.js');
+var index = require('./index-Bd5risOy.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.41.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.43.2 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["apollo-data-line-chart_2.cjs",[[513,"apollo-data-line-chart",{"adData":[1,"ad-data"],"adSpec":[1,"ad-spec"]}],[513,"apollo-data-scatter-chart",{"adData":[1,"ad-data"],"adSpec":[1,"ad-spec"]}]]],["apollo-data-bar-chart.cjs",[[513,"apollo-data-bar-chart",{"adData":[1,"ad-data"],"adSpec":[1,"ad-spec"]}]]],["apollo-data-donut-chart.cjs",[[513,"apollo-data-donut-chart",{"adData":[1,"ad-data"],"adSpec":[1,"ad-spec"]}]]]], options);
+  return index.bootstrapLazy([["apollo-data-heat-map_4.cjs",[[513,"apollo-data-heat-map",{"adData":[1,"ad-data"],"adSpec":[1,"ad-spec"]}],[513,"apollo-data-line-chart",{"adData":[1,"ad-data"],"adSpec":[1,"ad-spec"]}],[513,"apollo-data-scatter-chart",{"adData":[1,"ad-data"],"adSpec":[1,"ad-spec"]}],[513,"apollo-data-world-map-chart",{"adData":[1,"ad-data"],"adSpec":[1,"ad-spec"]}]]],["apollo-data-bar-chart.cjs",[[513,"apollo-data-bar-chart",{"adData":[1,"ad-data"],"adSpec":[1,"ad-spec"]}]]],["apollo-data-donut-chart.cjs",[[513,"apollo-data-donut-chart",{"adData":[1,"ad-data"],"adSpec":[1,"ad-spec"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;