@toclocoinc/lattice-grid 1.9.0 → 1.10.0

package/modules/htmx.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.9.0 — htmx module
+ * Lattice Grid 1.10.0 — htmx module
  * 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();