@jimka/typescript-ui 0.7.0 → 0.8.0

package/dist/lib/primitive-8YvORgGS.js

@@ -0,0 +1,2 @@
+import{c as e}from"./Position-DWR1nIpA.js";var Point=class extends e{_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{Point as t};
+//# sourceMappingURL=primitive-8YvORgGS.js.map

package/dist/lib/primitive-8YvORgGS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitive-8YvORgGS.js","names":[],"sources":["../../src/typescript/lib/primitive/Point.ts"],"sourcesContent":["// SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0\n\nimport { BaseObject } from \"~/core/BaseObject.js\";\n\n/**\n * Represents a two-dimensional point with x and y coordinates.\n *\n * @category Util\n */\nexport class Point extends BaseObject {\n    private _x: number;\n    private _y: number;\n\n    /**\n     * @param x - The x coordinate.\n     * @param y - The y coordinate.\n     */\n    constructor(x: number, y: number) {\n        super();\n\n        this._x = x ?? 0;\n        this._y = y ?? 0;\n\n    }\n\n    /**\n     * Returns the x coordinate.\n     *\n     * @returns The x coordinate value, defaulting to `0` if unset.\n     */\n    getX() {\n        return this._x ?? 0;\n    }\n\n    /**\n     * Returns the y coordinate.\n     *\n     * @returns The y coordinate value, defaulting to `0` if unset.\n     */\n    getY() {\n        return this._y ?? 0;\n    }\n\n    /**\n     * Returns the point as a space-separated `\"x y\"` string.\n     *\n     * @returns A string of the form `\"<x> <y>\"`.\n     */\n    render() {\n        return this.getX() + \" \" + this.getY();\n    }\n}\n"],"mappings":"2CASA,IAAa,MAAb,cAA2B,CAAW,CAClC,GACA,GAMA,YAAY,EAAW,EAAW,CAC9B,MAAM,EAEN,KAAK,GAAK,GAAK,EACf,KAAK,GAAK,GAAK,CAEnB,CAOA,MAAO,CACH,OAAO,KAAK,IAAM,CACtB,CAOA,MAAO,CACH,OAAO,KAAK,IAAM,CACtB,CAOA,QAAS,CACL,OAAO,KAAK,KAAK,EAAI,IAAM,KAAK,KAAK,CACzC,CACJ"}

package/dist/lib/primitive.es.js

@@ -1,2 +1 @@
-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
+import{a as e,i as t,n,o as r,r as i,s as a,t as o}from"./Position-DWR1nIpA.js";import{t as s}from"./Placement-7kqdaK4Z.js";import{t as c}from"./primitive-8YvORgGS.js";export{n as Insets,s as Placement,c as Point,o as Position,e as UNBOUNDED,i as borderSideWidth,t as borderToStyle,r as isUnbounded,a as saturate};

package/dist/lib/router.es.js

@@ -1,2 +1,2 @@
-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};
+import{t as e}from"./DOM-DDhDN8lQ.js";import{t}from"./ListenerBag-DYRl4TSb.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-DWdW5pxP.js

@@ -0,0 +1,2 @@
+import{t as e}from"./DOM-DDhDN8lQ.js";import{d as t,t as n}from"./Component-YrLXKJZS.js";import{t as r}from"./VirtualScroller-Csa3GBSM.js";var i=2;function rotateLeft(e,t){e.push(...e.splice(0,t))}var VirtualRowView=class extends n{_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,n){return t()?(e===`x`?this._pendingScrollX=n:(this._pendingScrollY=n,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 t()?(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(t()){this._pendingScrollRow=e;return}let n=this.getRowHeight(),r=e*n,i=r+n,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-DWdW5pxP.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"selectionsEqual-DWdW5pxP.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

@@ -1,10 +1,11 @@
 import { Component, ComponentOptions } from "../../core/Component.js";
+import { type Handle } from "../../core/DOM.js";
 import { Event } from "../../core/Event.js";
 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 { type StyleBag, type StyleStateSpec } from "../../core/ClassStyleRules.js";
 import { BorderOptions } from "../../primitive/Border.js";
 import { Insets } from "../../primitive/Insets.js";
 import { Size } from "../../primitive/Size.js";
@@ -42,7 +43,8 @@ export interface ButtonOptions extends ComponentOptions {
     };
 }
 declare class Button<TOptions extends ButtonOptions = ButtonOptions> extends Component<TOptions> {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
     private _text;
     protected _content: Component;
     private _titleColumn;
@@ -68,23 +70,12 @@ declare class Button<TOptions extends ButtonOptions = ButtonOptions> extends Com
     private readonly _onSpaceDown;
     private readonly _onSpaceUp;
     private readonly _onBlur;
-    private _pressedStyleRule?;
-    private get pressedStyleRule();
-    private _pressedBorder;
-    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;
     constructor(text?: string, options?: ButtonOptions, subclassDefaults?: Partial<ButtonOptions>);
     constructor(options: ButtonOptions);
+    protected destructor(): void;
     getAnchor(): AnchorType;
     getFill(): FillType;
     protected applyOptions(options: TOptions): this;
@@ -184,6 +175,7 @@ declare class Button<TOptions extends ButtonOptions = ButtonOptions> extends Com
     isShowDescription(): boolean;
     setShowText(value: boolean): this;
     isShowText(): boolean;
+    protected render(): Handle;
 }
 declare const ButtonCallable: import("../../core/Callable.js").Callable<typeof Button>;
 type ButtonCallable<TOptions extends ButtonOptions = ButtonOptions> = Button<TOptions>;

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

@@ -1,12 +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";
+import type { StyleBag, StyleStateSpec } from "../../core/ClassStyleRules.js";
 export interface TabButtonOptions extends ToggleButtonOptions {
     closeable?: boolean;
 }
 declare class TabButton extends ToggleButton {
-    protected static readonly ownClassStyleDefaults: ClassStyleDefaults;
+    protected static readonly ownClassStyleDefaults: StyleBag;
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
     private _closeable;
     private _closeButton;
     private _busy;
@@ -14,8 +14,6 @@ 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/TabCloseButton.d.ts

@@ -1,7 +1,10 @@
 import { Button, ButtonOptions } from "../../component/button/Button.js";
+import type { StyleBag, StyleStateSpec } from "../../core/ClassStyleRules.js";
 export interface TabCloseButtonOptions extends ButtonOptions {
 }
 declare class TabCloseButton extends Button<TabCloseButtonOptions> {
+    protected static readonly ownClassStyleDefaults: StyleBag;
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
     constructor(options?: TabCloseButtonOptions, subclassDefaults?: Partial<TabCloseButtonOptions>);
 }
 declare const TabCloseButtonCallable: import("../../core/Callable.js").Callable<typeof TabCloseButton>;

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

@@ -1,14 +1,11 @@
+import { type StyleStateSpec } from "../../core/ClassStyleRules.js";
 import { BorderOptions } from "../../primitive/Border.js";
 import { Button, ButtonOptions, ClickListener } from "../../component/button/Button.js";
 export interface ToggleButtonOptions extends ButtonOptions {
     selected?: boolean;
 }
 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[];
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
     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,5 +1,5 @@
 import { Panel, PanelOptions } from "../../core/Panel.js";
-import type { ClassStyleDefaults } from "../../core/ClassStyleRules.js";
+import type { StyleBag } 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";
@@ -22,7 +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;
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private _listeners;
     protected _series: ChartSeriesModel[];
     protected _selectedPoint: {

package/dist/lib/types/component/container/AccordionHeader.d.ts

@@ -1,6 +1,10 @@
 import { Component, ComponentOptions } from "../../core/Component.js";
 import { Button } from "../../component/button/Button.js";
 import type { AxisEnd } from "../../primitive/Axis.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
+export declare const THEMED_HEADER_BG: string;
+export declare const THEMED_HEADER_BORDER: string;
+export declare const THEMED_HEADER_COLOR: string;
 export interface AccordionHeaderOptions extends ComponentOptions {
     expanded?: boolean;
     chevronSide?: AxisEnd;
@@ -9,12 +13,13 @@ export interface AccordionHeaderOptions extends ComponentOptions {
     chevronGlyph?: string;
 }
 declare class AccordionHeader extends Component<AccordionHeaderOptions> {
+    protected static readonly ownClassStyleDefaults: StyleBag;
     private _indicator;
     private _title;
     private _toolGroup;
     private _tools;
     private _chevronSide;
-    constructor(label: string, options?: AccordionHeaderOptions);
+    constructor(label: string, options?: AccordionHeaderOptions, subclassDefaults?: Partial<AccordionHeaderOptions>);
     setCompact(value: boolean): this;
     private placeIndicator;
     getTitleButton(): Button;

package/dist/lib/types/component/container/AccordionIndicator.d.ts

@@ -1,10 +1,12 @@
 import { Component, ComponentOptions } from "../../core/Component.js";
 import type { Handle } from "../../core/DOM.js";
+import type { StyleStateSpec } from "../../core/ClassStyleRules.js";
 export interface AccordionIndicatorOptions extends ComponentOptions {
     expanded?: boolean;
     character?: string;
 }
 declare class AccordionIndicator extends Component<AccordionIndicatorOptions> {
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
     private _expanded;
     private _character;
     private _lineHeight;

package/dist/lib/types/component/container/FieldSet.d.ts

@@ -1,9 +1,11 @@
 import { Component, ComponentOptions } from "../../core/Component.js";
 import { Size } from "../../primitive/Size.js";
+import type { StyleTrait } from "../../core/ClassStyleRules.js";
 export interface FieldSetOptions extends ComponentOptions {
     legend?: string;
 }
 declare class FieldSet extends Component {
+    protected static readonly ownStyleTraits: readonly StyleTrait[];
     private static readonly LEGEND_CLEARANCE_FALLBACK;
     private _legend;
     private _legendClearance;

package/dist/lib/types/component/container/LabeledFieldSet.d.ts

@@ -6,7 +6,7 @@ export interface LabeledFieldSetOptions extends FieldSetOptions, LabeledGridOpti
 declare class LabeledFieldSet extends _FieldSet {
     private _labeledGrid;
     constructor(title?: string, options?: LabeledFieldSetOptions, subclassDefaults?: Partial<LabeledFieldSetOptions>);
-    addField(title: string, component: Component): this;
+    addField(title: string, component: Component, description?: string): this;
     addRow(fields: LabeledFieldDescriptor[]): this;
     addFullWidthRow(component: Component): this;
     getColumns(): number;

package/dist/lib/types/component/container/LabeledGrid.d.ts

@@ -3,6 +3,7 @@ import { Container, ContainerOptions } from "../../core/Container.js";
 export interface LabeledFieldDescriptor {
     title: string;
     component: Component;
+    description?: string;
 }
 export type LabeledRowDescriptor = LabeledFieldDescriptor[] | {
     component: Component;
@@ -18,8 +19,9 @@ declare class LabeledGrid extends Container<LabeledGridOptions> {
     private _grid;
     private _flowCol;
     private _rowCount;
+    private _tooltipTargets;
     constructor(options?: LabeledGridOptions);
-    addField(title: string, component: Component): this;
+    addField(title: string, component: Component, description?: string): this;
     addRow(fields: LabeledFieldDescriptor[]): this;
     addFullWidthRow(component: Component): this;
     getColumns(): number;
@@ -28,6 +30,7 @@ declare class LabeledGrid extends Container<LabeledGridOptions> {
     private openRow;
     private finishRow;
     private growRows;
+    protected destructor(): void;
 }
 declare const LabeledGridCallable: import("../../core/Callable.js").Callable<typeof LabeledGrid>;
 type LabeledGridCallable = LabeledGrid;

package/dist/lib/types/component/container/Legend.d.ts

@@ -1,11 +1,11 @@
 import { Text, TextOptions } from "../../component/input/Text.js";
-import type { Handle } from "../../core/DOM.js";
+import type { StyleBag } from "../../core/ClassStyleRules.js";
 export interface LegendOptions extends TextOptions {
 }
 declare class Legend extends Text<LegendOptions> {
     private static readonly LEFT_MARGIN;
+    protected static readonly ownClassStyleDefaults: StyleBag;
     constructor(options?: LegendOptions);
-    applyStyle(element: Handle): this;
 }
 declare const LegendCallable: import("../../core/Callable.js").Callable<typeof Legend>;
 type LegendCallable = Legend;

package/dist/lib/types/component/container/MenuItem.d.ts

@@ -65,6 +65,7 @@ declare class MenuItem extends MenuRow {
     isSeparator(): boolean;
     isNavigable(): boolean;
     isEnabled(): boolean;
+    setEnabled(value: boolean): this;
     private activateLeaf;
     activate(): void;
     protected destructor(): void;

package/dist/lib/types/component/container/WindowBorder.d.ts

@@ -1,4 +1,5 @@
 import { Component, ComponentOptions } from "../../core/Component.js";
+import type { StyleStateSpec } from "../../core/ClassStyleRules.js";
 import { Event } from "../../core/Event.js";
 export type WindowBorderEvent = "drag";
 export declare enum Direction {
@@ -17,14 +18,13 @@ export interface WindowBorderOptions extends ComponentOptions {
     };
 }
 declare class WindowBorder extends Component<WindowBorderOptions> {
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
     private _direction;
     private _listeners;
     private _dragStartListener;
     private _dragStopListener;
     private _fireDragListener;
     private _snapTarget;
-    private _snapTargetStyleRule?;
-    private get snapTargetStyleRule();
     constructor(direction: Direction, options?: WindowBorderOptions, subclassDefaults?: Partial<WindowBorderOptions>);
     getDirection(): Direction;
     setDirection(direction: Direction): this;

package/dist/lib/types/component/container/WindowHeader.d.ts

@@ -19,6 +19,8 @@ declare class WindowHeader extends Header {
     private _closeable;
     private _minimizable;
     private _maximizable;
+    private _titleGlyphClickListener;
+    private readonly _boundOnHeaderClick;
     constructor(text: string, options?: WindowHeaderOptions);
     protected updatePreferredSize(): void;
     private resolveTitleGlyphInk;
@@ -33,12 +35,16 @@ declare class WindowHeader extends Header {
     isMinimizable(): boolean;
     setMaximizable(value: boolean): this;
     isMaximizable(): boolean;
+    setMaximizeButtonEnabled(value: boolean): this;
+    isMaximizeButtonEnabled(): boolean;
     setMaximizeButtonGlyph(name: "window-maximize" | "window-restore"): this;
     setMinimizeButtonGlyph(name: "window-minimize" | "window-restore"): this;
     addExitButtonListener(listener: Function): this;
     addMinimizeButtonListener(listener: Function): this;
     addMaximizeButtonListener(listener: Function): this;
     addHeaderDoubleClickListener(listener: Event.Listener): this;
+    addTitleGlyphClickListener(listener: () => void): this;
+    private onHeaderClick;
     getMinContentWidth(textBudget?: number): number;
     getMinimizeButtonElement(): Handle | undefined;
     getMaximizeButtonElement(): Handle | undefined;

package/dist/lib/types/component/diagram/DiagramEdgeLayer.d.ts

@@ -2,15 +2,20 @@ import { Component, ComponentOptions } from "../../core/Component.js";
 import type { Handle } from "../../core/DOM.js";
 import type { ElkEdgeSection } from "../../component/diagram/ElkLayoutEngine.js";
 import type { DiagramEdgeStyle } from "../../component/diagram/DiagramModel.js";
+import type { DiagramRect } from "../../component/diagram/DiagramResidency.js";
 export declare const EDGE_MARKER_EXTENT: number;
 export interface DiagramEdgeRoute {
     id: string;
     sections: ElkEdgeSection[];
     style?: DiagramEdgeStyle;
 }
+export declare function routeBounds(sections: ElkEdgeSection[]): DiagramRect | null;
 declare class DiagramEdgeLayer extends Component<ComponentOptions> {
     private _edges;
     private _drawn;
+    private _edgeRects;
+    private _residency;
+    private _residentIds;
     private _edgeEmphasis;
     private _dimLayer;
     private _normalLayer;
@@ -30,6 +35,11 @@ declare class DiagramEdgeLayer extends Component<ComponentOptions> {
     private createCrowsFootMarker;
     protected render(): Handle;
     private rebuildPaths;
+    private drawEdge;
+    private recomputeResidentEdges;
+    private isResident;
+    private updateDrawnEdges;
+    setResidency(rect: DiagramRect | null): this;
     private drawHitPath;
     private drawVisiblePath;
     private releaseDrawnEdge;

package/dist/lib/types/component/diagram/DiagramGroupNode.d.ts

@@ -3,6 +3,8 @@ export interface DiagramGroupNodeOptions extends PanelOptions {
     label?: string;
     glyph?: string;
 }
+export declare const DIAGRAM_GROUP_BACKGROUND_COLOR = "var(--ts-ui-diagram-group-bg, rgba(120, 120, 120, 0.08))";
+export declare const DIAGRAM_GROUP_BORDER_COLOR = "var(--ts-ui-diagram-group-border, var(--ts-ui-border-color, rgb(180, 180, 180)))";
 declare class DiagramGroupNode extends Panel<DiagramGroupNodeOptions> {
     private _header;
     constructor(options?: DiagramGroupNodeOptions, subclassDefaults?: Partial<DiagramGroupNodeOptions>);

package/dist/lib/types/component/diagram/DiagramNode.d.ts

@@ -1,4 +1,5 @@
 import { Panel, PanelOptions } from "../../core/Panel.js";
+import type { StyleStateSpec } from "../../core/ClassStyleRules.js";
 import type { Handle } from "../../core/DOM.js";
 export interface DiagramNodeOptions extends PanelOptions {
     label?: string;
@@ -6,12 +7,15 @@ export interface DiagramNodeOptions extends PanelOptions {
     badge?: string;
     selected?: boolean;
 }
+export declare const DIAGRAM_NODE_BACKGROUND_COLOR = "var(--ts-ui-diagram-node-bg, var(--ts-ui-button-bg, rgb(245, 245, 245)))";
+export declare const DIAGRAM_NODE_BORDER_COLOR = "var(--ts-ui-border-color, rgb(180, 180, 180))";
+export declare const DIAGRAM_NODE_SELECTED_BACKGROUND_COLOR = "var(--ts-ui-diagram-node-selected-bg, var(--ts-ui-table-row-selected, rgba(30, 100, 200, 0.15)))";
+export declare const DIAGRAM_NODE_SELECTED_BORDER_COLOR = "var(--ts-ui-accent-color, rgb(30, 100, 200))";
 declare class DiagramNode extends Panel<DiagramNodeOptions> {
+    protected static readonly ownStyleStates: readonly StyleStateSpec[];
     private _label;
     private _content;
     private _badge?;
-    private _selectedStyleRule?;
-    private get selectedStyleRule();
     constructor(options?: DiagramNodeOptions, subclassDefaults?: Partial<DiagramNodeOptions>);
     protected applyOptions(options: DiagramNodeOptions): this;
     private buildContent;

package/dist/lib/types/component/diagram/DiagramNodeLayer.d.ts

@@ -0,0 +1,25 @@
+import { Component, ComponentOptions } from "../../core/Component.js";
+import type { Handle } from "../../core/DOM.js";
+import type { DiagramRect } from "../../component/diagram/DiagramResidency.js";
+export declare const DIMMED_NODE_OPACITY = 0.35;
+declare class DiagramNodeLayer extends Component<ComponentOptions> {
+    private _rects;
+    private _containerIds;
+    private _drawn;
+    private _selected;
+    private _emphasis;
+    constructor(options?: ComponentOptions);
+    protected createRootElement(): Handle;
+    protected render(): Handle;
+    setNodes(rects: Map<string, DiagramRect>, containerIds: ReadonlySet<string>): this;
+    setSelected(id: string | null): this;
+    setEmphasis(ids: ReadonlySet<string>): this;
+    private redraw;
+    private drawRect;
+    private releaseDrawnRect;
+    private repaint;
+    private rectAttrs;
+}
+declare const DiagramNodeLayerCallable: import("../../core/Callable.js").Callable<typeof DiagramNodeLayer>;
+type DiagramNodeLayerCallable = DiagramNodeLayer;
+export { DiagramNodeLayer as _DiagramNodeLayer, DiagramNodeLayerCallable as DiagramNodeLayer, };

package/dist/lib/types/component/diagram/DiagramResidency.d.ts

@@ -0,0 +1,11 @@
+export interface DiagramRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export declare function inflateRect(rect: DiagramRect, fraction: number): DiagramRect;
+export declare function residencyNeedsRefresh(committed: DiagramRect | null, live: DiagramRect, margin: number): boolean;
+export declare function rectsIntersect(a: DiagramRect, b: DiagramRect): boolean;
+export declare function computeResidentIds(ids: Iterable<string>, rects: Map<string, DiagramRect>, residency: DiagramRect): Set<string>;
+export declare function anyRectIntersects(rects: Iterable<DiagramRect>, area: DiagramRect): boolean;