@xplortech/apollo-data 0.0.4 → 0.0.6

package/dist/collection/examples/apollo-data-scatter.examples.js

@@ -0,0 +1,94 @@
+export const scatterExamples = [
+    {
+        name: 'Basic Scatter Chart',
+        description: 'A simple scatter chart using default styling and automatic tooltips.',
+        props: {
+            adData: [
+                { category: 'A', xValue: 120, yValue: 4.5 },
+                { category: 'B', xValue: 340, yValue: 6.8 },
+                { category: 'C', xValue: 560, yValue: 7.2 },
+                { category: 'A', xValue: 230, yValue: 5.1 },
+                { category: 'B', xValue: 890, yValue: 8.4 },
+            ],
+            adSpec: {
+                xAxisTitle: 'Revenue',
+                yAxisTitle: 'Rating',
+                tooltip: 'auto',
+            },
+        },
+        notes: 'Uses defaultPointStyle internally. No category-based styling applied.',
+    },
+    {
+        name: 'Category Styled Scatter',
+        description: 'Scatter chart with custom styles per category using categoryPointStyleMap.',
+        props: {
+            adData: [
+                { category: 'Mobile', xValue: 150, yValue: 3.8 },
+                { category: 'Web', xValue: 980, yValue: 7.9 },
+                { category: 'Backend', xValue: 670, yValue: 6.7 },
+                { category: 'Mobile', xValue: 300, yValue: 5.6 },
+            ],
+            adSpec: {
+                xAxisTitle: 'Users',
+                yAxisTitle: 'Performance Score',
+                tooltip: 'auto',
+                categoryPointStyleMap: {
+                    Mobile: { color: '#4ECDC4', size: 100, shape: 'circle' },
+                    Web: { color: '#FF6B6B', size: 120, shape: 'square' },
+                    Backend: { color: '#6A6D7D', size: 140, shape: 'triangle' },
+                },
+            },
+        },
+        notes: 'Each category overrides the defaultPointStyle using categoryPointStyleMap.',
+    },
+    {
+        name: 'Per-Point Style Override',
+        description: 'Individual data points override category and default styles.',
+        props: {
+            adData: [
+                {
+                    category: 'Sales',
+                    xValue: 400,
+                    yValue: 6.2,
+                    pointStyle: { color: '#FF0000', size: 180, shape: 'triangle' },
+                },
+                {
+                    category: 'Sales',
+                    xValue: 520,
+                    yValue: 7.1,
+                },
+                {
+                    category: 'Marketing',
+                    xValue: 310,
+                    yValue: 5.4,
+                    pointStyle: { color: '#000000', size: 160, shape: 'square' },
+                },
+            ],
+            adSpec: {
+                xAxisTitle: 'Spend',
+                yAxisTitle: 'Conversion Rate',
+                defaultPointStyle: { color: '#6A6D7D', size: 100, shape: 'circle' },
+                tooltip: 'auto',
+            },
+        },
+        notes: 'pointStyle at the data level has highest priority over category and default styles.',
+    },
+    {
+        name: 'Tooltip Disabled',
+        description: 'Scatter chart with tooltips disabled.',
+        props: {
+            adData: [
+                { category: 'Q1', xValue: 200, yValue: 4.2 },
+                { category: 'Q2', xValue: 450, yValue: 6.5 },
+                { category: 'Q3', xValue: 700, yValue: 8.1 },
+                { category: 'Q4', xValue: 300, yValue: 5.9 },
+            ],
+            adSpec: {
+                xAxisTitle: 'Quarter',
+                yAxisTitle: 'Growth',
+                tooltip: 'none',
+            },
+        },
+        notes: 'Tooltip interaction is completely disabled in this example.',
+    },
+];

package/dist/collection/examples/apollo-data-world-map.examples.js

@@ -0,0 +1,45 @@
+export const worldMapExamples = [
+    {
+        name: 'Global Sales Hubs',
+        description: 'World map with major city hubs and value markers.',
+        props: {
+            adData: [
+                { lon: -74.006, lat: 40.7128, value: 82, label: 'New York' },
+                { lon: -46.6333, lat: -23.5505, value: 64, label: 'São Paulo' },
+                { lon: -0.1276, lat: 51.5074, value: 58, label: 'London' },
+                { lon: 77.209, lat: 28.6139, value: 73, label: 'Delhi' },
+                { lon: 139.6917, lat: 35.6895, value: 69, label: 'Tokyo' },
+                { lon: 151.2093, lat: -33.8688, value: 47, label: 'Sydney' },
+            ],
+            adSpec: { pinColor: '#2563eb' },
+        },
+    },
+    {
+        name: 'EMEA Focus',
+        description: 'World map centered on EMEA business locations and values.',
+        props: {
+            adData: [
+                { lon: 13.405, lat: 52.52, value: 56, label: 'Berlin' },
+                { lon: 2.3522, lat: 48.8566, value: 59, label: 'Paris' },
+                { lon: 55.2708, lat: 25.2048, value: 45, label: 'Dubai' },
+                { lon: 18.4241, lat: -33.9249, value: 41, label: 'Cape Town' },
+                { lon: 36.8219, lat: -1.2921, value: 26, label: 'Nairobi' },
+            ],
+            adSpec: {},
+        },
+    },
+    {
+        name: 'APAC Expansion',
+        description: 'World map showing APAC expansion points and values.',
+        props: {
+            adData: [
+                { lon: 103.8198, lat: 1.3521, value: 62, label: 'Singapore' },
+                { lon: 126.978, lat: 37.5665, value: 53, label: 'Seoul' },
+                { lon: 106.8456, lat: -6.2088, value: 37, label: 'Jakarta' },
+                { lon: 100.5018, lat: 13.7563, value: 31, label: 'Bangkok' },
+                { lon: 174.7633, lat: -36.8485, value: 23, label: 'Auckland' },
+            ],
+            adSpec: {},
+        },
+    },
+];

package/dist/collection/examples/index.js

@@ -1,2 +1,5 @@
 export * from './apollo-data-donut.examples';
 export * from './apollo-data-bar.examples';
+export * from './apollo-data-line.examples';
+export * from './apollo-data-heat-map.examples';
+export * from './apollo-data-world-map.examples';

package/dist/collection/utils/code-generator.js

@@ -233,7 +233,7 @@ export function generateWebComponentCode(componentName, props) {
   <script>
     const component = document.querySelector('${componentName}');
 ${propertyAssignments.join('\n')}
-${eventListeners.length > 0 ? '\n' + eventListeners.join('\n') : ''}
+${eventListeners.length > 0 ? `\n${eventListeners.join('\n')}` : ''}
   </script>
 </body>
 </html>`;

package/dist/components/apollo-data-bar-chart.js

@@ -1 +1 @@
-import{p as e,t,h as a,H as o}from"./p-Dws5s-Xe.js";import{A as l}from"./p-7XF5Cax8.js";const n=["#4d1ab2","#f99170","#e550c8","#ffd563","#8857fa","#52ebba","#bf1d78","#31cff8"],r="apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif",i=e(class e extends l{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}adData=[];adSpec=null;static tooltipStylesInjected=!1;componentDidLoad(){this.injectTooltipStyles()}async componentDidRender(){await this.renderChart()}injectTooltipStyles(){if(e.tooltipStylesInjected)return;const t="apollo-data-bar-tooltip-styles";if(document.getElementById(t))return void(e.tooltipStylesInjected=!0);const a=document.createElement("style");a.id=t,a.textContent="\n      #vg-tooltip-element {\n        background-color: #ffffff;\n        border: 1px solid #e1e2e8;\n        border-radius: 0.25rem;\n        box-shadow: 0 4px 6px -1px rgba(48, 45, 59, 0.1), 0 2px 4px -1px rgba(48, 45, 59, 0.05);\n        font-family: apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif;\n        font-weight: 500;\n        padding: 0.25rem 0.75rem;\n        pointer-events: none;\n        text-align: center;\n        transform: translateY(20%);\n        white-space: pre;\n        z-index: 999999999;\n      }\n\n      #vg-tooltip-element table tr td.key {\n        color: #6a6d7d;\n        text-align: center;\n      }\n\n      #vg-tooltip-element table tr td.value {\n        text-align: center;\n      }\n\n      #vg-tooltip-element.dark-theme {\n        background-color: #292632;\n        border: 1px solid #6a6d7d;\n        box-shadow: 0 4px 6px -1px rgba(48, 45, 59, 0.1), 0 2px 4px -1px rgba(48, 45, 59, 0.5);\n        color: #ffffff;\n      }\n\n      #vg-tooltip-element::after {\n        border-color: rgba(255, 255, 255, 0.95) transparent transparent transparent;\n        border-style: solid;\n        border-width: 9px;\n        bottom: -17px;\n        content: '';\n        left: 50%;\n        position: absolute;\n        transform: translateX(-50%);\n      }\n    ",document.head.appendChild(a),e.tooltipStylesInjected=!0}async getViewData(e,t){if(!t)throw Error("adSpec is required for apollo-data-bar-chart");const{tooltipPrefix:a="",currencySymbol:o=""}=t;if(!e||0===e.length)throw Error("Data is required for apollo-data-bar-chart");const l=Array.from(new Set(e.map((e=>e.category)))),i=a?".2f":".0f",d=a?o:"";return{$schema:"https://vega.github.io/schema/vega/v5.json",config:{text:{fill:"#6a6d7d",font:r,labelFontSize:12,labelFontWeight:400},axis:{labelColor:"#6a6d7d",titleColor:"#6a6d7d",labelFont:r,titleFont:r,titleFontWeight:400},legend:{labelColor:"#6a6d7d",titleColor:"#6a6d7d",labelFont:r,titleFont:r,labelFontSize:12,labelLimit:95},title:{color:"#6a6d7d",font:r,labelFontSize:12,labelFontWeight:400}},height:250,autosize:{type:"fit-x",contains:"padding",resize:!0},signals:[{name:"containerW",update:"max(containerSize()[0], 400)"},{name:"legendColumns",update:"ceil(containerW / 140)"},{name:"hoveredPeriod",value:null,on:[{events:"rect:mouseover",update:"datum.period"},{events:"rect:mouseout",update:"null"}]}],width:{signal:"containerW"},data:[{name:"raw",values:e},{name:"periodTotals",source:"raw",transform:[{type:"aggregate",groupby:["periodId"],fields:["value"],ops:["sum"],as:["total"]}]},{name:"table",source:"raw",transform:[{type:"lookup",from:"periodTotals",key:"periodId",fields:["periodId"],values:["total"],as:["total"]},{type:"stack",groupby:["periodId"],sort:{field:"category"},field:"value"},{type:"formula",as:"periodId",expr:"datum.periodId"},{type:"formula",as:"labelOnly",expr:"datum.label"}]},{name:"periodLabels",source:"raw",transform:[{type:"aggregate",groupby:["periodId","label"]}]}],scales:[{name:"x",type:"band",domain:{data:"table",field:"periodId"},range:"width",paddingInner:.35,paddingOuter:.02},{name:"xLabels",type:"ordinal",domain:{data:"periodLabels",field:"periodId"},range:{data:"periodLabels",field:"label"}},{name:"y",type:"linear",domain:{data:"table",field:"y1"},nice:!0,zero:!0,range:"height"},{name:"color",type:"ordinal",domain:l,range:t?.colorSet??n}],axes:[{orient:"bottom",scale:"x",title:t?.xAxisTitle,labelPadding:12,titlePadding:12,labelAngle:-90,labelAlign:"right",labelBaseline:"middle",tickSize:3,labelFontSize:12,titleFontSize:14,ticks:!1,domain:!1,encode:{labels:{update:{text:{signal:"scale('xLabels', datum.value)"}}}}},{orient:"left",scale:"y",title:t?.yAxisTitle||"",format:",.0f",grid:!0,tickCount:6,labelFontSize:12,titleFontSize:14,ticks:!1,domain:!1,tickBand:"extent",labelPadding:10}],legends:[{fill:"color",orient:"bottom",direction:"horizontal",columns:{signal:"legendColumns"},title:null,symbolType:"square",rowPadding:8,symbolOffset:-35,symbolSize:100,labelOffset:8,labelLimit:95}],marks:[{type:"rect",from:{data:"table"},encode:{enter:{x:{scale:"x",field:"periodId"},width:{scale:"x",band:1},y:{scale:"y",field:"y1"},y2:{scale:"y",field:"y0"},fill:{scale:"color",field:"category"},tooltip:{signal:`datum.category + ': ${d}' + format(datum.value, ',${i}') + '\\nTotal: ${d}' + format(datum.total, ',${i}')`}},update:{opacity:[{test:"hoveredPeriod && datum.period !== hoveredPeriod",value:.2},{value:1}]}}}]}}render(){return a(o,{key:"86ed2e74e5abd57e684a93bc9cf6a014b3ed081c"},a("div",{key:"96e5f7dd2dfa6a104ca709d1399308a86041c2f3",id:"container",style:{width:"100%",height:"100%"}}))}},[513,"apollo-data-bar-chart",{adData:[1,"ad-data"],adSpec:[1,"ad-spec"]}]),d=i,s=function(){"undefined"!=typeof customElements&&["apollo-data-bar-chart"].forEach((e=>{"apollo-data-bar-chart"===e&&(customElements.get(t(e))||customElements.define(t(e),i))}))};export{d as ApolloDataBarChart,s as defineCustomElement}
+import{p as e,t,h as a,H as o}from"./p-gcjU8DVr.js";import{A as n}from"./p-CfbMSXKd.js";import{C as l}from"./p-2nuV5Vny.js";const r="apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif",i=e(class extends n{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}adData=[];adSpec=null;static tooltipStylesInjected=!1;componentDidLoad(){this.injectTooltipStyles()}async componentDidRender(){await this.renderChart()}injectTooltipStyles(){const e=this.constructor;if(e.tooltipStylesInjected)return;const t="apollo-data-bar-tooltip-styles";if(document.getElementById(t))return void(e.tooltipStylesInjected=!0);const a=document.createElement("style");a.id=t,a.textContent="\n      #vg-tooltip-element {\n        background-color: #ffffff;\n        border: 1px solid #e1e2e8;\n        border-radius: 0.25rem;\n        box-shadow: 0 4px 6px -1px rgba(48, 45, 59, 0.1), 0 2px 4px -1px rgba(48, 45, 59, 0.05);\n        font-family: apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif;\n        font-weight: 500;\n        padding: 0.25rem 0.75rem;\n        pointer-events: none;\n        text-align: center;\n        transform: translateY(20%);\n        white-space: pre;\n        z-index: 999999999;\n      }\n\n      #vg-tooltip-element table tr td.key {\n        color: #6a6d7d;\n        text-align: center;\n      }\n\n      #vg-tooltip-element table tr td.value {\n        text-align: center;\n      }\n\n      #vg-tooltip-element.dark-theme {\n        background-color: #292632;\n        border: 1px solid #6a6d7d;\n        box-shadow: 0 4px 6px -1px rgba(48, 45, 59, 0.1), 0 2px 4px -1px rgba(48, 45, 59, 0.5);\n        color: #ffffff;\n      }\n\n      #vg-tooltip-element::after {\n        border-color: rgba(255, 255, 255, 0.95) transparent transparent transparent;\n        border-style: solid;\n        border-width: 9px;\n        bottom: -17px;\n        content: '';\n        left: 50%;\n        position: absolute;\n        transform: translateX(-50%);\n      }\n    ",document.head.appendChild(a),e.tooltipStylesInjected=!0}async getViewData(e,t){const a=this.el?.tagName?.toLowerCase()??"apollo-data-bar-chart";if(!t)throw Error("adSpec is required for "+a);const{tooltipPrefix:o="",currencySymbol:n=""}=t;if(!e||0===e.length)throw Error("Data is required for "+a);const i=Array.from(new Set(e.map((e=>e.category)))),d=o?".2f":".0f",s=o?n:"";return{$schema:"https://vega.github.io/schema/vega/v5.json",config:{text:{fill:"#6a6d7d",font:r,labelFontSize:12,labelFontWeight:400},axis:{labelColor:"#6a6d7d",titleColor:"#6a6d7d",labelFont:r,titleFont:r,titleFontWeight:400},legend:{labelColor:"#6a6d7d",titleColor:"#6a6d7d",labelFont:r,titleFont:r,labelFontSize:12,labelLimit:95},title:{color:"#6a6d7d",font:r,labelFontSize:12,labelFontWeight:400}},height:250,autosize:{type:"fit-x",contains:"padding",resize:!0},signals:[{name:"containerW",update:"max(containerSize()[0], 400)"},{name:"legendColumns",update:"ceil(containerW / 140)"},{name:"hoveredPeriod",value:null,on:[{events:"rect:mouseover",update:"datum.period"},{events:"rect:mouseout",update:"null"}]}],width:{signal:"containerW"},data:[{name:"raw",values:e},{name:"periodTotals",source:"raw",transform:[{type:"aggregate",groupby:["periodId"],fields:["value"],ops:["sum"],as:["total"]}]},{name:"table",source:"raw",transform:[{type:"lookup",from:"periodTotals",key:"periodId",fields:["periodId"],values:["total"],as:["total"]},{type:"stack",groupby:["periodId"],sort:{field:"category"},field:"value"},{type:"formula",as:"periodId",expr:"datum.periodId"},{type:"formula",as:"labelOnly",expr:"datum.label"}]},{name:"periodLabels",source:"raw",transform:[{type:"aggregate",groupby:["periodId","label"]}]}],scales:[{name:"x",type:"band",domain:{data:"table",field:"periodId"},range:"width",paddingInner:.35,paddingOuter:.02},{name:"xLabels",type:"ordinal",domain:{data:"periodLabels",field:"periodId"},range:{data:"periodLabels",field:"label"}},{name:"y",type:"linear",domain:{data:"table",field:"y1"},nice:!0,zero:!0,range:"height"},{name:"color",type:"ordinal",domain:i,range:t?.colorSet??l}],axes:[{orient:"bottom",scale:"x",title:t?.xAxisTitle,labelPadding:12,titlePadding:12,labelAngle:-90,labelAlign:"right",labelBaseline:"middle",tickSize:3,labelFontSize:12,titleFontSize:14,ticks:!1,domain:!1,encode:{labels:{update:{text:{signal:"scale('xLabels', datum.value)"}}}}},{orient:"left",scale:"y",title:t?.yAxisTitle||"",format:",.0f",grid:!0,tickCount:6,labelFontSize:12,titleFontSize:14,ticks:!1,domain:!1,tickBand:"extent",labelPadding:10}],legends:[{fill:"color",orient:"bottom",direction:"horizontal",columns:{signal:"legendColumns"},title:null,symbolType:"square",rowPadding:8,symbolOffset:-35,symbolSize:100,labelOffset:8,labelLimit:95}],marks:[{type:"rect",from:{data:"table"},encode:{enter:{x:{scale:"x",field:"periodId"},width:{scale:"x",band:1},y:{scale:"y",field:"y1"},y2:{scale:"y",field:"y0"},fill:{scale:"color",field:"category"},tooltip:{signal:`datum.category + ': ${s}' + format(datum.value, ',${d}') + '\\nTotal: ${s}' + format(datum.total, ',${d}')`}},update:{opacity:[{test:"hoveredPeriod && datum.period !== hoveredPeriod",value:.2},{value:1}]}}}]}}render(){return a(o,{key:"a0aebbff4fb177de35eb90329de81a1098663620"},a("div",{key:"9e753e876df877d46254a02349850414914d9231",id:"container",style:{width:"100%",height:"100%"}}))}},[513,"apollo-data-bar-chart",{adData:[1,"ad-data"],adSpec:[1,"ad-spec"]}]),d=i,s=function(){"undefined"!=typeof customElements&&["apollo-data-bar-chart"].forEach((e=>{"apollo-data-bar-chart"===e&&(customElements.get(t(e))||customElements.define(t(e),i))}))};export{d as ApolloDataBarChart,s as defineCustomElement}

package/dist/components/apollo-data-donut-chart.js

@@ -1 +1 @@
-import{p as e,h as a,H as t,t as n}from"./p-Dws5s-Xe.js";import{A as l}from"./p-7XF5Cax8.js";const r=e(class extends l{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return 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 a(t,{key:"fb26a6b02b83b0ce64a8301149b66f5d09a4a7b4"},a("div",{key:"fc08cdc3c0c0fda7f7c13149532eb61f511aa035",id:"container",style:{width:"100%",height:"100%"}}))}},[513,"apollo-data-donut-chart",{adData:[1,"ad-data"],adSpec:[1,"ad-spec"]}]),s=r,o=function(){"undefined"!=typeof customElements&&["apollo-data-donut-chart"].forEach((e=>{"apollo-data-donut-chart"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))};export{s as ApolloDataDonutChart,o as defineCustomElement}
+import{p as e,h as a,H as t,t as n}from"./p-gcjU8DVr.js";import{A as l}from"./p-CfbMSXKd.js";const r=e(class extends l{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return 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 a(t,{key:"5d9ba4976956c4f0d29b9aa8638373895c0c3f7f"},a("div",{key:"2db6d1418492898de84a167e35ecc8b16d695942",id:"container",style:{width:"100%",height:"100%"}}))}},[513,"apollo-data-donut-chart",{adData:[1,"ad-data"],adSpec:[1,"ad-spec"]}]),s=r,o=function(){"undefined"!=typeof customElements&&["apollo-data-donut-chart"].forEach((e=>{"apollo-data-donut-chart"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))};export{s as ApolloDataDonutChart,o as defineCustomElement}

package/dist/components/apollo-data-heat-map.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ApolloDataHeatMap extends Components.ApolloDataHeatMap, HTMLElement {}
+export const ApolloDataHeatMap: {
+    prototype: ApolloDataHeatMap;
+    new (): ApolloDataHeatMap;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/apollo-data-heat-map.js

@@ -0,0 +1 @@
+import{p as e,h as a,H as t,t as l}from"./p-gcjU8DVr.js";import{A as i}from"./p-CfbMSXKd.js";const s=e(class extends i{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}adData=[];adSpec={};async componentDidRender(){await this.renderChart()}DEFAULT_COLOR_RANGE=["#e8f4f8","#0066a1"];async getViewData(e,a){const t=a?.colorRange,l=Array.isArray(t)&&t.length>=2?t:this.DEFAULT_COLOR_RANGE,i="none"!==a?.tooltip,s=e.filter((e=>null!=e&&"string"==typeof e.xLabel&&"string"==typeof e.yLabel&&""!==e.xLabel&&""!==e.yLabel&&"number"==typeof e.value)),n=[...new Set(s.map((e=>e.xLabel)))],o=[...new Set(s.map((e=>e.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:!0},data:[{name:"source",values:s}],scales:[{name:"xscale",type:"band",range:[0,{signal:"width"}],domain:n,padding:.05},{name:"yscale",type:"band",range:[{signal:"height"},0],domain:o,padding:.05},{name:"color",type:"sequential",range:l,domain:{data:"source",field:"value"},zero:!0}],axes:[{orient:"bottom",scale:"xscale",title:a?.xAxisTitle??"X",labelAngle:-90,labelAlign:"right"},{orient:"left",scale:"yscale",title:a?.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:{...i&&{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:.8}}}}]}}render(){return a(t,{key:"d15b44f268f153498e61dc7829fe0d45f315a992"},a("div",{key:"7783444f4675c885980f1cd571737d506e00fdbc",id:"container",style:{width:"100%",height:"100%"}}))}},[513,"apollo-data-heat-map",{adData:[1,"ad-data"],adSpec:[1,"ad-spec"]}]),n=s,o=function(){"undefined"!=typeof customElements&&["apollo-data-heat-map"].forEach((e=>{"apollo-data-heat-map"===e&&(customElements.get(l(e))||customElements.define(l(e),s))}))};export{n as ApolloDataHeatMap,o as defineCustomElement}

package/dist/components/apollo-data-line-chart.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ApolloDataLineChart extends Components.ApolloDataLineChart, HTMLElement {}
+export const ApolloDataLineChart: {
+    prototype: ApolloDataLineChart;
+    new (): ApolloDataLineChart;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/apollo-data-line-chart.js

@@ -0,0 +1 @@
+import{p as e,h as t,H as a,t as n}from"./p-gcjU8DVr.js";import{A as l}from"./p-CfbMSXKd.js";import{C as o}from"./p-2nuV5Vny.js";const i="apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif",r=e(class extends l{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}adData=[];adSpec=null;static tooltipStylesInjected=!1;componentDidLoad(){this.injectTooltipStyles()}async componentDidRender(){await this.renderChart()}injectTooltipStyles(){const e=this.constructor;if(e.tooltipStylesInjected)return;const t="apollo-data-line-tooltip-styles";if(document.getElementById(t))return void(e.tooltipStylesInjected=!0);const a=document.createElement("style");a.id=t,a.textContent="\n      #vg-tooltip-element {\n        background-color: #ffffff;\n        border: 1px solid #e1e2e8;\n        border-radius: 0.25rem;\n        box-shadow: 0 4px 6px -1px rgba(48, 45, 59, 0.1), 0 2px 4px -1px rgba(48, 45, 59, 0.05);\n        font-family: apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif;\n        font-weight: 500;\n        padding: 0.25rem 0.75rem;\n        pointer-events: none;\n        text-align: center;\n        transform: translateY(20%);\n        white-space: pre;\n        z-index: 999999999;\n      }\n\n      #vg-tooltip-element table tr td.key {\n        color: #6a6d7d;\n        text-align: center;\n      }\n\n      #vg-tooltip-element table tr td.value {\n        text-align: center;\n      }\n\n      #vg-tooltip-element.dark-theme {\n        background-color: #292632;\n        border: 1px solid #6a6d7d;\n        box-shadow: 0 4px 6px -1px rgba(48, 45, 59, 0.1), 0 2px 4px -1px rgba(48, 45, 59, 0.5);\n        color: #ffffff;\n      }\n\n      #vg-tooltip-element::after {\n        border-color: rgba(255, 255, 255, 0.95) transparent transparent transparent;\n        border-style: solid;\n        border-width: 9px;\n        bottom: -17px;\n        content: '';\n        left: 50%;\n        position: absolute;\n        transform: translateX(-50%);\n      }\n    ",document.head.appendChild(a),e.tooltipStylesInjected=!0}async getViewData(e,t){const a=this.el?.tagName?.toLowerCase()??"apollo-data-line-chart";if(!t)throw Error("adSpec is required for "+a);const{tooltipPrefix:n="",currencySymbol:l=""}=t;if(!e||0===e.length)throw Error("Data is required for "+a);const r=Array.from(new Set(e.map((e=>e.category)))),s=[...new Set(e.map((e=>e.xValue)))].sort(((e,t)=>e-t)),d=t?.colorSet??o,c=s.map((t=>{const a=e.find((e=>e.xValue===t));return{xValue:t,displayLabel:null!=a?.xLabel?a.xLabel:t+""}})),m=n?".2f":".0f",p=n?l:"",u=t.pointStyle??"circle",f=function(e){switch(e){case"dashed":return[6,4];case"dotted":return[2,2];default:return[]}}(t.lineStyle??"solid"),b=[{name:"raw",values:e},{name:"xLabelData",values:c}];r.forEach(((e,t)=>{b.push({name:"series_"+t,source:"raw",transform:[{type:"filter",expr:"datum.category === "+JSON.stringify(e)},{type:"collect",sort:{field:"xValue"}}]})}));const g=r.map(((e,t)=>({type:"line",from:{data:"series_"+t},encode:{enter:{x:{scale:"x",field:"xValue"},y:{scale:"y",field:"yValue"},stroke:{value:d[t%d.length]},strokeWidth:{value:2},interpolate:{value:"monotone"},...f.length>0?{strokeDash:{value:f}}:{}}}})));return{$schema:"https://vega.github.io/schema/vega/v5.json",config:{text:{fill:"#6a6d7d",font:i,labelFontSize:12,labelFontWeight:400},axis:{labelColor:"#6a6d7d",titleColor:"#6a6d7d",labelFont:i,titleFont:i,titleFontWeight:400},legend:{labelColor:"#6a6d7d",titleColor:"#6a6d7d",labelFont:i,titleFont:i,labelFontSize:12,labelLimit:95},title:{color:"#6a6d7d",font:i,labelFontSize:12,labelFontWeight:400}},height:250,autosize:{type:"fit-x",contains:"padding",resize:!0},signals:[{name:"containerW",update:"max(containerSize()[0], 400)"},{name:"legendColumns",update:"ceil(containerW / 140)"}],width:{signal:"containerW"},data:b,scales:[{name:"x",type:"point",domain:s,range:"width",padding:.5},{name:"xLabels",type:"ordinal",domain:{data:"xLabelData",field:"xValue"},range:{data:"xLabelData",field:"displayLabel"}},{name:"y",type:"linear",domain:{data:"raw",field:"yValue"},nice:!0,zero:!0,range:"height"},{name:"color",type:"ordinal",domain:r,range:t?.colorSet??o}],axes:[{orient:"bottom",scale:"x",title:t?.xAxisTitle,labelPadding:12,titlePadding:12,labelAngle:-90,labelAlign:"right",labelBaseline:"middle",tickSize:3,labelFontSize:12,titleFontSize:14,ticks:!1,domain:!1,encode:{labels:{update:{text:{signal:"scale('xLabels', datum.value)"}}}}},{orient:"left",scale:"y",title:t?.yAxisTitle||"",format:",.0f",grid:!0,tickCount:6,labelFontSize:12,titleFontSize:14,ticks:!1,domain:!1,tickBand:"extent",labelPadding:10}],legends:[{stroke:"color",orient:"bottom",direction:"horizontal",columns:{signal:"legendColumns"},title:null,symbolType:"stroke",symbolStrokeWidth:3,rowPadding:8,symbolOffset:-35,symbolSize:100,labelOffset:8,labelLimit:95}],marks:[...g,{type:"symbol",from:{data:"raw"},encode:{enter:{x:{scale:"x",field:"xValue"},y:{scale:"y",field:"yValue"},fill:{scale:"color",field:"category"},size:{value:50},shape:{value:u},tooltip:{signal:`(datum.xLabel != null ? datum.xLabel : format(datum.xValue, ',.0f')) + ' · ' + datum.category + ': ' + (datum.yLabel != null ? datum.yLabel : '${p}' + format(datum.yValue, ',${m}'))`}}}}]}}render(){return t(a,{key:"fd64f4abb624b14a878808b23345910c9b23a72c"},t("div",{key:"aeda5086730862ca1368a0374caf2d918969839d",id:"container",style:{width:"100%",height:"100%"}}))}},[513,"apollo-data-line-chart",{adData:[1,"ad-data"],adSpec:[1,"ad-spec"]}]),s=r,d=function(){"undefined"!=typeof customElements&&["apollo-data-line-chart"].forEach((e=>{"apollo-data-line-chart"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))};export{s as ApolloDataLineChart,d as defineCustomElement}

package/dist/components/apollo-data-scatter-chart.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ApolloDataScatterChart extends Components.ApolloDataScatterChart, HTMLElement {}
+export const ApolloDataScatterChart: {
+    prototype: ApolloDataScatterChart;
+    new (): ApolloDataScatterChart;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/apollo-data-scatter-chart.js

@@ -0,0 +1 @@
+import{p as e,h as a,H as l,t}from"./p-gcjU8DVr.js";import{A as i}from"./p-CfbMSXKd.js";const u=e(class extends i{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}adData=[];adSpec={};async componentDidRender(){await this.renderChart()}DEFAULT_POINT_STYLE={shape:"circle",opacity:1,color:"blue",size:1};async getViewData(e,a){const l=e.map((e=>{const l={};return Object.keys(this.DEFAULT_POINT_STYLE).forEach((t=>{l[t]=e.pointStyle?.[t]??e?.[t]??a.categoryPointStyleMap?.[e.category]?.[t]??a.defaultPointStyle?.[t]??this.DEFAULT_POINT_STYLE[t]})),{category:e.category,xValue:e.xValue,yValue:e.yValue,color:l.color,shape:l.shape,opacity:l.opacity}})),t="auto"===a?.tooltip?"category":"none";return{$schema:"https://vega.github.io/schema/vega/v6.json",description:"A scatter plot with null values visualized along the axes.",width:450,height:450,padding:5,autosize:{type:"fit",resize:!0},signals:[{name:"nullSize",value:8},{name:"nullGap",update:"nullSize + 10"}],data:[{name:"source",values:l},{name:"valid",source:"source",transform:[{type:"filter",expr:"datum.xValue != null && datum.yValue != null"}]},{name:"nullXY",source:"source",transform:[{type:"filter",expr:"datum.xValue == null && datum.yValue == null"},{type:"aggregate"}]},{name:"nullY",source:"source",transform:[{type:"filter",expr:"datum.xValue != null && datum.yValue == null"}]},{name:"nullX",source:"source",transform:[{type:"filter",expr:"datum.xValue == null && datum.yValue != null"}]}],scales:[{name:"xscale",type:"linear",range:[{signal:"nullGap"},{signal:"width"}],nice:!0,domain:{data:"valid",field:"xValue"}},{name:"yscale",type:"linear",range:[{signal:"height - nullGap"},0],nice:!0,domain:{data:"valid",field:"yValue"}}],axes:[{orient:"bottom",scale:"xscale",offset:5,format:"s",title:a?.xAxisTitle||"X Value"},{orient:"left",scale:"yscale",offset:5,format:"s",title:a?.yAxisTitle||"Y Value"}],marks:[{type:"symbol",from:{data:"valid"},encode:{enter:{size:{value:50},tooltip:{field:t}},update:{x:{scale:"xscale",field:"xValue"},y:{scale:"yscale",field:"yValue"},fill:{field:"color"},fillOpacity:{field:"opacity"},shape:{field:"shape"},zindex:{value:0}},hover:{fill:{value:"firebrick"},fillOpacity:{value:1},zindex:{value:1}}}},{type:"symbol",from:{data:"nullY"},encode:{enter:{size:{value:50},tooltip:{field:t}},update:{x:{scale:"xscale",field:"xValue"},y:{signal:"height - nullSize/2"},fill:{value:"#aaa"},fillOpacity:{value:.2}},hover:{fill:{value:"firebrick"},fillOpacity:{value:1}}}},{type:"symbol",from:{data:"nullX"},encode:{enter:{size:{value:50},tooltip:{field:"name"}},update:{x:{signal:"nullSize/2"},y:{scale:"yscale",field:"yValue"},fill:{value:"#aaa"},fillOpacity:{value:.2},zindex:{value:0}},hover:{fill:{value:"firebrick"},fillOpacity:{value:1},zindex:{value:1}}}},{type:"text",interactive:!1,from:{data:"nullXY"},encode:{update:{x:{signal:"nullSize",offset:-4},y:{signal:"height",offset:13},text:{signal:"datum.count + ' null'"},align:{value:"right"},baseline:{value:"top"},fill:{value:"#999"},fontSize:{value:9}}}}]}}render(){return a(l,{key:"f6c1e8d9e9a6ba41dbbf8c2c5737895b96b0915d"},a("div",{key:"2aeba82bc31c5995a3d5b532c339f5b45ae850f7",id:"container",style:{width:"100%",height:"100%"}}))}},[513,"apollo-data-scatter-chart",{adData:[1,"ad-data"],adSpec:[1,"ad-spec"]}]),s=u,n=function(){"undefined"!=typeof customElements&&["apollo-data-scatter-chart"].forEach((e=>{"apollo-data-scatter-chart"===e&&(customElements.get(t(e))||customElements.define(t(e),u))}))};export{s as ApolloDataScatterChart,n as defineCustomElement}

package/dist/components/apollo-data-world-map-chart.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ApolloDataWorldMapChart extends Components.ApolloDataWorldMapChart, HTMLElement {}
+export const ApolloDataWorldMapChart: {
+    prototype: ApolloDataWorldMapChart;
+    new (): ApolloDataWorldMapChart;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/apollo-data-world-map-chart.js

@@ -0,0 +1 @@
+import{p as e,h as a,H as t,t as o}from"./p-gcjU8DVr.js";import{A as n}from"./p-CfbMSXKd.js";const l=e(class extends n{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}adData=[];adSpec={};async componentDidRender(){await this.renderChart()}async getViewData(e,a){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:!0},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:e},{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:.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:a?.pinColor||"#d3544b"},stroke:{value:"white"},shape:{value:a?.pinShape||"circle"},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:.5}}}}]}}render(){return a(t,{key:"8053ea3b9706cdd03a430157b3f63e93c1201d1f"},a("div",{key:"514807ae8dd4868d3d74e86c4260b7b9967c0ac2",id:"container",style:{width:"100%",height:"100%"}}))}},[513,"apollo-data-world-map-chart",{adData:[1,"ad-data"],adSpec:[1,"ad-spec"]}]),s=l,i=function(){"undefined"!=typeof customElements&&["apollo-data-world-map-chart"].forEach((e=>{"apollo-data-world-map-chart"===e&&(customElements.get(o(e))||customElements.define(o(e),l))}))};export{s as ApolloDataWorldMapChart,i as defineCustomElement}

package/dist/components/index.js

@@ -1 +1 @@
-export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-Dws5s-Xe.js";function t(s,t,e){return(s||"")+(t?" "+t:"")+(e?" "+e:"")}export{t as format}
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-gcjU8DVr.js";function t(s,t,e){return(s||"")+(t?" "+t:"")+(e?" "+e:"")}export{t as format}

package/dist/components/p-2nuV5Vny.js

@@ -0,0 +1 @@
+const f=["#4d1ab2","#f99170","#e550c8","#ffd563","#8857fa","#52ebba","#bf1d78","#31cff8"];export{f as C}