@toclocoinc/lattice-grid 1.9.0 → 1.9.1

package/README.md

@@ -4,7 +4,7 @@
 dependencies, no build step required. Optional adapters for React, Vue, Svelte
 and Web Components ship alongside it.
 
-Version 1.9.0 · [latticegrid.dev](https://www.latticegrid.dev) · TOCLOCO Inc
+Version 1.9.1 · [latticegrid.dev](https://www.latticegrid.dev) · TOCLOCO Inc
 
 ---
 

package/docs/API.html

@@ -1726,7 +1726,7 @@ stats.destroy();   // yours to call: the element belongs to your page</code></pr
   { id: 'cum',   title: 'Running',      running: { of: 'amount', kind: 'total' } },
   { id: 'share', title: 'Cumulative %', running: { of: 'amount', kind: 'percent' } },
 ]</code></pre>
-    <p>Computed in one pass over the display rows and cached against that ordering, so a hundred thousand rows are walked once per sort rather than once per cell. Group headings and totals rows are skipped — a running total that counted a subtotal would double everything below it — and a row with no value carries the figure forward unchanged rather than resetting it.</p>
+    <p>Computed in one pass over the display rows and cached against that ordering, so a hundred thousand rows are walked once per sort rather than once per cell. A running column is not sortable. Sorting on one asks the sort to depend on its own output &mdash; the value is defined by the display order &mdash; so the column does not offer a sort unless its definition asks for one, and the query layer refuses such a sort with a warning rather than computing it. Sort by the column it runs over instead. Group headings and totals rows are skipped — a running total that counted a subtotal would double everything below it — and a row with no value carries the figure forward unchanged rather than resetting it.</p>
 
     <div class="note"><p>Positional kinds rank over every <em>tracked</em> row, not over the filtered set: a rank that changed as you filtered would make "the top ten movers" depend on what happened to be on screen, and the column would disagree with itself between two views of the same data. Pass <code>scope: 'filtered'</code> on the shadow spec to rank within what the filters left instead — both answers are legitimate, which is why it is a choice rather than a default.</p></div>
     <div class="note"><p>Shadow state is keyed by row key, never by index — after any sort an index-keyed history would report one row's past against another row's present, and the wrong number would be <em>sortable</em>. Memory is capped at 200,000 tracked rows per column; past that the oldest are dropped and <code>tracking().forgotten</code> says how many, rather than a smaller number being reported as though it were the truth.</p></div>
@@ -2566,7 +2566,7 @@ createGrid(el, {
       <span class="chip chip--new">ipv4</span><span class="chip chip--new">cidr</span><span class="chip chip--new">ipv6</span>
       <span class="chip chip--new">json</span><span class="chip chip--new">secret</span>
       <span class="chip chip--new">hex</span><span class="chip chip--new">hex8</span><span class="chip chip--new">hex16</span><span class="chip chip--new">hex32</span>
-      <span class="chip chip--new">binary</span><span class="chip chip--new">binary8</span><span class="chip chip--new">octal</span>
+      <span class="chip chip--new">binary</span><span class="chip chip--new">binary8</span><span class="chip chip--new">octal</span><span class="chip chip--new">decibel</span><span class="chip chip--new">decibelAmplitude</span>
       <span class="chip chip--new">bytes</span><span class="chip chip--new">megabytes</span><span class="chip chip--new">gigabytes</span>
       <span class="chip chip--new">bitrate</span><span class="chip chip--new">gigabits</span>
       <span class="chip chip--new">metres</span><span class="chip chip--new">millimetres</span><span class="chip chip--new">kilometres</span>
@@ -2587,7 +2587,7 @@ createGrid(el, {
       <span class="chip chip--new">luminousFlux</span><span class="chip chip--new">illuminance</span><span class="chip chip--new">substance</span>
       <span class="chip chip--new">absorbedDose</span><span class="chip chip--new">equivalentDose</span><span class="chip chip--new">radioactivity</span>
       <span class="chip chip--new">frequency</span>
-      <span class="chip chip--new">celsius</span><span class="chip chip--new">fahrenheit</span><span class="chip chip--new">kelvin</span>
+      <span class="chip chip--new">luminousIntensity</span><span class="chip chip--new">doseRate</span><span class="chip chip--new">rpm</span><span class="chip chip--new">angularVelocity</span><span class="chip chip--new">ppm</span><span class="chip chip--new">ppb</span><span class="chip chip--new">basisPoints</span><span class="chip chip--new">molarity</span><span class="chip chip--new">massFlow</span><span class="chip chip--new">tonnesPerHour</span><span class="chip chip--new">viscosity</span><span class="chip chip--new">kinematicViscosity</span><span class="chip chip--new">thermalConductivity</span><span class="chip chip--new">specificHeat</span><span class="chip chip--new">celsius</span><span class="chip chip--new">fahrenheit</span><span class="chip chip--new">kelvin</span>
     </div>
 
     <h3>Editors</h3>

package/docs/api-detail.html

@@ -1281,7 +1281,7 @@ LatticeGrid.getVersion();   <span class="cmt">// the same, when you have no grid
           <tr><td class="name">Units — computing</td><td class="desc"><code>bytes</code>, <code>megabytes</code>, <code>gigabytes</code>, <code>bitrate</code>, <code>gigabits</code></td></tr>
           <tr><td class="name">Units — physical</td><td class="desc"><code>metres</code>, <code>millimetres</code>, <code>kilometres</code>, <code>grams</code>, <code>kilograms</code>, <code>tonnes</code>, <code>seconds</code>, <code>milliseconds</code>, <code>hours</code></td></tr>
           <tr><td class="name">Units — engineering</td><td class="desc"><code>speed</code>, <code>kph</code>, <code>mph</code>, <code>knots</code>, <code>acceleration</code>, <code>area</code>, <code>hectares</code>, <code>volume</code>, <code>cubicMetres</code>, <code>energy</code>, <code>kilowattHours</code>, <code>power</code>, <code>kilowatts</code>, <code>force</code>, <code>pressure</code>, <code>bar</code>, <code>psi</code>, <code>torque</code>, <code>density</code>, <code>flow</code>, <code>litresPerMinute</code>, <code>radians</code>, <code>degrees</code></td></tr>
-          <tr><td class="name">Units — electrical and scientific</td><td class="desc"><code>voltage</code>, <code>current</code>, <code>resistance</code>, <code>capacitance</code>, <code>inductance</code>, <code>charge</code>, <code>conductance</code>, <code>fluxDensity</code>, <code>luminousFlux</code>, <code>illuminance</code>, <code>substance</code>, <code>absorbedDose</code>, <code>equivalentDose</code>, <code>radioactivity</code>, <code>frequency</code></td></tr>
+          <tr><td class="name">Units — electrical and scientific</td><td class="desc"><code>voltage</code>, <code>current</code>, <code>resistance</code>, <code>capacitance</code>, <code>inductance</code>, <code>charge</code>, <code>conductance</code>, <code>fluxDensity</code>, <code>luminousFlux</code>, <code>illuminance</code>, <code>substance</code>, <code>absorbedDose</code>, <code>equivalentDose</code>, <code>radioactivity</code>, <code>luminousIntensity</code>, <code>doseRate</code>, <code>rpm</code>, <code>angularVelocity</code>, <code>ppm</code>, <code>ppb</code>, <code>basisPoints</code>, <code>molarity</code>, <code>massFlow</code>, <code>tonnesPerHour</code>, <code>viscosity</code>, <code>kinematicViscosity</code>, <code>thermalConductivity</code>, <code>specificHeat</code>, <code>frequency</code></td></tr>
           <tr><td class="name">Temperature</td><td class="desc"><code>celsius</code>, <code>fahrenheit</code>, <code>kelvin</code></td></tr>
           <tr><td class="name">Structured</td><td class="desc"><code>json</code>, <code>colour</code>, <code>rating</code>, <code>percent</code></td></tr>
         </tbody>

package/lattice-grid.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.9.0 — type declarations
+ * Lattice Grid 1.9.1 — type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -41,6 +41,11 @@ export type TypeName =
   | 'voltage' | 'current' | 'resistance' | 'capacitance' | 'inductance'
   | 'charge' | 'conductance' | 'fluxDensity' | 'luminousFlux' | 'illuminance'
   | 'substance' | 'absorbedDose' | 'equivalentDose' | 'radioactivity' | 'frequency'
+  | 'luminousIntensity' | 'doseRate'
+  // Units — rate, ratio and process
+  | 'rpm' | 'angularVelocity' | 'ppm' | 'ppb' | 'basisPoints'
+  | 'molarity' | 'massFlow' | 'tonnesPerHour'
+  | 'viscosity' | 'kinematicViscosity' | 'thermalConductivity' | 'specificHeat'
   // Temperature, which is affine rather than multiplicative
   | 'celsius' | 'fahrenheit' | 'kelvin'
   | (string & {});
@@ -2753,6 +2758,44 @@ export interface Grid {
 // Entry points
 // ---------------------------------------------------------------------------
 
+/** One unit descriptor: a symbol and how many base quantities it is worth. */
+export interface UnitDescriptor {
+  symbol: string;
+  factor: number;
+  aliases: readonly string[];
+  binary: boolean;
+  prefix: string | null;
+  auto: boolean;
+}
+
+/** How a column stores, parses and renders a quantity. */
+export interface UnitConfig {
+  system?: string;
+  unit?: string;
+  binary?: boolean;
+  decimals?: number;
+  minDecimals?: number;
+  maxDecimals?: number;
+  display?: string;
+  locale?: string;
+  group?: boolean;
+  space?: string;
+  placement?: 'suffix' | 'prefix';
+}
+
+export function defineUnit(
+  symbol: string,
+  factor: number,
+  aliases?: readonly string[],
+  opts?: { binary?: boolean; prefix?: string; auto?: boolean },
+): UnitDescriptor;
+/** Registers a system of your own. Throws rather than shadowing an existing name. */
+export function registerUnitSystem(name: string, units: readonly UnitDescriptor[]): string;
+export function createUnitType(config?: UnitConfig): DataType;
+export function parseUnit(text: string | number, opts?: UnitConfig): number | null;
+export function formatUnit(value: number | null | undefined, opts?: UnitConfig): string;
+export const UNIT_SYSTEMS: Record<string, readonly UnitDescriptor[]>;
+
 export function createGrid(element: HTMLElement, config?: GridConfig): Grid;
 export function createHeadlessGrid(config?: GridConfig): Grid;
 export function registerModules(modules: GridModule[], opts?: { licence?: string }): void;
@@ -2765,6 +2808,12 @@ export const LatticeGrid: {
   registerModules: typeof registerModules;
   setLicence: typeof setLicence;
   version: typeof version;
+  createUnitType: typeof createUnitType;
+  registerUnitSystem: typeof registerUnitSystem;
+  defineUnit: typeof defineUnit;
+  parseUnit: typeof parseUnit;
+  formatUnit: typeof formatUnit;
+  UNIT_SYSTEMS: typeof UNIT_SYSTEMS;
 };
 
 export default LatticeGrid;

package/lattice-grid.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.9.0 — core + DOM renderer
+ * Lattice Grid 1.9.1 — core + DOM renderer
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -909,7 +909,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);
@@ -6723,6 +6730,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);
@@ -12943,14 +12951,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);
@@ -13099,7 +13115,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){
@@ -28625,6 +28650,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;}});
@@ -28635,6 +28662,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"];
@@ -38086,6 +38115,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"];}});
@@ -59659,6 +59690,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;
@@ -59920,7 +59957,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();
 }
@@ -59932,15 +59975,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();
@@ -63043,6 +63090,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"];}});
@@ -63235,6 +63284,8 @@ RADIX_PRESETS=__entry.RADIX_PRESETS,
 parseRadix=__entry.parseRadix,
 formatRadix=__entry.formatRadix,
 createUnitType=__entry.createUnitType,
+registerUnitSystem=__entry.registerUnitSystem,
+defineUnit=__entry.defineUnit,
 UNIT_SYSTEMS=__entry.UNIT_SYSTEMS,
 parseUnit=__entry.parseUnit,
 formatUnit=__entry.formatUnit,

package/lattice-grid.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.9.0 — core + DOM renderer
+ * Lattice Grid 1.9.1 — 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){
@@ -28627,6 +28652,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 +28664,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 +38117,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"];}});
@@ -59661,6 +59692,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 +59959,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 +59977,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();
@@ -63045,6 +63092,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"];}});