@toclocoinc/lattice-grid 1.62.0 → 1.63.0

package/modules/chart-alluvial.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.0, chart-alluvial module type declarations
+ * Lattice Grid 1.63.0, chart-alluvial module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-alluvial.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.0, chart-alluvial module
+ * Lattice Grid 1.63.0, chart-alluvial module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-alluvial.min.cjs

@@ -0,0 +1,147 @@
+/*!
+ * Lattice Grid 1.63.0, chart-alluvial module
+ * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
+ * https://latticegrid.dev
+ */
+(function(root){
+'use strict';
+var __mods=Object.create(null);
+var __cache=Object.create(null);
+function __def(id,fn){__mods[id]=fn;}
+function __req(id){
+var hit=__cache[id];
+if(hit)return hit;
+var exports=Object.create(null);
+__cache[id]=exports;
+var fn=__mods[id];
+if(!fn)throw new Error('[lattice] missing module: '+id);
+fn(exports,__req);
+return exports;
+}
+var __extmods=Object.create(null);
+__extmods["@toclocoinc/lattice-grid/modules/charts"]=(root["LatticeGrid"]||null);
+function __ext(spec){
+var mod=__extmods[spec];
+var g=typeof globalThis!=='undefined'?globalThis:(typeof self!=='undefined'?self:null);
+if(mod)return mod;
+if(spec==="@toclocoinc/lattice-grid/modules/charts"&&g&&g["LatticeGrid"])return g["LatticeGrid"];
+throw new Error('[lattice] this module shares the Lattice core with the page, but it was not found. Load lattice-grid (or its script build) before this module. Missing: '+spec);
+}
+__def("packages/modules/chart-alluvial/index.js",function(__exports,__req){
+'use strict';
+Object.defineProperty(__exports,"bindAlluvial",{enumerable:true,get:function(){return bindAlluvial;}});
+Object.defineProperty(__exports,"drawAlluvial",{enumerable:true,get:function(){return drawAlluvial;}});
+Object.defineProperty(__exports,"default",{enumerable:true,get:function(){return __default;}});
+const __m0=__ext("@toclocoinc/lattice-grid/modules/charts");
+const registerChartType=__m0["registerChartType"];
+function bindAlluvial(grid,spec){
+const flows=new Map();
+const sources=[];
+const targets=[];
+const n=grid.rows.count();
+for(let i=0;i<n;i++){
+const row=grid.rows.get(i);
+if(!row||row.group)continue;
+const s=String(grid.rows.text(row.key,spec.source));
+const t=String(grid.rows.text(row.key,spec.target));
+const v=spec.value?Number(grid.rows.value(row.key,spec.value)):1;
+if(!Number.isFinite(v)||v<=0)continue;
+if(!sources.includes(s))sources.push(s);
+if(!targets.includes(t))targets.push(t);
+const k=`${s}\u0001${t}`;
+flows.set(k,(flows.get(k)||0)+v);
+}
+const list=[...flows.entries()].map(([k,value])=>{
+const[source,target]=k.split('\u0001');
+return{source,target,value};
+});
+return{flows:list,sources,targets,empty:list.length===0};
+}
+function drawAlluvial(ctx){
+const{
+plot,bound,scheme,fontSize,groups,helpers,
+}=ctx;
+const{
+Pool,attrs,path,round,setText,resolveScheme,NS,
+}=helpers;
+const sch=scheme||resolveScheme();
+const{flows,sources,targets}=bound;
+const total=flows.reduce((t,f)=>t+f.value,0)||1;
+const gap=Math.min(8,(plot.bottom-plot.top)*0.02);
+const nodeW=Math.max(6,(plot.right-plot.left)*0.03);
+const height=(plot.bottom-plot.top);
+const stack=(names,weight)=>{
+const totals=names.map(weight);
+const sum=totals.reduce((t,v)=>t+v,0)||1;
+const usable=height-gap*(names.length-1);
+const bands=new Map();
+let y=plot.top;
+names.forEach((name,i)=>{
+const h=(totals[i]/sum)*usable;
+bands.set(name,{y0:y,y1:y+h,cursor:y});
+y+=h+gap;
+});
+return bands;
+};
+const srcWeight=(s)=>flows.filter((f)=>f.source===s).reduce((t,f)=>t+f.value,0);
+const tgtWeight=(t)=>flows.filter((f)=>f.target===t).reduce((a,f)=>a+f.value,0);
+const left=stack(sources,srcWeight);
+const right=stack(targets,tgtWeight);
+const marks=new Pool(groups.marks);
+const overlay=new Pool(groups.overlay);
+sources.forEach((s,i)=>{
+const b=left.get(s);
+attrs(marks.next('rect',`${NS}__alluvial-node ${NS}__mark`),{
+x:round(plot.left),y:round(b.y0),width:round(nodeW),height:round(Math.max(1,b.y1-b.y0)),
+fill:sch.series(i),
+});
+const label=overlay.next('text',`${NS}__alluvial-label`);
+setText(label,s);
+attrs(label,{x:round(plot.left+nodeW+2),y:round((b.y0+b.y1)/2),'font-size':fontSize});
+});
+targets.forEach((t)=>{
+const b=right.get(t);
+attrs(marks.next('rect',`${NS}__alluvial-node ${NS}__mark`),{
+x:round(plot.right-nodeW),y:round(b.y0),width:round(nodeW),height:round(Math.max(1,b.y1-b.y0)),
+fill:'currentColor','fill-opacity':0.4,
+});
+const label=overlay.next('text',`${NS}__alluvial-label`);
+setText(label,t);
+attrs(label,{x:round(plot.right-nodeW-2),y:round((b.y0+b.y1)/2),'text-anchor':'end','font-size':fontSize});
+});
+const x0=plot.left+nodeW;
+const x1=plot.right-nodeW;
+const xm=(x0+x1)/2;
+for(const f of flows){
+const b0=left.get(f.source);
+const b1=right.get(f.target);
+const h=(f.value/total)*(height-gap*(Math.max(sources.length,targets.length)-1));
+const sy=b0.cursor;b0.cursor+=h;
+const ty=b1.cursor;b1.cursor+=h;
+const si=sources.indexOf(f.source);
+attrs(marks.next('path',`${NS}__alluvial-flow ${NS}__mark`),{
+d:path([
+'M',round(x0),round(sy),
+'C',round(xm),round(sy),round(xm),round(ty),round(x1),round(ty),
+'L',round(x1),round(ty+h),
+'C',round(xm),round(ty+h),round(xm),round(sy+h),round(x0),round(sy+h),
+'Z',
+]),
+fill:sch.series(si),'fill-opacity':0.35,stroke:'none','data-value':f.value,
+});
+}
+marks.finish();
+overlay.finish();
+return{flows:flows.length,legend:[]};
+}
+registerChartType('alluvial',{draw:drawAlluvial,bind:bindAlluvial,freeform:true,labelled:false});
+const __default=drawAlluvial;
+});
+var __entry=__req("packages/modules/chart-alluvial/index.js");
+if(typeof module==='object'&&module.exports){module.exports=__entry;}
+else if(typeof define==='function'&&define.amd){define(function(){return __entry;});}
+else{
+var __t=root["LatticeGrid"]||(root["LatticeGrid"]={});
+for(var __k in __entry){if(__k!=='default')__t[__k]=__entry[__k];}
+}
+})(typeof globalThis!=='undefined'?globalThis:this);

package/modules/chart-alluvial.min.js

@@ -0,0 +1,147 @@
+/*!
+ * Lattice Grid 1.63.0, chart-alluvial module
+ * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
+ * https://latticegrid.dev
+ */
+(function(root){
+'use strict';
+var __mods=Object.create(null);
+var __cache=Object.create(null);
+function __def(id,fn){__mods[id]=fn;}
+function __req(id){
+var hit=__cache[id];
+if(hit)return hit;
+var exports=Object.create(null);
+__cache[id]=exports;
+var fn=__mods[id];
+if(!fn)throw new Error('[lattice] missing module: '+id);
+fn(exports,__req);
+return exports;
+}
+var __extmods=Object.create(null);
+__extmods["@toclocoinc/lattice-grid/modules/charts"]=(root["LatticeGrid"]||null);
+function __ext(spec){
+var mod=__extmods[spec];
+var g=typeof globalThis!=='undefined'?globalThis:(typeof self!=='undefined'?self:null);
+if(mod)return mod;
+if(spec==="@toclocoinc/lattice-grid/modules/charts"&&g&&g["LatticeGrid"])return g["LatticeGrid"];
+throw new Error('[lattice] this module shares the Lattice core with the page, but it was not found. Load lattice-grid (or its script build) before this module. Missing: '+spec);
+}
+__def("packages/modules/chart-alluvial/index.js",function(__exports,__req){
+'use strict';
+Object.defineProperty(__exports,"bindAlluvial",{enumerable:true,get:function(){return bindAlluvial;}});
+Object.defineProperty(__exports,"drawAlluvial",{enumerable:true,get:function(){return drawAlluvial;}});
+Object.defineProperty(__exports,"default",{enumerable:true,get:function(){return __default;}});
+const __m0=__ext("@toclocoinc/lattice-grid/modules/charts");
+const registerChartType=__m0["registerChartType"];
+function bindAlluvial(grid,spec){
+const flows=new Map();
+const sources=[];
+const targets=[];
+const n=grid.rows.count();
+for(let i=0;i<n;i++){
+const row=grid.rows.get(i);
+if(!row||row.group)continue;
+const s=String(grid.rows.text(row.key,spec.source));
+const t=String(grid.rows.text(row.key,spec.target));
+const v=spec.value?Number(grid.rows.value(row.key,spec.value)):1;
+if(!Number.isFinite(v)||v<=0)continue;
+if(!sources.includes(s))sources.push(s);
+if(!targets.includes(t))targets.push(t);
+const k=`${s}\u0001${t}`;
+flows.set(k,(flows.get(k)||0)+v);
+}
+const list=[...flows.entries()].map(([k,value])=>{
+const[source,target]=k.split('\u0001');
+return{source,target,value};
+});
+return{flows:list,sources,targets,empty:list.length===0};
+}
+function drawAlluvial(ctx){
+const{
+plot,bound,scheme,fontSize,groups,helpers,
+}=ctx;
+const{
+Pool,attrs,path,round,setText,resolveScheme,NS,
+}=helpers;
+const sch=scheme||resolveScheme();
+const{flows,sources,targets}=bound;
+const total=flows.reduce((t,f)=>t+f.value,0)||1;
+const gap=Math.min(8,(plot.bottom-plot.top)*0.02);
+const nodeW=Math.max(6,(plot.right-plot.left)*0.03);
+const height=(plot.bottom-plot.top);
+const stack=(names,weight)=>{
+const totals=names.map(weight);
+const sum=totals.reduce((t,v)=>t+v,0)||1;
+const usable=height-gap*(names.length-1);
+const bands=new Map();
+let y=plot.top;
+names.forEach((name,i)=>{
+const h=(totals[i]/sum)*usable;
+bands.set(name,{y0:y,y1:y+h,cursor:y});
+y+=h+gap;
+});
+return bands;
+};
+const srcWeight=(s)=>flows.filter((f)=>f.source===s).reduce((t,f)=>t+f.value,0);
+const tgtWeight=(t)=>flows.filter((f)=>f.target===t).reduce((a,f)=>a+f.value,0);
+const left=stack(sources,srcWeight);
+const right=stack(targets,tgtWeight);
+const marks=new Pool(groups.marks);
+const overlay=new Pool(groups.overlay);
+sources.forEach((s,i)=>{
+const b=left.get(s);
+attrs(marks.next('rect',`${NS}__alluvial-node ${NS}__mark`),{
+x:round(plot.left),y:round(b.y0),width:round(nodeW),height:round(Math.max(1,b.y1-b.y0)),
+fill:sch.series(i),
+});
+const label=overlay.next('text',`${NS}__alluvial-label`);
+setText(label,s);
+attrs(label,{x:round(plot.left+nodeW+2),y:round((b.y0+b.y1)/2),'font-size':fontSize});
+});
+targets.forEach((t)=>{
+const b=right.get(t);
+attrs(marks.next('rect',`${NS}__alluvial-node ${NS}__mark`),{
+x:round(plot.right-nodeW),y:round(b.y0),width:round(nodeW),height:round(Math.max(1,b.y1-b.y0)),
+fill:'currentColor','fill-opacity':0.4,
+});
+const label=overlay.next('text',`${NS}__alluvial-label`);
+setText(label,t);
+attrs(label,{x:round(plot.right-nodeW-2),y:round((b.y0+b.y1)/2),'text-anchor':'end','font-size':fontSize});
+});
+const x0=plot.left+nodeW;
+const x1=plot.right-nodeW;
+const xm=(x0+x1)/2;
+for(const f of flows){
+const b0=left.get(f.source);
+const b1=right.get(f.target);
+const h=(f.value/total)*(height-gap*(Math.max(sources.length,targets.length)-1));
+const sy=b0.cursor;b0.cursor+=h;
+const ty=b1.cursor;b1.cursor+=h;
+const si=sources.indexOf(f.source);
+attrs(marks.next('path',`${NS}__alluvial-flow ${NS}__mark`),{
+d:path([
+'M',round(x0),round(sy),
+'C',round(xm),round(sy),round(xm),round(ty),round(x1),round(ty),
+'L',round(x1),round(ty+h),
+'C',round(xm),round(ty+h),round(xm),round(sy+h),round(x0),round(sy+h),
+'Z',
+]),
+fill:sch.series(si),'fill-opacity':0.35,stroke:'none','data-value':f.value,
+});
+}
+marks.finish();
+overlay.finish();
+return{flows:flows.length,legend:[]};
+}
+registerChartType('alluvial',{draw:drawAlluvial,bind:bindAlluvial,freeform:true,labelled:false});
+const __default=drawAlluvial;
+});
+var __entry=__req("packages/modules/chart-alluvial/index.js");
+if(typeof module==='object'&&module.exports){module.exports=__entry;}
+else if(typeof define==='function'&&define.amd){define(function(){return __entry;});}
+else{
+var __t=root["LatticeGrid"]||(root["LatticeGrid"]={});
+for(var __k in __entry){if(__k!=='default')__t[__k]=__entry[__k];}
+}
+})(typeof globalThis!=='undefined'?globalThis:this);

package/modules/chart-arc.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.0, chart-arc module type declarations
+ * Lattice Grid 1.63.0, chart-arc module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-arc.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.0, chart-arc module
+ * Lattice Grid 1.63.0, chart-arc module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-arc.min.cjs

@@ -0,0 +1,106 @@
+/*!
+ * Lattice Grid 1.63.0, chart-arc module
+ * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
+ * https://latticegrid.dev
+ */
+(function(root){
+'use strict';
+var __mods=Object.create(null);
+var __cache=Object.create(null);
+function __def(id,fn){__mods[id]=fn;}
+function __req(id){
+var hit=__cache[id];
+if(hit)return hit;
+var exports=Object.create(null);
+__cache[id]=exports;
+var fn=__mods[id];
+if(!fn)throw new Error('[lattice] missing module: '+id);
+fn(exports,__req);
+return exports;
+}
+var __extmods=Object.create(null);
+__extmods["@toclocoinc/lattice-grid/modules/charts"]=(root["LatticeGrid"]||null);
+function __ext(spec){
+var mod=__extmods[spec];
+var g=typeof globalThis!=='undefined'?globalThis:(typeof self!=='undefined'?self:null);
+if(mod)return mod;
+if(spec==="@toclocoinc/lattice-grid/modules/charts"&&g&&g["LatticeGrid"])return g["LatticeGrid"];
+throw new Error('[lattice] this module shares the Lattice core with the page, but it was not found. Load lattice-grid (or its script build) before this module. Missing: '+spec);
+}
+__def("packages/modules/chart-arc/index.js",function(__exports,__req){
+'use strict';
+Object.defineProperty(__exports,"bindArc",{enumerable:true,get:function(){return bindArc;}});
+Object.defineProperty(__exports,"drawArc",{enumerable:true,get:function(){return drawArc;}});
+Object.defineProperty(__exports,"default",{enumerable:true,get:function(){return __default;}});
+const __m0=__ext("@toclocoinc/lattice-grid/modules/charts");
+const registerChartType=__m0["registerChartType"];
+function bindArc(grid,spec){
+const nodes=[];
+const links=[];
+const n=grid.rows.count();
+for(let i=0;i<n;i++){
+const row=grid.rows.get(i);
+if(!row||row.group)continue;
+const s=String(grid.rows.text(row.key,spec.source));
+const t=String(grid.rows.text(row.key,spec.target));
+if(!s||!t||s==='undefined'||t==='undefined')continue;
+const v=spec.value?Number(grid.rows.value(row.key,spec.value)):1;
+if(!nodes.includes(s))nodes.push(s);
+if(!nodes.includes(t))nodes.push(t);
+links.push({source:s,target:t,value:Number.isFinite(v)&&v>0?v:1});
+}
+return{nodes,links,empty:links.length===0};
+}
+function drawArc(ctx){
+const{
+plot,bound,scheme,fontSize,groups,helpers,
+}=ctx;
+const{
+linearScale,extent,Pool,attrs,path,round,setText,resolveScheme,NS,
+}=helpers;
+const sch=scheme||resolveScheme();
+const{nodes,links}=bound;
+if(nodes.length<2)return{empty:true,legend:[]};
+const baseline=plot.bottom-fontSize-4;
+const step=(plot.right-plot.left)/Math.max(1,nodes.length-1);
+const posOf=(name)=>plot.left+nodes.indexOf(name)*step;
+const widthDomain=extent(links.map((l)=>l.value))||{min:1,max:1};
+const widthScale=linearScale({min:0,max:widthDomain.max},[0.5,6]);
+const marks=new Pool(groups.marks);
+for(const link of links){
+const x1=posOf(link.source);
+const x2=posOf(link.target);
+const r=Math.abs(x2-x1)/2;
+const cap=Math.min(baseline-plot.top,r);
+const mid=(x1+x2)/2;
+attrs(marks.next('path',`${NS}__arc-link ${NS}__mark`),{
+d:path(['M',round(x1),round(baseline),'Q',round(mid),round(baseline-cap*2),round(x2),round(baseline)]),
+fill:'none',stroke:'currentColor','stroke-opacity':0.35,
+'stroke-width':round(widthScale.of(link.value)),'data-value':link.value,
+});
+}
+const overlay=new Pool(groups.overlay);
+nodes.forEach((name,i)=>{
+const x=posOf(name);
+attrs(marks.next('circle',`${NS}__arc-node ${NS}__mark`),{
+cx:round(x),cy:round(baseline),r:4,fill:sch.series(i),
+});
+const label=overlay.next('text',`${NS}__arc-label`);
+setText(label,name);
+attrs(label,{x:round(x),y:round(baseline+fontSize+2),'text-anchor':'middle','font-size':fontSize});
+});
+marks.finish();
+overlay.finish();
+return{nodes:nodes.length,links:links.length,legend:[]};
+}
+registerChartType('arc',{draw:drawArc,bind:bindArc,freeform:true,labelled:false});
+const __default=drawArc;
+});
+var __entry=__req("packages/modules/chart-arc/index.js");
+if(typeof module==='object'&&module.exports){module.exports=__entry;}
+else if(typeof define==='function'&&define.amd){define(function(){return __entry;});}
+else{
+var __t=root["LatticeGrid"]||(root["LatticeGrid"]={});
+for(var __k in __entry){if(__k!=='default')__t[__k]=__entry[__k];}
+}
+})(typeof globalThis!=='undefined'?globalThis:this);

package/modules/chart-arc.min.js

@@ -0,0 +1,106 @@
+/*!
+ * Lattice Grid 1.63.0, chart-arc module
+ * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
+ * https://latticegrid.dev
+ */
+(function(root){
+'use strict';
+var __mods=Object.create(null);
+var __cache=Object.create(null);
+function __def(id,fn){__mods[id]=fn;}
+function __req(id){
+var hit=__cache[id];
+if(hit)return hit;
+var exports=Object.create(null);
+__cache[id]=exports;
+var fn=__mods[id];
+if(!fn)throw new Error('[lattice] missing module: '+id);
+fn(exports,__req);
+return exports;
+}
+var __extmods=Object.create(null);
+__extmods["@toclocoinc/lattice-grid/modules/charts"]=(root["LatticeGrid"]||null);
+function __ext(spec){
+var mod=__extmods[spec];
+var g=typeof globalThis!=='undefined'?globalThis:(typeof self!=='undefined'?self:null);
+if(mod)return mod;
+if(spec==="@toclocoinc/lattice-grid/modules/charts"&&g&&g["LatticeGrid"])return g["LatticeGrid"];
+throw new Error('[lattice] this module shares the Lattice core with the page, but it was not found. Load lattice-grid (or its script build) before this module. Missing: '+spec);
+}
+__def("packages/modules/chart-arc/index.js",function(__exports,__req){
+'use strict';
+Object.defineProperty(__exports,"bindArc",{enumerable:true,get:function(){return bindArc;}});
+Object.defineProperty(__exports,"drawArc",{enumerable:true,get:function(){return drawArc;}});
+Object.defineProperty(__exports,"default",{enumerable:true,get:function(){return __default;}});
+const __m0=__ext("@toclocoinc/lattice-grid/modules/charts");
+const registerChartType=__m0["registerChartType"];
+function bindArc(grid,spec){
+const nodes=[];
+const links=[];
+const n=grid.rows.count();
+for(let i=0;i<n;i++){
+const row=grid.rows.get(i);
+if(!row||row.group)continue;
+const s=String(grid.rows.text(row.key,spec.source));
+const t=String(grid.rows.text(row.key,spec.target));
+if(!s||!t||s==='undefined'||t==='undefined')continue;
+const v=spec.value?Number(grid.rows.value(row.key,spec.value)):1;
+if(!nodes.includes(s))nodes.push(s);
+if(!nodes.includes(t))nodes.push(t);
+links.push({source:s,target:t,value:Number.isFinite(v)&&v>0?v:1});
+}
+return{nodes,links,empty:links.length===0};
+}
+function drawArc(ctx){
+const{
+plot,bound,scheme,fontSize,groups,helpers,
+}=ctx;
+const{
+linearScale,extent,Pool,attrs,path,round,setText,resolveScheme,NS,
+}=helpers;
+const sch=scheme||resolveScheme();
+const{nodes,links}=bound;
+if(nodes.length<2)return{empty:true,legend:[]};
+const baseline=plot.bottom-fontSize-4;
+const step=(plot.right-plot.left)/Math.max(1,nodes.length-1);
+const posOf=(name)=>plot.left+nodes.indexOf(name)*step;
+const widthDomain=extent(links.map((l)=>l.value))||{min:1,max:1};
+const widthScale=linearScale({min:0,max:widthDomain.max},[0.5,6]);
+const marks=new Pool(groups.marks);
+for(const link of links){
+const x1=posOf(link.source);
+const x2=posOf(link.target);
+const r=Math.abs(x2-x1)/2;
+const cap=Math.min(baseline-plot.top,r);
+const mid=(x1+x2)/2;
+attrs(marks.next('path',`${NS}__arc-link ${NS}__mark`),{
+d:path(['M',round(x1),round(baseline),'Q',round(mid),round(baseline-cap*2),round(x2),round(baseline)]),
+fill:'none',stroke:'currentColor','stroke-opacity':0.35,
+'stroke-width':round(widthScale.of(link.value)),'data-value':link.value,
+});
+}
+const overlay=new Pool(groups.overlay);
+nodes.forEach((name,i)=>{
+const x=posOf(name);
+attrs(marks.next('circle',`${NS}__arc-node ${NS}__mark`),{
+cx:round(x),cy:round(baseline),r:4,fill:sch.series(i),
+});
+const label=overlay.next('text',`${NS}__arc-label`);
+setText(label,name);
+attrs(label,{x:round(x),y:round(baseline+fontSize+2),'text-anchor':'middle','font-size':fontSize});
+});
+marks.finish();
+overlay.finish();
+return{nodes:nodes.length,links:links.length,legend:[]};
+}
+registerChartType('arc',{draw:drawArc,bind:bindArc,freeform:true,labelled:false});
+const __default=drawArc;
+});
+var __entry=__req("packages/modules/chart-arc/index.js");
+if(typeof module==='object'&&module.exports){module.exports=__entry;}
+else if(typeof define==='function'&&define.amd){define(function(){return __entry;});}
+else{
+var __t=root["LatticeGrid"]||(root["LatticeGrid"]={});
+for(var __k in __entry){if(__k!=='default')__t[__k]=__entry[__k];}
+}
+})(typeof globalThis!=='undefined'?globalThis:this);

package/modules/chart-bubblemap.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.0, chart-bubblemap module type declarations
+ * Lattice Grid 1.63.0, chart-bubblemap module type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */

package/modules/chart-bubblemap.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.62.0, chart-bubblemap module
+ * Lattice Grid 1.63.0, chart-bubblemap module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -47,34 +47,70 @@ points.push({lon,lat,size:Number.isFinite(size)?size:0,label:spec.label?grid.row
 }
 return{points,empty:points.length===0};
 }
+function packProjection(opts){
+const{spec,plot,helpers}=opts;
+if(!spec||!spec.shapes)return null;
+const{
+resolvePack,packRegions,fitted,resolveProjection,
+}=helpers;
+const resolved=resolvePack(spec.shapes,spec.layer);
+if(!resolved)return null;
+const regions=packRegions(resolved.topology);
+const project=resolveProjection(
+spec.projection||resolved.pack.projection,
+{...(resolved.pack.projectionOptions||{}),...(spec.projectionOptions||{})},
+);
+const fit=fitted({project,rings:regions.flatMap((r)=>r.rings),plot});
+return{to:fit.to,regions};
+}
 function drawBubbleMap(ctx){
 const{
 plot,bound,scheme,groups,spec,helpers,
 }=ctx;
 const{
-extent,linearScale,sqrtScale,Pool,attrs,round,resolveScheme,NS,
+extent,linearScale,sqrtScale,Pool,attrs,round,resolveScheme,NS,projectedPath,
 }=helpers;
 const sch=scheme||resolveScheme();
 const colour=sch.series(0);
 const{points}=bound;
+const marks=new Pool(groups.marks);
+const fit=packProjection({spec,plot,helpers});
+let project;
+if(fit){
+for(const region of fit.regions){
+const d=region.rings.map((ring)=>projectedPath(ring,fit.to)).filter(Boolean).join(' ');
+if(!d)continue;
+attrs(marks.next('path',`${NS}__region`),{
+d,fill:'var(--lattice-chart-empty, #eceff1)',class:`${NS}__region`,
+});
+}
+project=fit.to;
+}else{
 const lonD=extent(points.map((p)=>p.lon))||{min:0,max:1};
 const latD=extent(points.map((p)=>p.lat))||{min:0,max:1};
 const pad=Math.max(8,spec&&spec.maxRadius>0?spec.maxRadius:20);
 const xScale=linearScale(lonD,[plot.left+pad,plot.right-pad]);
 const yScale=linearScale(latD,[plot.bottom-pad,plot.top+pad]);
+project=(lon,lat)=>[xScale.of(lon),yScale.of(lat)];
+}
 const sizeD=extent(points.map((p)=>p.size))||{min:0,max:1};
 const rScale=sqrtScale({min:0,max:Math.max(1e-9,sizeD.max)},[2,spec&&spec.maxRadius>0?spec.maxRadius:20]);
-const marks=new Pool(groups.marks);
 const ordered=[...points].sort((a,b)=>b.size-a.size);
 for(const p of ordered){
+const[x,y]=project(p.lon,p.lat);
 attrs(marks.next('circle',`${NS}__bubblemap-dot ${NS}__mark`),{
-cx:round(xScale.of(p.lon)),cy:round(yScale.of(p.lat)),
+cx:round(x),
+cy:round(y),
 r:round(spec&&spec.size?rScale.of(p.size):4),
-fill:colour,'fill-opacity':0.5,stroke:colour,'data-size':p.size,
+fill:colour,
+'fill-opacity':0.5,
+stroke:colour,
+'data-size':p.size,
+class:`${NS}__bubblemap-dot ${NS}__mark`,
 });
 }
 marks.finish();
-return{points:points.length,legend:[]};
+return{points:points.length,legend:[],packed:!!fit};
 }
 registerChartType('bubblemap',{draw:drawBubbleMap,bind:bindBubbleMap,freeform:true,labelled:false});
 const __default=drawBubbleMap;