@toclocoinc/lattice-grid 1.9.0 → 1.10.0

package/lattice-grid.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.9.0 — core + DOM renderer
+ * Lattice Grid 1.10.0 — core + DOM renderer
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -911,7 +911,14 @@ STDEV:(a)=>spread(numbers(a),true),
 STDEVP:(a)=>spread(numbers(a),false),
 VAR:(a)=>{const sd=spread(numbers(a),true);return sd*sd;},
 VARP:(a)=>{const sd=spread(numbers(a),false);return sd*sd;},
-COUNTDISTINCT:(a)=>new Set(a.filter((v)=>v!==null&&v!==undefined&&v!=='')).size,
+COUNTDISTINCT:(a)=>{
+const seen=new Set();
+for(const arg of a){
+const values=Array.isArray(arg)?arg:[arg];
+for(const v of values)if(v!==null&&v!==undefined&&v!=='')seen.add(v);
+}
+return seen.size;
+},
 IQR:(a)=>{
 const values=numbers(a);
 return percentileOf(values,0.75)-percentileOf(values,0.25);
@@ -6725,6 +6732,7 @@ const key=(ctx.row&&ctx.row.key)||api.keyOf(ctx.data);
 return key?api.running(source,spec.kind||'total',key):null;
 },
 };
+if(def.sort===undefined)m.sort={...(m.sort||{}),enabled:false};
 }
 const field=def.field??(isFunction(m.value&&m.value.compute)?null:(def.id??null));
 const computed=isFunction(m.value&&m.value.compute);
@@ -12945,14 +12953,22 @@ return this.#keyIndex.get(key);
 #changedColumns(previous,next){
 const changed=[];
 for(const colId of this.#queryColumns()){
-const column=this.#column(colId);
-if(!column)continue;
-const before=isFunction(column.getValue)?column.getValue(previous):undefined;
-const after=isFunction(column.getValue)?column.getValue(next):undefined;
-if(!Object.is(before,after))changed.push(colId);
+if(this.#column(colId)&&this.#moved(colId,previous,next,new Set()))changed.push(colId);
 }
 return changed;
 }
+#moved(colId,previous,next,seen){
+if(seen.has(colId))return false;
+seen.add(colId);
+const column=this.#column(colId);
+if(!column)return false;
+const deps=column.value&&column.value.deps;
+if(Array.isArray(deps)&&deps.length){
+return deps.some((dep)=>this.#moved(String(dep),previous,next,seen));
+}
+if(!isFunction(column.getValue))return false;
+return!Object.is(column.getValue(previous),column.getValue(next));
+}
 #queryColumns(){
 const ids=new Set();
 for(const entry of this.#state('sort',[]))ids.add(entry.col);
@@ -13101,7 +13117,16 @@ handleFor(colId){
 return this.#handles.handle(colId);
 }
 #runSort(filtered){
-const entries=this.#state('sort',[]);
+const entries=this.#state('sort',[]).filter((entry)=>{
+const column=this.#column(entry.col);
+if(!column||!column.running)return true;
+warnOnce(
+`source.sort.running.${entry.col}`,
+`sort ignores "${entry.col}": a running total is a function of the sort order, `
++'so it cannot also decide it. Sort by the column it runs over instead.',
+);
+return false;
+});
 if(!entries.length)return filtered;
 const locale=(this.#ctx.config||{}).locale;
 if(entries.length===1){
@@ -15024,6 +15049,354 @@ if(isFunction(emit))emit(type,payload);
 }
 }
 });
+__def("packages/core/src/source/derive.js",function(__exports,__req){
+'use strict';
+Object.defineProperty(__exports,"FOLLOW_MODES",{enumerable:true,get:function(){return FOLLOW_MODES;}});
+Object.defineProperty(__exports,"BUCKETS",{enumerable:true,get:function(){return BUCKETS;}});
+Object.defineProperty(__exports,"DERIVED_ROW_KEY",{enumerable:true,get:function(){return DERIVED_ROW_KEY;}});
+Object.defineProperty(__exports,"readPath",{enumerable:true,get:function(){return readPath;}});
+Object.defineProperty(__exports,"unnest",{enumerable:true,get:function(){return unnest;}});
+Object.defineProperty(__exports,"bucketOf",{enumerable:true,get:function(){return bucketOf;}});
+Object.defineProperty(__exports,"reduceValues",{enumerable:true,get:function(){return reduceValues;}});
+Object.defineProperty(__exports,"applyLimit",{enumerable:true,get:function(){return applyLimit;}});
+Object.defineProperty(__exports,"applyCumulative",{enumerable:true,get:function(){return applyCumulative;}});
+Object.defineProperty(__exports,"derive",{enumerable:true,get:function(){return derive;}});
+const __m0=__req("packages/core/src/internal/util.js");
+const isFunction=__m0["isFunction"];
+const isObject=__m0["isObject"];
+const __m1=__req("packages/core/src/compute/total.js");
+const TOTAL_FNS=__m1["TOTAL_FNS"];
+const FOLLOW_MODES=Object.freeze(['filtered','all','selected','grouped']);
+const BUCKETS=Object.freeze(['day','week','month','quarter','year']);
+const DERIVED_ROW_KEY='__key';
+function readPath(obj,path){
+if(!isObject(obj)||typeof path!=='string')return undefined;
+if(!path.includes('.'))return(obj)[path];
+let cursor=(obj);
+for(const part of path.split('.')){
+if(!isObject(cursor))return undefined;
+cursor=(cursor)[part];
+}
+return cursor;
+}
+function unnest(rows,path){
+const out=[];
+for(const row of rows){
+const list=readPath(row,path);
+if(!Array.isArray(list)||!list.length)continue;
+for(const item of list)out.push({...((row)),[path]:item});
+}
+return out;
+}
+function bucketOf(value,by){
+const at=value instanceof Date?value:new Date((value));
+const time=at.getTime();
+if(!Number.isFinite(time))return null;
+const y=at.getUTCFullYear();
+const m=at.getUTCMonth();
+const d=at.getUTCDate();
+const iso=(date)=>date.toISOString().slice(0,10);
+switch(by){
+case'year':return iso(new Date(Date.UTC(y,0,1)));
+case'quarter':return iso(new Date(Date.UTC(y,Math.floor(m/3)*3,1)));
+case'month':return iso(new Date(Date.UTC(y,m,1)));
+case'week':{
+const day=(at.getUTCDay()+6)%7;
+return iso(new Date(Date.UTC(y,m,d-day)));
+}
+default:return iso(new Date(Date.UTC(y,m,d)));
+}
+}
+function groupKeyOf(row,by,bucket){
+const values=by.map((path)=>(
+bucket&&bucket.of===path?bucketOf(readPath(row,path),bucket.by):readPath(row,path)
+));
+return{key:values.map((v)=>(v===undefined||v===null?'\u0000':String(v))).join('\u001f'),values};
+}
+function reduceValues(values,fn){
+const kernel=TOTAL_FNS[fn];
+if(!kernel)return null;
+return kernel({get:(i)=>values[i]},ROW_INDICES(values.length));
+}
+function reduceGroup(rows,select){
+const out={};
+const indices=ROW_INDICES(rows.length);
+for(const[id,spec]of Object.entries(select)){
+const fn=spec.fn||'count';
+const kernel=TOTAL_FNS[fn];
+if(!kernel){out[id]=null;continue;}
+const values=spec.of?rows.map((row)=>readPath(row,spec.of)):[];
+out[id]=kernel({get:(i)=>values[i]},indices);
+}
+return out;
+}
+const ROW_INDICES=(()=>{
+const cache=new Map();
+return(n)=>{
+let hit=cache.get(n);
+if(!hit){
+hit=new Uint32Array(n);
+for(let i=0;i<n;i++)hit[i]=i;
+if(cache.size<512)cache.set(n,hit);
+}
+return hit;
+};
+})();
+function applyLimit(rows,limit,per){
+if(!Number.isFinite(limit)||limit<=0)return rows;
+if(!per)return rows.slice(0,limit);
+const seen=new Map();
+const out=[];
+for(const row of rows){
+const key=String(readPath(row,per));
+const taken=seen.get(key)||0;
+if(taken>=limit)continue;
+seen.set(key,taken+1);
+out.push(row);
+}
+return out;
+}
+function applyCumulative(rows,spec){
+const total=rows.reduce((sum,row)=>sum+(Number(readPath(row,spec.of))||0),0);
+if(!total)return rows;
+const cutoff=total*spec.upTo;
+let running=0;
+const out=[];
+for(const row of rows){
+out.push(row);
+running+=Number(readPath(row,spec.of))||0;
+if(running>=cutoff)break;
+}
+return out;
+}
+function sortRows(rows,spec){
+if(!Array.isArray(spec)||!spec.length)return rows;
+return[...rows].sort((a,b)=>{
+for(const entry of spec){
+const av=readPath(a,entry.col);
+const bv=readPath(b,entry.col);
+if(av===bv)continue;
+if(av===null||av===undefined)return 1;
+if(bv===null||bv===undefined)return-1;
+const less=typeof av==='number'&&typeof bv==='number'
+?av<bv
+:String(av)<String(bv);
+return(less?-1:1)*(entry.dir==='desc'?-1:1);
+}
+return 0;
+});
+}
+function derive(rows,spec){
+let working=Array.isArray(rows)?rows:[];
+if(spec.unnest)working=unnest(working,spec.unnest);
+if(isFunction(spec.where))working=working.filter((row)=>!!spec.where(row));
+const by=spec.groupBy
+?(Array.isArray(spec.groupBy)?spec.groupBy:[spec.groupBy])
+:null;
+const bucket=isObject(spec.bucket)?spec.bucket:null;
+let out;
+if(!by){
+out=working.map((row,i)=>({
+...((row)),
+[DERIVED_ROW_KEY]:String(readPath(row,spec.rowKey||'id')??i),
+}));
+}else{
+const groups=new Map();
+for(const row of working){
+const{key,values}=groupKeyOf(row,by,bucket);
+let bucketed=groups.get(key);
+if(!bucketed){bucketed={values,rows:[]};groups.set(key,bucketed);}
+bucketed.rows.push(row);
+}
+out=[...groups.entries()].map(([key,group])=>{
+const row={[DERIVED_ROW_KEY]:key};
+by.forEach((path,i)=>{row[path.includes('.')?path.split('.').pop():path]=group.values[i];});
+Object.assign(row,reduceGroup(group.rows,spec.select||{}));
+return row;
+});
+}
+out=sortRows(out,spec.sort);
+if(isObject(spec.cumulative))out=applyCumulative(out,spec.cumulative);
+return applyLimit(out,spec.limit,spec.limitPer||null);
+}
+});
+__def("packages/core/src/source/derived.js",function(__exports,__req){
+'use strict';
+Object.defineProperty(__exports,"IDLE_REFRESH_MS",{enumerable:true,get:function(){return IDLE_REFRESH_MS;}});
+Object.defineProperty(__exports,"PROFILE_FIELDS",{enumerable:true,get:function(){return PROFILE_FIELDS;}});
+Object.defineProperty(__exports,"DerivedSource",{enumerable:true,get:function(){return DerivedSource;}});
+Object.defineProperty(__exports,"createDerivedSource",{enumerable:true,get:function(){return createDerivedSource;}});
+const __m0=__req("packages/core/src/internal/util.js");
+const isFunction=__m0["isFunction"];
+const isObject=__m0["isObject"];
+const warnOnce=__m0["warnOnce"];
+const __m1=__req("packages/core/src/source/memory.js");
+const MemorySource=__m1["MemorySource"];
+const __m2=__req("packages/core/src/source/derive.js");
+const derive=__m2["derive"];
+const FOLLOW_MODES=__m2["FOLLOW_MODES"];
+const DERIVED_ROW_KEY=__m2["DERIVED_ROW_KEY"];
+const IDLE_REFRESH_MS=16;
+const PROFILE_FIELDS=Object.freeze([
+'column','rows','present','missing','distinct',
+'min','max','mean','median','q1','q3','iqr','stddev','outliers',
+]);
+class DerivedSource extends MemorySource{
+#from=null;
+#spec={};
+#off=[];
+#pending=null;
+#gone=false;
+#ctx={};
+#deriving=false;
+constructor(config,ctx){
+super({mode:'memory',rows:[]},ctx);
+this.#ctx=ctx||{};
+this.#spec=isObject(config)?config:{};
+this.#from=(this.#spec.from)||null;
+if(!this.#from){
+warnOnce('source.derived.from','source.mode "derived" needs `from`: the grid to derive from.');
+return;
+}
+if(this.#spec.follow&&!FOLLOW_MODES.includes(String(this.#spec.follow))){
+warnOnce(
+`source.derived.follow.${this.#spec.follow}`,
+`unknown follow "${this.#spec.follow}"; using "filtered". Known: ${FOLLOW_MODES.join(', ')}.`,
+);
+}
+this.#watch();
+this.refresh();
+}
+#watch(){
+const grid=this.#from;
+if(!grid||!isFunction(grid.on))return;
+const follow=String(this.#spec.follow||'filtered');
+const events=['rows:changed'];
+if(follow==='filtered'||follow==='grouped')events.push('filter:changed');
+if(follow==='selected')events.push('selection:changed');
+if(follow==='grouped')events.push('column:grouped');
+for(const name of events){
+const handler=()=>this.schedule();
+grid.on(name,handler);
+this.#off.push(()=>isFunction(grid.off)&&grid.off(name,handler));
+}
+}
+schedule(){
+const mode=this.#spec.refresh===undefined?'idle':this.#spec.refresh;
+if(mode==='manual')return;
+if(mode==='live'){this.refresh();return;}
+const wait=typeof mode==='number'&&Number.isFinite(mode)?mode:IDLE_REFRESH_MS;
+if(this.#pending)return;
+this.#pending=setTimeout(()=>{this.#pending=null;this.refresh();},wait);
+}
+refresh(){
+if(this.#gone||!this.#from)return;
+if(this.#deriving){
+warnOnce(
+'source.derived.cycle',
+'a derived grid is deriving from itself, directly or through a chain. '
++'The cycle was refused; check the `from` of each grid in the chain.',
+);
+return;
+}
+this.#deriving=true;
+try{
+const rows=this.#spec.profile
+?this.#deriveProfile()
+:derive(this.#sourceRows(),this.#resolvedSpec());
+this.setRows(rows);
+this.invalidate('filter');
+if(isFunction(this.#ctx.emit)){
+(this.#ctx.emit)('rows:changed',{},'derived');
+}
+}finally{
+this.#deriving=false;
+}
+}
+#resolvedSpec(){
+if(String(this.#spec.follow||'filtered')!=='grouped')return this.#spec;
+const grid=this.#from;
+const state=grid&&grid.state&&isFunction(grid.state.get)?grid.state.get():null;
+const grouped=state&&Array.isArray(state.group)?state.group:[];
+if(!grouped.length)return this.#spec;
+return{...this.#spec,groupBy:[...grouped]};
+}
+#sourceRows(){
+const grid=this.#from;
+const follow=String(this.#spec.follow||'filtered');
+if(!grid||!grid.rows)return[];
+if(follow==='all'){
+const every=[];
+if(isFunction(grid.rows.forEachAll)){
+grid.rows.forEachAll((row)=>{if(!row.group)every.push(unwrap(row));});
+}
+return every;
+}
+if(follow==='selected'){
+const rows=grid.selection&&isFunction(grid.selection.rows)?grid.selection.rows():[];
+return rows.filter(Boolean).map(unwrap);
+}
+const out=[];
+if(isFunction(grid.rows.forEach)){
+grid.rows.forEach((row)=>{if(!row.group)out.push(unwrap(row));});
+}
+return out;
+}
+#deriveProfile(){
+const grid=this.#from;
+if(!grid||!grid.statistics||!isFunction(grid.statistics.profile))return[];
+const wanted=Array.isArray(this.#spec.profile)?this.#spec.profile:[this.#spec.profile];
+const rows=wanted.filter(Boolean).map((colId)=>{
+const stats=grid.statistics.profile(String(colId))||{};
+const row={[DERIVED_ROW_KEY]:String(colId)};
+for(const field of PROFILE_FIELDS){
+row[field]=field==='column'?String(colId):(stats[field]??null);
+}
+row.outliers=Array.isArray(stats.outliers)?stats.outliers.length:(stats.outliers??null);
+return row;
+});
+if(this.#spec.orient!=='metrics')return rows;
+const first=rows[0];
+if(!first)return[];
+return PROFILE_FIELDS.filter((f)=>f!=='column').map((field)=>({
+[DERIVED_ROW_KEY]:field,metric:field,value:first[field],
+}));
+}
+apply(change){
+const ops=['add','update','remove'];
+const rejected=[];
+for(const op of ops){
+for(const row of(change&&change[op])||[]){
+rejected.push({operation:op,id:row&&row.id,reason:'derived-read-only'});
+}
+}
+if(rejected.length){
+warnOnce(
+'source.derived.readonly',
+'a derived grid is read-only: its rows are computed from another grid. '
++'Write to the source grid instead, and the derived one follows.',
+);
+}
+return{added:[],updated:[],removed:[],rejected};
+}
+destroy(){
+this.#gone=true;
+if(this.#pending){clearTimeout(this.#pending);this.#pending=null;}
+for(const off of this.#off){try{off();}catch{}}
+this.#off=[];
+this.#from=null;
+super.destroy();
+}
+}
+function unwrap(row){
+return isObject(row)&&'data'in(row)
+?(row).data
+:row;
+}
+function createDerivedSource(config,ctx){
+return new DerivedSource(config,ctx);
+}
+});
 __def("packages/core/src/source/index.js",function(__exports,__req){
 'use strict';
 Object.defineProperty(__exports,"createMemorySource",{enumerable:true,get:function(){return createMemorySource;}});
@@ -15037,6 +15410,10 @@ Object.defineProperty(__exports,"PROTOCOL",{enumerable:true,get:function(){retur
 Object.defineProperty(__exports,"createStreamSource",{enumerable:true,get:function(){return createStreamSource;}});
 Object.defineProperty(__exports,"StreamSource",{enumerable:true,get:function(){return StreamSource;}});
 Object.defineProperty(__exports,"DEFAULT_PROMOTE_BELOW",{enumerable:true,get:function(){return DEFAULT_PROMOTE_BELOW;}});
+Object.defineProperty(__exports,"createDerivedSource",{enumerable:true,get:function(){return createDerivedSource;}});
+Object.defineProperty(__exports,"DerivedSource",{enumerable:true,get:function(){return DerivedSource;}});
+Object.defineProperty(__exports,"IDLE_REFRESH_MS",{enumerable:true,get:function(){return IDLE_REFRESH_MS;}});
+Object.defineProperty(__exports,"PROFILE_FIELDS",{enumerable:true,get:function(){return PROFILE_FIELDS;}});
 Object.defineProperty(__exports,"MODES",{enumerable:true,get:function(){return MODES;}});
 Object.defineProperty(__exports,"createSource",{enumerable:true,get:function(){return createSource;}});
 const __m0=__req("packages/core/src/internal/util.js");
@@ -15058,41 +15435,57 @@ const __m4=__req("packages/core/src/source/stream.js");
 const createStreamSource=__m4["createStreamSource"];
 const StreamSource=__m4["StreamSource"];
 const DEFAULT_PROMOTE_BELOW=__m4["DEFAULT_PROMOTE_BELOW"];
-const __m5=__req("packages/core/src/source/abort.js");
-Object.defineProperty(__exports,"AbortScope",{enumerable:true,get:function(){return __m5["AbortScope"];}});
-Object.defineProperty(__exports,"RequestToken",{enumerable:true,get:function(){return __m5["RequestToken"];}});
-Object.defineProperty(__exports,"SupersededError",{enumerable:true,get:function(){return __m5["SupersededError"];}});
-Object.defineProperty(__exports,"createAbortScope",{enumerable:true,get:function(){return __m5["createAbortScope"];}});
-Object.defineProperty(__exports,"isAbortError",{enumerable:true,get:function(){return __m5["isAbortError"];}});
-const __m6=__req("packages/core/src/source/filterwire.js");
-Object.defineProperty(__exports,"RELATIVE_TOKENS",{enumerable:true,get:function(){return __m6["RELATIVE_TOKENS"];}});
-Object.defineProperty(__exports,"parseRelativeToken",{enumerable:true,get:function(){return __m6["parseRelativeToken"];}});
-Object.defineProperty(__exports,"resolveRelativeRange",{enumerable:true,get:function(){return __m6["resolveRelativeRange"];}});
-Object.defineProperty(__exports,"resolveRelativeCondition",{enumerable:true,get:function(){return __m6["resolveRelativeCondition"];}});
-Object.defineProperty(__exports,"relativeTokenOf",{enumerable:true,get:function(){return __m6["relativeTokenOf"];}});
-Object.defineProperty(__exports,"buildFilterSet",{enumerable:true,get:function(){return __m6["buildFilterSet"];}});
-Object.defineProperty(__exports,"normaliseFilterSet",{enumerable:true,get:function(){return __m6["normaliseFilterSet"];}});
-Object.defineProperty(__exports,"wireFilters",{enumerable:true,get:function(){return __m6["wireFilters"];}});
-Object.defineProperty(__exports,"querySignature",{enumerable:true,get:function(){return __m6["querySignature"];}});
-Object.defineProperty(__exports,"mapConditions",{enumerable:true,get:function(){return __m6["mapConditions"];}});
-Object.defineProperty(__exports,"forEachCondition",{enumerable:true,get:function(){return __m6["forEachCondition"];}});
-Object.defineProperty(__exports,"isGroup",{enumerable:true,get:function(){return __m6["isGroup"];}});
-const __m7=__req("packages/core/src/source/blockcache.js");
-Object.defineProperty(__exports,"BlockCache",{enumerable:true,get:function(){return __m7["BlockCache"];}});
-Object.defineProperty(__exports,"DEFAULT_PAGE_SIZE",{enumerable:true,get:function(){return __m7["DEFAULT_PAGE_SIZE"];}});
-Object.defineProperty(__exports,"DEFAULT_MAX_CACHED_PAGES",{enumerable:true,get:function(){return __m7["DEFAULT_MAX_CACHED_PAGES"];}});
-const __m8=__req("packages/core/src/source/gapbuffer.js");
-Object.defineProperty(__exports,"GapBuffer",{enumerable:true,get:function(){return __m8["GapBuffer"];}});
-const __m9=__req("packages/core/src/source/rows.js");
-Object.defineProperty(__exports,"RowFactory",{enumerable:true,get:function(){return __m9["RowFactory"];}});
-Object.defineProperty(__exports,"createRowFactory",{enumerable:true,get:function(){return __m9["createRowFactory"];}});
-Object.defineProperty(__exports,"groupKey",{enumerable:true,get:function(){return __m9["groupKey"];}});
-Object.defineProperty(__exports,"lazyRowView",{enumerable:true,get:function(){return __m9["lazyRowView"];}});
-Object.defineProperty(__exports,"DEFAULT_ROW_HEIGHT",{enumerable:true,get:function(){return __m9["DEFAULT_ROW_HEIGHT"];}});
-const __m10=__req("packages/core/src/source/handles.js");
-Object.defineProperty(__exports,"HandleProvider",{enumerable:true,get:function(){return __m10["HandleProvider"];}});
-Object.defineProperty(__exports,"createHandleProvider",{enumerable:true,get:function(){return __m10["createHandleProvider"];}});
-const MODES=Object.freeze(['memory','paged','remote','stream']);
+const __m5=__req("packages/core/src/source/derived.js");
+const createDerivedSource=__m5["createDerivedSource"];
+const DerivedSource=__m5["DerivedSource"];
+const IDLE_REFRESH_MS=__m5["IDLE_REFRESH_MS"];
+const PROFILE_FIELDS=__m5["PROFILE_FIELDS"];
+const __m6=__req("packages/core/src/source/derive.js");
+Object.defineProperty(__exports,"derive",{enumerable:true,get:function(){return __m6["derive"];}});
+Object.defineProperty(__exports,"unnest",{enumerable:true,get:function(){return __m6["unnest"];}});
+Object.defineProperty(__exports,"readPath",{enumerable:true,get:function(){return __m6["readPath"];}});
+Object.defineProperty(__exports,"bucketOf",{enumerable:true,get:function(){return __m6["bucketOf"];}});
+Object.defineProperty(__exports,"applyLimit",{enumerable:true,get:function(){return __m6["applyLimit"];}});
+Object.defineProperty(__exports,"applyCumulative",{enumerable:true,get:function(){return __m6["applyCumulative"];}});
+Object.defineProperty(__exports,"reduceValues",{enumerable:true,get:function(){return __m6["reduceValues"];}});
+Object.defineProperty(__exports,"FOLLOW_MODES",{enumerable:true,get:function(){return __m6["FOLLOW_MODES"];}});
+Object.defineProperty(__exports,"BUCKETS",{enumerable:true,get:function(){return __m6["BUCKETS"];}});
+Object.defineProperty(__exports,"DERIVED_ROW_KEY",{enumerable:true,get:function(){return __m6["DERIVED_ROW_KEY"];}});
+const __m7=__req("packages/core/src/source/abort.js");
+Object.defineProperty(__exports,"AbortScope",{enumerable:true,get:function(){return __m7["AbortScope"];}});
+Object.defineProperty(__exports,"RequestToken",{enumerable:true,get:function(){return __m7["RequestToken"];}});
+Object.defineProperty(__exports,"SupersededError",{enumerable:true,get:function(){return __m7["SupersededError"];}});
+Object.defineProperty(__exports,"createAbortScope",{enumerable:true,get:function(){return __m7["createAbortScope"];}});
+Object.defineProperty(__exports,"isAbortError",{enumerable:true,get:function(){return __m7["isAbortError"];}});
+const __m8=__req("packages/core/src/source/filterwire.js");
+Object.defineProperty(__exports,"RELATIVE_TOKENS",{enumerable:true,get:function(){return __m8["RELATIVE_TOKENS"];}});
+Object.defineProperty(__exports,"parseRelativeToken",{enumerable:true,get:function(){return __m8["parseRelativeToken"];}});
+Object.defineProperty(__exports,"resolveRelativeRange",{enumerable:true,get:function(){return __m8["resolveRelativeRange"];}});
+Object.defineProperty(__exports,"resolveRelativeCondition",{enumerable:true,get:function(){return __m8["resolveRelativeCondition"];}});
+Object.defineProperty(__exports,"relativeTokenOf",{enumerable:true,get:function(){return __m8["relativeTokenOf"];}});
+Object.defineProperty(__exports,"buildFilterSet",{enumerable:true,get:function(){return __m8["buildFilterSet"];}});
+Object.defineProperty(__exports,"normaliseFilterSet",{enumerable:true,get:function(){return __m8["normaliseFilterSet"];}});
+Object.defineProperty(__exports,"wireFilters",{enumerable:true,get:function(){return __m8["wireFilters"];}});
+Object.defineProperty(__exports,"querySignature",{enumerable:true,get:function(){return __m8["querySignature"];}});
+Object.defineProperty(__exports,"mapConditions",{enumerable:true,get:function(){return __m8["mapConditions"];}});
+Object.defineProperty(__exports,"forEachCondition",{enumerable:true,get:function(){return __m8["forEachCondition"];}});
+Object.defineProperty(__exports,"isGroup",{enumerable:true,get:function(){return __m8["isGroup"];}});
+const __m9=__req("packages/core/src/source/blockcache.js");
+Object.defineProperty(__exports,"BlockCache",{enumerable:true,get:function(){return __m9["BlockCache"];}});
+Object.defineProperty(__exports,"DEFAULT_PAGE_SIZE",{enumerable:true,get:function(){return __m9["DEFAULT_PAGE_SIZE"];}});
+Object.defineProperty(__exports,"DEFAULT_MAX_CACHED_PAGES",{enumerable:true,get:function(){return __m9["DEFAULT_MAX_CACHED_PAGES"];}});
+const __m10=__req("packages/core/src/source/gapbuffer.js");
+Object.defineProperty(__exports,"GapBuffer",{enumerable:true,get:function(){return __m10["GapBuffer"];}});
+const __m11=__req("packages/core/src/source/rows.js");
+Object.defineProperty(__exports,"RowFactory",{enumerable:true,get:function(){return __m11["RowFactory"];}});
+Object.defineProperty(__exports,"createRowFactory",{enumerable:true,get:function(){return __m11["createRowFactory"];}});
+Object.defineProperty(__exports,"groupKey",{enumerable:true,get:function(){return __m11["groupKey"];}});
+Object.defineProperty(__exports,"lazyRowView",{enumerable:true,get:function(){return __m11["lazyRowView"];}});
+Object.defineProperty(__exports,"DEFAULT_ROW_HEIGHT",{enumerable:true,get:function(){return __m11["DEFAULT_ROW_HEIGHT"];}});
+const __m12=__req("packages/core/src/source/handles.js");
+Object.defineProperty(__exports,"HandleProvider",{enumerable:true,get:function(){return __m12["HandleProvider"];}});
+Object.defineProperty(__exports,"createHandleProvider",{enumerable:true,get:function(){return __m12["createHandleProvider"];}});
+const MODES=Object.freeze(['memory','paged','remote','stream','derived']);
 function createSource(config,ctx){
 if(!ctx)fail('createSource requires a SourceContext');
 const resolved=isObject(config)?config:{mode:'memory'};
@@ -15102,6 +15495,7 @@ case'memory':return createMemorySource((resolved),ctx);
 case'paged':return createPagedSource((resolved),ctx);
 case'remote':return createRemoteSource((resolved),ctx);
 case'stream':return createStreamSource((resolved),ctx);
+case'derived':return createDerivedSource((resolved),ctx);
 default:
 warnOnce(
 `source.mode.${mode}`,
@@ -25192,6 +25586,7 @@ const __m19=__req("packages/core/src/compute/index.js");
 const compute=__m19;
 const __m20=__req("packages/core/src/source/index.js");
 const createSource=__m20["createSource"];
+const DERIVED_ROW_KEY=__m20["DERIVED_ROW_KEY"];
 const __m21=__req("packages/core/src/source/rows.js");
 const pinnedRow=__m21["pinnedRow"];
 const DEFAULT_ROW_HEIGHT=__m21["DEFAULT_ROW_HEIGHT"];
@@ -25448,6 +25843,10 @@ for(const[name,fn]of Object.entries(this.#config.totalFns||{})){
 if(isFunction(fn))this.#registry.register('totalFn',name,fn);
 }
 this.#pool=new MaskPool();
+if(this.#config.rowKey===undefined&&isObject(this.#config.source)
+&&(this.#config.source).mode==='derived'){
+this.#config.rowKey=DERIVED_ROW_KEY;
+}
 this.#rowKeyResolver=createRowKey(this.#config.rowKey);
 this.#rowKey=(data,index)=>this.#rowKeyResolver.key(data,index);
 if(Array.isArray(this.#config.pinnedTopRows))this.#pinnedTop=this.#config.pinnedTopRows.slice();
@@ -28627,6 +29026,8 @@ Object.defineProperty(__exports,"RADIX_PRESETS",{enumerable:true,get:function(){
 Object.defineProperty(__exports,"parseRadix",{enumerable:true,get:function(){return parseRadix;}});
 Object.defineProperty(__exports,"formatRadix",{enumerable:true,get:function(){return formatRadix;}});
 Object.defineProperty(__exports,"createUnitType",{enumerable:true,get:function(){return createUnitType;}});
+Object.defineProperty(__exports,"registerUnitSystem",{enumerable:true,get:function(){return registerUnitSystem;}});
+Object.defineProperty(__exports,"defineUnit",{enumerable:true,get:function(){return defineUnit;}});
 Object.defineProperty(__exports,"UNIT_SYSTEMS",{enumerable:true,get:function(){return UNIT_SYSTEMS;}});
 Object.defineProperty(__exports,"parseUnit",{enumerable:true,get:function(){return parseUnit;}});
 Object.defineProperty(__exports,"formatUnit",{enumerable:true,get:function(){return formatUnit;}});
@@ -28637,6 +29038,8 @@ const RADIX_PRESETS=__m0["RADIX_PRESETS"];
 const parseRadix=__m0["parseRadix"];
 const formatRadix=__m0["formatRadix"];
 const createUnitType=__m0["createUnitType"];
+const registerUnitSystem=__m0["registerUnitSystem"];
+const defineUnit=__m0["defineUnit"];
 const UNIT_SYSTEMS=__m0["UNIT_SYSTEMS"];
 const parseUnit=__m0["parseUnit"];
 const formatUnit=__m0["formatUnit"];
@@ -38088,6 +38491,8 @@ Object.defineProperty(__exports,"RADIX_PRESETS",{enumerable:true,get:function(){
 Object.defineProperty(__exports,"parseRadix",{enumerable:true,get:function(){return __m5["parseRadix"];}});
 Object.defineProperty(__exports,"formatRadix",{enumerable:true,get:function(){return __m5["formatRadix"];}});
 Object.defineProperty(__exports,"createUnitType",{enumerable:true,get:function(){return __m5["createUnitType"];}});
+Object.defineProperty(__exports,"registerUnitSystem",{enumerable:true,get:function(){return __m5["registerUnitSystem"];}});
+Object.defineProperty(__exports,"defineUnit",{enumerable:true,get:function(){return __m5["defineUnit"];}});
 Object.defineProperty(__exports,"UNIT_SYSTEMS",{enumerable:true,get:function(){return __m5["UNIT_SYSTEMS"];}});
 Object.defineProperty(__exports,"parseUnit",{enumerable:true,get:function(){return __m5["parseUnit"];}});
 Object.defineProperty(__exports,"formatUnit",{enumerable:true,get:function(){return __m5["formatUnit"];}});
@@ -38419,6 +38824,7 @@ const PREFIX='lat';
 const NAMESPACE='lattice';
 const CLASS={
 root:`${PREFIX}-grid-root`,
+title:`${PREFIX}-title`,
 header:`${PREFIX}-header`,
 headerStart:`${PREFIX}-header-left-pinned`,
 headerCentreClip:`${PREFIX}-header-centre-clip`,
@@ -38474,6 +38880,8 @@ fail('DomRenderer needs a DOM. Use createHeadlessGrid() on the server.');
 this.#document=document;
 this.#host=element;
 this.root=el(document,`${NAMESPACE} ${CLASS.root}`);
+this.title=el(document,CLASS.title);
+this.title.hidden=true;
 this.header=el(document,CLASS.header);
 this.headerStart=el(document,CLASS.headerStart);
 this.headerCentreClip=el(document,CLASS.headerCentreClip);
@@ -38503,6 +38911,7 @@ this.stickyBottom=el(document,CLASS.stickyBottom);
 this.overlays=el(document,CLASS.overlays);
 this.statusBar=el(document,CLASS.statusBar);
 this.measureLayer=el(document,CLASS.measure);
+this.root.appendChild(this.title);
 this.root.appendChild(this.header);
 this.root.appendChild(this.bodyViewport);
 this.root.appendChild(this.stickyTop);
@@ -38512,6 +38921,14 @@ this.root.appendChild(this.statusBar);
 this.root.appendChild(this.measureLayer);
 }
 get document(){return this.#document;}
+setTitle(text){
+const value=text===null||text===undefined?'':String(text);
+this.title.textContent=value;
+this.title.hidden=value==='';
+}
+setHeaderVisible(visible){
+this.header.hidden=!visible;
+}
 mount(){
 this.#host.appendChild(this.root);
 }
@@ -42259,6 +42676,7 @@ this.#host=host;
 this.#cellLayer=host.cellLayer||textCellLayer;
 this.#overscan=Number.isFinite(host.config?.overscan)?host.config.overscan:DEFAULT_OVERSCAN;
 this.#viewport=new Viewport(element,{document:host.document});
+this.#applyChrome(host.config);
 this.#layout=new ColumnLayout({
 columns:()=>this.#visibleColumns(),
 threshold:host.config?.columnVirtualisationAbove,
@@ -42328,6 +42746,11 @@ onFrame:(ctx)=>this.#frame(ctx),
 onScrollEnd:()=>this.#host.emit('scroll:end',this.scrollPosition()),
 });
 }
+#applyChrome(config){
+const title=config&&config.title;
+this.#viewport.setTitle(typeof title==='string'?title:null);
+this.#viewport.setHeaderVisible(!(config&&config.showHeader===false));
+}
 mount(){
 if(this.#mountedOnce)return;
 this.#mountedOnce=true;
@@ -59661,6 +60084,12 @@ const __m3=__req("packages/dom/src/renderer/textentry.js");
 const isTextEntry=__m3["isTextEntry"];
 const IN_RANGE='lat-cell--range';
 const RANGE_EDGE='lat-cell--range-edge';
+const EDGE_SIDES=Object.freeze({
+top:'lat-cell--range-top',
+right:'lat-cell--range-right',
+bottom:'lat-cell--range-bottom',
+left:'lat-cell--range-left',
+});
 const DRAG_THRESHOLD=3;
 class RangeController{
 #grid;
@@ -59922,7 +60351,13 @@ if(!Number.isFinite(index)||index<0)continue;
 const inRange=hasRange&&selection.inRange(index,colId);
 const inPreview=!!preview&&this.#inFillPreview(index,colId,preview);
 cell.classList.toggle(IN_RANGE,inRange||inPreview);
-cell.classList.toggle(RANGE_EDGE,(inRange||inPreview)&&this.#isEdge(index,colId,selection));
+const edges=(inRange||inPreview)
+?this.#edgesOf(index,colId,selection)
+:null;
+cell.classList.toggle(RANGE_EDGE,!!edges&&edges.any);
+for(const[side,className]of Object.entries(EDGE_SIDES)){
+cell.classList.toggle(className,!!edges&&edges[side]);
+}
 }
 this.#placeHandle();
 }
@@ -59934,15 +60369,19 @@ if(!columns.has(colId))return false;
 const last=this.#indexOfKey([...new Set(cells.map((c)=>c.key))].pop());
 return index>last&&index<=preview.rowIndex;
 }
-#isEdge(index,colId,selection){
+#edgesOf(index,colId,selection){
 const columns=this.#grid.columns.visible().map((c)=>c.id);
 const at=columns.indexOf(colId);
-const left=at>0?columns[at-1]:null;
-const right=at<columns.length-1?columns[at+1]:null;
-return!selection.inRange(index-1,colId)
-||!selection.inRange(index+1,colId)
-||!left||!selection.inRange(index,left)
-||!right||!selection.inRange(index,right);
+const before=at>0?columns[at-1]:null;
+const after=at>=0&&at<columns.length-1?columns[at+1]:null;
+const edges={
+top:!selection.inRange(index-1,colId),
+bottom:!selection.inRange(index+1,colId),
+left:!before||!selection.inRange(index,before),
+right:!after||!selection.inRange(index,after),
+};
+edges.any=edges.top||edges.bottom||edges.left||edges.right;
+return edges;
 }
 #placeHandle(){
 const corner=this.#grid.selection.corner();
@@ -62988,6 +63427,229 @@ grids.push(el.tagName==='TABLE'?hydrateTable(el,config):createGrid(el,config));
 return grids;
 }
 });
+__def("packages/dom/src/stat.js",function(__exports,__req){
+'use strict';
+Object.defineProperty(__exports,"deltaOf",{enumerable:true,get:function(){return deltaOf;}});
+Object.defineProperty(__exports,"toneOf",{enumerable:true,get:function(){return toneOf;}});
+Object.defineProperty(__exports,"createStat",{enumerable:true,get:function(){return createStat;}});
+const __m0=__req("packages/core/src/internal/util.js");
+const isFunction=__m0["isFunction"];
+const isObject=__m0["isObject"];
+const warnOnce=__m0["warnOnce"];
+const __m1=__req("packages/core/src/source/derive.js");
+const reduceValues=__m1["reduceValues"];
+const CLS={
+root:'lat-stat',
+title:'lat-stat__title',
+value:'lat-stat__value',
+delta:'lat-stat__delta',
+footer:'lat-stat__footer',
+};
+const UNIT_PRESERVING=new Set([
+'sum','min','max','avg','first','last','mode',
+'median','p25','p75','p90','p95','p99',
+'stddev','stddevP','mad','range','iqr',
+'trimmedMean','winsorizedMean','geomean','harmean',
+]);
+const NO_DELTA=Object.freeze({direction:'flat',change:null,percent:null});
+function deltaOf(value,baseline){
+if(!Number.isFinite((value))
+||!Number.isFinite((baseline)))return NO_DELTA;
+const change=(value)-(baseline);
+const direction=change>0?'up':(change<0?'down':'flat');
+const percent=baseline===0?null:(change/Math.abs((baseline)))*100;
+return{direction,change,percent};
+}
+function toneOf(direction,goodWhen){
+if(direction==='flat'||goodWhen==='neither')return'flat';
+return direction===goodWhen?'good':'bad';
+}
+function createStat(spec){
+const config=isObject(spec)?spec:{};
+const grid=config.grid||null;
+const host=resolveContainer(config.container,grid);
+if(!host){
+warnOnce('stat.container','createStat needs a `container`: an element or a selector.');
+return inert();
+}
+const doc=host.ownerDocument||(typeof document==='undefined'?null:document);
+if(!doc){
+warnOnce('stat.document','createStat needs a document; it draws DOM.');
+return inert();
+}
+const root=doc.createElement('div');
+root.className=['lattice',CLS.root,config.class].filter(Boolean).join(' ');
+root.setAttribute('role','group');
+const titleEl=doc.createElement('div');
+titleEl.className=CLS.title;
+const valueEl=doc.createElement('div');
+valueEl.className=CLS.value;
+const deltaEl=doc.createElement('div');
+deltaEl.className=CLS.delta;
+const footerEl=doc.createElement('div');
+footerEl.className=CLS.footer;
+root.appendChild(titleEl);
+root.appendChild(valueEl);
+root.appendChild(deltaEl);
+root.appendChild(footerEl);
+host.appendChild(root);
+let current=null;
+const off=[];
+let gone=false;
+function compute(){
+if(isFunction(config.value))return config.value(grid);
+if(config.value!==undefined&&!isObject(config.value))return config.value;
+const from=isObject(config.value)?config.value:config;
+const col=from.of;
+const fn=from.fn||'sum';
+const show=from.show;
+if(!grid)return null;
+if(fn==='count')return rowsInScope().length;
+if(!col)return null;
+if(show)return pick(String(col),String(fn),String(show));
+if(scope()==='filtered'&&grid.statistics&&isFunction(grid.statistics.reduce)){
+return grid.statistics.reduce(String(col),String(fn));
+}
+return reduceValues(rowsInScope().map((row)=>valueOf(row,String(col))),String(fn));
+}
+function scope(){
+return String(config.scope||'filtered');
+}
+function rowsInScope(){
+if(!grid||!grid.rows)return[];
+const want=scope();
+if(want==='all'){
+const every=[];
+if(isFunction(grid.rows.forEachAll))grid.rows.forEachAll((row)=>{if(!row.group)every.push(plain(row));});
+return every;
+}
+if(want==='selected'){
+const rows=grid.selection&&isFunction(grid.selection.rows)?grid.selection.rows():[];
+return rows.filter(Boolean).map(plain);
+}
+const out=[];
+if(isFunction(grid.rows.forEach)){
+grid.rows.forEach((row)=>{if(!row.group)out.push(plain(row));});
+}
+return out;
+}
+function pick(col,fn,show){
+if(fn!=='min'&&fn!=='max'){
+warnOnce(
+`stat.show.${fn}`,
+`\`show\` needs \`fn: 'min'\` or \`fn: 'max'\`: "${fn}" reduces to a value that no single `
++'row holds, so there is no row to report from.',
+);
+return null;
+}
+let best=null;
+let bestRow=null;
+for(const row of rowsInScope()){
+const value=Number(valueOf(row,col));
+if(!Number.isFinite(value))continue;
+if(best===null||(fn==='max'?value>best:value<best)){
+best=value;
+bestRow=row;
+}
+}
+return bestRow===null?null:valueOf(bestRow,show);
+}
+function render(value){
+if(isFunction(config.format))return String(config.format(value,grid));
+if(value===null||value===undefined)return config.empty??'—';
+const from=isObject(config.value)?config.value:config;
+const source=from.show||from.of;
+const borrow=from.show?true:UNIT_PRESERVING.has(String(from.fn||'sum'));
+if(borrow&&grid&&source&&isFunction(grid.columns?.get)){
+const column=grid.columns.get(String(source));
+if(column&&isFunction(column.formatValue))return column.formatValue(value);
+}
+if(typeof value==='number'){
+return Number.isInteger(value)?String(value):value.toFixed(config.decimals??2);
+}
+return String(value);
+}
+function refresh(){
+if(gone)return;
+const value=compute();
+const baseline=isFunction(config.baseline)?config.baseline(grid):config.baseline;
+current=value;
+titleEl.textContent=config.title??'';
+titleEl.hidden=!config.title;
+valueEl.textContent=render(value);
+const delta=baseline===undefined||baseline===null
+?NO_DELTA
+:deltaOf(typeof value==='number'?value:null,Number(baseline));
+const tone=toneOf(delta.direction,config.goodWhen||'up');
+deltaEl.hidden=delta.change===null;
+if(delta.change!==null){
+const arrow=delta.direction==='up'?'↑':(delta.direction==='down'?'↓':'→');
+const size=delta.percent===null
+?render(Math.abs(delta.change))
+:`${Math.abs(delta.percent).toFixed(1)}%`;
+deltaEl.textContent=`${arrow} ${size}`;
+deltaEl.setAttribute('data-tone',tone);
+deltaEl.setAttribute('data-direction',delta.direction);
+}
+footerEl.textContent=isFunction(config.footer)?String(config.footer(value,grid)):(config.footer??'');
+footerEl.hidden=!footerEl.textContent;
+root.setAttribute('aria-label',[
+config.title,valueEl.textContent,
+delta.change===null?'':deltaEl.textContent,
+footerEl.textContent,
+].filter(Boolean).join(', '));
+}
+if(grid&&isFunction(grid.on)&&config.live!==false){
+for(const event of['rows:changed','filter:changed','selection:changed']){
+const handler=()=>refresh();
+grid.on(event,handler);
+off.push(()=>isFunction(grid.off)&&grid.off(event,handler));
+}
+}
+refresh();
+return{
+element:()=>root,
+value:()=>current,
+refresh,
+destroy(){
+gone=true;
+for(const remove of off){try{remove();}catch{}}
+off.length=0;
+root.remove();
+},
+};
+}
+function plain(row){
+return isObject(row)&&'data'in(row)
+?(row).data
+:row;
+}
+function valueOf(row,path){
+if(!isObject(row))return undefined;
+if(!path.includes('.'))return(row)[path];
+let cursor=(row);
+for(const part of path.split('.')){
+if(!isObject(cursor))return undefined;
+cursor=(cursor)[part];
+}
+return cursor;
+}
+function resolveContainer(container,grid){
+if(container&&typeof container==='object')return(container);
+if(typeof container!=='string')return null;
+const doc=(grid&&grid.element&&grid.element.ownerDocument)
+||(typeof document==='undefined'?null:document);
+return doc?doc.querySelector(container):null;
+}
+function inert(){
+return{
+element:()=>null,
+value:()=>null,
+refresh(){},
+destroy(){},
+};
+}
+});
 __def("packages/dom/src/index.js",function(__exports,__req){
 'use strict';
 Object.defineProperty(__exports,"LatticeGrid",{enumerable:true,get:function(){return LatticeGrid;}});
@@ -63010,6 +63672,10 @@ const serialiseState=__m4["serialiseState"];
 const restoreState=__m4["restoreState"];
 Object.defineProperty(__exports,"createGrid",{enumerable:true,get:function(){return __m0["createGrid"];}});
 Object.defineProperty(__exports,"gridElementsWithin",{enumerable:true,get:function(){return __m0["gridElementsWithin"];}});
+const __m5=__req("packages/dom/src/stat.js");
+Object.defineProperty(__exports,"createStat",{enumerable:true,get:function(){return __m5["createStat"];}});
+Object.defineProperty(__exports,"deltaOf",{enumerable:true,get:function(){return __m5["deltaOf"];}});
+Object.defineProperty(__exports,"toneOf",{enumerable:true,get:function(){return __m5["toneOf"];}});
 Object.defineProperty(__exports,"readTable",{enumerable:true,get:function(){return __m1["readTable"];}});
 Object.defineProperty(__exports,"hydrateTable",{enumerable:true,get:function(){return __m1["hydrateTable"];}});
 Object.defineProperty(__exports,"autoInit",{enumerable:true,get:function(){return __m2["autoInit"];}});
@@ -63045,6 +63711,8 @@ Object.defineProperty(__exports,"RADIX_PRESETS",{enumerable:true,get:function(){
 Object.defineProperty(__exports,"parseRadix",{enumerable:true,get:function(){return __m4["parseRadix"];}});
 Object.defineProperty(__exports,"formatRadix",{enumerable:true,get:function(){return __m4["formatRadix"];}});
 Object.defineProperty(__exports,"createUnitType",{enumerable:true,get:function(){return __m4["createUnitType"];}});
+Object.defineProperty(__exports,"registerUnitSystem",{enumerable:true,get:function(){return __m4["registerUnitSystem"];}});
+Object.defineProperty(__exports,"defineUnit",{enumerable:true,get:function(){return __m4["defineUnit"];}});
 Object.defineProperty(__exports,"UNIT_SYSTEMS",{enumerable:true,get:function(){return __m4["UNIT_SYSTEMS"];}});
 Object.defineProperty(__exports,"parseUnit",{enumerable:true,get:function(){return __m4["parseUnit"];}});
 Object.defineProperty(__exports,"formatUnit",{enumerable:true,get:function(){return __m4["formatUnit"];}});
@@ -63116,71 +63784,71 @@ Object.defineProperty(__exports,"STATE_VERSION",{enumerable:true,get:function(){
 Object.defineProperty(__exports,"serialiseState",{enumerable:true,get:function(){return __m4["serialiseState"];}});
 Object.defineProperty(__exports,"restoreState",{enumerable:true,get:function(){return __m4["restoreState"];}});
 Object.defineProperty(__exports,"VERSION",{enumerable:true,get:function(){return __m4["VERSION"];}});
-const __m5=__req("packages/dom/src/renderer/index.js");
-Object.defineProperty(__exports,"DomRenderer",{enumerable:true,get:function(){return __m5["DomRenderer"];}});
-const __m6=__req("packages/dom/src/filtermenu.js");
-Object.defineProperty(__exports,"FilterMenu",{enumerable:true,get:function(){return __m6["FilterMenu"];}});
-Object.defineProperty(__exports,"mergeColumnFilter",{enumerable:true,get:function(){return __m6["mergeColumnFilter"];}});
-Object.defineProperty(__exports,"branchFor",{enumerable:true,get:function(){return __m6["branchFor"];}});
-const __m7=__req("packages/dom/src/columnmenu.js");
-Object.defineProperty(__exports,"ColumnMenu",{enumerable:true,get:function(){return __m7["ColumnMenu"];}});
-Object.defineProperty(__exports,"columnMenuItems",{enumerable:true,get:function(){return __m7["columnMenuItems"];}});
-Object.defineProperty(__exports,"cellMenuItems",{enumerable:true,get:function(){return __m7["cellMenuItems"];}});
-Object.defineProperty(__exports,"autoGroupMenuItems",{enumerable:true,get:function(){return __m7["autoGroupMenuItems"];}});
-const __m8=__req("packages/dom/src/alignedgrids.js");
-Object.defineProperty(__exports,"AlignedGrids",{enumerable:true,get:function(){return __m8["AlignedGrids"];}});
-Object.defineProperty(__exports,"alignGrids",{enumerable:true,get:function(){return __m8["alignGrids"];}});
-Object.defineProperty(__exports,"layoutState",{enumerable:true,get:function(){return __m8["layoutState"];}});
-const __m9=__req("packages/dom/src/toolpanelmount.js");
-Object.defineProperty(__exports,"ToolPanelDock",{enumerable:true,get:function(){return __m9["ToolPanelDock"];}});
-Object.defineProperty(__exports,"panelHost",{enumerable:true,get:function(){return __m9["panelHost"];}});
-Object.defineProperty(__exports,"mountPanel",{enumerable:true,get:function(){return __m9["mountPanel"];}});
-const __m10=__req("packages/dom/src/celledit.js");
-Object.defineProperty(__exports,"CellEditController",{enumerable:true,get:function(){return __m10["CellEditController"];}});
-const __m11=__req("packages/dom/src/editbar.js");
-Object.defineProperty(__exports,"EditBar",{enumerable:true,get:function(){return __m11["EditBar"];}});
-const __m12=__req("packages/dom/src/historybar.js");
-Object.defineProperty(__exports,"HistoryBar",{enumerable:true,get:function(){return __m12["HistoryBar"];}});
-Object.defineProperty(__exports,"HISTORY_CLS",{enumerable:true,get:function(){return __m12["HISTORY_CLS"];}});
-const __m13=__req("packages/dom/src/diffpaint.js");
-Object.defineProperty(__exports,"DiffPainter",{enumerable:true,get:function(){return __m13["DiffPainter"];}});
-const __m14=__req("packages/dom/src/viewpicker.js");
-Object.defineProperty(__exports,"ViewPicker",{enumerable:true,get:function(){return __m14["ViewPicker"];}});
-Object.defineProperty(__exports,"VIEW_CLS",{enumerable:true,get:function(){return __m14["VIEW_CLS"];}});
-Object.defineProperty(__exports,"summariseDiff",{enumerable:true,get:function(){return __m14["summariseDiff"];}});
-const __m15=__req("packages/dom/src/promptbar.js");
-Object.defineProperty(__exports,"PromptBar",{enumerable:true,get:function(){return __m15["PromptBar"];}});
-Object.defineProperty(__exports,"PROMPT_CLASS",{enumerable:true,get:function(){return __m15["PROMPT_CLASS"];}});
-const __m16=__req("packages/dom/src/cell/index.js");
-Object.defineProperty(__exports,"createCellLayer",{enumerable:true,get:function(){return __m16["createCellLayer"];}});
-Object.defineProperty(__exports,"compileTemplate",{enumerable:true,get:function(){return __m16["compileTemplate"];}});
-Object.defineProperty(__exports,"compileVariant",{enumerable:true,get:function(){return __m16["compileVariant"];}});
-Object.defineProperty(__exports,"checkVariant",{enumerable:true,get:function(){return __m16["checkVariant"];}});
-Object.defineProperty(__exports,"VariantRegistry",{enumerable:true,get:function(){return __m16["VariantRegistry"];}});
-Object.defineProperty(__exports,"BUILTIN_RENDERERS",{enumerable:true,get:function(){return __m16["BUILTIN_RENDERERS"];}});
-Object.defineProperty(__exports,"BUILTIN_VARIANTS",{enumerable:true,get:function(){return __m16["BUILTIN_VARIANTS"];}});
-Object.defineProperty(__exports,"BUILTIN_PIPES",{enumerable:true,get:function(){return __m16["BUILTIN_PIPES"];}});
-const __m17=__req("packages/dom/src/editors/index.js");
-Object.defineProperty(__exports,"editors",{enumerable:true,get:function(){return __m17["editors"];}});
-Object.defineProperty(__exports,"createEditor",{enumerable:true,get:function(){return __m17["createEditor"];}});
-Object.defineProperty(__exports,"editorFor",{enumerable:true,get:function(){return __m17["editorFor"];}});
-Object.defineProperty(__exports,"BaseEditor",{enumerable:true,get:function(){return __m17["BaseEditor"];}});
-const __m18=__req("packages/dom/src/filters/index.js");
-Object.defineProperty(__exports,"filters",{enumerable:true,get:function(){return __m18["filters"];}});
-Object.defineProperty(__exports,"createFilter",{enumerable:true,get:function(){return __m18["createFilter"];}});
-Object.defineProperty(__exports,"filterFor",{enumerable:true,get:function(){return __m18["filterFor"];}});
-Object.defineProperty(__exports,"parseExpression",{enumerable:true,get:function(){return __m18["parseExpression"];}});
-const __m19=__req("packages/dom/src/ui/index.js");
-Object.defineProperty(__exports,"StatusBar",{enumerable:true,get:function(){return __m19["StatusBar"];}});
-Object.defineProperty(__exports,"ContextMenu",{enumerable:true,get:function(){return __m19["ContextMenu"];}});
-Object.defineProperty(__exports,"ToolPanel",{enumerable:true,get:function(){return __m19["ToolPanel"];}});
-Object.defineProperty(__exports,"TooltipManager",{enumerable:true,get:function(){return __m19["TooltipManager"];}});
-Object.defineProperty(__exports,"Pagination",{enumerable:true,get:function(){return __m19["Pagination"];}});
-Object.defineProperty(__exports,"OverlayLayer",{enumerable:true,get:function(){return __m19["OverlayLayer"];}});
-const __m20=__req("packages/core/src/registry/licence.js");
-Object.defineProperty(__exports,"setLicense",{enumerable:true,get:function(){return __m20["setLicence"];}});
-Object.defineProperty(__exports,"licenseInfo",{enumerable:true,get:function(){return __m20["licenceInfo"];}});
-Object.defineProperty(__exports,"licenseState",{enumerable:true,get:function(){return __m20["licenceState"];}});
+const __m6=__req("packages/dom/src/renderer/index.js");
+Object.defineProperty(__exports,"DomRenderer",{enumerable:true,get:function(){return __m6["DomRenderer"];}});
+const __m7=__req("packages/dom/src/filtermenu.js");
+Object.defineProperty(__exports,"FilterMenu",{enumerable:true,get:function(){return __m7["FilterMenu"];}});
+Object.defineProperty(__exports,"mergeColumnFilter",{enumerable:true,get:function(){return __m7["mergeColumnFilter"];}});
+Object.defineProperty(__exports,"branchFor",{enumerable:true,get:function(){return __m7["branchFor"];}});
+const __m8=__req("packages/dom/src/columnmenu.js");
+Object.defineProperty(__exports,"ColumnMenu",{enumerable:true,get:function(){return __m8["ColumnMenu"];}});
+Object.defineProperty(__exports,"columnMenuItems",{enumerable:true,get:function(){return __m8["columnMenuItems"];}});
+Object.defineProperty(__exports,"cellMenuItems",{enumerable:true,get:function(){return __m8["cellMenuItems"];}});
+Object.defineProperty(__exports,"autoGroupMenuItems",{enumerable:true,get:function(){return __m8["autoGroupMenuItems"];}});
+const __m9=__req("packages/dom/src/alignedgrids.js");
+Object.defineProperty(__exports,"AlignedGrids",{enumerable:true,get:function(){return __m9["AlignedGrids"];}});
+Object.defineProperty(__exports,"alignGrids",{enumerable:true,get:function(){return __m9["alignGrids"];}});
+Object.defineProperty(__exports,"layoutState",{enumerable:true,get:function(){return __m9["layoutState"];}});
+const __m10=__req("packages/dom/src/toolpanelmount.js");
+Object.defineProperty(__exports,"ToolPanelDock",{enumerable:true,get:function(){return __m10["ToolPanelDock"];}});
+Object.defineProperty(__exports,"panelHost",{enumerable:true,get:function(){return __m10["panelHost"];}});
+Object.defineProperty(__exports,"mountPanel",{enumerable:true,get:function(){return __m10["mountPanel"];}});
+const __m11=__req("packages/dom/src/celledit.js");
+Object.defineProperty(__exports,"CellEditController",{enumerable:true,get:function(){return __m11["CellEditController"];}});
+const __m12=__req("packages/dom/src/editbar.js");
+Object.defineProperty(__exports,"EditBar",{enumerable:true,get:function(){return __m12["EditBar"];}});
+const __m13=__req("packages/dom/src/historybar.js");
+Object.defineProperty(__exports,"HistoryBar",{enumerable:true,get:function(){return __m13["HistoryBar"];}});
+Object.defineProperty(__exports,"HISTORY_CLS",{enumerable:true,get:function(){return __m13["HISTORY_CLS"];}});
+const __m14=__req("packages/dom/src/diffpaint.js");
+Object.defineProperty(__exports,"DiffPainter",{enumerable:true,get:function(){return __m14["DiffPainter"];}});
+const __m15=__req("packages/dom/src/viewpicker.js");
+Object.defineProperty(__exports,"ViewPicker",{enumerable:true,get:function(){return __m15["ViewPicker"];}});
+Object.defineProperty(__exports,"VIEW_CLS",{enumerable:true,get:function(){return __m15["VIEW_CLS"];}});
+Object.defineProperty(__exports,"summariseDiff",{enumerable:true,get:function(){return __m15["summariseDiff"];}});
+const __m16=__req("packages/dom/src/promptbar.js");
+Object.defineProperty(__exports,"PromptBar",{enumerable:true,get:function(){return __m16["PromptBar"];}});
+Object.defineProperty(__exports,"PROMPT_CLASS",{enumerable:true,get:function(){return __m16["PROMPT_CLASS"];}});
+const __m17=__req("packages/dom/src/cell/index.js");
+Object.defineProperty(__exports,"createCellLayer",{enumerable:true,get:function(){return __m17["createCellLayer"];}});
+Object.defineProperty(__exports,"compileTemplate",{enumerable:true,get:function(){return __m17["compileTemplate"];}});
+Object.defineProperty(__exports,"compileVariant",{enumerable:true,get:function(){return __m17["compileVariant"];}});
+Object.defineProperty(__exports,"checkVariant",{enumerable:true,get:function(){return __m17["checkVariant"];}});
+Object.defineProperty(__exports,"VariantRegistry",{enumerable:true,get:function(){return __m17["VariantRegistry"];}});
+Object.defineProperty(__exports,"BUILTIN_RENDERERS",{enumerable:true,get:function(){return __m17["BUILTIN_RENDERERS"];}});
+Object.defineProperty(__exports,"BUILTIN_VARIANTS",{enumerable:true,get:function(){return __m17["BUILTIN_VARIANTS"];}});
+Object.defineProperty(__exports,"BUILTIN_PIPES",{enumerable:true,get:function(){return __m17["BUILTIN_PIPES"];}});
+const __m18=__req("packages/dom/src/editors/index.js");
+Object.defineProperty(__exports,"editors",{enumerable:true,get:function(){return __m18["editors"];}});
+Object.defineProperty(__exports,"createEditor",{enumerable:true,get:function(){return __m18["createEditor"];}});
+Object.defineProperty(__exports,"editorFor",{enumerable:true,get:function(){return __m18["editorFor"];}});
+Object.defineProperty(__exports,"BaseEditor",{enumerable:true,get:function(){return __m18["BaseEditor"];}});
+const __m19=__req("packages/dom/src/filters/index.js");
+Object.defineProperty(__exports,"filters",{enumerable:true,get:function(){return __m19["filters"];}});
+Object.defineProperty(__exports,"createFilter",{enumerable:true,get:function(){return __m19["createFilter"];}});
+Object.defineProperty(__exports,"filterFor",{enumerable:true,get:function(){return __m19["filterFor"];}});
+Object.defineProperty(__exports,"parseExpression",{enumerable:true,get:function(){return __m19["parseExpression"];}});
+const __m20=__req("packages/dom/src/ui/index.js");
+Object.defineProperty(__exports,"StatusBar",{enumerable:true,get:function(){return __m20["StatusBar"];}});
+Object.defineProperty(__exports,"ContextMenu",{enumerable:true,get:function(){return __m20["ContextMenu"];}});
+Object.defineProperty(__exports,"ToolPanel",{enumerable:true,get:function(){return __m20["ToolPanel"];}});
+Object.defineProperty(__exports,"TooltipManager",{enumerable:true,get:function(){return __m20["TooltipManager"];}});
+Object.defineProperty(__exports,"Pagination",{enumerable:true,get:function(){return __m20["Pagination"];}});
+Object.defineProperty(__exports,"OverlayLayer",{enumerable:true,get:function(){return __m20["OverlayLayer"];}});
+const __m21=__req("packages/core/src/registry/licence.js");
+Object.defineProperty(__exports,"setLicense",{enumerable:true,get:function(){return __m21["setLicence"];}});
+Object.defineProperty(__exports,"licenseInfo",{enumerable:true,get:function(){return __m21["licenceInfo"];}});
+Object.defineProperty(__exports,"licenseState",{enumerable:true,get:function(){return __m21["licenceState"];}});
 const LatticeGrid={
 createGrid,
 createHeadlessGrid,