@jimka/typescript-ui 0.6.0 → 0.7.0

package/dist/lib/primitive.es.js

@@ -1,2 +1,2 @@
-import{a as e,c as t,i as n,n as r,o as i,r as a,s as o,t as s}from"./Position-BwtxouxK.js";import{t as c}from"./Placement-7kqdaK4Z.js";var Point=class extends t{_x;_y;constructor(e,t){super(),this._x=e??0,this._y=t??0}getX(){return this._x??0}getY(){return this._y??0}render(){return this.getX()+` `+this.getY()}};export{r as Insets,c as Placement,Point,s as Position,e as UNBOUNDED,a as borderSideWidth,n as borderToStyle,i as isUnbounded,o as saturate};
+import{a as e,c as t,i as n,n as r,o as i,r as a,s as o,t as s}from"./Position-BIEU1Eze.js";import{t as c}from"./Placement-7kqdaK4Z.js";var Point=class extends t{_x;_y;constructor(e,t){super(),this._x=e??0,this._y=t??0}getX(){return this._x??0}getY(){return this._y??0}render(){return this.getX()+` `+this.getY()}};export{r as Insets,c as Placement,Point,s as Position,e as UNBOUNDED,a as borderSideWidth,n as borderToStyle,i as isUnbounded,o as saturate};
 //# sourceMappingURL=primitive.es.js.map

package/dist/lib/router.es.js

@@ -1,2 +1,2 @@
-import{t as e}from"./DOM-C-Edb3tA.js";import{t}from"./ListenerBag-WPdKuuds.js";function normalizePath(e){return`/`+splitPath(splitQuery(e.startsWith(`#`)?e.slice(1):e).path).join(`/`)}function splitPath(e){return e.split(`/`).filter(e=>e.length>0)}function splitFragment(e){let t=e.indexOf(`#`);return t===-1?{path:e,fragment:``}:{path:e.slice(0,t),fragment:e.slice(t+1)}}function splitQuery(e){let t=e.indexOf(`?`);return t===-1?{path:e,query:``}:{path:e.slice(0,t),query:e.slice(t+1)}}function parseQuery(e){let t=e.startsWith(`?`)?e.slice(1):e,n={};for(let e of t.split(`&`)){if(e.length===0)continue;let t=e.indexOf(`=`),r=t===-1?e:e.slice(0,t),i=t===-1?``:e.slice(t+1),a=decodeSegment(r);a.length!==0&&(n[a]=decodeSegment(i))}return n}function formatQuery(e){return Object.keys(e).map(t=>`${encodeURIComponent(t)}=${encodeURIComponent(e[t])}`).join(`&`)}function sameQuery(e,t){let n=Object.keys(e);return n.length===Object.keys(t).length&&n.every(n=>e[n]===t[n])}function normalizeBase(e){let t=splitPath(e);return t.length===0?`/`:`/`+t.join(`/`)+`/`}function stripBase(e,t){let n=normalizeBase(e).slice(0,-1);return n!==``&&(t===n||t.startsWith(n+`/`))?normalizePath(t.slice(n.length)):normalizePath(t)}function joinBase(e,t){let n=normalizeBase(e),r=normalizePath(t);return r===`/`?n:n.slice(0,-1)+r}function compilePattern(e){let t=normalizePath(e),n=splitPath(t),r=n.map((t,r)=>{if(t===`*`){if(r!==n.length-1)throw Error(`RoutePattern: "*" is only valid as the final segment of "${e}"`);return{kind:`catchAll`,value:``}}return t.startsWith(`:`)?{kind:`param`,value:t.slice(1)}:{kind:`static`,value:t}});return{pattern:t,key:r.map(e=>e.kind===`static`?e.value:e.kind===`param`?`:`:`*`).join(`/`),segments:r}}function matchPattern(e,t){let n=e.segments,r=n.length>0&&n.at(-1).kind===`catchAll`,i=r?n.length-1:n.length;if(r?t.length<i:t.length!==i)return null;let a={};for(let e=0;e<i;e+=1){let r=n[e],i=t[e];if(r.kind===`static`){if(r.value!==i)return null}else r.kind===`param`&&(a[r.value]=decodeSegment(i))}return a}function decodeSegment(e){try{return decodeURIComponent(e)}catch{return e}}var n={static:2,param:1,catchAll:0};function rankAt(e,t){return t>=e.length?3:n[e[t].kind]}function selectPattern(e,t){let n=splitPath(t),r=null,i=null;for(let t of e){let e=matchPattern(t,n);e!==null&&(r===null||isMoreSpecific(t.segments,r.segments))&&(r=t,i=e)}return r===null?null:{compiled:r,params:i}}function isMoreSpecific(e,t){let n=Math.max(e.length,t.length);for(let r=0;r<n;r+=1){let n=rankAt(e,r),i=rankAt(t,r);if(n!==i)return n>i}return!1}var Router=class{_routes=new Map;_listeners=new t;_started=!1;_mode;_base;_onHashChange=()=>this.handleHashChange();_onPopState=()=>this.handlePopState();constructor(e){this.applyOptions(e??{})}register(e,t){let n=compilePattern(e),r=this._routes.get(n.key);return r!==void 0&&r.pattern!==n.pattern&&console.warn(`Router: "${r.pattern}" and "${n.pattern}" have the same specificity; "${n.pattern}" replaces it.`),this._routes.set(n.key,{...n,handler:t}),this}start(){return this._started?(console.warn(`Router: start() called on an already-started router; ignoring.`),this):(this._started=!0,this.applyCurrentRoute(),this._mode===`history`?e.sink.addListener(e.source.getWindow(),`popstate`,this._onPopState):e.sink.addListener(e.source.getWindow(),`hashchange`,this._onHashChange),this)}stop(){return this._started?(this._mode===`history`?e.sink.removeListener(e.source.getWindow(),`popstate`,this._onPopState):e.sink.removeListener(e.source.getWindow(),`hashchange`,this._onHashChange),this._started=!1,this):this}navigate(t,n){let r=splitFragment(t),i=splitQuery(r.path),a=n?.query??parseQuery(i.query);if(this._mode===`hash`){let r=this.getHref(t,a);return n?.replace===!0?e.sink.replaceLocationHash(r):e.sink.setLocationHash(r),this}let o=normalizePath(i.path),s=r.fragment;if(o===this.getPath()&&s===this.getFragment()&&sameQuery(a,this.getQuery()))return this;let c=this.getHref(s===``?o:`${o}#${s}`,a);return n?.replace===!0?e.sink.replaceHistoryPath(c):e.sink.pushHistoryPath(c),this.applyCurrentRoute(),this}getHref(e,t){let n=splitFragment(e),r=splitQuery(n.path),i=t??parseQuery(r.query),a=`/`+splitPath(normalizePath(r.path)).map(e=>encodeURIComponent(e)).join(`/`),o=formatQuery(i),s=o===``?``:`?`+o;if(this._mode===`hash`)return`#`+a+s;let c=joinBase(this._base,a)+s;return n.fragment===``?c:`${c}#${n.fragment}`}getPath(t){if(this._mode===`hash`){let n=t??e.source.getLocationHash();return this.decodePath(normalizePath(n))}let n=t??e.source.getLocationPathname();return this.decodePath(stripBase(this._base,splitFragment(n).path))}getFragment(t){if(this._mode===`hash`)return``;if(t!==void 0)return splitFragment(t).fragment;let n=e.source.getLocationHash();return n.startsWith(`#`)?n.slice(1):n}getQuery(t){return this._mode===`hash`?parseQuery(splitQuery(t??e.source.getLocationHash()).query):parseQuery(t===void 0?e.source.getLocationSearch():splitQuery(splitFragment(t).path).query)}decodePath(e){return`/`+splitPath(e).map(e=>{try{return decodeURIComponent(e)}catch{return e}}).join(`/`)}on(e,t){return this._listeners.add(e,t),this}off(e,t){return this._listeners.remove(e,t),this}emit(e,t){this._listeners.fire(e,t)}applyCurrentRoute(){let e=this.getPath(),t=this.getFragment(),n=this.getQuery(),r=selectPattern(Array.from(this._routes.values()),e);if(r===null){this.emit(`nomatch`,e);return}let i={pattern:r.compiled.pattern,params:r.params,path:e,fragment:t,query:n};r.compiled.handler(r.params,e,t,n),this.emit(`navigate`,i)}applyOptions(e){if(this._mode=e.mode??`hash`,this._base=normalizeBase(e.base??`/`),e.routes!==void 0)for(let t of Object.keys(e.routes))this.register(t,e.routes[t]);if(e.listeners!==void 0)for(let t of Object.keys(e.listeners)){let n=e.listeners[t];n!==void 0&&this._listeners.add(t,n)}}handleHashChange(){this.applyCurrentRoute()}handlePopState(){this.applyCurrentRoute()}};export{Router};
+import{t as e}from"./DOM-Cjh7_7TF.js";import{t}from"./ListenerBag-WPdKuuds.js";function normalizePath(e){return`/`+splitPath(splitQuery(e.startsWith(`#`)?e.slice(1):e).path).join(`/`)}function splitPath(e){return e.split(`/`).filter(e=>e.length>0)}function splitFragment(e){let t=e.indexOf(`#`);return t===-1?{path:e,fragment:``}:{path:e.slice(0,t),fragment:e.slice(t+1)}}function splitQuery(e){let t=e.indexOf(`?`);return t===-1?{path:e,query:``}:{path:e.slice(0,t),query:e.slice(t+1)}}function parseQuery(e){let t=e.startsWith(`?`)?e.slice(1):e,n={};for(let e of t.split(`&`)){if(e.length===0)continue;let t=e.indexOf(`=`),r=t===-1?e:e.slice(0,t),i=t===-1?``:e.slice(t+1),a=decodeSegment(r);a.length!==0&&(n[a]=decodeSegment(i))}return n}function formatQuery(e){return Object.keys(e).map(t=>`${encodeURIComponent(t)}=${encodeURIComponent(e[t])}`).join(`&`)}function sameQuery(e,t){let n=Object.keys(e);return n.length===Object.keys(t).length&&n.every(n=>e[n]===t[n])}function normalizeBase(e){let t=splitPath(e);return t.length===0?`/`:`/`+t.join(`/`)+`/`}function stripBase(e,t){let n=normalizeBase(e).slice(0,-1);return n!==``&&(t===n||t.startsWith(n+`/`))?normalizePath(t.slice(n.length)):normalizePath(t)}function joinBase(e,t){let n=normalizeBase(e),r=normalizePath(t);return r===`/`?n:n.slice(0,-1)+r}function compilePattern(e){let t=normalizePath(e),n=splitPath(t),r=n.map((t,r)=>{if(t===`*`){if(r!==n.length-1)throw Error(`RoutePattern: "*" is only valid as the final segment of "${e}"`);return{kind:`catchAll`,value:``}}return t.startsWith(`:`)?{kind:`param`,value:t.slice(1)}:{kind:`static`,value:t}});return{pattern:t,key:r.map(e=>e.kind===`static`?e.value:e.kind===`param`?`:`:`*`).join(`/`),segments:r}}function matchPattern(e,t){let n=e.segments,r=n.length>0&&n.at(-1).kind===`catchAll`,i=r?n.length-1:n.length;if(r?t.length<i:t.length!==i)return null;let a={};for(let e=0;e<i;e+=1){let r=n[e],i=t[e];if(r.kind===`static`){if(r.value!==i)return null}else r.kind===`param`&&(a[r.value]=decodeSegment(i))}return a}function decodeSegment(e){try{return decodeURIComponent(e)}catch{return e}}var n={static:2,param:1,catchAll:0};function rankAt(e,t){return t>=e.length?3:n[e[t].kind]}function selectPattern(e,t){let n=splitPath(t),r=null,i=null;for(let t of e){let e=matchPattern(t,n);e!==null&&(r===null||isMoreSpecific(t.segments,r.segments))&&(r=t,i=e)}return r===null?null:{compiled:r,params:i}}function isMoreSpecific(e,t){let n=Math.max(e.length,t.length);for(let r=0;r<n;r+=1){let n=rankAt(e,r),i=rankAt(t,r);if(n!==i)return n>i}return!1}var Router=class{_routes=new Map;_listeners=new t;_started=!1;_mode;_base;_onHashChange=()=>this.handleHashChange();_onPopState=()=>this.handlePopState();constructor(e){this.applyOptions(e??{})}register(e,t){let n=compilePattern(e),r=this._routes.get(n.key);return r!==void 0&&r.pattern!==n.pattern&&console.warn(`Router: "${r.pattern}" and "${n.pattern}" have the same specificity; "${n.pattern}" replaces it.`),this._routes.set(n.key,{...n,handler:t}),this}start(){return this._started?(console.warn(`Router: start() called on an already-started router; ignoring.`),this):(this._started=!0,this.applyCurrentRoute(),this._mode===`history`?e.sink.addListener(e.source.getWindow(),`popstate`,this._onPopState):e.sink.addListener(e.source.getWindow(),`hashchange`,this._onHashChange),this)}stop(){return this._started?(this._mode===`history`?e.sink.removeListener(e.source.getWindow(),`popstate`,this._onPopState):e.sink.removeListener(e.source.getWindow(),`hashchange`,this._onHashChange),this._started=!1,this):this}navigate(t,n){let r=splitFragment(t),i=splitQuery(r.path),a=n?.query??parseQuery(i.query);if(this._mode===`hash`){let r=this.getHref(t,a);return n?.replace===!0?e.sink.replaceLocationHash(r):e.sink.setLocationHash(r),this}let o=normalizePath(i.path),s=r.fragment;if(o===this.getPath()&&s===this.getFragment()&&sameQuery(a,this.getQuery()))return this;let c=this.getHref(s===``?o:`${o}#${s}`,a);return n?.replace===!0?e.sink.replaceHistoryPath(c):e.sink.pushHistoryPath(c),this.applyCurrentRoute(),this}getHref(e,t){let n=splitFragment(e),r=splitQuery(n.path),i=t??parseQuery(r.query),a=`/`+splitPath(normalizePath(r.path)).map(e=>encodeURIComponent(e)).join(`/`),o=formatQuery(i),s=o===``?``:`?`+o;if(this._mode===`hash`)return`#`+a+s;let c=joinBase(this._base,a)+s;return n.fragment===``?c:`${c}#${n.fragment}`}getPath(t){if(this._mode===`hash`){let n=t??e.source.getLocationHash();return this.decodePath(normalizePath(n))}let n=t??e.source.getLocationPathname();return this.decodePath(stripBase(this._base,splitFragment(n).path))}getFragment(t){if(this._mode===`hash`)return``;if(t!==void 0)return splitFragment(t).fragment;let n=e.source.getLocationHash();return n.startsWith(`#`)?n.slice(1):n}getQuery(t){return this._mode===`hash`?parseQuery(splitQuery(t??e.source.getLocationHash()).query):parseQuery(t===void 0?e.source.getLocationSearch():splitQuery(splitFragment(t).path).query)}decodePath(e){return`/`+splitPath(e).map(e=>{try{return decodeURIComponent(e)}catch{return e}}).join(`/`)}on(e,t){return this._listeners.add(e,t),this}off(e,t){return this._listeners.remove(e,t),this}emit(e,t){this._listeners.fire(e,t)}applyCurrentRoute(){let e=this.getPath(),t=this.getFragment(),n=this.getQuery(),r=selectPattern(Array.from(this._routes.values()),e);if(r===null){this.emit(`nomatch`,e);return}let i={pattern:r.compiled.pattern,params:r.params,path:e,fragment:t,query:n};r.compiled.handler(r.params,e,t,n),this.emit(`navigate`,i)}applyOptions(e){if(this._mode=e.mode??`hash`,this._base=normalizeBase(e.base??`/`),e.routes!==void 0)for(let t of Object.keys(e.routes))this.register(t,e.routes[t]);if(e.listeners!==void 0)for(let t of Object.keys(e.listeners)){let n=e.listeners[t];n!==void 0&&this._listeners.add(t,n)}}handleHashChange(){this.applyCurrentRoute()}handlePopState(){this.applyCurrentRoute()}};export{Router};
 //# sourceMappingURL=router.es.js.map

package/dist/lib/{selectionsEqual-gMG7gCVI.js → selectionsEqual-C7MrKMQr.js}

@@ -1,2 +1,2 @@
-import{t as e}from"./DOM-C-Edb3tA.js";import{t,u as n}from"./Component-B0ShfPVi.js";import{t as r}from"./VirtualScroller-DTIn19o1.js";var i=2;function rotateLeft(e,t){e.push(...e.splice(0,t))}var VirtualRowView=class extends t{_rowPool=[];_boundIndices=[];_rowGeom=[];_rowDisplayed=[];_scroller=null;_lastWindowStart=null;_renderDeferred=!1;_renderResumed=!1;_pendingScrollX=null;_pendingScrollY=null;_pendingScrollRow=null;initScroller(e){this._scroller=new r(this,e,()=>this.onScrollerTick());for(let e of this._scroller.ownedHandles())this.trackHandle(e)}onScrollerTick(){this.renderWindow()}destructor(){for(let e of this._rowPool)e.dispose();this._scroller?.dispose(),super.destructor()}setScrollX(e){return this._scroller?.resetWheelEase(),this.holdScrollWhileFirstLayoutHeld(`x`,e)||this._scroller?.setScrollX(e),this}setScrollY(e){return this._scroller?.resetWheelEase(),this.holdScrollWhileFirstLayoutHeld(`y`,e)||this._scroller?.setScrollY(e),this}holdScrollWhileFirstLayoutHeld(e,t){return n()?(e===`x`?this._pendingScrollX=t:(this._pendingScrollY=t,this._pendingScrollRow=null),!0):(e===`x`?this._pendingScrollX=null:(this._pendingScrollY=null,this._pendingScrollRow=null),!1)}applyPendingScroll(){let e=this._pendingScrollX,t=this._pendingScrollY,n=this._pendingScrollRow;this._pendingScrollX=null,this._pendingScrollY=null,this._pendingScrollRow=null,e!==null&&this.setScrollX(e),t!==null&&this.setScrollY(t),n!==null&&this.scrollRowIntoView(n)}computeVisibleWindow(e,t,n){let r=this.getRowHeight(),a=Math.max(0,Math.floor(e/r)-i),o=Math.min(n-1,Math.ceil((e+t)/r)+i);return{firstRow:a,lastRow:o,windowSize:o-a+1>0?o-a+1:0}}computePoolTarget(e,t,n){return Math.min(n,Math.max(e,Math.ceil(t/this.getRowHeight())+4+2))}computePageSize(){let e=this.getRowHeight();return Math.max(1,Math.floor((this.getHeight()||e)/e))}growRowPool(t){if(!this._scroller||this._rowPool.length>=t)return;let n=this._scroller.getRowsContainer(),r=e.sink.createDocumentFragment();for(;this._rowPool.length<t;){let t=this.createPoolRow(),n=t.getElement(!0);e.sink.appendChild(r,n),t.setY(0),t.setWillChange(`transform`),this._rowPool.push(t),this._boundIndices.push(-1),this._rowGeom.push(null),this._rowDisplayed.push(!1)}e.sink.appendChild(n,r),e.sink.release(r)}alignPoolWindow(e){let t=this._lastWindowStart===null?0:e-this._lastWindowStart;this._lastWindowStart=e;let n=this._rowPool.length;if(t===0||n===0)return;let r=(t%n+n)%n;rotateLeft(this._rowPool,r),rotateLeft(this._boundIndices,r),rotateLeft(this._rowGeom,r),rotateLeft(this._rowDisplayed,r)}positionRow(e,t,n){let r=this._rowPool[e],i=this.getRowHeight(),a=this._rowGeom[e],o=!a||a.ty!==t||a.w!==n||a.h!==i;return o&&(r.setAutoCommitStyle(!1),r.setX(0),r.setTranslate(0,t),r.setWidth(n),r.setHeight(i),r.setAutoCommitStyle(!0),this._rowGeom[e]={ty:t,w:n,h:i}),this._rowDisplayed[e]||(r.setDisplayed(!0),this._rowDisplayed[e]=!0),o}hideExcessPoolRows(e){for(let t=e;t<this._rowPool.length;t++)this._rowDisplayed[t]&&(this._rowPool[t].setDisplayed(!1),this._rowDisplayed[t]=!1),this._boundIndices[t]=-1,this._rowGeom[t]=null}invalidateGeom(){for(let e=0;e<this._rowGeom.length;e++)this._rowGeom[e]=null}deferRenderWhileFirstLayoutHeld(){return n()?(this._renderDeferred=!0,this.scheduleLayout(),!0):(this._renderResumed=this._renderDeferred,this._renderDeferred=!1,!1)}wasRenderDeferred(){return this._renderDeferred}finishResumedRender(){let e=this._renderResumed;return this._renderResumed=!1,this.applyPendingScroll(),e}renderWindowIfDeferred(){return!this._renderDeferred||this.isLayoutPaused()?!1:(this.renderWindow(),!0)}onThemeReflow(){this._boundIndices.fill(-1),this.invalidateGeom(),this.renderWindow()}scrollRowIntoView(e){if(e<0||!this._scroller)return;if(n()){this._pendingScrollRow=e;return}let t=this.getRowHeight(),r=e*t,i=r+t,a=this._scroller.getScrollY(),o=this.getHeight(),s=a+o,c=a;r<a?c=r:i>s&&(c=i-o),c!==a&&this.setScrollY(c)}};function selectionsEqual(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}export{VirtualRowView as n,selectionsEqual as t};
-//# sourceMappingURL=selectionsEqual-gMG7gCVI.js.map
+import{t as e}from"./DOM-Cjh7_7TF.js";import{t,u as n}from"./Component-D99-15Zt.js";import{t as r}from"./VirtualScroller-ggPTCQb0.js";var i=2;function rotateLeft(e,t){e.push(...e.splice(0,t))}var VirtualRowView=class extends t{_rowPool=[];_boundIndices=[];_rowGeom=[];_rowDisplayed=[];_scroller=null;_lastWindowStart=null;_renderDeferred=!1;_renderResumed=!1;_pendingScrollX=null;_pendingScrollY=null;_pendingScrollRow=null;initScroller(e){this._scroller=new r(this,e,()=>this.onScrollerTick());for(let e of this._scroller.ownedHandles())this.trackHandle(e)}onScrollerTick(){this.renderWindow()}destructor(){for(let e of this._rowPool)e.dispose();this._scroller?.dispose(),super.destructor()}setScrollX(e){return this._scroller?.resetWheelEase(),this.holdScrollWhileFirstLayoutHeld(`x`,e)||this._scroller?.setScrollX(e),this}setScrollY(e){return this._scroller?.resetWheelEase(),this.holdScrollWhileFirstLayoutHeld(`y`,e)||this._scroller?.setScrollY(e),this}holdScrollWhileFirstLayoutHeld(e,t){return n()?(e===`x`?this._pendingScrollX=t:(this._pendingScrollY=t,this._pendingScrollRow=null),!0):(e===`x`?this._pendingScrollX=null:(this._pendingScrollY=null,this._pendingScrollRow=null),!1)}applyPendingScroll(){let e=this._pendingScrollX,t=this._pendingScrollY,n=this._pendingScrollRow;this._pendingScrollX=null,this._pendingScrollY=null,this._pendingScrollRow=null,e!==null&&this.setScrollX(e),t!==null&&this.setScrollY(t),n!==null&&this.scrollRowIntoView(n)}computeVisibleWindow(e,t,n){let r=this.getRowHeight(),a=Math.max(0,Math.floor(e/r)-i),o=Math.min(n-1,Math.ceil((e+t)/r)+i);return{firstRow:a,lastRow:o,windowSize:o-a+1>0?o-a+1:0}}computePoolTarget(e,t,n){return Math.min(n,Math.max(e,Math.ceil(t/this.getRowHeight())+4+2))}computePageSize(){let e=this.getRowHeight();return Math.max(1,Math.floor((this.getHeight()||e)/e))}growRowPool(t){if(!this._scroller||this._rowPool.length>=t)return;let n=this._scroller.getRowsContainer(),r=e.sink.createDocumentFragment();for(;this._rowPool.length<t;){let t=this.createPoolRow(),n=t.getElement(!0);e.sink.appendChild(r,n),t.setY(0),t.setWillChange(`transform`),this._rowPool.push(t),this._boundIndices.push(-1),this._rowGeom.push(null),this._rowDisplayed.push(!1)}e.sink.appendChild(n,r),e.sink.release(r)}alignPoolWindow(e){let t=this._lastWindowStart===null?0:e-this._lastWindowStart;this._lastWindowStart=e;let n=this._rowPool.length;if(t===0||n===0)return;let r=(t%n+n)%n;rotateLeft(this._rowPool,r),rotateLeft(this._boundIndices,r),rotateLeft(this._rowGeom,r),rotateLeft(this._rowDisplayed,r)}positionRow(e,t,n){let r=this._rowPool[e],i=this.getRowHeight(),a=this._rowGeom[e],o=!a||a.ty!==t||a.w!==n||a.h!==i;return o&&(r.setAutoCommitStyle(!1),r.setX(0),r.setTranslate(0,t),r.setWidth(n),r.setHeight(i),r.setAutoCommitStyle(!0),this._rowGeom[e]={ty:t,w:n,h:i}),this._rowDisplayed[e]||(r.setDisplayed(!0),this._rowDisplayed[e]=!0),o}hideExcessPoolRows(e){for(let t=e;t<this._rowPool.length;t++)this._rowDisplayed[t]&&(this._rowPool[t].setDisplayed(!1),this._rowDisplayed[t]=!1),this._boundIndices[t]=-1,this._rowGeom[t]=null}invalidateGeom(){for(let e=0;e<this._rowGeom.length;e++)this._rowGeom[e]=null}deferRenderWhileFirstLayoutHeld(){return n()?(this._renderDeferred=!0,this.scheduleLayout(),!0):(this._renderResumed=this._renderDeferred,this._renderDeferred=!1,!1)}wasRenderDeferred(){return this._renderDeferred}finishResumedRender(){let e=this._renderResumed;return this._renderResumed=!1,this.applyPendingScroll(),e}renderWindowIfDeferred(){return!this._renderDeferred||this.isLayoutPaused()?!1:(this.renderWindow(),!0)}onThemeReflow(){this._boundIndices.fill(-1),this.invalidateGeom(),this.renderWindow()}scrollRowIntoView(e){if(e<0||!this._scroller)return;if(n()){this._pendingScrollRow=e;return}let t=this.getRowHeight(),r=e*t,i=r+t,a=this._scroller.getScrollY(),o=this.getHeight(),s=a+o,c=a;r<a?c=r:i>s&&(c=i-o),c!==a&&this.setScrollY(c)}};function selectionsEqual(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}export{VirtualRowView as n,selectionsEqual as t};
+//# sourceMappingURL=selectionsEqual-C7MrKMQr.js.map

package/dist/lib/{selectionsEqual-gMG7gCVI.js.map → selectionsEqual-C7MrKMQr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"selectionsEqual-gMG7gCVI.js","names":[],"sources":["../../src/typescript/lib/component/shared/VirtualRowView.ts","../../src/typescript/lib/component/shared/selectionsEqual.ts"],"sourcesContent":["// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { Component, ComponentOptions } from \"~/core/Component.js\";\nimport { DOM } from \"~/core/DOM.js\";\nimport type { Handle } from \"~/core/DOM.js\";\nimport { VirtualScroller } from \"~/component/container/VirtualScroller.js\";\nimport { isFirstLayoutHeld } from \"~/core/FirstLayoutGate.js\";\n\n/** Number of off-screen rows to render above and below the visible viewport. */\nconst SCROLL_BUFFER = 2;\n\n/** Rotates `arr` left by `shift` in place: `arr[i]` becomes what was at `arr[(i + shift) % arr.length]`. */\nfunction rotateLeft<T>(arr: T[], shift: number): void {\n    arr.push(...arr.splice(0, shift));\n}\n\n/**\n * Shared transform-windowed virtual-scroll base for the data views —\n * `table/Body` and `tree/Tree` are its only two subclasses. It owns the\n * recycled row pool (`_rowPool` and the parallel `_boundIndices` / `_rowGeom` /\n * `_rowDisplayed` bookkeeping arrays), the {@link VirtualScroller} wiring, and\n * the window / pool-growth / geometry reconciliation primitives each subclass's\n * render pass composes.\n *\n * Only two things genuinely diverge between the two consumers, so only those\n * are hooks:\n *\n * - **Row height** — `Body` derives it live from the theme line box; `Tree`\n *   uses a fixed constant. Read through {@link getRowHeight} on every call so a\n *   live theme change is honoured.\n * - **Row construction** — the pool-row scaffolding (fragment batching, `setY(0)`\n *   pin, `will-change` promotion, parallel-array bookkeeping) is identical; only\n *   the row object each subclass builds differs. {@link createPoolRow} returns a\n *   fully-constructed, un-appended row and the base owns the rest.\n *\n * The per-frame render pass itself ({@link renderWindow}) stays subclass-specific\n * because the content-width derivation genuinely diverges; the base exposes the\n * shared primitives it calls ({@link computeVisibleWindow},\n * {@link computePoolTarget}, {@link growRowPool}, {@link positionRow},\n * {@link hideExcessPoolRows}).\n *\n * @typeParam TRow - The concrete pooled row component type.\n * @typeParam TOptions - The subclass's options bag.\n *\n * @internal Not barrel-exported; the two subclasses are the only consumers.\n */\nabstract class VirtualRowView<\n    TRow extends Component,\n    TOptions extends ComponentOptions = ComponentOptions,\n> extends Component<TOptions> {\n\n    protected _rowPool      : TRow[]                                              = [];\n    protected _boundIndices : number[]                                           = [];\n    protected _rowGeom      : Array<{ ty: number, w: number, h: number } | null> = [];\n    protected _rowDisplayed : boolean[]                                          = [];\n    protected _scroller     : VirtualScroller | null                             = null;\n\n    /** The data index pool slot 0 was aligned to on the last render, for {@link alignPoolWindow} to derive the scroll delta. `null` before the first render. */\n    private _lastWindowStart: number | null = null;\n\n    /** Whether the startup font gate skipped a render pass that still owes a run. */\n    private _renderDeferred: boolean = false;\n    /** Whether the render now in flight is the one a skipped pass left pending. */\n    private _renderResumed : boolean = false;\n    /** Scroll offsets the gate held back, applied once a render pass has run. */\n    private _pendingScrollX: number | null = null;\n    private _pendingScrollY: number | null = null;\n    /** A row reveal the gate held back, recomputed once a render pass has run. */\n    private _pendingScrollRow: number | null = null;\n\n    /**\n     * Returns the height in pixels of a single row. Read on every window /\n     * geometry calculation, so a subclass that recomputes it (e.g. on a theme\n     * change) reflects the new value immediately.\n     */\n    protected abstract getRowHeight(): number;\n\n    /**\n     * Constructs one pool row, fully wired but not yet appended to the\n     * rows container — the base's {@link growRowPool} owns the append, the\n     * `setY(0)` pin, the `will-change` promotion, and the parallel-array\n     * bookkeeping.\n     */\n    protected abstract createPoolRow(): TRow;\n\n    /**\n     * Recomputes and reconciles the visible row window against the current\n     * scroll position and dataset. Subclass-specific because the content-width\n     * derivation diverges; both implementations compose the shared primitives\n     * on this base.\n     */\n    protected abstract renderWindow(): void;\n\n    /**\n     * Constructs the {@link VirtualScroller} for this view and tracks its\n     * container handles so they are released with the component. The scroller's\n     * onScroll hook is routed through {@link onScrollerTick}.\n     *\n     * @param element - This view's initialised element handle.\n     */\n    protected initScroller(element: Handle): void {\n        this._scroller = new VirtualScroller(this, element, () => this.onScrollerTick());\n\n        // Track the scroller's created container handles so they are released\n        // with this view (on destructor or GC); the scroller is not a Component.\n        for (const handle of this._scroller.ownedHandles()) {\n            this.trackHandle(handle);\n        }\n    }\n\n    /**\n     * Invoked on every scroller tick. Default behaviour re-renders the window;\n     * `Body` overrides it to additionally emit its scroll events.\n     */\n    protected onScrollerTick(): void {\n        this.renderWindow();\n    }\n\n    /**\n     * Destroys the pooled rows and the scroller's overlay scrollbars before the\n     * inherited teardown runs.\n     *\n     * {@link growRowPool} appends each row's element straight to the rows\n     * container and keeps the row only in `_rowPool`, so a pooled row is never\n     * registered as a child component and the base destructor's recursion over\n     * `_components` cannot reach it. Without this override neither the rows nor\n     * their cells (which *are* registered on their row) release their\n     * per-instance stylesheet rules, so the shared sheet grows by roughly the\n     * view's whole cell count on every teardown. The scroller's two\n     * `Scrollbar` overlays are raw-appended the same way, so they need the\n     * same explicit disposal.\n     */\n    protected destructor(): void {\n        for (const row of this._rowPool) {\n            row.dispose();\n        }\n\n        this._scroller?.dispose();\n\n        super.destructor();\n    }\n\n    /**\n     * Sets the JS-controlled horizontal scroll position. Delegates to the\n     * underlying {@link VirtualScroller}.\n     *\n     * @param x - The new scroll position in pixels.\n     */\n    setScrollX(x: number): this {\n        // Ahead of the hold: a programmatic scroll cancels an in-flight wheel\n        // ease whether or not the offset itself has to wait.\n        this._scroller?.resetWheelEase();\n\n        if (this.holdScrollWhileFirstLayoutHeld(\"x\", x)) {\n            return this;\n        }\n\n        this._scroller?.setScrollX(x);\n\n        return this;\n    }\n\n    /**\n     * Sets the JS-controlled vertical scroll position. Delegates to the\n     * underlying {@link VirtualScroller}.\n     *\n     * @param y - The new scroll position in pixels.\n     */\n    setScrollY(y: number): this {\n        // Ahead of the hold: a programmatic scroll cancels an in-flight wheel\n        // ease whether or not the offset itself has to wait.\n        this._scroller?.resetWheelEase();\n\n        if (this.holdScrollWhileFirstLayoutHeld(\"y\", y)) {\n            return this;\n        }\n\n        this._scroller?.setScrollY(y);\n\n        return this;\n    }\n\n    /**\n     * Holds a scroll offset set while the startup font gate is holding this\n     * view's render pass, for {@link applyPendingScroll} to apply once the pass\n     * has run.\n     *\n     * @param axis - Which offset is being set.\n     * @param offset - The requested offset in pixels.\n     *\n     * @returns `true` when the caller must return without scrolling.\n     *\n     * @remarks The scroller clamps every offset against a content extent that\n     * only the render pass publishes, so an offset set while that pass is\n     * deferred clamps to 0 and the request is lost — a row revealed during\n     * startup would end up selected but off-screen. This guards the offsets\n     * that are viewport-independent and so can be replayed verbatim: the\n     * table's `scrollToRecord`, and a consumer restoring a saved offset.\n     * `scrollRowIntoView` is held one level higher instead, by row index, since\n     * its target depends on a height the gate is also holding. The table's\n     * `scrollColumnIntoView` has that same width dependence but fires only from\n     * a pooled cell's editor, which cannot exist while the pass is deferred.\n     */\n    private holdScrollWhileFirstLayoutHeld(axis: \"x\" | \"y\", offset: number): boolean {\n        if (!isFirstLayoutHeld()) {\n            // This offset is being applied for real, so it supersedes anything\n            // held for the same axis — otherwise the held one would replay on\n            // the next render and revert it. A held row reveal is a vertical\n            // request too, so it goes with the Y offset.\n            if (axis === \"x\") {\n                this._pendingScrollX = null;\n            } else {\n                this._pendingScrollY   = null;\n                this._pendingScrollRow = null;\n            }\n\n            return false;\n        }\n\n        if (axis === \"x\") {\n            this._pendingScrollX = offset;\n        } else {\n            this._pendingScrollY   = offset;\n            this._pendingScrollRow = null;\n        }\n\n        return true;\n    }\n\n    /**\n     * Applies the scroll offsets {@link holdScrollWhileFirstLayoutHeld} held\n     * back, now that a render pass has published the content extent they clamp\n     * against. A no-op once they are applied.\n     */\n    private applyPendingScroll(): void {\n        const x   = this._pendingScrollX;\n        const y   = this._pendingScrollY;\n        const row = this._pendingScrollRow;\n\n        this._pendingScrollX   = null;\n        this._pendingScrollY   = null;\n        this._pendingScrollRow = null;\n\n        if (x !== null) {\n            this.setScrollX(x);\n        }\n\n        if (y !== null) {\n            this.setScrollY(y);\n        }\n\n        // Applied after the offsets, which is what makes a reveal win over a\n        // raw offset held before it. The reverse order is handled the other\n        // way: a raw offset set later clears the reveal outright, so the two\n        // vertical requests always resolve to whichever came last.\n        if (row !== null) {\n            this.scrollRowIntoView(row);\n        }\n    }\n\n    /**\n     * Computes the `[firstRow, lastRow]` data-index window visible in the\n     * current viewport, padded by `SCROLL_BUFFER` on each side and clamped to\n     * the dataset bounds.\n     *\n     * @param scrollY - The current scroll offset in pixels.\n     * @param visibleHeight - The viewport height in pixels.\n     * @param totalRows - The total number of rows in the dataset.\n     * @returns The `firstRow` / `lastRow` data indices and the number of rows in the window.\n     */\n    protected computeVisibleWindow(scrollY: number, visibleHeight: number, totalRows: number): { firstRow: number, lastRow: number, windowSize: number } {\n        const rowHeight = this.getRowHeight();\n        const firstRow  = Math.max(0, Math.floor(scrollY / rowHeight) - SCROLL_BUFFER);\n        const lastRow   = Math.min(\n            totalRows - 1,\n            Math.ceil((scrollY + visibleHeight) / rowHeight) + SCROLL_BUFFER\n        );\n        const windowSize = lastRow - firstRow + 1 > 0 ? lastRow - firstRow + 1 : 0;\n\n        return { firstRow, lastRow, windowSize };\n    }\n\n    /**\n     * Computes the row-pool target size: the max possible window for the\n     * current viewport, not just the current windowSize. windowSize shrinks\n     * near the top/bottom edges of the dataset because firstRow clamps to 0\n     * (and lastRow to totalRows-1); growing only to windowSize would force\n     * regrowth mid-scroll once the user passes a viewport-edge boundary. Pre-\n     * growing pays the per-row first-layout cost once.\n     *\n     * @param windowSize - The current visible-window size.\n     * @param visibleHeight - The viewport height in pixels.\n     * @param totalRows - The total number of rows in the dataset.\n     * @returns The pool target size.\n     */\n    protected computePoolTarget(windowSize: number, visibleHeight: number, totalRows: number): number {\n        return Math.min(\n            totalRows,\n            Math.max(\n                windowSize,\n                Math.ceil(visibleHeight / this.getRowHeight()) + 2 * SCROLL_BUFFER + 2\n            )\n        );\n    }\n\n    /**\n     * Computes the number of whole rows a page-nav keystroke should move by:\n     * one viewport height, floored to at least one row.\n     *\n     * @returns The page size in rows.\n     */\n    protected computePageSize(): number {\n        const rowHeight = this.getRowHeight();\n\n        return Math.max(1, Math.floor((this.getHeight() || rowHeight) / rowHeight));\n    }\n\n    /**\n     * Grows the row pool up to `poolTarget`, batching new row elements through\n     * a {@link DocumentFragment} so the live rows container sees a single\n     * append instead of N. Each new slot pins its static top to 0, promotes it\n     * to its own compositor layer, and extends the parallel bookkeeping arrays\n     * in lockstep.\n     *\n     * @param poolTarget - The target pool size.\n     */\n    protected growRowPool(poolTarget: number): void {\n        if (!this._scroller || this._rowPool.length >= poolTarget) {\n            return;\n        }\n\n        const rowsContainer = this._scroller.getRowsContainer();\n        const growFragment  = DOM.sink.createDocumentFragment();\n\n        while (this._rowPool.length < poolTarget) {\n            const row   = this.createPoolRow();\n            const rowEl = row.getElement(true)!;\n\n            DOM.sink.appendChild(growFragment, rowEl);\n\n            // Pin row's static top to 0 once. Per-frame Y offset comes from\n            // translateY, which is composite-only (avoids layout/paint per\n            // scroll tick).\n            row.setY(0);\n\n            // Pre-promote pooled rows to their own compositor layer so the first\n            // scroll-driven translate doesn't pay a layer-creation cost.\n            row.setWillChange(\"transform\");\n\n            this._rowPool.push(row);\n            this._boundIndices.push(-1);\n            this._rowGeom.push(null);\n            this._rowDisplayed.push(false);\n        }\n\n        DOM.sink.appendChild(rowsContainer, growFragment);\n        DOM.sink.release(growFragment);\n    }\n\n    /**\n     * Rotates the pool bookkeeping arrays so each slot keeps tracking the\n     * same data index it held before the window moved, instead of being\n     * rebound to whichever index now falls at that slot's window-relative\n     * position.\n     *\n     * @param firstRow - The new window's first data index.\n     *\n     * @remarks Both subclasses key a pool slot by its offset within the\n     * window (`firstRow + i`), so without this a one-row scroll shifts every\n     * slot's data index by one and forces every pooled row — including the\n     * off-screen `SCROLL_BUFFER` rows — through a full rebind and\n     * reposition on every tick, instead of just the one row entering the\n     * window. Call once per render, after {@link growRowPool} and before the\n     * bind pass reads `_rowPool` / `_boundIndices` / `_rowGeom` /\n     * `_rowDisplayed` by slot index.\n     */\n    protected alignPoolWindow(firstRow: number): void {\n        const delta = this._lastWindowStart === null ? 0 : firstRow - this._lastWindowStart;\n\n        this._lastWindowStart = firstRow;\n\n        const n = this._rowPool.length;\n        if (delta === 0 || n === 0) {\n            return;\n        }\n\n        const shift = ((delta % n) + n) % n;\n\n        rotateLeft(this._rowPool, shift);\n        rotateLeft(this._boundIndices, shift);\n        rotateLeft(this._rowGeom, shift);\n        rotateLeft(this._rowDisplayed, shift);\n    }\n\n    /**\n     * Positions the pool slot at `slot` to `targetY` and sizes it to `rowWidth`,\n     * writing the translate/size only when the cached geometry differs from the\n     * target, and toggling the row displayed on the false→true edge.\n     *\n     * @param slot - The pool-slot index.\n     * @param targetY - The row's translate-Y offset in pixels.\n     * @param rowWidth - The row's width in pixels.\n     * @returns `true` when the geometry changed (the subclass may need to re-lay\n     *   out the row's children), `false` when it was already at the target.\n     */\n    protected positionRow(slot: number, targetY: number, rowWidth: number): boolean {\n        const row       = this._rowPool[slot];\n        const rowHeight = this.getRowHeight();\n        const prev      = this._rowGeom[slot];\n        const geomChanged = !prev || prev.ty !== targetY || prev.w !== rowWidth || prev.h !== rowHeight;\n\n        if (geomChanged) {\n            row.setAutoCommitStyle(false);\n            row.setX(0);\n            row.setTranslate(0, targetY);\n            row.setWidth(rowWidth);\n            row.setHeight(rowHeight);\n            row.setAutoCommitStyle(true);\n            this._rowGeom[slot] = { ty: targetY, w: rowWidth, h: rowHeight };\n        }\n\n        if (!this._rowDisplayed[slot]) {\n            row.setDisplayed(true);\n            this._rowDisplayed[slot] = true;\n        }\n\n        return geomChanged;\n    }\n\n    /**\n     * Hides pool slots whose index falls outside the visible window and\n     * clears their cached binding so the next bind triggers a full rebuild.\n     *\n     * @param windowSize - The number of pool slots currently in use.\n     */\n    protected hideExcessPoolRows(windowSize: number): void {\n        for (let i = windowSize; i < this._rowPool.length; i++) {\n            if (this._rowDisplayed[i]) {\n                this._rowPool[i].setDisplayed(false);\n                this._rowDisplayed[i] = false;\n            }\n            this._boundIndices[i] = -1;\n            this._rowGeom[i] = null;\n        }\n    }\n\n    /**\n     * Clears the cached row geometry so the next render re-applies positions and\n     * sizes for every slot. `Body` overrides this to additionally clear its\n     * per-cell geometry cache.\n     */\n    protected invalidateGeom(): void {\n        for (let i = 0; i < this._rowGeom.length; i++) {\n            this._rowGeom[i] = null;\n        }\n    }\n\n    /**\n     * Skips a render pass while the startup font gate is held, arranging for it\n     * to run once the gate opens.\n     *\n     * @returns `true` when the caller must return without rendering.\n     *\n     * @remarks Both subclasses call {@link renderWindow} from many synchronous\n     * entry points — `init`, a data change, a selection move — so a row's\n     * geometry is routinely committed outside the coalesced layout queue, and\n     * `init` in particular commits it the moment the element exists. Holding the\n     * queue therefore does not hold these views; they have to check the gate\n     * themselves. Deferring at this one choke point covers every entry point at\n     * once, rather than guarding each caller.\n     */\n    protected deferRenderWhileFirstLayoutHeld(): boolean {\n        if (!isFirstLayoutHeld()) {\n            // This render is going ahead, which satisfies anything a held pass\n            // left pending — clearing it keeps a later layout from replaying a\n            // startup-era pass over the fresher state this one just committed.\n            // Note that it also took over that pass's unfinished business, so\n            // flag it for `finishResumedRender` to pick up once it has rendered.\n            this._renderResumed  = this._renderDeferred;\n            this._renderDeferred = false;\n\n            return false;\n        }\n\n        this._renderDeferred = true;\n        this.scheduleLayout();\n\n        return true;\n    }\n\n    /**\n     * Whether the last render pass on this view was skipped by the startup font\n     * gate and is still waiting to run.\n     *\n     * @returns `true` while a pass is pending.\n     */\n    protected wasRenderDeferred(): boolean {\n        return this._renderDeferred;\n    }\n\n    /**\n     * Reports, once, that the render now finishing is the one a held pass left\n     * pending — so the caller can redo the post-render work that pass skipped.\n     *\n     * @returns `true` exactly once per resumed pass, at the end of the render\n     *   that resumed it.\n     *\n     * @remarks Called at the tail of {@link renderWindow} rather than from a\n     * layout hook because a render resumes from whichever entry point reaches\n     * it first, and for the table body that is the parent table layout calling\n     * `renderWindow` directly rather than anything going through `doLayout`.\n     */\n    protected finishResumedRender(): boolean {\n        // Read and clear before applying the scroll: applying it re-enters\n        // `renderWindow` through the scroller's onScroll hook, and that nested\n        // pass resets this flag. Reading it afterwards would lose the caller's\n        // post-render work on exactly the passes that carry both.\n        const resumed = this._renderResumed;\n\n        this._renderResumed = false;\n\n        // This pass has published the content extent, so any held offset can be\n        // applied now — whether or not the pass is itself the deferred one.\n        this.applyPendingScroll();\n\n        return resumed;\n    }\n\n    /**\n     * Runs the render pass the startup font gate deferred, if one is pending.\n     * Each subclass calls this from its own `doLayout`, which is what picks the\n     * pass back up once the gate opens.\n     *\n     * @returns `true` when a deferred pass ran, so the caller can skip a render\n     *   of its own and refresh whatever it keeps in step with the rendered rows.\n     *\n     * @remarks A paused view keeps its pass pending rather than running it: a\n     * parent's layout recursion reaches `Body.doLayout` regardless of the\n     * child's pause state, so rendering here would defeat a `pauseLayout` the\n     * caller asked for. (`Tree.doLayout` already returns early when paused, so\n     * the guard only binds for the body.) `resumeLayout` runs a layout of its\n     * own, which picks the pass up.\n     */\n    protected renderWindowIfDeferred(): boolean {\n        if (!this._renderDeferred || this.isLayoutPaused()) {\n            return false;\n        }\n\n        // The pending flag is left for `renderWindow`'s own gate check to\n        // consume: that is what marks this render as the resumed one, which\n        // `finishResumedRender` reads at the end of the pass.\n        this.renderWindow();\n\n        return true;\n    }\n\n    /**\n     * Re-binds and re-renders every pooled row after a text-metrics reflow —\n     * a theme change, or the web font swapping in over the fallback face.\n     *\n     * @remarks Pooled rows do not ride `ThemeManager`'s reflow for free. Both\n     * subclasses render through renderers whose `Text` runs with\n     * `setAutoMeasure(false)`, so a bound row only re-measures inside the\n     * renderer's `update()` — which {@link renderWindow} skips for a slot that\n     * is already bound to its data index. Without the `_boundIndices` reset a\n     * visible row therefore keeps the width it measured against whichever font\n     * was active when it was bound, clipping the wider glyphs of the real face\n     * once it arrives. Subclasses that cache metrics-derived state of their own\n     * (row height, content width) override this to refresh it, then chain up.\n     */\n    protected onThemeReflow(): void {\n        this._boundIndices.fill(-1);\n        this.invalidateGeom();\n        this.renderWindow();\n    }\n\n    /**\n     * Scrolls the view so the row at `index` is fully visible, without moving\n     * the viewport unless necessary. Delegates through {@link VirtualScroller}\n     * so the header translate + scrollbar thumb stay in sync.\n     *\n     * @param index - The data index of the row to reveal. A negative index is a\n     *   no-op (the row is not in the current view).\n     */\n    protected scrollRowIntoView(index: number): void {\n        if (index < 0 || !this._scroller) {\n            return;\n        }\n\n        // Hold the row, not a target. The target depends on this view's height,\n        // and at startup that height arrives from the very layout the gate is\n        // holding — so computing it now would either read an unset height and\n        // reveal nothing, or read 0 and scroll the row just out of view.\n        if (isFirstLayoutHeld()) {\n            this._pendingScrollRow = index;\n\n            return;\n        }\n\n        const rowHeight      = this.getRowHeight();\n        const top            = index * rowHeight;\n        const bottom         = top + rowHeight;\n        const scrollTop      = this._scroller.getScrollY();\n        const viewportHeight = this.getHeight();\n        const visibleBottom  = scrollTop + viewportHeight;\n\n        let target = scrollTop;\n        if (top < scrollTop) {\n            target = top;\n        } else if (bottom > visibleBottom) {\n            target = bottom - viewportHeight;\n        }\n        if (target !== scrollTop) {\n            this.setScrollY(target);\n        }\n    }\n}\n\nexport { VirtualRowView };\n","// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\n/**\n * Compares two selection sets by membership only — size and element\n * identity, regardless of insertion order.\n *\n * Pure; no DOM, no component state.\n *\n * @typeParam T - The selection identity type.\n * @param a - One selection set.\n * @param b - The other selection set.\n * @returns `true` when both sets have the same size and every member of\n *   `a` is present in `b`.\n *\n * @internal Shared by `Tree` and `Body`; not barrel-exported.\n */\nexport function selectionsEqual<T>(a: ReadonlySet<T>, b: ReadonlySet<T>): boolean {\n    if (a.size !== b.size) {\n        return false;\n    }\n\n    for (const item of a) {\n        if (!b.has(item)) {\n            return false;\n        }\n    }\n\n    return true;\n}\n"],"mappings":"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"}
+{"version":3,"file":"selectionsEqual-C7MrKMQr.js","names":[],"sources":["../../src/typescript/lib/component/shared/VirtualRowView.ts","../../src/typescript/lib/component/shared/selectionsEqual.ts"],"sourcesContent":["// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { Component, ComponentOptions } from \"~/core/Component.js\";\nimport { DOM } from \"~/core/DOM.js\";\nimport type { Handle } from \"~/core/DOM.js\";\nimport { VirtualScroller } from \"~/component/container/VirtualScroller.js\";\nimport { isFirstLayoutHeld } from \"~/core/FirstLayoutGate.js\";\n\n/** Number of off-screen rows to render above and below the visible viewport. */\nconst SCROLL_BUFFER = 2;\n\n/** Rotates `arr` left by `shift` in place: `arr[i]` becomes what was at `arr[(i + shift) % arr.length]`. */\nfunction rotateLeft<T>(arr: T[], shift: number): void {\n    arr.push(...arr.splice(0, shift));\n}\n\n/**\n * Shared transform-windowed virtual-scroll base for the data views —\n * `table/Body` and `tree/Tree` are its only two subclasses. It owns the\n * recycled row pool (`_rowPool` and the parallel `_boundIndices` / `_rowGeom` /\n * `_rowDisplayed` bookkeeping arrays), the {@link VirtualScroller} wiring, and\n * the window / pool-growth / geometry reconciliation primitives each subclass's\n * render pass composes.\n *\n * Only two things genuinely diverge between the two consumers, so only those\n * are hooks:\n *\n * - **Row height** — `Body` derives it live from the theme line box; `Tree`\n *   uses a fixed constant. Read through {@link getRowHeight} on every call so a\n *   live theme change is honoured.\n * - **Row construction** — the pool-row scaffolding (fragment batching, `setY(0)`\n *   pin, `will-change` promotion, parallel-array bookkeeping) is identical; only\n *   the row object each subclass builds differs. {@link createPoolRow} returns a\n *   fully-constructed, un-appended row and the base owns the rest.\n *\n * The per-frame render pass itself ({@link renderWindow}) stays subclass-specific\n * because the content-width derivation genuinely diverges; the base exposes the\n * shared primitives it calls ({@link computeVisibleWindow},\n * {@link computePoolTarget}, {@link growRowPool}, {@link positionRow},\n * {@link hideExcessPoolRows}).\n *\n * @typeParam TRow - The concrete pooled row component type.\n * @typeParam TOptions - The subclass's options bag.\n *\n * @internal Not barrel-exported; the two subclasses are the only consumers.\n */\nabstract class VirtualRowView<\n    TRow extends Component,\n    TOptions extends ComponentOptions = ComponentOptions,\n> extends Component<TOptions> {\n\n    protected _rowPool      : TRow[]                                              = [];\n    protected _boundIndices : number[]                                           = [];\n    protected _rowGeom      : Array<{ ty: number, w: number, h: number } | null> = [];\n    protected _rowDisplayed : boolean[]                                          = [];\n    protected _scroller     : VirtualScroller | null                             = null;\n\n    /** The data index pool slot 0 was aligned to on the last render, for {@link alignPoolWindow} to derive the scroll delta. `null` before the first render. */\n    private _lastWindowStart: number | null = null;\n\n    /** Whether the startup font gate skipped a render pass that still owes a run. */\n    private _renderDeferred: boolean = false;\n    /** Whether the render now in flight is the one a skipped pass left pending. */\n    private _renderResumed : boolean = false;\n    /** Scroll offsets the gate held back, applied once a render pass has run. */\n    private _pendingScrollX: number | null = null;\n    private _pendingScrollY: number | null = null;\n    /** A row reveal the gate held back, recomputed once a render pass has run. */\n    private _pendingScrollRow: number | null = null;\n\n    /**\n     * Returns the height in pixels of a single row. Read on every window /\n     * geometry calculation, so a subclass that recomputes it (e.g. on a theme\n     * change) reflects the new value immediately.\n     */\n    protected abstract getRowHeight(): number;\n\n    /**\n     * Constructs one pool row, fully wired but not yet appended to the\n     * rows container — the base's {@link growRowPool} owns the append, the\n     * `setY(0)` pin, the `will-change` promotion, and the parallel-array\n     * bookkeeping.\n     */\n    protected abstract createPoolRow(): TRow;\n\n    /**\n     * Recomputes and reconciles the visible row window against the current\n     * scroll position and dataset. Subclass-specific because the content-width\n     * derivation diverges; both implementations compose the shared primitives\n     * on this base.\n     */\n    protected abstract renderWindow(): void;\n\n    /**\n     * Constructs the {@link VirtualScroller} for this view and tracks its\n     * container handles so they are released with the component. The scroller's\n     * onScroll hook is routed through {@link onScrollerTick}.\n     *\n     * @param element - This view's initialised element handle.\n     */\n    protected initScroller(element: Handle): void {\n        this._scroller = new VirtualScroller(this, element, () => this.onScrollerTick());\n\n        // Track the scroller's created container handles so they are released\n        // with this view (on destructor or GC); the scroller is not a Component.\n        for (const handle of this._scroller.ownedHandles()) {\n            this.trackHandle(handle);\n        }\n    }\n\n    /**\n     * Invoked on every scroller tick. Default behaviour re-renders the window;\n     * `Body` overrides it to additionally emit its scroll events.\n     */\n    protected onScrollerTick(): void {\n        this.renderWindow();\n    }\n\n    /**\n     * Destroys the pooled rows and the scroller's overlay scrollbars before the\n     * inherited teardown runs.\n     *\n     * {@link growRowPool} appends each row's element straight to the rows\n     * container and keeps the row only in `_rowPool`, so a pooled row is never\n     * registered as a child component and the base destructor's recursion over\n     * `_components` cannot reach it. Without this override neither the rows nor\n     * their cells (which *are* registered on their row) release their\n     * per-instance stylesheet rules, so the shared sheet grows by roughly the\n     * view's whole cell count on every teardown. The scroller's two\n     * `Scrollbar` overlays are raw-appended the same way, so they need the\n     * same explicit disposal.\n     */\n    protected destructor(): void {\n        for (const row of this._rowPool) {\n            row.dispose();\n        }\n\n        this._scroller?.dispose();\n\n        super.destructor();\n    }\n\n    /**\n     * Sets the JS-controlled horizontal scroll position. Delegates to the\n     * underlying {@link VirtualScroller}.\n     *\n     * @param x - The new scroll position in pixels.\n     */\n    setScrollX(x: number): this {\n        // Ahead of the hold: a programmatic scroll cancels an in-flight wheel\n        // ease whether or not the offset itself has to wait.\n        this._scroller?.resetWheelEase();\n\n        if (this.holdScrollWhileFirstLayoutHeld(\"x\", x)) {\n            return this;\n        }\n\n        this._scroller?.setScrollX(x);\n\n        return this;\n    }\n\n    /**\n     * Sets the JS-controlled vertical scroll position. Delegates to the\n     * underlying {@link VirtualScroller}.\n     *\n     * @param y - The new scroll position in pixels.\n     */\n    setScrollY(y: number): this {\n        // Ahead of the hold: a programmatic scroll cancels an in-flight wheel\n        // ease whether or not the offset itself has to wait.\n        this._scroller?.resetWheelEase();\n\n        if (this.holdScrollWhileFirstLayoutHeld(\"y\", y)) {\n            return this;\n        }\n\n        this._scroller?.setScrollY(y);\n\n        return this;\n    }\n\n    /**\n     * Holds a scroll offset set while the startup font gate is holding this\n     * view's render pass, for {@link applyPendingScroll} to apply once the pass\n     * has run.\n     *\n     * @param axis - Which offset is being set.\n     * @param offset - The requested offset in pixels.\n     *\n     * @returns `true` when the caller must return without scrolling.\n     *\n     * @remarks The scroller clamps every offset against a content extent that\n     * only the render pass publishes, so an offset set while that pass is\n     * deferred clamps to 0 and the request is lost — a row revealed during\n     * startup would end up selected but off-screen. This guards the offsets\n     * that are viewport-independent and so can be replayed verbatim: the\n     * table's `scrollToRecord`, and a consumer restoring a saved offset.\n     * `scrollRowIntoView` is held one level higher instead, by row index, since\n     * its target depends on a height the gate is also holding. The table's\n     * `scrollColumnIntoView` has that same width dependence but fires only from\n     * a pooled cell's editor, which cannot exist while the pass is deferred.\n     */\n    private holdScrollWhileFirstLayoutHeld(axis: \"x\" | \"y\", offset: number): boolean {\n        if (!isFirstLayoutHeld()) {\n            // This offset is being applied for real, so it supersedes anything\n            // held for the same axis — otherwise the held one would replay on\n            // the next render and revert it. A held row reveal is a vertical\n            // request too, so it goes with the Y offset.\n            if (axis === \"x\") {\n                this._pendingScrollX = null;\n            } else {\n                this._pendingScrollY   = null;\n                this._pendingScrollRow = null;\n            }\n\n            return false;\n        }\n\n        if (axis === \"x\") {\n            this._pendingScrollX = offset;\n        } else {\n            this._pendingScrollY   = offset;\n            this._pendingScrollRow = null;\n        }\n\n        return true;\n    }\n\n    /**\n     * Applies the scroll offsets {@link holdScrollWhileFirstLayoutHeld} held\n     * back, now that a render pass has published the content extent they clamp\n     * against. A no-op once they are applied.\n     */\n    private applyPendingScroll(): void {\n        const x   = this._pendingScrollX;\n        const y   = this._pendingScrollY;\n        const row = this._pendingScrollRow;\n\n        this._pendingScrollX   = null;\n        this._pendingScrollY   = null;\n        this._pendingScrollRow = null;\n\n        if (x !== null) {\n            this.setScrollX(x);\n        }\n\n        if (y !== null) {\n            this.setScrollY(y);\n        }\n\n        // Applied after the offsets, which is what makes a reveal win over a\n        // raw offset held before it. The reverse order is handled the other\n        // way: a raw offset set later clears the reveal outright, so the two\n        // vertical requests always resolve to whichever came last.\n        if (row !== null) {\n            this.scrollRowIntoView(row);\n        }\n    }\n\n    /**\n     * Computes the `[firstRow, lastRow]` data-index window visible in the\n     * current viewport, padded by `SCROLL_BUFFER` on each side and clamped to\n     * the dataset bounds.\n     *\n     * @param scrollY - The current scroll offset in pixels.\n     * @param visibleHeight - The viewport height in pixels.\n     * @param totalRows - The total number of rows in the dataset.\n     * @returns The `firstRow` / `lastRow` data indices and the number of rows in the window.\n     */\n    protected computeVisibleWindow(scrollY: number, visibleHeight: number, totalRows: number): { firstRow: number, lastRow: number, windowSize: number } {\n        const rowHeight = this.getRowHeight();\n        const firstRow  = Math.max(0, Math.floor(scrollY / rowHeight) - SCROLL_BUFFER);\n        const lastRow   = Math.min(\n            totalRows - 1,\n            Math.ceil((scrollY + visibleHeight) / rowHeight) + SCROLL_BUFFER\n        );\n        const windowSize = lastRow - firstRow + 1 > 0 ? lastRow - firstRow + 1 : 0;\n\n        return { firstRow, lastRow, windowSize };\n    }\n\n    /**\n     * Computes the row-pool target size: the max possible window for the\n     * current viewport, not just the current windowSize. windowSize shrinks\n     * near the top/bottom edges of the dataset because firstRow clamps to 0\n     * (and lastRow to totalRows-1); growing only to windowSize would force\n     * regrowth mid-scroll once the user passes a viewport-edge boundary. Pre-\n     * growing pays the per-row first-layout cost once.\n     *\n     * @param windowSize - The current visible-window size.\n     * @param visibleHeight - The viewport height in pixels.\n     * @param totalRows - The total number of rows in the dataset.\n     * @returns The pool target size.\n     */\n    protected computePoolTarget(windowSize: number, visibleHeight: number, totalRows: number): number {\n        return Math.min(\n            totalRows,\n            Math.max(\n                windowSize,\n                Math.ceil(visibleHeight / this.getRowHeight()) + 2 * SCROLL_BUFFER + 2\n            )\n        );\n    }\n\n    /**\n     * Computes the number of whole rows a page-nav keystroke should move by:\n     * one viewport height, floored to at least one row.\n     *\n     * @returns The page size in rows.\n     */\n    protected computePageSize(): number {\n        const rowHeight = this.getRowHeight();\n\n        return Math.max(1, Math.floor((this.getHeight() || rowHeight) / rowHeight));\n    }\n\n    /**\n     * Grows the row pool up to `poolTarget`, batching new row elements through\n     * a {@link DocumentFragment} so the live rows container sees a single\n     * append instead of N. Each new slot pins its static top to 0, promotes it\n     * to its own compositor layer, and extends the parallel bookkeeping arrays\n     * in lockstep.\n     *\n     * @param poolTarget - The target pool size.\n     */\n    protected growRowPool(poolTarget: number): void {\n        if (!this._scroller || this._rowPool.length >= poolTarget) {\n            return;\n        }\n\n        const rowsContainer = this._scroller.getRowsContainer();\n        const growFragment  = DOM.sink.createDocumentFragment();\n\n        while (this._rowPool.length < poolTarget) {\n            const row   = this.createPoolRow();\n            const rowEl = row.getElement(true)!;\n\n            DOM.sink.appendChild(growFragment, rowEl);\n\n            // Pin row's static top to 0 once. Per-frame Y offset comes from\n            // translateY, which is composite-only (avoids layout/paint per\n            // scroll tick).\n            row.setY(0);\n\n            // Pre-promote pooled rows to their own compositor layer so the first\n            // scroll-driven translate doesn't pay a layer-creation cost.\n            row.setWillChange(\"transform\");\n\n            this._rowPool.push(row);\n            this._boundIndices.push(-1);\n            this._rowGeom.push(null);\n            this._rowDisplayed.push(false);\n        }\n\n        DOM.sink.appendChild(rowsContainer, growFragment);\n        DOM.sink.release(growFragment);\n    }\n\n    /**\n     * Rotates the pool bookkeeping arrays so each slot keeps tracking the\n     * same data index it held before the window moved, instead of being\n     * rebound to whichever index now falls at that slot's window-relative\n     * position.\n     *\n     * @param firstRow - The new window's first data index.\n     *\n     * @remarks Both subclasses key a pool slot by its offset within the\n     * window (`firstRow + i`), so without this a one-row scroll shifts every\n     * slot's data index by one and forces every pooled row — including the\n     * off-screen `SCROLL_BUFFER` rows — through a full rebind and\n     * reposition on every tick, instead of just the one row entering the\n     * window. Call once per render, after {@link growRowPool} and before the\n     * bind pass reads `_rowPool` / `_boundIndices` / `_rowGeom` /\n     * `_rowDisplayed` by slot index.\n     */\n    protected alignPoolWindow(firstRow: number): void {\n        const delta = this._lastWindowStart === null ? 0 : firstRow - this._lastWindowStart;\n\n        this._lastWindowStart = firstRow;\n\n        const n = this._rowPool.length;\n        if (delta === 0 || n === 0) {\n            return;\n        }\n\n        const shift = ((delta % n) + n) % n;\n\n        rotateLeft(this._rowPool, shift);\n        rotateLeft(this._boundIndices, shift);\n        rotateLeft(this._rowGeom, shift);\n        rotateLeft(this._rowDisplayed, shift);\n    }\n\n    /**\n     * Positions the pool slot at `slot` to `targetY` and sizes it to `rowWidth`,\n     * writing the translate/size only when the cached geometry differs from the\n     * target, and toggling the row displayed on the false→true edge.\n     *\n     * @param slot - The pool-slot index.\n     * @param targetY - The row's translate-Y offset in pixels.\n     * @param rowWidth - The row's width in pixels.\n     * @returns `true` when the geometry changed (the subclass may need to re-lay\n     *   out the row's children), `false` when it was already at the target.\n     */\n    protected positionRow(slot: number, targetY: number, rowWidth: number): boolean {\n        const row       = this._rowPool[slot];\n        const rowHeight = this.getRowHeight();\n        const prev      = this._rowGeom[slot];\n        const geomChanged = !prev || prev.ty !== targetY || prev.w !== rowWidth || prev.h !== rowHeight;\n\n        if (geomChanged) {\n            row.setAutoCommitStyle(false);\n            row.setX(0);\n            row.setTranslate(0, targetY);\n            row.setWidth(rowWidth);\n            row.setHeight(rowHeight);\n            row.setAutoCommitStyle(true);\n            this._rowGeom[slot] = { ty: targetY, w: rowWidth, h: rowHeight };\n        }\n\n        if (!this._rowDisplayed[slot]) {\n            row.setDisplayed(true);\n            this._rowDisplayed[slot] = true;\n        }\n\n        return geomChanged;\n    }\n\n    /**\n     * Hides pool slots whose index falls outside the visible window and\n     * clears their cached binding so the next bind triggers a full rebuild.\n     *\n     * @param windowSize - The number of pool slots currently in use.\n     */\n    protected hideExcessPoolRows(windowSize: number): void {\n        for (let i = windowSize; i < this._rowPool.length; i++) {\n            if (this._rowDisplayed[i]) {\n                this._rowPool[i].setDisplayed(false);\n                this._rowDisplayed[i] = false;\n            }\n            this._boundIndices[i] = -1;\n            this._rowGeom[i] = null;\n        }\n    }\n\n    /**\n     * Clears the cached row geometry so the next render re-applies positions and\n     * sizes for every slot.\n     */\n    protected invalidateGeom(): void {\n        for (let i = 0; i < this._rowGeom.length; i++) {\n            this._rowGeom[i] = null;\n        }\n    }\n\n    /**\n     * Skips a render pass while the startup font gate is held, arranging for it\n     * to run once the gate opens.\n     *\n     * @returns `true` when the caller must return without rendering.\n     *\n     * @remarks Both subclasses call {@link renderWindow} from many synchronous\n     * entry points — `init`, a data change, a selection move — so a row's\n     * geometry is routinely committed outside the coalesced layout queue, and\n     * `init` in particular commits it the moment the element exists. Holding the\n     * queue therefore does not hold these views; they have to check the gate\n     * themselves. Deferring at this one choke point covers every entry point at\n     * once, rather than guarding each caller.\n     */\n    protected deferRenderWhileFirstLayoutHeld(): boolean {\n        if (!isFirstLayoutHeld()) {\n            // This render is going ahead, which satisfies anything a held pass\n            // left pending — clearing it keeps a later layout from replaying a\n            // startup-era pass over the fresher state this one just committed.\n            // Note that it also took over that pass's unfinished business, so\n            // flag it for `finishResumedRender` to pick up once it has rendered.\n            this._renderResumed  = this._renderDeferred;\n            this._renderDeferred = false;\n\n            return false;\n        }\n\n        this._renderDeferred = true;\n        this.scheduleLayout();\n\n        return true;\n    }\n\n    /**\n     * Whether the last render pass on this view was skipped by the startup font\n     * gate and is still waiting to run.\n     *\n     * @returns `true` while a pass is pending.\n     */\n    protected wasRenderDeferred(): boolean {\n        return this._renderDeferred;\n    }\n\n    /**\n     * Reports, once, that the render now finishing is the one a held pass left\n     * pending — so the caller can redo the post-render work that pass skipped.\n     *\n     * @returns `true` exactly once per resumed pass, at the end of the render\n     *   that resumed it.\n     *\n     * @remarks Called at the tail of {@link renderWindow} rather than from a\n     * layout hook because a render resumes from whichever entry point reaches\n     * it first, and for the table body that is the parent table layout calling\n     * `renderWindow` directly rather than anything going through `doLayout`.\n     */\n    protected finishResumedRender(): boolean {\n        // Read and clear before applying the scroll: applying it re-enters\n        // `renderWindow` through the scroller's onScroll hook, and that nested\n        // pass resets this flag. Reading it afterwards would lose the caller's\n        // post-render work on exactly the passes that carry both.\n        const resumed = this._renderResumed;\n\n        this._renderResumed = false;\n\n        // This pass has published the content extent, so any held offset can be\n        // applied now — whether or not the pass is itself the deferred one.\n        this.applyPendingScroll();\n\n        return resumed;\n    }\n\n    /**\n     * Runs the render pass the startup font gate deferred, if one is pending.\n     * Each subclass calls this from its own `doLayout`, which is what picks the\n     * pass back up once the gate opens.\n     *\n     * @returns `true` when a deferred pass ran, so the caller can skip a render\n     *   of its own and refresh whatever it keeps in step with the rendered rows.\n     *\n     * @remarks A paused view keeps its pass pending rather than running it: a\n     * parent's layout recursion reaches `Body.doLayout` regardless of the\n     * child's pause state, so rendering here would defeat a `pauseLayout` the\n     * caller asked for. (`Tree.doLayout` already returns early when paused, so\n     * the guard only binds for the body.) `resumeLayout` runs a layout of its\n     * own, which picks the pass up.\n     */\n    protected renderWindowIfDeferred(): boolean {\n        if (!this._renderDeferred || this.isLayoutPaused()) {\n            return false;\n        }\n\n        // The pending flag is left for `renderWindow`'s own gate check to\n        // consume: that is what marks this render as the resumed one, which\n        // `finishResumedRender` reads at the end of the pass.\n        this.renderWindow();\n\n        return true;\n    }\n\n    /**\n     * Re-binds and re-renders every pooled row after a text-metrics reflow —\n     * a theme change, or the web font swapping in over the fallback face.\n     *\n     * @remarks Pooled rows do not ride `ThemeManager`'s reflow for free. Both\n     * subclasses render through renderers whose `Text` runs with\n     * `setAutoMeasure(false)`, so a bound row only re-measures inside the\n     * renderer's `update()` — which {@link renderWindow} skips for a slot that\n     * is already bound to its data index. Without the `_boundIndices` reset a\n     * visible row therefore keeps the width it measured against whichever font\n     * was active when it was bound, clipping the wider glyphs of the real face\n     * once it arrives. Subclasses that cache metrics-derived state of their own\n     * (row height, content width) override this to refresh it, then chain up.\n     */\n    protected onThemeReflow(): void {\n        this._boundIndices.fill(-1);\n        this.invalidateGeom();\n        this.renderWindow();\n    }\n\n    /**\n     * Scrolls the view so the row at `index` is fully visible, without moving\n     * the viewport unless necessary. Delegates through {@link VirtualScroller}\n     * so the header translate + scrollbar thumb stay in sync.\n     *\n     * @param index - The data index of the row to reveal. A negative index is a\n     *   no-op (the row is not in the current view).\n     */\n    protected scrollRowIntoView(index: number): void {\n        if (index < 0 || !this._scroller) {\n            return;\n        }\n\n        // Hold the row, not a target. The target depends on this view's height,\n        // and at startup that height arrives from the very layout the gate is\n        // holding — so computing it now would either read an unset height and\n        // reveal nothing, or read 0 and scroll the row just out of view.\n        if (isFirstLayoutHeld()) {\n            this._pendingScrollRow = index;\n\n            return;\n        }\n\n        const rowHeight      = this.getRowHeight();\n        const top            = index * rowHeight;\n        const bottom         = top + rowHeight;\n        const scrollTop      = this._scroller.getScrollY();\n        const viewportHeight = this.getHeight();\n        const visibleBottom  = scrollTop + viewportHeight;\n\n        let target = scrollTop;\n        if (top < scrollTop) {\n            target = top;\n        } else if (bottom > visibleBottom) {\n            target = bottom - viewportHeight;\n        }\n        if (target !== scrollTop) {\n            this.setScrollY(target);\n        }\n    }\n}\n\nexport { VirtualRowView };\n","// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\n/**\n * Compares two selection sets by membership only — size and element\n * identity, regardless of insertion order.\n *\n * Pure; no DOM, no component state.\n *\n * @typeParam T - The selection identity type.\n * @param a - One selection set.\n * @param b - The other selection set.\n * @returns `true` when both sets have the same size and every member of\n *   `a` is present in `b`.\n *\n * @internal Shared by `Tree` and `Body`; not barrel-exported.\n */\nexport function selectionsEqual<T>(a: ReadonlySet<T>, b: ReadonlySet<T>): boolean {\n    if (a.size !== b.size) {\n        return false;\n    }\n\n    for (const item of a) {\n        if (!b.has(item)) {\n            return false;\n        }\n    }\n\n    return true;\n}\n"],"mappings":"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"}

package/dist/lib/types/component/button/Button.d.ts

@@ -4,6 +4,7 @@ import { Text } from "../../component/input/Text.js";
 import { Glyph } from "../../component/display/Glyph.js";
 import { FillType } from "../../layout/FillType.js";
 import { AnchorType } from "../../layout/AnchorType.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 import { BorderOptions } from "../../primitive/Border.js";
 import { Insets } from "../../primitive/Insets.js";
 import { Size } from "../../primitive/Size.js";
@@ -41,6 +42,7 @@ export interface ButtonOptions extends ComponentOptions {
     };
 }
 declare class Button<TOptions extends ButtonOptions = ButtonOptions> extends Component<TOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     private _text;
     protected _content: Component;
     private _titleColumn;
@@ -72,6 +74,12 @@ declare class Button<TOptions extends ButtonOptions = ButtonOptions> extends Com
     private _hoverStyleRule?;
     private get hoverStyleRule();
     private _hoverBorder;
+    protected getRestingExclusionSuffixes(): readonly string[];
+    protected setElementCSSRule(key: string, value: Object | null): this;
+    protected static extractPressedClassDeclarations(defaults: Partial<ButtonOptions>): Record<string, string | null>;
+    protected getPressedClassDeclarations(): Record<string, string | null>;
+    protected static extractHoverClassDeclarations(_defaults: Partial<ButtonOptions>): Record<string, string | null>;
+    protected getHoverClassDeclarations(): Record<string, string | null>;
     private _flat?;
     private _compact?;
     private _enabledCursor;
@@ -117,6 +125,7 @@ declare class Button<TOptions extends ButtonOptions = ButtonOptions> extends Com
     setChromeless(value: boolean): this;
     private _clearChrome;
     private _restoreChrome;
+    private pinPressedToResting;
     isFlat(): boolean;
     setFlat(value: boolean): this;
     isCompact(): boolean;

package/dist/lib/types/component/button/TabButton.d.ts

@@ -1,9 +1,12 @@
 import { ToggleButton, ToggleButtonOptions } from "../../component/button/ToggleButton.js";
+import type { ButtonOptions } from "../../component/button/Button.js";
 import { TabCloseButton } from "../../component/button/TabCloseButton.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 export interface TabButtonOptions extends ToggleButtonOptions {
     closeable?: boolean;
 }
 declare class TabButton extends ToggleButton {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     private _closeable;
     private _closeButton;
     private _busy;
@@ -11,6 +14,8 @@ declare class TabButton extends ToggleButton {
     constructor(text: string, options?: TabButtonOptions, subclassDefaults?: Partial<TabButtonOptions>);
     protected destructor(): void;
     private applyTabStyling;
+    protected static extractSelectedClassDeclarations(_defaults: Partial<ButtonOptions>): Record<string, string | null>;
+    protected getSelectedClassDeclarations(): Record<string, string | null>;
     private buildCloseButton;
     getCloseButton(): TabCloseButton | null;
     isCloseable(): boolean;

package/dist/lib/types/component/button/ToggleButton.d.ts

@@ -6,6 +6,9 @@ export interface ToggleButtonOptions extends ButtonOptions {
 declare class ToggleButton extends Button<ToggleButtonOptions> {
     private _selectedStyleRule?;
     private get selectedStyleRule();
+    protected static extractSelectedClassDeclarations(defaults: Partial<ButtonOptions>): Record<string, string | null>;
+    protected getSelectedClassDeclarations(): Record<string, string | null>;
+    protected getRestingExclusionSuffixes(): readonly string[];
     constructor(text: string, options?: ToggleButtonOptions, subclassDefaults?: Partial<ToggleButtonOptions>);
     protected applyOptions(options: ToggleButtonOptions): this;
     on(event: "action", listener: ClickListener): this;

package/dist/lib/types/component/chart/AbstractChart.d.ts

@@ -1,4 +1,5 @@
 import { Panel, PanelOptions } from "../../core/Panel.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 import type { Handle, ElementPatch } from "../../core/DOM.js";
 import { AbstractStore } from "../../data/AbstractStore.js";
 import type { ChartScale } from "../../component/chart/Scale.js";
@@ -21,6 +22,7 @@ export interface AbstractChartOptions extends PanelOptions {
     listeners?: ChartListeners;
 }
 export declare abstract class AbstractChart<O extends AbstractChartOptions = AbstractChartOptions> extends Panel<O> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     private _listeners;
     protected _series: ChartSeriesModel[];
     protected _selectedPoint: {

package/dist/lib/types/component/display/Markdown.d.ts

@@ -28,13 +28,14 @@ declare class Markdown extends Component<MarkdownOptions> {
     private readonly handleScheduledMeasure;
     private _renderGeneration;
     private _maxMeasure;
-    constructor(markdown?: string, options?: MarkdownOptions);
+    constructor(markdown?: string, options?: MarkdownOptions, subclassDefaults?: Partial<MarkdownOptions>);
     protected applyOptions(options: MarkdownOptions): this;
     getMarkdown(): string;
     setLinkResolver(resolver: MarkdownLinkResolver): this;
     getLinkResolver(): MarkdownLinkResolver;
     setMaxMeasure(value: string | number | null): this;
     getMaxMeasure(): string | number | null;
+    applyStyle(element: Handle): this;
     setFontScale(value: number): this;
     getFontScale(): number;
     setMarkdown(markdown: string): this;

package/dist/lib/types/component/input/AbstractCalendarDropdown.d.ts

@@ -3,6 +3,7 @@ import { Component } from "../../core/Component.js";
 import type { Handle } from "../../core/DOM.js";
 import { Text } from "../../component/input/Text.js";
 import { PickerColumn } from "../../component/input/PickerColumn.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 declare const MONTH_HEIGHT: number;
 declare const NAV_BTN_WIDTH: number;
 declare const HEADER_HEIGHT: number;
@@ -52,6 +53,7 @@ export interface AbstractCalendarDropdownOptions extends AnimatedDropdownOptions
     maxDate?: Date | null;
 }
 declare abstract class AbstractCalendarDropdown<TOptions extends AbstractCalendarDropdownOptions = AbstractCalendarDropdownOptions> extends AnimatedDropdown<TOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     private readonly _onSelect;
     protected _value: Date | null;
     protected _monthAnchor: Date;

package/dist/lib/types/component/input/AbstractPickerField.d.ts

@@ -1,5 +1,6 @@
 import { AbstractInput, AbstractInputOptions } from "../../component/input/AbstractInput.js";
 import { AnimatedDropdown } from "../../core/AnimatedDropdown.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 import type { Handle } from "../../core/DOM.js";
 import { PickerInput } from "../../component/input/PickerInput.js";
 import { PickerButton } from "../../component/input/PickerButton.js";
@@ -10,6 +11,7 @@ export interface AbstractPickerFieldOptions extends AbstractInputOptions {
 declare abstract class AbstractPickerField<TValue, TDropdown extends AnimatedDropdown & {
     showAt(anchorEl: Handle, value: TValue | null): unknown;
 }, TOptions extends AbstractPickerFieldOptions = AbstractPickerFieldOptions> extends AbstractInput<TValue | null, TOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     protected _input: PickerInput;
     protected _button: PickerButton;
     protected _dropdown: TDropdown | null;

package/dist/lib/types/component/input/AutoCompleteDropdown.d.ts

@@ -1,9 +1,11 @@
 import { AnimatedDropdown, AnimatedDropdownOptions } from "../../core/AnimatedDropdown.js";
 import type { Handle } from "../../core/DOM.js";
 import { List } from "../../component/list/List.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 interface AutoCompleteDropdownOptions extends AnimatedDropdownOptions {
 }
 declare class AutoCompleteDropdown extends AnimatedDropdown<AutoCompleteDropdownOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     private readonly _list;
     private readonly _onSelect;
     private readonly _onHide;

package/dist/lib/types/component/input/ComboBox.d.ts

@@ -6,6 +6,7 @@ import { ModelRecord } from "../../data/ModelRecord.js";
 import { SelectableListItem, SelectableListItemSpec } from "../../component/list/AbstractSelectableList.js";
 import { ListItemRenderer } from "../../component/list/ListItemRenderer.js";
 import { List } from "../../component/list/List.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 export interface ComboBoxOptions extends AbstractInputOptions {
     items?: SelectableListItemSpec | Array<SelectableListItemSpec>;
     store?: AbstractStore;
@@ -25,9 +26,10 @@ export interface ComboBoxOptions extends AbstractInputOptions {
     };
 }
 declare class ComboBoxDropdown extends AnimatedDropdown<AnimatedDropdownOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     private readonly _list;
     private _minWidth;
-    constructor(onSelect: (index: number) => void);
+    constructor(onSelect: (index: number) => void, subclassDefaults?: Partial<AnimatedDropdownOptions>);
     handleKey(e: KeyboardEvent): boolean;
     showAt(anchorEl: Handle, items: Array<SelectableListItem>, selectedIndex: number): this;
     setMinWidth(px: number): this;

package/dist/lib/types/component/input/Link.d.ts

@@ -1,5 +1,6 @@
 import { Text, TextOptions } from "../../component/input/Text.js";
 import type { ClickListener } from "../../component/button/Button.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 export type LinkEvent = "action";
 export interface LinkOptions extends TextOptions {
     interactive?: boolean;
@@ -8,6 +9,7 @@ export interface LinkOptions extends TextOptions {
     };
 }
 declare class Link extends Text<LinkOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     constructor(text?: String, options?: LinkOptions, subclassDefaults?: Partial<LinkOptions>);
     protected applyOptions(options: LinkOptions): this;
     isInteractive(): boolean;

package/dist/lib/types/component/input/PasswordField.d.ts

@@ -1,8 +1,10 @@
 import { TextInput, TextInputOptions } from "../../component/input/TextInput.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 export interface PasswordFieldOptions extends TextInputOptions {
     newPassword?: boolean;
 }
 declare class PasswordField extends TextInput<PasswordFieldOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     constructor(options?: PasswordFieldOptions, subclassDefaults?: Partial<PasswordFieldOptions>);
     private updateHeight;
 }

package/dist/lib/types/component/input/PickerInput.d.ts

@@ -1,5 +1,7 @@
 import { TextInput, TextInputOptions } from "../../component/input/TextInput.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 declare class PickerInput extends TextInput<TextInputOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     constructor();
 }
 declare const PickerInputCallable: import("../../core/Callable.js").Callable<typeof PickerInput>;

package/dist/lib/types/component/input/SelectableText.d.ts

@@ -0,0 +1,11 @@
+import { Text, TextOptions } from "../../component/input/Text.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+export interface SelectableTextOptions extends TextOptions {
+}
+declare class SelectableText extends Text<SelectableTextOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    constructor(text?: String, options?: SelectableTextOptions, subclassDefaults?: Partial<SelectableTextOptions>);
+}
+declare const SelectableTextCallable: import("../../core/Callable.js").Callable<typeof SelectableText>;
+type SelectableTextCallable = SelectableText;
+export { SelectableText as _SelectableText, SelectableTextCallable as SelectableText, };

package/dist/lib/types/component/input/SpinButton.d.ts

@@ -1,4 +1,5 @@
 import { Button, ButtonEvent, ButtonOptions, ClickListener } from "../../component/button/Button.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 export type SpinButtonEvent = ButtonEvent | "tick";
 export interface SpinButtonOptions extends ButtonOptions {
     listeners?: {
@@ -7,6 +8,7 @@ export interface SpinButtonOptions extends ButtonOptions {
     };
 }
 declare class SpinButton extends Button<SpinButtonOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     private _listeners;
     private _repeat;
     constructor(symbol: "▲" | "▼", options?: SpinButtonOptions, subclassDefaults?: Partial<SpinButtonOptions>);

package/dist/lib/types/component/input/Text.d.ts

@@ -1,6 +1,7 @@
 import { Component, ComponentOptions } from "../../core/Component.js";
 import type { Handle } from "../../core/DOM.js";
 import { Size } from "../../primitive/Size.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 export interface TextOptions extends ComponentOptions {
     tag?: string;
     text?: string;
@@ -20,11 +21,13 @@ export interface TextOptions extends ComponentOptions {
     truncate?: boolean;
 }
 declare class Text<TOptions extends TextOptions = TextOptions> extends Component<TOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     private _hasExplicitPreferredSize;
     private _fontSizeCSSVar;
     private _fontSizeCSSRule;
     private _lineHeightCSSVar;
     private _lineHeightCSSRule;
+    private _lineHeightValueClass;
     private _measuredBaseline;
     private _measuredMinSize;
     private _autoMeasure;
@@ -32,13 +35,18 @@ declare class Text<TOptions extends TextOptions = TextOptions> extends Component
     private _measuredGeneration;
     private _wordBreak;
     private _lineClamp;
+    private readonly _measureRef;
     constructor(text?: String, options?: NoInfer<TOptions>, subclassDefaults?: Partial<TOptions>);
+    protected destructor(): void;
     protected applyOptions(options: TOptions): this;
     private readThemeLineHeightPx;
     getElement(createIfMissing?: boolean): Handle | undefined;
     private resolveBoundFontSizePx;
     setPreferredSize(size: Size): this;
     private setCalculatedSize;
+    private applyNaturalMetrics;
+    private wantsBatchedMeasure;
+    private static batchMeasure;
     private calculateSize;
     private needsMeasure;
     measure(): void;
@@ -75,6 +83,8 @@ declare class Text<TOptions extends TextOptions = TextOptions> extends Component
     getFontWeight(): string | null;
     setFontWeight(value: string): this;
     getLineHeight(): number;
+    private applyLineHeightValueClass;
+    private clearLineHeightValueClass;
     setLineHeight(value: number | string): this;
     centerInHeight(px: number | null): this;
     getTextOverflow(): string | null;
@@ -87,9 +97,13 @@ declare class Text<TOptions extends TextOptions = TextOptions> extends Component
     getLineClamp(): number | null;
     setLineClamp(lines: number): this;
     clearLineClamp(): this;
-    applyStyle(element: Handle): this;
+    protected getClassStyleDefaults(): ClassStyleDefaults;
+    private writeFontDeclaration;
+    protected applySubclassStyles(): void;
     protected render(): Handle;
 }
+declare function _resetTextMeasurementRegistry(): void;
+declare function _textMeasurementRegistrySize(): number;
 declare const TextCallable: import("../../core/Callable.js").Callable<typeof Text>;
 type TextCallable<TOptions extends TextOptions = TextOptions> = Text<TOptions>;
-export { Text as _Text, TextCallable as Text };
+export { Text as _Text, TextCallable as Text, _resetTextMeasurementRegistry, _textMeasurementRegistrySize, };

package/dist/lib/types/component/input/TextArea.d.ts

@@ -1,11 +1,13 @@
 import { TextInput, TextInputOptions } from "../../component/input/TextInput.js";
 import type { Handle } from "../../core/DOM.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 export interface TextAreaOptions extends TextInputOptions {
     rows?: number;
     cols?: number;
     wrap?: string;
 }
 declare class TextArea extends TextInput<TextAreaOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     constructor(text?: string, options?: TextAreaOptions, subclassDefaults?: Partial<TextAreaOptions>);
     protected applyOptions(options: TextAreaOptions): this;
     getRows(): number | null;

package/dist/lib/types/component/input/TextField.d.ts

@@ -1,8 +1,10 @@
 import { TextInput, TextInputOptions } from "../../component/input/TextInput.js";
 import { BorderOptions } from "../../primitive/Border.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 export interface TextFieldOptions extends TextInputOptions {
 }
 declare class TextField extends TextInput<TextFieldOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     constructor(options?: TextFieldOptions, subclassDefaults?: Partial<TextFieldOptions>);
     private updateHeight;
     setBorder(options: BorderOptions | string): this;

package/dist/lib/types/component/input/TextInput.d.ts

@@ -1,4 +1,5 @@
 import { AbstractInput, AbstractInputOptions } from "../../component/input/AbstractInput.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 import type { Handle } from "../../core/DOM.js";
 import { Event } from "../../core/Event.js";
 export interface TextInputOptions extends AbstractInputOptions {
@@ -16,6 +17,7 @@ export interface TextInputOptions extends AbstractInputOptions {
     };
 }
 declare class TextInput<TOptions extends TextInputOptions = TextInputOptions> extends AbstractInput<string, TOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     constructor(options?: TOptions, subclassDefaults?: Partial<TOptions>);
     protected onInput(): void;
     protected applyOptions(options: TOptions): this;

package/dist/lib/types/component/input/TimePickerDropdown.d.ts

@@ -1,12 +1,14 @@
 import { AnimatedDropdown, AnimatedDropdownOptions } from "../../core/AnimatedDropdown.js";
 import type { Handle } from "../../core/DOM.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 export interface TimePickerDropdownOptions extends AnimatedDropdownOptions {
     showSeconds?: boolean;
 }
 declare class TimePickerDropdown extends AnimatedDropdown<TimePickerDropdownOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     private readonly _showSeconds;
     private readonly _timeColumns;
-    constructor(onSelect: (hours: number, minutes: number, seconds: number) => void, options?: TimePickerDropdownOptions);
+    constructor(onSelect: (hours: number, minutes: number, seconds: number) => void, options?: TimePickerDropdownOptions, subclassDefaults?: Partial<TimePickerDropdownOptions>);
     private onPointerDown;
     showAt(anchorEl: Handle, selected: Date | null): this;
 }

package/dist/lib/types/component/input/UsernameField.d.ts

@@ -1,8 +1,10 @@
 import { TextInput, TextInputOptions } from "../../component/input/TextInput.js";
+import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
 export interface UsernameFieldOptions extends TextInputOptions {
     email?: boolean;
 }
 declare class UsernameField extends TextInput<UsernameFieldOptions> {
+    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
     constructor(options?: UsernameFieldOptions, subclassDefaults?: Partial<UsernameFieldOptions>);
     private updateHeight;
 }

package/dist/lib/types/component/input/index.d.ts

@@ -1,5 +1,7 @@
 export { Text } from '../../component/input/Text.js';
 export type { TextOptions } from '../../component/input/Text.js';
+export { SelectableText } from '../../component/input/SelectableText.js';
+export type { SelectableTextOptions } from '../../component/input/SelectableText.js';
 export { Label } from '../../component/input/Label.js';
 export type { LabelOptions } from '../../component/input/Label.js';
 export { Link } from '../../component/input/Link.js';