@ishibashi0112/spreadsheet-grid-core 0.39.0

package/dist/controllers/scrollSyncController.js

@@ -0,0 +1,51 @@
+//#region src/controllers/scrollSyncController.ts
+var e = () => {
+	let e = null, t = null, n = 0, r = null, i = null, a = () => {
+		i = null;
+		let t = r;
+		r = null, t && e?.onScroll?.(t);
+	}, o = (o) => {
+		e?.setViewState({
+			scrollTop: o.scrollTop,
+			viewportHeight: o.clientHeight,
+			viewportWidth: o.clientWidth
+		});
+		let s = () => {
+			e?.setViewState({ scrollTop: o.scrollTop });
+			let t = n > 0 ? "api" : "user";
+			t === "api" && --n;
+			let s = r;
+			r = {
+				top: o.scrollTop,
+				left: o.scrollLeft,
+				source: s?.source === "user" ? "user" : t
+			}, e?.onScroll && i === null && (i = requestAnimationFrame(a));
+		};
+		o.addEventListener("scroll", s, { passive: !0 });
+		let c = new ResizeObserver(() => {
+			e?.setViewState({
+				viewportHeight: o.clientHeight,
+				viewportWidth: o.clientWidth
+			});
+		});
+		c.observe(o), t = () => {
+			o.removeEventListener("scroll", s), i !== null && (cancelAnimationFrame(i), i = null), c.disconnect();
+		};
+	};
+	return {
+		update: (n) => {
+			if (e = n, t === null) {
+				let e = n.scrollContainerRef.current;
+				e && o(e);
+			}
+		},
+		markApiScroll: () => {
+			n += 1;
+		},
+		dispose: () => {
+			t?.(), t = null;
+		}
+	};
+};
+//#endregion
+export { e as createScrollSyncController };

package/dist/controllers/selectOptionsCollector.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../logic/valueStore.cjs"),t=require("../logic/chunkedLoop.cjs"),n=require("../logic/selectOptions.cjs");var r=5e4,i=[],a=new Set,o={status:`idle`,options:i,allValues:a,progress:0},s={status:`collecting`,options:i,allValues:a,progress:0},c=e=>new Set(e.map(e=>e.value)),l=e=>{let t=e?.filterType??null;return t===`select`||t===`set`||t===`numberSet`||t===`textSet`||t===`dateSet`},u=(e,t,r)=>{if(!e||!l(e))return o;let i=e.filterOptions&&e.filterOptions.length>0?e.filterOptions:null;if(i)return{status:`ready`,options:i,allValues:c(i),progress:1};if(t<=5e4){let e=n.collectSelectOptions(t,r);return{status:`ready`,options:e,allValues:c(e),progress:1}}return null},d={source:null,rowCount:0,result:o},f=(e,t,n)=>e.source===n&&e.rowCount===t?e.result:s,p=()=>{let r=e.createValueStore(d),o=null,s=null,l=e=>{let{getRawValueAt:o,rowCount:l}=e,u=n.createSelectOptionsAccumulator(),d=!1;s=()=>{d=!0},t.runChunked(l,e=>u.collect(o(e)),{isCancelled:()=>d,onYield:(e,t)=>{r.setSnapshot({source:o,rowCount:l,result:{status:`collecting`,options:i,allValues:a,progress:e/t}})}}).then(e=>{if(!e)return;let t=u.finalize();r.setSnapshot({source:o,rowCount:l,result:{status:`ready`,options:t,allValues:c(t),progress:1}})})};return{update:e=>{let t=o===null||o.needsAsync!==e.needsAsync||o.rowCount!==e.rowCount||o.getRawValueAt!==e.getRawValueAt;o=e,t&&(s?.(),s=null,e.needsAsync&&l(e))},subscribe:r.subscribe,getSnapshot:r.getSnapshot,dispose:()=>{s?.(),s=null}}};exports.ASYNC_SELECT_COLLECT_ROW_THRESHOLD=r,exports.IDLE_SELECT_OPTIONS_RESULT=o,exports.createSelectOptionsCollector=p,exports.resolveSyncSelectOptions=u,exports.selectCollectorResult=f;

package/dist/controllers/selectOptionsCollector.d.ts

@@ -0,0 +1,31 @@
+import type { GridColumn } from '../model/gridTypes.unbound';
+import { type SelectOptionEntry } from '../logic/selectOptions';
+export declare const ASYNC_SELECT_COLLECT_ROW_THRESHOLD = 50000;
+export type ColumnSelectOptionsStatus = 'idle' | 'collecting' | 'ready';
+export type ColumnSelectOptionsResult = {
+    status: ColumnSelectOptionsStatus;
+    options: SelectOptionEntry[];
+    allValues: ReadonlySet<string>;
+    progress: number;
+};
+export declare const IDLE_SELECT_OPTIONS_RESULT: ColumnSelectOptionsResult;
+export type RawValueAccessor = (index: number) => unknown;
+export declare const resolveSyncSelectOptions: <T>(column: GridColumn<T> | null, rowCount: number, getRawValueAt: RawValueAccessor) => ColumnSelectOptionsResult | null;
+export type SelectOptionsCollectorArgs = {
+    needsAsync: boolean;
+    rowCount: number;
+    getRawValueAt: RawValueAccessor;
+};
+export type SelectOptionsCollectSnapshot = {
+    source: RawValueAccessor | null;
+    rowCount: number;
+    result: ColumnSelectOptionsResult;
+};
+export declare const selectCollectorResult: (snapshot: SelectOptionsCollectSnapshot, rowCount: number, getRawValueAt: RawValueAccessor) => ColumnSelectOptionsResult;
+export type SelectOptionsCollector = {
+    update: (args: SelectOptionsCollectorArgs) => void;
+    subscribe: (listener: () => void) => () => void;
+    getSnapshot: () => SelectOptionsCollectSnapshot;
+    dispose: () => void;
+};
+export declare const createSelectOptionsCollector: () => SelectOptionsCollector;

package/dist/controllers/selectOptionsCollector.js

@@ -0,0 +1,88 @@
+import { createValueStore as e } from "../logic/valueStore.js";
+import { runChunked as t } from "../logic/chunkedLoop.js";
+import { collectSelectOptions as n, createSelectOptionsAccumulator as r } from "../logic/selectOptions.js";
+//#region src/controllers/selectOptionsCollector.ts
+var i = 5e4, a = [], o = /* @__PURE__ */ new Set(), s = {
+	status: "idle",
+	options: a,
+	allValues: o,
+	progress: 0
+}, c = {
+	status: "collecting",
+	options: a,
+	allValues: o,
+	progress: 0
+}, l = (e) => new Set(e.map((e) => e.value)), u = (e) => {
+	let t = e?.filterType ?? null;
+	return t === "select" || t === "set" || t === "numberSet" || t === "textSet" || t === "dateSet";
+}, d = (e, t, r) => {
+	if (!e || !u(e)) return s;
+	let i = e.filterOptions && e.filterOptions.length > 0 ? e.filterOptions : null;
+	if (i) return {
+		status: "ready",
+		options: i,
+		allValues: l(i),
+		progress: 1
+	};
+	if (t <= 5e4) {
+		let e = n(t, r);
+		return {
+			status: "ready",
+			options: e,
+			allValues: l(e),
+			progress: 1
+		};
+	}
+	return null;
+}, f = {
+	source: null,
+	rowCount: 0,
+	result: s
+}, p = (e, t, n) => e.source === n && e.rowCount === t ? e.result : c, m = () => {
+	let n = e(f), i = null, s = null, c = (e) => {
+		let { getRawValueAt: i, rowCount: c } = e, u = r(), d = !1;
+		s = () => {
+			d = !0;
+		}, t(c, (e) => u.collect(i(e)), {
+			isCancelled: () => d,
+			onYield: (e, t) => {
+				n.setSnapshot({
+					source: i,
+					rowCount: c,
+					result: {
+						status: "collecting",
+						options: a,
+						allValues: o,
+						progress: e / t
+					}
+				});
+			}
+		}).then((e) => {
+			if (!e) return;
+			let t = u.finalize();
+			n.setSnapshot({
+				source: i,
+				rowCount: c,
+				result: {
+					status: "ready",
+					options: t,
+					allValues: l(t),
+					progress: 1
+				}
+			});
+		});
+	};
+	return {
+		update: (e) => {
+			let t = i === null || i.needsAsync !== e.needsAsync || i.rowCount !== e.rowCount || i.getRawValueAt !== e.getRawValueAt;
+			i = e, t && (s?.(), s = null, e.needsAsync && c(e));
+		},
+		subscribe: n.subscribe,
+		getSnapshot: n.getSnapshot,
+		dispose: () => {
+			s?.(), s = null;
+		}
+	};
+};
+//#endregion
+export { i as ASYNC_SELECT_COLLECT_ROW_THRESHOLD, s as IDLE_SELECT_OPTIONS_RESULT, m as createSelectOptionsCollector, d as resolveSyncSelectOptions, p as selectCollectorResult };

package/dist/controllers/serverSideRowModel.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../logic/valueStore.cjs"),t=require("../logic/serverSideCache.cjs"),n=require("../logic/serverSideBlocks.cjs"),r=require("../logic/serverSideEdits.cjs");var i=100,a=64,o=120,s=s=>{let c=s,l=s.dataSource?.blockSize??i,u=t.createServerSideRowCache({blockSize:l,maxBlocks:s.dataSource?.maxCachedBlocks??a}),d=r.createServerSidePendingEdits(),f=s.dataSource?.initialRowCount??0,p=null,m=null,h=s.rowKeyGetter,g=new Map,_=new Set,v=null,y={start:0,end:0},b=0,x=!1,S,C=s.refreshToken,w=e=>d.getRow(e)??u.getRow(e),T=()=>({getRowCount:()=>f,getRow:e=>w(e),getSourceIndex:e=>e,getRowKey:e=>{let t=w(e);return t===void 0?e:h(t,e)}}),E=T(),D=e.createValueStore({rowModel:E,rowCount:f,loadError:p,writeError:m}),O=()=>{let e=D.getSnapshot();e.rowModel===E&&e.rowCount===f&&e.loadError===p&&e.writeError===m||D.setSnapshot({rowModel:E,rowCount:f,loadError:p,writeError:m})},k=()=>{E=T(),O()},A=()=>{b+=1,d.clear(),m=null},j=()=>{let e=_.size;p=e===0?null:{failedBlockCount:e},O()},M=()=>{for(let[,e]of g)e.abort();g.clear()},N=()=>{v!==null&&(clearTimeout(v),v=null)},P=e=>{let{dataSource:t,query:n}=c;if(t==null||u.hasBlock(e)||g.has(e))return;let r=new AbortController;g.set(e,r);let i=e*l,a=i+l;t.getRows({startIndex:i,endIndex:a,query:n,signal:r.signal}).then(t=>{r.signal.aborted||g.get(e)===r&&(g.delete(e),u.setBlock(e,t.rows),_.delete(e)&&(p=_.size===0?null:{failedBlockCount:_.size}),t.totalRowCount!==f&&(f=t.totalRowCount),k())}).catch(t=>{r.signal.aborted||g.get(e)===r&&(g.delete(e),_.add(e),j(),c.onLoadError?.(t,{startIndex:i,endIndex:a}))})},F=()=>{let{start:e,end:t}=y,r=n.computeBlockIndexes(e,t,l,f),i=new Set(r);for(let[e,t]of g)i.has(e)||(t.abort(),g.delete(e));for(let e of r)P(e)},I=()=>{N(),v=setTimeout(()=>{v=null,F()},c.debounceMs??o)},L=(e,t)=>{c.dataSource!=null&&(y={start:e,end:t},u.touchBlocks(n.computeBlockIndexes(e,t,l,f)),I())},R=()=>{M(),N(),u.clear(),_.clear(),p=null,A()},z=()=>{if(c.dataSource==null)return;R(),k();let{start:e,end:t}=y;if(n.computeBlockIndexes(e,t,l,f).length===0){P(0);return}F()},B=()=>{if(c.dataSource==null||_.size===0)return;let e=Array.from(_);_.clear(),j();for(let t of e)P(t)},V=e=>{let t=c.dataSource?.updateRows;if(t===void 0||e.length===0)return 0;let n=r.buildServerSideRowUpdates(e,w,c.rowKeyGetter);if(n.length===0)return 0;let i=b,a=n.map(e=>({viewIndex:e.rowIndex,row:e.row,writeId:d.beginWrite(e.rowIndex,e.row)}));return k(),t({updates:n}).then(e=>{if(b!==i)return;let t=e===void 0?void 0:e.rows;a.forEach((e,n)=>{u.updateRow(e.viewIndex,t?.[n]??e.row),d.settleWrite(e.viewIndex,e.writeId)}),k()}).catch(e=>{if(b===i){for(let e of a)d.settleWrite(e.viewIndex,e.writeId);m={failedRowCount:n.length},c.onWriteError?.(e,{updates:n}),k()}}),n.length},H=()=>{if(S!==void 0&&S===c.queryKey)return;S=c.queryKey;let{dataSource:e}=c;if(e==null)return;R();let t=!x;x=!0,k(),t?(e.initialRowCount??0)<=0&&P(0):P(0)},U=()=>{let e=c.refreshToken;if(c.dataSource==null||e===void 0){C=e;return}if(C===void 0){C=e;return}C!==e&&(C=e,z())};return{update:e=>{c=e,e.rowKeyGetter!==h&&(h=e.rowKeyGetter,k()),H(),U()},subscribe:D.subscribe,getSnapshot:D.getSnapshot,isRowLoaded:e=>w(e)!==void 0,requestRange:L,refresh:z,retryFailedBlocks:B,applyCellEdits:V,dispose:()=>{M(),N(),b+=1,d.clear()}}};exports.createServerSideRowModel=s;

package/dist/controllers/serverSideRowModel.d.ts

@@ -0,0 +1,36 @@
+import type { GridRowKey, RowModel, ServerSideDataSource, ServerSideLoadErrorParams, ServerSideQuery, ServerSideWriteErrorParams } from '../model/gridTypes.unbound';
+import { type ServerSideCellEditInput } from '../logic/serverSideEdits';
+export type ServerSideRowModelArgs<T> = {
+    dataSource?: ServerSideDataSource<T>;
+    rowKeyGetter: (row: T, index: number) => GridRowKey;
+    query: ServerSideQuery;
+    queryKey: string;
+    refreshToken?: number;
+    onLoadError?: (error: unknown, params: ServerSideLoadErrorParams) => void;
+    onWriteError?: (error: unknown, params: ServerSideWriteErrorParams<T>) => void;
+    debounceMs?: number;
+};
+export type ServerSideLoadErrorState = {
+    failedBlockCount: number;
+};
+export type ServerSideWriteErrorState = {
+    failedRowCount: number;
+};
+export type ServerSideRowModelSnapshot<T> = {
+    rowModel: RowModel<T>;
+    rowCount: number;
+    loadError: ServerSideLoadErrorState | null;
+    writeError: ServerSideWriteErrorState | null;
+};
+export type ServerSideRowModelController<T> = {
+    update: (args: ServerSideRowModelArgs<T>) => void;
+    subscribe: (listener: () => void) => () => void;
+    getSnapshot: () => ServerSideRowModelSnapshot<T>;
+    isRowLoaded: (viewIndex: number) => boolean;
+    requestRange: (startIndex: number, endIndex: number) => void;
+    refresh: () => void;
+    retryFailedBlocks: () => void;
+    applyCellEdits: (edits: ServerSideCellEditInput<T>[]) => number;
+    dispose: () => void;
+};
+export declare const createServerSideRowModel: <T>(initial: ServerSideRowModelArgs<T>) => ServerSideRowModelController<T>;

package/dist/controllers/serverSideRowModel.js

@@ -0,0 +1,153 @@
+import { createValueStore as e } from "../logic/valueStore.js";
+import { createServerSideRowCache as t } from "../logic/serverSideCache.js";
+import { computeBlockIndexes as n } from "../logic/serverSideBlocks.js";
+import { buildServerSideRowUpdates as r, createServerSidePendingEdits as i } from "../logic/serverSideEdits.js";
+//#region src/controllers/serverSideRowModel.ts
+var a = 100, o = 64, s = 120, c = (c) => {
+	let l = c, u = c.dataSource?.blockSize ?? a, d = t({
+		blockSize: u,
+		maxBlocks: c.dataSource?.maxCachedBlocks ?? o
+	}), f = i(), p = c.dataSource?.initialRowCount ?? 0, m = null, h = null, g = c.rowKeyGetter, _ = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Set(), y = null, b = {
+		start: 0,
+		end: 0
+	}, x = 0, S = !1, C, w = c.refreshToken, T = (e) => f.getRow(e) ?? d.getRow(e), E = () => ({
+		getRowCount: () => p,
+		getRow: (e) => T(e),
+		getSourceIndex: (e) => e,
+		getRowKey: (e) => {
+			let t = T(e);
+			return t === void 0 ? e : g(t, e);
+		}
+	}), D = E(), O = e({
+		rowModel: D,
+		rowCount: p,
+		loadError: m,
+		writeError: h
+	}), k = () => {
+		let e = O.getSnapshot();
+		e.rowModel === D && e.rowCount === p && e.loadError === m && e.writeError === h || O.setSnapshot({
+			rowModel: D,
+			rowCount: p,
+			loadError: m,
+			writeError: h
+		});
+	}, A = () => {
+		D = E(), k();
+	}, j = () => {
+		x += 1, f.clear(), h = null;
+	}, M = () => {
+		let e = v.size;
+		m = e === 0 ? null : { failedBlockCount: e }, k();
+	}, N = () => {
+		for (let [, e] of _) e.abort();
+		_.clear();
+	}, P = () => {
+		y !== null && (clearTimeout(y), y = null);
+	}, F = (e) => {
+		let { dataSource: t, query: n } = l;
+		if (t == null || d.hasBlock(e) || _.has(e)) return;
+		let r = new AbortController();
+		_.set(e, r);
+		let i = e * u, a = i + u;
+		t.getRows({
+			startIndex: i,
+			endIndex: a,
+			query: n,
+			signal: r.signal
+		}).then((t) => {
+			r.signal.aborted || _.get(e) === r && (_.delete(e), d.setBlock(e, t.rows), v.delete(e) && (m = v.size === 0 ? null : { failedBlockCount: v.size }), t.totalRowCount !== p && (p = t.totalRowCount), A());
+		}).catch((t) => {
+			r.signal.aborted || _.get(e) === r && (_.delete(e), v.add(e), M(), l.onLoadError?.(t, {
+				startIndex: i,
+				endIndex: a
+			}));
+		});
+	}, I = () => {
+		let { start: e, end: t } = b, r = n(e, t, u, p), i = new Set(r);
+		for (let [e, t] of _) i.has(e) || (t.abort(), _.delete(e));
+		for (let e of r) F(e);
+	}, L = () => {
+		P(), y = setTimeout(() => {
+			y = null, I();
+		}, l.debounceMs ?? s);
+	}, R = (e, t) => {
+		l.dataSource != null && (b = {
+			start: e,
+			end: t
+		}, d.touchBlocks(n(e, t, u, p)), L());
+	}, z = () => {
+		N(), P(), d.clear(), v.clear(), m = null, j();
+	}, B = () => {
+		if (l.dataSource == null) return;
+		z(), A();
+		let { start: e, end: t } = b;
+		if (n(e, t, u, p).length === 0) {
+			F(0);
+			return;
+		}
+		I();
+	}, V = () => {
+		if (l.dataSource == null || v.size === 0) return;
+		let e = Array.from(v);
+		v.clear(), M();
+		for (let t of e) F(t);
+	}, H = (e) => {
+		let t = l.dataSource?.updateRows;
+		if (t === void 0 || e.length === 0) return 0;
+		let n = r(e, T, l.rowKeyGetter);
+		if (n.length === 0) return 0;
+		let i = x, a = n.map((e) => ({
+			viewIndex: e.rowIndex,
+			row: e.row,
+			writeId: f.beginWrite(e.rowIndex, e.row)
+		}));
+		return A(), t({ updates: n }).then((e) => {
+			if (x !== i) return;
+			let t = e === void 0 ? void 0 : e.rows;
+			a.forEach((e, n) => {
+				d.updateRow(e.viewIndex, t?.[n] ?? e.row), f.settleWrite(e.viewIndex, e.writeId);
+			}), A();
+		}).catch((e) => {
+			if (x === i) {
+				for (let e of a) f.settleWrite(e.viewIndex, e.writeId);
+				h = { failedRowCount: n.length }, l.onWriteError?.(e, { updates: n }), A();
+			}
+		}), n.length;
+	}, U = () => {
+		if (C !== void 0 && C === l.queryKey) return;
+		C = l.queryKey;
+		let { dataSource: e } = l;
+		if (e == null) return;
+		z();
+		let t = !S;
+		S = !0, A(), t ? (e.initialRowCount ?? 0) <= 0 && F(0) : F(0);
+	}, W = () => {
+		let e = l.refreshToken;
+		if (l.dataSource == null || e === void 0) {
+			w = e;
+			return;
+		}
+		if (w === void 0) {
+			w = e;
+			return;
+		}
+		w !== e && (w = e, B());
+	};
+	return {
+		update: (e) => {
+			l = e, e.rowKeyGetter !== g && (g = e.rowKeyGetter, A()), U(), W();
+		},
+		subscribe: O.subscribe,
+		getSnapshot: O.getSnapshot,
+		isRowLoaded: (e) => T(e) !== void 0,
+		requestRange: R,
+		refresh: B,
+		retryFailedBlocks: V,
+		applyCellEdits: H,
+		dispose: () => {
+			N(), P(), x += 1, f.clear();
+		}
+	};
+};
+//#endregion
+export { c as createServerSideRowModel };

package/dist/controllers/systemColorSchemeStore.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`(prefers-color-scheme: dark)`,t=()=>typeof window<`u`&&typeof window.matchMedia==`function`,n={subscribe(n){if(!t())return()=>{};let r=window.matchMedia(e);return r.addEventListener(`change`,n),()=>{r.removeEventListener(`change`,n)}},getSnapshot(){return t()?window.matchMedia(e).matches:!1},getServerSnapshot(){return!1}};exports.systemColorSchemeStore=n;

package/dist/controllers/systemColorSchemeStore.d.ts

@@ -0,0 +1,5 @@
+export declare const systemColorSchemeStore: {
+    subscribe(onChange: () => void): () => void;
+    getSnapshot(): boolean;
+    getServerSnapshot(): boolean;
+};

package/dist/controllers/systemColorSchemeStore.js

@@ -0,0 +1,18 @@
+//#region src/controllers/systemColorSchemeStore.ts
+var e = "(prefers-color-scheme: dark)", t = () => typeof window < "u" && typeof window.matchMedia == "function", n = {
+	subscribe(n) {
+		if (!t()) return () => {};
+		let r = window.matchMedia(e);
+		return r.addEventListener("change", n), () => {
+			r.removeEventListener("change", n);
+		};
+	},
+	getSnapshot() {
+		return t() ? window.matchMedia(e).matches : !1;
+	},
+	getServerSnapshot() {
+		return !1;
+	}
+};
+//#endregion
+export { n as systemColorSchemeStore };

package/dist/controllers/toolPanelController.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../logic/valueStore.cjs"),t=require("./popoverSupport.cjs"),n=require("../logic/panelDragGeometry.cjs");var r=360,i=8,a=12,o=[`filter`,`columns`,`sort`],s=e=>{let t={filter:e.canUseFilterTab,columns:e.canUseColumnsTab,sort:e.canUseSortTab};return o.filter(e=>t[e])},c=(e,t)=>e===null?null:t.includes(e)?e:t[0]??null,l=()=>{let o=null,l=e.createValueStore({requestedTab:null,layout:null,flashTick:0}),u={current:null},d=null,f=e=>{l.setSnapshot({...l.getSnapshot(),...e})},p=e=>{let t=l.getSnapshot().layout;t===e||t!==null&&e!==null&&t.top===e.top&&t.left===e.left&&t.width===e.width||f({layout:e})},m=e=>n.clampPanelDragPosition({top:e.top,left:e.left,panelWidth:r,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight}),h=()=>{if(d){let e=m(d);p({top:e.top,left:e.left,width:r});return}let e=o?.gridRootRef.current??null;if(!e){p(null);return}let t=e.getBoundingClientRect(),n=t.right-r-a,s=t.top+a;n=Math.max(i,n),n=Math.min(n,window.innerWidth-r-i),s=Math.max(i,s),p({top:s,left:n,width:r})},g=()=>o!==null&&c(l.getSnapshot().requestedTab,s(o))!==null,_=()=>{f({requestedTab:null,layout:null}),y(),o!==null&&t.restoreGridFocus(o.gridRootRef)},v=t.createPopoverWindowBindings({onResize:h,onScroll:h,isInside:e=>u.current?.contains(e)===!0||o?.alliedRef?.current?.contains(e)===!0,onOutsidePointerDown:_,onKeyDown:e=>{if(e.key===`Escape`){if(o?.suppressEscape){o.onSuppressedEscape?.();return}e.preventDefault(),_()}}}),y=()=>{let e=g();e&&!v.isAttached()?(h(),v.attach()):!e&&v.isAttached()&&v.detach()};return{update:e=>{o=e,y()},subscribe:l.subscribe,getSnapshot:l.getSnapshot,panelRef:u,open:e=>{if(o===null||!s(o).includes(e))return;let n=l.getSnapshot();t.blurForPopover(o.gridRootRef.current),f({requestedTab:e,flashTick:n.requestedTab===null?n.flashTick:n.flashTick+1}),y()},close:_,move:(e,t)=>{let n=m({top:e,left:t});d=n,f({layout:{top:n.top,left:n.left,width:r}})},dispose:()=>{v.detach()}}};exports.createToolPanelController=l,exports.resolveActiveToolPanelTab=c,exports.resolveAvailableToolPanelTabs=s;

package/dist/controllers/toolPanelController.d.ts

@@ -0,0 +1,36 @@
+import { type ReadonlyElementRef } from './popoverSupport';
+export type ToolPanelTab = 'filter' | 'columns' | 'sort';
+export type ToolPanelLayout = {
+    top: number;
+    left: number;
+    width: number;
+};
+export type ToolPanelControllerArgs = {
+    canUseFilterTab: boolean;
+    canUseColumnsTab: boolean;
+    canUseSortTab: boolean;
+    gridRootRef: ReadonlyElementRef;
+    alliedRef?: ReadonlyElementRef;
+    suppressEscape?: boolean;
+    onSuppressedEscape?: () => void;
+};
+export type ToolPanelSnapshot = {
+    requestedTab: ToolPanelTab | null;
+    layout: ToolPanelLayout | null;
+    flashTick: number;
+};
+export type ToolPanelController = {
+    update: (args: ToolPanelControllerArgs) => void;
+    subscribe: (listener: () => void) => () => void;
+    getSnapshot: () => ToolPanelSnapshot;
+    panelRef: {
+        current: HTMLDivElement | null;
+    };
+    open: (tab: ToolPanelTab) => void;
+    close: () => void;
+    move: (top: number, left: number) => void;
+    dispose: () => void;
+};
+export declare const resolveAvailableToolPanelTabs: (args: Pick<ToolPanelControllerArgs, "canUseFilterTab" | "canUseColumnsTab" | "canUseSortTab">) => ToolPanelTab[];
+export declare const resolveActiveToolPanelTab: (requestedTab: ToolPanelTab | null, availableTabs: ToolPanelTab[]) => ToolPanelTab | null;
+export declare const createToolPanelController: () => ToolPanelController;

package/dist/controllers/toolPanelController.js

@@ -0,0 +1,112 @@
+import { createValueStore as e } from "../logic/valueStore.js";
+import { blurForPopover as t, createPopoverWindowBindings as n, restoreGridFocus as r } from "./popoverSupport.js";
+import { clampPanelDragPosition as i } from "../logic/panelDragGeometry.js";
+//#region src/controllers/toolPanelController.ts
+var a = 360, o = 8, s = 12, c = [
+	"filter",
+	"columns",
+	"sort"
+], l = (e) => {
+	let t = {
+		filter: e.canUseFilterTab,
+		columns: e.canUseColumnsTab,
+		sort: e.canUseSortTab
+	};
+	return c.filter((e) => t[e]);
+}, u = (e, t) => e === null ? null : t.includes(e) ? e : t[0] ?? null, d = () => {
+	let c = null, d = e({
+		requestedTab: null,
+		layout: null,
+		flashTick: 0
+	}), f = { current: null }, p = null, m = (e) => {
+		d.setSnapshot({
+			...d.getSnapshot(),
+			...e
+		});
+	}, h = (e) => {
+		let t = d.getSnapshot().layout;
+		t === e || t !== null && e !== null && t.top === e.top && t.left === e.left && t.width === e.width || m({ layout: e });
+	}, g = (e) => i({
+		top: e.top,
+		left: e.left,
+		panelWidth: a,
+		viewportWidth: window.innerWidth,
+		viewportHeight: window.innerHeight
+	}), _ = () => {
+		if (p) {
+			let e = g(p);
+			h({
+				top: e.top,
+				left: e.left,
+				width: a
+			});
+			return;
+		}
+		let e = c?.gridRootRef.current ?? null;
+		if (!e) {
+			h(null);
+			return;
+		}
+		let t = e.getBoundingClientRect(), n = t.right - a - s, r = t.top + s;
+		n = Math.max(o, n), n = Math.min(n, window.innerWidth - a - o), r = Math.max(o, r), h({
+			top: r,
+			left: n,
+			width: a
+		});
+	}, v = () => c !== null && u(d.getSnapshot().requestedTab, l(c)) !== null, y = () => {
+		m({
+			requestedTab: null,
+			layout: null
+		}), x(), c !== null && r(c.gridRootRef);
+	}, b = n({
+		onResize: _,
+		onScroll: _,
+		isInside: (e) => f.current?.contains(e) === !0 || c?.alliedRef?.current?.contains(e) === !0,
+		onOutsidePointerDown: y,
+		onKeyDown: (e) => {
+			if (e.key === "Escape") {
+				if (c?.suppressEscape) {
+					c.onSuppressedEscape?.();
+					return;
+				}
+				e.preventDefault(), y();
+			}
+		}
+	}), x = () => {
+		let e = v();
+		e && !b.isAttached() ? (_(), b.attach()) : !e && b.isAttached() && b.detach();
+	};
+	return {
+		update: (e) => {
+			c = e, x();
+		},
+		subscribe: d.subscribe,
+		getSnapshot: d.getSnapshot,
+		panelRef: f,
+		open: (e) => {
+			if (c === null || !l(c).includes(e)) return;
+			let n = d.getSnapshot();
+			t(c.gridRootRef.current), m({
+				requestedTab: e,
+				flashTick: n.requestedTab === null ? n.flashTick : n.flashTick + 1
+			}), x();
+		},
+		close: y,
+		move: (e, t) => {
+			let n = g({
+				top: e,
+				left: t
+			});
+			p = n, m({ layout: {
+				top: n.top,
+				left: n.left,
+				width: a
+			} });
+		},
+		dispose: () => {
+			b.detach();
+		}
+	};
+};
+//#endregion
+export { d as createToolPanelController, u as resolveActiveToolPanelTab, l as resolveAvailableToolPanelTabs };

package/dist/controllers/tooltipController.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../logic/slotDom.cjs"),t=require("../logic/tooltipGeometry.cjs");var n=`data-ssg-tooltip`,r=`[${n}], [data-ssg-tooltip-overflow]`,i=350,a=800,o=0,s=null,c=null,l=0,u=null,d,f;function p(t){f=e.applySlotToElement(t,d,f)}function m(){if(s!==null)return s;let e=document.createElement(`div`);return e.className=`ssg-tooltip`,e.setAttribute(`aria-hidden`,`true`),f=void 0,p(e),document.body.appendChild(e),s=e,e}function h(){c!==null&&(window.clearTimeout(c),c=null)}function g(){h(),u!==null&&(l=Date.now()+a),u=null,s!==null&&s.classList.remove(`ssg-tooltip--visible`)}function _(e){let r=e.getAttribute(n),i=r!==null&&r!==``?r:(e.textContent??``).trim();if(i===``)return;let a=m();a.classList.toggle(`ssg-theme-dark`,e.closest(`.ssg-theme-dark`)!==null),a.textContent=i,a.style.left=`0px`,a.style.top=`0px`;let o=t.computeTooltipPlacement({targetRect:e.getBoundingClientRect(),tipWidth:a.offsetWidth,tipHeight:a.offsetHeight,viewportWidth:window.innerWidth});a.style.left=`${o.left}px`,a.style.top=`${o.top}px`,a.classList.add(`ssg-tooltip--visible`),u=e}function v(e){let t=e.target;if(!(t instanceof Element))return;let a=t.closest(r);if(a===null||a===u||!a.hasAttribute(n)&&a.scrollWidth<=a.clientWidth+1)return;let o=u!==null;g(),o||Date.now()<l?_(a):c=window.setTimeout(()=>{c=null,_(a)},i)}function y(e){let t=e.target;if(!(t instanceof Element))return;let n=t.closest(r);if(n===null)return;let i=e.relatedTarget;i instanceof Node&&n.contains(i)||g()}function b(){g()}function x(e){e.key===`Escape`&&g()}function S(){window.addEventListener(`pointerover`,v,!0),window.addEventListener(`pointerout`,y,!0),window.addEventListener(`focusin`,v,!0),window.addEventListener(`focusout`,y,!0),window.addEventListener(`pointerdown`,b,!0),window.addEventListener(`scroll`,b,!0),window.addEventListener(`keydown`,x,!0)}function C(){window.removeEventListener(`pointerover`,v,!0),window.removeEventListener(`pointerout`,y,!0),window.removeEventListener(`focusin`,v,!0),window.removeEventListener(`focusout`,y,!0),window.removeEventListener(`pointerdown`,b,!0),window.removeEventListener(`scroll`,b,!0),window.removeEventListener(`keydown`,x,!0)}function w(e){o+=1,o===1&&S();let t=!1,n=e=>{d=e,s!==null&&p(s)};return n(e),{setSlot:n,dispose:()=>{t||(t=!0,--o,o===0&&(C(),h(),u=null,s!==null&&(s.remove(),s=null)))}}}exports.acquireTooltipController=w;

package/dist/controllers/tooltipController.d.ts

@@ -0,0 +1,6 @@
+import type { GridResolvedSlot } from '../model/gridTypes.unbound';
+export type TooltipController = {
+    setSlot: (slot: GridResolvedSlot | undefined) => void;
+    dispose: () => void;
+};
+export declare function acquireTooltipController(slot?: GridResolvedSlot): TooltipController;

package/dist/controllers/tooltipController.js

@@ -0,0 +1,75 @@
+import { applySlotToElement as e } from "../logic/slotDom.js";
+import { computeTooltipPlacement as t } from "../logic/tooltipGeometry.js";
+//#region src/controllers/tooltipController.ts
+var n = "data-ssg-tooltip", r = `[${n}], [data-ssg-tooltip-overflow]`, i = 350, a = 800, o = 0, s = null, c = null, l = 0, u = null, d, f;
+function p(t) {
+	f = e(t, d, f);
+}
+function m() {
+	if (s !== null) return s;
+	let e = document.createElement("div");
+	return e.className = "ssg-tooltip", e.setAttribute("aria-hidden", "true"), f = void 0, p(e), document.body.appendChild(e), s = e, e;
+}
+function h() {
+	c !== null && (window.clearTimeout(c), c = null);
+}
+function g() {
+	h(), u !== null && (l = Date.now() + a), u = null, s !== null && s.classList.remove("ssg-tooltip--visible");
+}
+function _(e) {
+	let r = e.getAttribute(n), i = r !== null && r !== "" ? r : (e.textContent ?? "").trim();
+	if (i === "") return;
+	let a = m();
+	a.classList.toggle("ssg-theme-dark", e.closest(".ssg-theme-dark") !== null), a.textContent = i, a.style.left = "0px", a.style.top = "0px";
+	let o = t({
+		targetRect: e.getBoundingClientRect(),
+		tipWidth: a.offsetWidth,
+		tipHeight: a.offsetHeight,
+		viewportWidth: window.innerWidth
+	});
+	a.style.left = `${o.left}px`, a.style.top = `${o.top}px`, a.classList.add("ssg-tooltip--visible"), u = e;
+}
+function v(e) {
+	let t = e.target;
+	if (!(t instanceof Element)) return;
+	let a = t.closest(r);
+	if (a === null || a === u || !a.hasAttribute(n) && a.scrollWidth <= a.clientWidth + 1) return;
+	let o = u !== null;
+	g(), o || Date.now() < l ? _(a) : c = window.setTimeout(() => {
+		c = null, _(a);
+	}, i);
+}
+function y(e) {
+	let t = e.target;
+	if (!(t instanceof Element)) return;
+	let n = t.closest(r);
+	if (n === null) return;
+	let i = e.relatedTarget;
+	i instanceof Node && n.contains(i) || g();
+}
+function b() {
+	g();
+}
+function x(e) {
+	e.key === "Escape" && g();
+}
+function S() {
+	window.addEventListener("pointerover", v, !0), window.addEventListener("pointerout", y, !0), window.addEventListener("focusin", v, !0), window.addEventListener("focusout", y, !0), window.addEventListener("pointerdown", b, !0), window.addEventListener("scroll", b, !0), window.addEventListener("keydown", x, !0);
+}
+function C() {
+	window.removeEventListener("pointerover", v, !0), window.removeEventListener("pointerout", y, !0), window.removeEventListener("focusin", v, !0), window.removeEventListener("focusout", y, !0), window.removeEventListener("pointerdown", b, !0), window.removeEventListener("scroll", b, !0), window.removeEventListener("keydown", x, !0);
+}
+function w(e) {
+	o += 1, o === 1 && S();
+	let t = !1, n = (e) => {
+		d = e, s !== null && p(s);
+	};
+	return n(e), {
+		setSlot: n,
+		dispose: () => {
+			t || (t = !0, --o, o === 0 && (C(), h(), u = null, s !== null && (s.remove(), s = null)));
+		}
+	};
+}
+//#endregion
+export { w as acquireTooltipController };

package/dist/controllers/viewportSyncController.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../logic/verticalGeometry.cjs");var t=(e,t)=>{let n=Math.max(t.totalScrollWidth-e.clientWidth,0),r=Math.max(t.headerHeight+t.physicalBodyHeight-e.clientHeight,0);e.scrollLeft>n&&(e.scrollLeft=n),e.scrollTop>r&&(e.scrollTop=r)},n=(t,n,r)=>{let i=r.headerHeight+n.top,a=i+n.height,o=r.leftPaneWidth+r.centerLeadingWidth+n.left,s=o+n.width,c=e.physicalToLogicalScrollTop(t.scrollTop,r.verticalScaleFactor),l=t.scrollLeft,u=t.clientHeight,d=t.clientWidth,f=c,p=l,m=c+r.headerHeight,h=c+u;i<m?f=Math.max(i-r.headerHeight,0):a>h&&(f=Math.max(a-u,0));let g=l+r.leftPaneWidth,_=l+d-r.rightPaneWidth;o<g?p=Math.max(o-r.leftPaneWidth,0):s>_&&(p=Math.max(s-d+r.rightPaneWidth,0)),(f!==c||p!==l)&&t.scrollTo({top:e.logicalToPhysicalScrollTop(f,r.verticalScaleFactor),left:p,behavior:`auto`})},r=(e,t,n)=>e===null||n.some(n=>!Object.is(e[n],t[n])),i=()=>{let e=null,i=null;return{update:a=>{if(r(e,a,[`columnVirtualizer`,`columnMeasurements`])&&a.columnVirtualizer.measure(),r(e,a,[`scrollElement`,`totalScrollWidth`,`physicalBodyHeight`,`headerHeight`])&&a.scrollElement&&t(a.scrollElement,a),r(e,a,[`scrollElement`,`activeCellRect`,`activeCell`,`headerHeight`,`leftPaneWidth`,`rightPaneWidth`,`centerLeadingWidth`,`verticalScaleFactor`])){let e=i,{activeCell:t}=a,r=e!==null&&t!==null&&e.row===t.row&&e.col===t.col;i=t,!r&&a.scrollElement&&a.activeCellRect&&n(a.scrollElement,a.activeCellRect,a)}e=a}}};exports.clampScrollToContent=t,exports.createViewportSyncController=i,exports.scrollCellIntoView=n;