@thewaver/ss-components 0.0.1 → 0.0.2

package/dist/Fundamentals/Table/Table.js

@@ -0,0 +1,548 @@
+import { access } from "../../Utils/propUtils.js";
+import { LiveAnnouncer } from "../../Abstracts/LiveAnnouncer/LiveAnnouncer.js";
+import { CarrierStack } from "../../Abstracts/Carrier/CarrierStack.js";
+import { CarrierUtils } from "../../Abstracts/Carrier/Carrier.utils.js";
+import { NavigatorUtils } from "../../Abstracts/Navigator/Navigator.utils.js";
+import { Virtualizer } from "../../Abstracts/Virtualizer/Virtualizer.js";
+import { assignInlineVars } from "../../_external/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js";
+import { TableUtils } from "./Table.utils.js";
+import { tableBody, tableCell, tableHeader, tableMarkerAfter, tableMarkerBefore, tableResizer, tableResizerWidthVar, tableRoot, tableRow, tableTemplateVar, tableWindowedRow } from "./Table.css.js";
+import { For, Index, Show, createMemo, createSignal, createUniqueId } from "solid-js";
+import { MathUtils } from "@thewaver/ss-utils";
+import { className, createComponent, delegateEvents, effect, insert, setAttribute, setStyleProperty, style, template, use } from "solid-js/web";
+//#region src/Fundamentals/Table/Table.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div aria-hidden=true>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div role=columnheader>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div role=gridcell>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div role=row>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<div role=grid><div role=rowgroup><div role=row aria-rowindex=1></div></div><div role=rowgroup>`);
+var HEADER_ROW_INDEX = 0;
+var FIRST_ARIA_INDEX = 1;
+var DEFAULT_RESIZE_STEP_PX = 8;
+var DEFAULT_RESIZER_WIDTH_PX = 8;
+var DEFAULT_PAGE_ROWS = 10;
+var NO_RESIZING = "";
+var EMPTY_PINNED_ROWS = [];
+var EMPTY_WIDTHS = {};
+var EMPTY_ORDER = [];
+var EMPTY_SELECTION = [];
+var INTERACTIVE_SELECTOR = "a[href], button, input, select, textarea, [role='button'], [role='checkbox'], [role='link'], [role='switch']";
+var Table = (props) => {
+	const tableId = createUniqueId();
+	const [getBodyRef, setBodyRef] = createSignal();
+	const [getHeaderRef, setHeaderRef] = createSignal();
+	const [getFocusedCell, setFocusedCell] = createSignal({
+		row: HEADER_ROW_INDEX,
+		col: 0
+	});
+	const [getHoveredRow, setHoveredRow] = createSignal();
+	const [getHoveredColumn, setHoveredColumn] = createSignal();
+	const [getResizingColumnId, setResizingColumnId] = createSignal(NO_RESIZING);
+	const getDeclaredColumns = createMemo(() => access(props.columns));
+	const getColumnOrder = createMemo(() => TableUtils.getColumnOrder(getDeclaredColumns(), props.orderSignal?.[0]() ?? EMPTY_ORDER));
+	const getColumns = createMemo(() => TableUtils.getReordered(getDeclaredColumns(), getColumnOrder()));
+	const getDataCol = (layoutCol) => getColumnOrder()?.[layoutCol] ?? layoutCol;
+	const getIsDisabled = createMemo(() => access(props.isDisabled) ?? false);
+	const getWidths = createMemo(() => props.widthsSignal?.[0]() ?? EMPTY_WIDTHS);
+	const getSort = createMemo(() => props.sortSignal?.[0]());
+	const getSelection = createMemo(() => props.selectionSignal?.[0]() ?? EMPTY_SELECTION);
+	const getSelectionMode = createMemo(() => access(props.selectionMode) ?? (props.selectionSignal ? "multiple" : "none"));
+	const getSortedColumn = createMemo(() => {
+		const sort = getSort();
+		return sort === void 0 ? void 0 : getColumns().find((column) => column.id === sort.columnId);
+	});
+	const getRowOrder = createMemo(() => TableUtils.getSortedOrder(access(props.rows), getSortedColumn(), getSort()));
+	const getRows = createMemo(() => TableUtils.getReordered(access(props.rows), getRowOrder()));
+	const getDataRow = (layoutRow) => getRowOrder()?.[layoutRow] ?? layoutRow;
+	const getTemplate = createMemo(() => TableUtils.getColumnTemplate(getColumns(), getWidths()));
+	const getIsVirtualized = createMemo(() => props.computeEstimatedRowHeight !== void 0);
+	const getGrid = createMemo(() => ({
+		width: getColumns().length,
+		height: getRows().length + 1
+	}));
+	const getRovingCell = createMemo(() => {
+		const cell = getFocusedCell();
+		const grid = getGrid();
+		if (grid.width < 1) return cell;
+		return {
+			row: MathUtils.clamp(cell.row, HEADER_ROW_INDEX, grid.height - 1),
+			col: MathUtils.clamp(cell.col, 0, grid.width - 1)
+		};
+	});
+	const rowWindow = Virtualizer.createRowWindow(getBodyRef, () => getRows().length, {
+		getIsEnabled: getIsVirtualized,
+		computeEstimatedSize: (index) => props.computeEstimatedRowHeight?.(index) ?? 0,
+		getPinnedRows: () => {
+			const cell = getRovingCell();
+			return cell.row === HEADER_ROW_INDEX ? EMPTY_PINNED_ROWS : [cell.row - 1];
+		}
+	});
+	const getCellId = (cell) => `${tableId}-cell-${cell.row}-${cell.col}`;
+	const getIsRoving = (cell) => {
+		const roving = getRovingCell();
+		return roving.col === cell.col && roving.row === cell.row;
+	};
+	const focusCell = (cell) => {
+		setFocusedCell(cell);
+		if (cell.row > HEADER_ROW_INDEX && rowWindow.getIsLive()) rowWindow.scrollToRow(cell.row - 1);
+		document.getElementById(getCellId(cell))?.focus();
+	};
+	const toggleSort = (column) => {
+		if (!column || column.isSortable !== true || getIsDisabled()) return;
+		const next = TableUtils.getNextSort(getSort(), column.id);
+		props.sortSignal?.[1](next);
+		props.onSortChange?.(next);
+	};
+	let anchorRowIndex = 0;
+	const setSelection = (rows) => {
+		props.selectionSignal?.[1](rows);
+		props.onSelectionChange?.(rows);
+	};
+	const selectRow = (rowIndex, opts) => {
+		const mode = getSelectionMode();
+		if (mode === "none" || getIsDisabled()) return;
+		const rows = getRows();
+		const row = rows[rowIndex];
+		if (row === void 0) return;
+		if (mode === "single") {
+			anchorRowIndex = rowIndex;
+			setSelection(opts?.isToggling && getSelection().includes(row) ? [] : [row]);
+			return;
+		}
+		if (opts?.isExtending) {
+			const range = TableUtils.getRangeIndices(anchorRowIndex, rowIndex).map((position) => rows[position]);
+			setSelection(TableUtils.getMergedSelection(getSelection(), range));
+			return;
+		}
+		anchorRowIndex = rowIndex;
+		setSelection(opts?.isToggling ? TableUtils.getToggledSelection(getSelection(), row) : [row]);
+	};
+	const selectAllRows = () => {
+		if (getSelectionMode() !== "multiple" || getIsDisabled()) return;
+		setSelection([...getRows()]);
+	};
+	const getCurrentWidth = (column, columnIndex) => TableUtils.getColumnWidth(column, getWidths()) ?? document.getElementById(getCellId({
+		row: HEADER_ROW_INDEX,
+		col: columnIndex
+	}))?.offsetWidth ?? 0;
+	const getIsResizable = (column) => (column.isResizable ?? false) && props.widthsSignal !== void 0;
+	const resizeColumn = (column, width) => {
+		if (!getIsResizable(column) || getIsDisabled()) return;
+		const next = TableUtils.getResizedWidth(column, width);
+		props.widthsSignal?.[1]({
+			...getWidths(),
+			[column.id]: next
+		});
+	};
+	let resizeStartX = 0;
+	let resizeStartWidth = 0;
+	const handleResizerPointerDown = (e, column, columnIndex) => {
+		if (e.button !== 0 || getIsDisabled()) return;
+		e.preventDefault();
+		e.stopPropagation();
+		e.currentTarget.setPointerCapture(e.pointerId);
+		resizeStartX = e.clientX;
+		resizeStartWidth = getCurrentWidth(column, columnIndex);
+		setResizingColumnId(column.id);
+	};
+	const handleResizerPointerMove = (e, column) => {
+		if (getResizingColumnId() !== column.id) return;
+		resizeColumn(column, resizeStartWidth + e.clientX - resizeStartX);
+	};
+	const handleResizerPointerUp = (e, column) => {
+		if (getResizingColumnId() !== column.id) return;
+		e.currentTarget.releasePointerCapture(e.pointerId);
+		setResizingColumnId(NO_RESIZING);
+	};
+	const getIsReorderable = (column) => column !== void 0 && (column.isReorderable ?? false) && props.orderSignal !== void 0;
+	const moveColumn = (fromIndex, toIndex) => {
+		const columns = getColumns();
+		if (!getIsReorderable(columns[fromIndex]) || getIsDisabled()) return;
+		if (toIndex < 0 || toIndex >= columns.length) return;
+		const next = CarrierUtils.computeMovedOrder(columns.map((column) => column.id), fromIndex, toIndex);
+		props.orderSignal?.[1](next);
+		props.onOrderChange?.(next);
+	};
+	const asColumnIndex = (place) => place;
+	const getHeaderRects = () => getColumns().reduce((acc, _unused, columnIndex) => {
+		const element = document.getElementById(getCellId({
+			row: HEADER_ROW_INDEX,
+			col: columnIndex
+		}));
+		if (element) acc.push(element.getBoundingClientRect());
+		return acc;
+	}, []);
+	const getSourceColumnIndex = () => {
+		const place = CarrierStack.getSourcePlace();
+		return CarrierStack.getSourceZone() === zone && place !== void 0 ? asColumnIndex(place) : void 0;
+	};
+	const zone = {
+		getGroupId: () => tableId,
+		getLabel: () => access(props.ariaLabel) ?? "",
+		getRootRef: getHeaderRef,
+		getIsDisabled: () => getIsDisabled() || props.orderSignal === void 0,
+		getKeyHint: () => "Enter drops, Escape cancels.",
+		computeCanAccept: () => !getIsDisabled() && props.orderSignal !== void 0,
+		computePlaceAtPoint: (point) => CarrierUtils.computeSettledIndex(CarrierUtils.computeDropIndex(getHeaderRects(), point.x, point.y, "row"), getSourceColumnIndex() ?? 0, true),
+		computeNudgedPlace: (place, nudge) => {
+			const step = (nudge.x ?? 0) + (nudge.y ?? 0);
+			if (step === 0) return;
+			return Math.min(Math.max(asColumnIndex(place) + step, 0), getColumns().length - 1);
+		},
+		computeEntryPlace: () => getSourceColumnIndex() ?? 0,
+		computeIsSamePlace: (a, b) => a === b,
+		computeIsPlaceAllowed: () => true,
+		computePlaceLabel: (place) => `column ${asColumnIndex(place) + 1} of ${getColumns().length}`,
+		takeAt: () => void 0,
+		putAt: () => void 0,
+		moveAt: (fromPlace, toPlace) => moveColumn(asColumnIndex(fromPlace), asColumnIndex(toPlace))
+	};
+	CarrierStack.registerZone(zone);
+	const getCarriedColumnId = createMemo(() => CarrierStack.getSourceZone() === zone ? CarrierStack.getCarry()?.key : void 0);
+	const getLandingCol = createMemo(() => {
+		const place = CarrierStack.getTargetPlace();
+		if (CarrierStack.getTargetZone() !== zone || place === void 0) return;
+		return CarrierUtils.computeMarkerIndex(asColumnIndex(place), getSourceColumnIndex() ?? 0, true);
+	});
+	let hasCarriedClick = false;
+	const handleHeaderPointerDown = (e, columnIndex) => {
+		const column = getColumns()[columnIndex];
+		if (e.button !== 0 || getIsDisabled() || !getIsReorderable(column)) return;
+		if (e.target.closest(INTERACTIVE_SELECTOR)) return;
+		if (CarrierStack.getCarry()) return;
+		CarrierStack.dragFromPointer(e.currentTarget, e, () => CarrierStack.start(zone, columnIndex, {
+			groupId: tableId,
+			key: column.id,
+			label: column.header,
+			value: column.id
+		}, "drag"), () => {
+			hasCarriedClick = true;
+		});
+	};
+	const handleKeyDown = (e) => {
+		const grid = getGrid();
+		if (grid.width < 1 || getIsDisabled()) return;
+		const from = getRovingCell();
+		const column = getColumns()[from.col];
+		if (e.key === "a" && (e.ctrlKey || e.metaKey)) {
+			e.preventDefault();
+			selectAllRows();
+			return;
+		}
+		if (e.ctrlKey && (e.key === "Home" || e.key === "End")) {
+			e.preventDefault();
+			focusCell(e.key === "Home" ? {
+				row: HEADER_ROW_INDEX,
+				col: 0
+			} : {
+				row: grid.height - 1,
+				col: grid.width - 1
+			});
+			return;
+		}
+		if (from.row === HEADER_ROW_INDEX) {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				toggleSort(column);
+				return;
+			}
+			if (e.ctrlKey && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
+				e.preventDefault();
+				const step = access(props.resizeStepPx) ?? DEFAULT_RESIZE_STEP_PX;
+				resizeColumn(column, getCurrentWidth(column, from.col) + (e.key === "ArrowLeft" ? -step : step));
+				return;
+			}
+			if (e.shiftKey && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
+				e.preventDefault();
+				if (!getIsReorderable(column)) return;
+				const to = from.col + (e.key === "ArrowLeft" ? -1 : 1);
+				if (to < 0 || to >= grid.width) return;
+				moveColumn(from.col, to);
+				focusCell({
+					row: HEADER_ROW_INDEX,
+					col: to
+				});
+				LiveAnnouncer.announce(`${column.header} moved to column ${to + FIRST_ARIA_INDEX} of ${grid.width}.`);
+				return;
+			}
+		} else {
+			const rowIndex = from.row - 1;
+			if (e.key === "Enter") {
+				e.preventDefault();
+				props.onRowActivate?.(getRows()[rowIndex], rowIndex);
+				return;
+			}
+			if (e.key === " ") {
+				e.preventDefault();
+				selectRow(rowIndex, {
+					isToggling: !e.shiftKey,
+					isExtending: e.shiftKey
+				});
+				return;
+			}
+		}
+		const next = NavigatorUtils.computeNextCell(e.key, {
+			x: from.col,
+			y: from.row
+		}, grid, { pageRows: access(props.pageRows) ?? DEFAULT_PAGE_ROWS });
+		if (next === void 0) return;
+		e.preventDefault();
+		const cell = {
+			row: MathUtils.clamp(next.y, HEADER_ROW_INDEX, grid.height - 1),
+			col: MathUtils.clamp(next.x, 0, grid.width - 1)
+		};
+		focusCell(cell);
+		if (e.shiftKey && cell.row > HEADER_ROW_INDEX) selectRow(cell.row - 1, { isExtending: true });
+	};
+	const handleCellClick = (e, cell) => {
+		if (getIsDisabled()) return;
+		const interactive = e.target.closest(INTERACTIVE_SELECTOR);
+		if (interactive && e.currentTarget.contains(interactive)) return;
+		focusCell(cell);
+		if (cell.row === HEADER_ROW_INDEX) {
+			toggleSort(getColumns()[cell.col]);
+			return;
+		}
+		selectRow(cell.row - 1, {
+			isToggling: e.ctrlKey || e.metaKey,
+			isExtending: e.shiftKey
+		});
+	};
+	const getColumnRenderProps = (layoutCol) => {
+		const column = getColumns()[layoutCol];
+		const sort = getSort();
+		const roving = getRovingCell();
+		return {
+			columnId: column.id,
+			dataCol: getDataCol(layoutCol),
+			layoutCol,
+			sortDirection: sort?.columnId === column.id ? sort.direction : void 0,
+			isSortable: column.isSortable ?? false,
+			isReorderable: getIsReorderable(column),
+			isResizable: getIsResizable(column),
+			isResizing: getResizingColumnId() === column.id,
+			isCarried: getCarriedColumnId() === column.id,
+			isFocused: roving.row === HEADER_ROW_INDEX && roving.col === layoutCol,
+			isHovered: getHoveredColumn() === layoutCol,
+			isDisabled: getIsDisabled()
+		};
+	};
+	const getCellRenderProps = (layoutCol, layoutRow) => {
+		const roving = getRovingCell();
+		return {
+			columnId: getColumns()[layoutCol].id,
+			dataCol: getDataCol(layoutCol),
+			layoutCol,
+			dataRow: getDataRow(layoutRow),
+			layoutRow,
+			isSelected: getSelection().includes(getRows()[layoutRow]),
+			isFocused: roving.row === layoutRow + 1 && roving.col === layoutCol,
+			isHovered: getHoveredRow() === layoutRow,
+			isDisabled: getIsDisabled()
+		};
+	};
+	const renderResizer = (getColumn, columnIndex) => (() => {
+		var _el$ = _tmpl$();
+		_el$.$$click = (e) => e.stopPropagation();
+		_el$.addEventListener("pointercancel", (e) => handleResizerPointerUp(e, getColumn()));
+		_el$.$$pointerup = (e) => handleResizerPointerUp(e, getColumn());
+		_el$.$$pointermove = (e) => handleResizerPointerMove(e, getColumn());
+		_el$.$$pointerdown = (e) => handleResizerPointerDown(e, getColumn(), columnIndex);
+		className(_el$, tableResizer);
+		insert(_el$, () => props.renderResizer?.(() => getColumnRenderProps(columnIndex)));
+		return _el$;
+	})();
+	const renderMarker = (columnIndex) => createComponent(Show, {
+		get when() {
+			return getLandingCol() === columnIndex;
+		},
+		get children() {
+			var _el$2 = _tmpl$2();
+			insert(_el$2, () => props.renderMarker?.());
+			effect(() => className(_el$2, columnIndex < getColumns().length ? tableMarkerBefore : tableMarkerAfter));
+			return _el$2;
+		}
+	});
+	const renderHeaderCell = (getColumn, columnIndex) => {
+		const cell = {
+			row: HEADER_ROW_INDEX,
+			col: columnIndex
+		};
+		const getRenderProps = () => getColumnRenderProps(columnIndex);
+		return (() => {
+			var _el$3 = _tmpl$3();
+			_el$3.addEventListener("pointerleave", () => setHoveredColumn(void 0));
+			_el$3.addEventListener("pointerenter", () => setHoveredColumn(columnIndex));
+			_el$3.$$click = (e) => {
+				if (hasCarriedClick) {
+					hasCarriedClick = false;
+					return;
+				}
+				handleCellClick(e, cell);
+			};
+			_el$3.$$pointerdown = (e) => handleHeaderPointerDown(e, columnIndex);
+			className(_el$3, tableCell);
+			setAttribute(_el$3, "aria-colindex", columnIndex + FIRST_ARIA_INDEX);
+			insert(_el$3, () => getColumn().renderHeader(getRenderProps), null);
+			insert(_el$3, createComponent(Show, {
+				get when() {
+					return getRenderProps().isResizable;
+				},
+				get children() {
+					return renderResizer(getColumn, columnIndex);
+				}
+			}), null);
+			insert(_el$3, () => renderMarker(columnIndex), null);
+			insert(_el$3, createComponent(Show, {
+				get when() {
+					return columnIndex === getColumns().length - 1;
+				},
+				get children() {
+					return renderMarker(getColumns().length);
+				}
+			}), null);
+			effect((_p$) => {
+				var _v$ = getCellId(cell), _v$2 = getColumn().isSortable === true ? getRenderProps().sortDirection ?? "none" : void 0, _v$3 = getIsDisabled() || void 0, _v$4 = getIsRoving(cell) ? 0 : -1;
+				_v$ !== _p$.e && setAttribute(_el$3, "id", _p$.e = _v$);
+				_v$2 !== _p$.t && setAttribute(_el$3, "aria-sort", _p$.t = _v$2);
+				_v$3 !== _p$.a && setAttribute(_el$3, "aria-disabled", _p$.a = _v$3);
+				_v$4 !== _p$.o && setAttribute(_el$3, "tabindex", _p$.o = _v$4);
+				return _p$;
+			}, {
+				e: void 0,
+				t: void 0,
+				a: void 0,
+				o: void 0
+			});
+			return _el$3;
+		})();
+	};
+	const renderCell = (getColumn, getRow, columnIndex, rowIndex) => {
+		const cell = {
+			row: rowIndex + 1,
+			col: columnIndex
+		};
+		return (() => {
+			var _el$4 = _tmpl$4();
+			_el$4.$$click = (e) => handleCellClick(e, cell);
+			className(_el$4, tableCell);
+			setAttribute(_el$4, "aria-colindex", columnIndex + FIRST_ARIA_INDEX);
+			insert(_el$4, () => getColumn().renderCell(getRow, () => getCellRenderProps(columnIndex, rowIndex)));
+			effect((_p$) => {
+				var _v$5 = getCellId(cell), _v$6 = getIsDisabled() || void 0, _v$7 = getIsRoving(cell) ? 0 : -1;
+				_v$5 !== _p$.e && setAttribute(_el$4, "id", _p$.e = _v$5);
+				_v$6 !== _p$.t && setAttribute(_el$4, "aria-disabled", _p$.t = _v$6);
+				_v$7 !== _p$.a && setAttribute(_el$4, "tabindex", _p$.a = _v$7);
+				return _p$;
+			}, {
+				e: void 0,
+				t: void 0,
+				a: void 0
+			});
+			return _el$4;
+		})();
+	};
+	const renderRow = (getRow, rowIndex, virtualRow) => (() => {
+		var _el$5 = _tmpl$5();
+		_el$5.addEventListener("pointerleave", () => setHoveredRow(void 0));
+		_el$5.addEventListener("pointerenter", () => setHoveredRow(rowIndex));
+		use((element) => {
+			if (virtualRow) rowWindow.measureRow(element, virtualRow.index);
+		}, _el$5);
+		setAttribute(_el$5, "aria-rowindex", rowIndex + 1 + FIRST_ARIA_INDEX);
+		insert(_el$5, createComponent(Index, {
+			get each() {
+				return getColumns();
+			},
+			children: (getColumn, columnIndex) => renderCell(getColumn, getRow, columnIndex, rowIndex)
+		}));
+		effect((_p$) => {
+			var _v$8 = virtualRow ? [tableRow, tableWindowedRow].join(" ") : tableRow, _v$9 = getSelectionMode() === "none" ? void 0 : getSelection().includes(getRow()), _v$0 = props.computeRowAriaLabel?.(getRow(), rowIndex), _v$1 = virtualRow ? { transform: `translateY(${rowWindow.getRowStart(virtualRow)}px)` } : void 0;
+			_v$8 !== _p$.e && className(_el$5, _p$.e = _v$8);
+			_v$9 !== _p$.t && setAttribute(_el$5, "aria-selected", _p$.t = _v$9);
+			_v$0 !== _p$.a && setAttribute(_el$5, "aria-label", _p$.a = _v$0);
+			_p$.o = style(_el$5, _v$1, _p$.o);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0
+		});
+		return _el$5;
+	})();
+	const renderRows = () => createComponent(Index, {
+		get each() {
+			return getRows();
+		},
+		children: (getRow, rowIndex) => renderRow(getRow, rowIndex)
+	});
+	const renderWindowedRows = () => createComponent(For, {
+		get each() {
+			return rowWindow.getRows();
+		},
+		children: (virtualRow) => renderRow(() => getRows()[virtualRow.index], virtualRow.index, virtualRow)
+	});
+	return (() => {
+		var _el$6 = _tmpl$6(), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling;
+		_el$6.$$keydown = handleKeyDown;
+		className(_el$6, tableRoot);
+		use(setHeaderRef, _el$7);
+		className(_el$7, tableHeader);
+		className(_el$8, tableRow);
+		insert(_el$8, createComponent(Index, {
+			get each() {
+				return getColumns();
+			},
+			children: renderHeaderCell
+		}));
+		use(setBodyRef, _el$9);
+		className(_el$9, tableBody);
+		insert(_el$9, createComponent(Show, {
+			get when() {
+				return getIsVirtualized();
+			},
+			get fallback() {
+				return renderRows();
+			},
+			get children() {
+				return renderWindowedRows();
+			}
+		}));
+		effect((_p$) => {
+			var _v$10 = access(props.ariaLabel), _v$11 = getGrid().height, _v$12 = getGrid().width, _v$13 = getSelectionMode() === "multiple" || void 0, _v$14 = getIsDisabled() || void 0, _v$15 = assignInlineVars({
+				[tableTemplateVar]: getTemplate(),
+				[tableResizerWidthVar]: `${access(props.resizerWidthPx) ?? DEFAULT_RESIZER_WIDTH_PX}px`
+			}), _v$16 = getIsVirtualized() ? `${rowWindow.getTotalSize()}px` : void 0;
+			_v$10 !== _p$.e && setAttribute(_el$6, "aria-label", _p$.e = _v$10);
+			_v$11 !== _p$.t && setAttribute(_el$6, "aria-rowcount", _p$.t = _v$11);
+			_v$12 !== _p$.a && setAttribute(_el$6, "aria-colcount", _p$.a = _v$12);
+			_v$13 !== _p$.o && setAttribute(_el$6, "aria-multiselectable", _p$.o = _v$13);
+			_v$14 !== _p$.i && setAttribute(_el$6, "aria-disabled", _p$.i = _v$14);
+			_p$.n = style(_el$6, _v$15, _p$.n);
+			_v$16 !== _p$.s && setStyleProperty(_el$9, "height", _p$.s = _v$16);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0
+		});
+		return _el$6;
+	})();
+};
+delegateEvents([
+	"pointerdown",
+	"pointermove",
+	"pointerup",
+	"click",
+	"keydown"
+]);
+//#endregion
+export { Table };
+
+//# sourceMappingURL=Table.js.map

package/dist/Fundamentals/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","names":["Accessor","For","Index","Show","createMemo","createSignal","createUniqueId","Index2d","MathUtils","assignInlineVars","CarrierZone","CarryPlace","CarrierUtils","CarrierStack","LiveAnnouncer","NavigatorUtils","Virtualizer","VirtualizerRow","access","TableCellRenderProps","TableColumn","TableColumnRenderProps","TableProps","TableSelectionMode","TableUtils","styles","HEADER_ROW_INDEX","FIRST_ARIA_INDEX","DEFAULT_RESIZE_STEP_PX","DEFAULT_RESIZER_WIDTH_PX","DEFAULT_PAGE_ROWS","NO_RESIZING","EMPTY_PINNED_ROWS","EMPTY_WIDTHS","Record","EMPTY_ORDER","EMPTY_SELECTION","INTERACTIVE_SELECTOR","Table","props","T","tableId","getBodyRef","setBodyRef","HTMLElement","getHeaderRef","setHeaderRef","getFocusedCell","setFocusedCell","row","col","getHoveredRow","setHoveredRow","getHoveredColumn","setHoveredColumn","getResizingColumnId","setResizingColumnId","getDeclaredColumns","columns","getColumnOrder","orderSignal","getColumns","getReordered","getDataCol","layoutCol","getIsDisabled","isDisabled","getWidths","widthsSignal","getSort","sortSignal","getSelection","selectionSignal","getSelectionMode","selectionMode","getSortedColumn","sort","undefined","find","column","id","columnId","getRowOrder","getSortedOrder","rows","getRows","getDataRow","layoutRow","getTemplate","getColumnTemplate","getIsVirtualized","computeEstimatedRowHeight","getGrid","width","length","height","getRovingCell","cell","grid","clamp","rowWindow","createRowWindow","getIsEnabled","computeEstimatedSize","index","getPinnedRows","getCellId","getIsRoving","roving","focusCell","getIsLive","scrollToRow","document","getElementById","focus","toggleSort","isSortable","next","getNextSort","onSortChange","anchorRowIndex","setSelection","onSelectionChange","selectRow","rowIndex","opts","isToggling","isExtending","mode","includes","range","getRangeIndices","map","position","getMergedSelection","getToggledSelection","selectAllRows","getCurrentWidth","columnIndex","getColumnWidth","offsetWidth","getIsResizable","isResizable","resizeColumn","getResizedWidth","resizeStartX","resizeStartWidth","handleResizerPointerDown","e","PointerEvent","button","preventDefault","stopPropagation","currentTarget","setPointerCapture","pointerId","clientX","handleResizerPointerMove","handleResizerPointerUp","releasePointerCapture","getIsReorderable","isReorderable","moveColumn","fromIndex","toIndex","computeMovedOrder","onOrderChange","asColumnIndex","place","getHeaderRects","reduce","DOMRect","acc","_unused","element","push","getBoundingClientRect","getSourceColumnIndex","getSourcePlace","getSourceZone","zone","getGroupId","getLabel","ariaLabel","getRootRef","getKeyHint","computeCanAccept","computePlaceAtPoint","point","computeSettledIndex","computeDropIndex","x","y","computeNudgedPlace","nudge","step","Math","min","max","computeEntryPlace","computeIsSamePlace","a","b","computeIsPlaceAllowed","computePlaceLabel","takeAt","putAt","moveAt","fromPlace","toPlace","registerZone","getCarriedColumnId","getCarry","key","getLandingCol","getTargetPlace","getTargetZone","computeMarkerIndex","hasCarriedClick","handleHeaderPointerDown","target","closest","dragFromPointer","start","groupId","label","header","value","handleKeyDown","KeyboardEvent","from","ctrlKey","metaKey","resizeStepPx","shiftKey","to","announce","onRowActivate","computeNextCell","pageRows","handleCellClick","MouseEvent","interactive","contains","getColumnRenderProps","dataCol","sortDirection","direction","isResizing","isCarried","isFocused","isHovered","getCellRenderProps","dataRow","isSelected","renderResizer","getColumn","_el$","_tmpl$","$$click","addEventListener","$$pointerup","$$pointermove","$$pointerdown","_$className","tableResizer","_$insert","renderMarker","_$createComponent","when","children","_el$2","_tmpl$2","_$effect","tableMarkerBefore","tableMarkerAfter","renderHeaderCell","getRenderProps","_el$3","_tmpl$3","tableCell","_$setAttribute","renderHeader","_p$","_v$","_v$2","_v$3","_v$4","t","o","renderCell","getRow","_el$4","_tmpl$4","_v$5","_v$6","_v$7","renderRow","virtualRow","_el$5","_tmpl$5","_$use","measureRow","each","_v$8","tableRow","tableWindowedRow","join","_v$9","_v$0","computeRowAriaLabel","_v$1","transform","getRowStart","_$style","renderRows","renderWindowedRows","_el$6","_tmpl$6","_el$7","firstChild","_el$8","_el$9","nextSibling","$$keydown","tableRoot","tableHeader","tableBody","fallback","_v$10","_v$11","_v$12","_v$13","_v$14","_v$15","tableTemplateVar","tableResizerWidthVar","resizerWidthPx","_v$16","getTotalSize","i","n","s","_$setStyleProperty","_$delegateEvents"],"sources":["../../../src/Fundamentals/Table/Table.tsx"],"sourcesContent":["import type { Accessor } from \"solid-js\";\nimport { For, Index, Show, createMemo, createSignal, createUniqueId } from \"solid-js\";\n\nimport { type Index2d, MathUtils } from \"@thewaver/ss-utils\";\nimport { assignInlineVars } from \"@vanilla-extract/dynamic\";\n\nimport type { CarrierZone, CarryPlace } from \"../../Abstracts/Carrier/Carrier.types\";\nimport { CarrierUtils } from \"../../Abstracts/Carrier/Carrier.utils\";\nimport { CarrierStack } from \"../../Abstracts/Carrier/CarrierStack\";\nimport { LiveAnnouncer } from \"../../Abstracts/LiveAnnouncer/LiveAnnouncer\";\nimport { NavigatorUtils } from \"../../Abstracts/Navigator/Navigator.utils\";\nimport { Virtualizer } from \"../../Abstracts/Virtualizer/Virtualizer\";\nimport type { VirtualizerRow } from \"../../Abstracts/Virtualizer/Virtualizer.types\";\nimport { access } from \"../../Utils/propUtils\";\nimport type {\n    TableCellRenderProps,\n    TableColumn,\n    TableColumnRenderProps,\n    TableProps,\n    TableSelectionMode,\n} from \"./Table.types\";\nimport { TableUtils } from \"./Table.utils\";\n\nimport * as styles from \"./Table.css\";\n\nconst HEADER_ROW_INDEX = 0;\nconst FIRST_ARIA_INDEX = 1;\n\nconst DEFAULT_RESIZE_STEP_PX = 8;\nconst DEFAULT_RESIZER_WIDTH_PX = 8;\nconst DEFAULT_PAGE_ROWS = 10;\n\nconst NO_RESIZING = \"\";\n\nconst EMPTY_PINNED_ROWS: number[] = [];\nconst EMPTY_WIDTHS: Record<string, number> = {};\nconst EMPTY_ORDER: string[] = [];\nconst EMPTY_SELECTION: never[] = [];\n\nconst INTERACTIVE_SELECTOR =\n    \"a[href], button, input, select, textarea, [role='button'], [role='checkbox'], [role='link'], [role='switch']\";\n\nexport const Table = <T,>(props: TableProps<T>) => {\n    const tableId = createUniqueId();\n\n    const [getBodyRef, setBodyRef] = createSignal<HTMLElement>();\n    const [getHeaderRef, setHeaderRef] = createSignal<HTMLElement>();\n    const [getFocusedCell, setFocusedCell] = createSignal<Index2d>({ row: HEADER_ROW_INDEX, col: 0 });\n    const [getHoveredRow, setHoveredRow] = createSignal<number>();\n    const [getHoveredColumn, setHoveredColumn] = createSignal<number>();\n    const [getResizingColumnId, setResizingColumnId] = createSignal(NO_RESIZING);\n\n    const getDeclaredColumns = createMemo(() => access(props.columns));\n\n    const getColumnOrder = createMemo(() =>\n        TableUtils.getColumnOrder(getDeclaredColumns(), props.orderSignal?.[0]() ?? EMPTY_ORDER),\n    );\n\n    const getColumns = createMemo(() => TableUtils.getReordered(getDeclaredColumns(), getColumnOrder()));\n\n    const getDataCol = (layoutCol: number) => getColumnOrder()?.[layoutCol] ?? layoutCol;\n\n    const getIsDisabled = createMemo(() => access(props.isDisabled) ?? false);\n\n    const getWidths = createMemo(() => props.widthsSignal?.[0]() ?? EMPTY_WIDTHS);\n\n    const getSort = createMemo(() => props.sortSignal?.[0]());\n\n    const getSelection = createMemo(() => props.selectionSignal?.[0]() ?? EMPTY_SELECTION);\n\n    const getSelectionMode = createMemo(\n        (): TableSelectionMode => access(props.selectionMode) ?? (props.selectionSignal ? \"multiple\" : \"none\"),\n    );\n\n    const getSortedColumn = createMemo(() => {\n        const sort = getSort();\n\n        return sort === undefined ? undefined : getColumns().find((column) => column.id === sort.columnId);\n    });\n\n    const getRowOrder = createMemo(() => TableUtils.getSortedOrder(access(props.rows), getSortedColumn(), getSort()));\n\n    const getRows = createMemo(() => TableUtils.getReordered(access(props.rows), getRowOrder()));\n\n    const getDataRow = (layoutRow: number) => getRowOrder()?.[layoutRow] ?? layoutRow;\n\n    const getTemplate = createMemo(() => TableUtils.getColumnTemplate(getColumns(), getWidths()));\n\n    const getIsVirtualized = createMemo(() => props.computeEstimatedRowHeight !== undefined);\n\n    const getGrid = createMemo(() => ({ width: getColumns().length, height: getRows().length + 1 }));\n\n    const getRovingCell = createMemo(() => {\n        const cell = getFocusedCell();\n        const grid = getGrid();\n\n        if (grid.width < 1) return cell;\n\n        return {\n            row: MathUtils.clamp(cell.row, HEADER_ROW_INDEX, grid.height - 1),\n            col: MathUtils.clamp(cell.col, 0, grid.width - 1),\n        };\n    });\n\n    const rowWindow = Virtualizer.createRowWindow(getBodyRef, () => getRows().length, {\n        getIsEnabled: getIsVirtualized,\n        computeEstimatedSize: (index) => props.computeEstimatedRowHeight?.(index) ?? 0,\n        getPinnedRows: () => {\n            const cell = getRovingCell();\n\n            return cell.row === HEADER_ROW_INDEX ? EMPTY_PINNED_ROWS : [cell.row - 1];\n        },\n    });\n\n    const getCellId = (cell: Index2d) => `${tableId}-cell-${cell.row}-${cell.col}`;\n\n    const getIsRoving = (cell: Index2d) => {\n        const roving = getRovingCell();\n\n        return roving.col === cell.col && roving.row === cell.row;\n    };\n\n    const focusCell = (cell: Index2d) => {\n        setFocusedCell(cell);\n\n        if (cell.row > HEADER_ROW_INDEX && rowWindow.getIsLive()) rowWindow.scrollToRow(cell.row - 1);\n\n        document.getElementById(getCellId(cell))?.focus();\n    };\n\n    const toggleSort = (column: TableColumn<T> | undefined) => {\n        if (!column || column.isSortable !== true || getIsDisabled()) return;\n\n        const next = TableUtils.getNextSort(getSort(), column.id);\n\n        props.sortSignal?.[1](next);\n\n        void props.onSortChange?.(next);\n    };\n\n    let anchorRowIndex = 0;\n\n    const setSelection = (rows: T[]) => {\n        props.selectionSignal?.[1](rows);\n\n        void props.onSelectionChange?.(rows);\n    };\n\n    const selectRow = (rowIndex: number, opts?: { isToggling?: boolean; isExtending?: boolean }) => {\n        const mode = getSelectionMode();\n\n        if (mode === \"none\" || getIsDisabled()) return;\n\n        const rows = getRows();\n        const row = rows[rowIndex];\n\n        if (row === undefined) return;\n\n        if (mode === \"single\") {\n            anchorRowIndex = rowIndex;\n\n            setSelection(opts?.isToggling && getSelection().includes(row) ? [] : [row]);\n\n            return;\n        }\n\n        if (opts?.isExtending) {\n            const range = TableUtils.getRangeIndices(anchorRowIndex, rowIndex).map((position) => rows[position]);\n\n            setSelection(TableUtils.getMergedSelection(getSelection(), range));\n\n            return;\n        }\n\n        anchorRowIndex = rowIndex;\n\n        setSelection(opts?.isToggling ? TableUtils.getToggledSelection(getSelection(), row) : [row]);\n    };\n\n    const selectAllRows = () => {\n        if (getSelectionMode() !== \"multiple\" || getIsDisabled()) return;\n\n        setSelection([...getRows()]);\n    };\n\n    const getCurrentWidth = (column: TableColumn<T>, columnIndex: number) =>\n        TableUtils.getColumnWidth(column, getWidths()) ??\n        document.getElementById(getCellId({ row: HEADER_ROW_INDEX, col: columnIndex }))?.offsetWidth ??\n        0;\n\n    const getIsResizable = (column: TableColumn<T>) =>\n        (column.isResizable ?? false) && props.widthsSignal !== undefined;\n\n    const resizeColumn = (column: TableColumn<T>, width: number) => {\n        if (!getIsResizable(column) || getIsDisabled()) return;\n\n        const next = TableUtils.getResizedWidth(column, width);\n\n        props.widthsSignal?.[1]({ ...getWidths(), [column.id]: next });\n    };\n\n    let resizeStartX = 0;\n    let resizeStartWidth = 0;\n\n    const handleResizerPointerDown = (e: PointerEvent, column: TableColumn<T>, columnIndex: number) => {\n        if (e.button !== 0 || getIsDisabled()) return;\n\n        e.preventDefault();\n        e.stopPropagation();\n\n        (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);\n\n        resizeStartX = e.clientX;\n        resizeStartWidth = getCurrentWidth(column, columnIndex);\n\n        setResizingColumnId(column.id);\n    };\n\n    const handleResizerPointerMove = (e: PointerEvent, column: TableColumn<T>) => {\n        if (getResizingColumnId() !== column.id) return;\n\n        resizeColumn(column, resizeStartWidth + e.clientX - resizeStartX);\n    };\n\n    const handleResizerPointerUp = (e: PointerEvent, column: TableColumn<T>) => {\n        if (getResizingColumnId() !== column.id) return;\n\n        (e.currentTarget as HTMLElement).releasePointerCapture(e.pointerId);\n\n        setResizingColumnId(NO_RESIZING);\n    };\n\n    const getIsReorderable = (column: TableColumn<T> | undefined) =>\n        column !== undefined && (column.isReorderable ?? false) && props.orderSignal !== undefined;\n\n    const moveColumn = (fromIndex: number, toIndex: number) => {\n        const columns = getColumns();\n\n        if (!getIsReorderable(columns[fromIndex]) || getIsDisabled()) return;\n        if (toIndex < 0 || toIndex >= columns.length) return;\n\n        const next = CarrierUtils.computeMovedOrder(\n            columns.map((column) => column.id),\n            fromIndex,\n            toIndex,\n        );\n\n        props.orderSignal?.[1](next);\n\n        void props.onOrderChange?.(next);\n    };\n\n    const asColumnIndex = (place: CarryPlace) => place as number;\n\n    const getHeaderRects = () =>\n        getColumns().reduce<DOMRect[]>((acc, _unused, columnIndex) => {\n            const element = document.getElementById(getCellId({ row: HEADER_ROW_INDEX, col: columnIndex }));\n\n            if (element) acc.push(element.getBoundingClientRect());\n\n            return acc;\n        }, []);\n\n    const getSourceColumnIndex = () => {\n        const place = CarrierStack.getSourcePlace();\n\n        return CarrierStack.getSourceZone() === zone && place !== undefined ? asColumnIndex(place) : undefined;\n    };\n\n    const zone: CarrierZone = {\n        getGroupId: () => tableId,\n        getLabel: () => access(props.ariaLabel) ?? \"\",\n        getRootRef: getHeaderRef,\n        getIsDisabled: () => getIsDisabled() || props.orderSignal === undefined,\n        getKeyHint: () => \"Enter drops, Escape cancels.\",\n        computeCanAccept: () => !getIsDisabled() && props.orderSignal !== undefined,\n        computePlaceAtPoint: (point) =>\n            CarrierUtils.computeSettledIndex(\n                CarrierUtils.computeDropIndex(getHeaderRects(), point.x, point.y, \"row\"),\n                getSourceColumnIndex() ?? 0,\n                true,\n            ),\n        computeNudgedPlace: (place, nudge) => {\n            const step = (nudge.x ?? 0) + (nudge.y ?? 0);\n\n            if (step === 0) return;\n\n            return Math.min(Math.max(asColumnIndex(place) + step, 0), getColumns().length - 1);\n        },\n        computeEntryPlace: () => getSourceColumnIndex() ?? 0,\n        computeIsSamePlace: (a, b) => a === b,\n        computeIsPlaceAllowed: () => true,\n        computePlaceLabel: (place) => `column ${asColumnIndex(place) + 1} of ${getColumns().length}`,\n        takeAt: () => undefined,\n        putAt: () => undefined,\n        moveAt: (fromPlace, toPlace) => moveColumn(asColumnIndex(fromPlace), asColumnIndex(toPlace)),\n    };\n\n    CarrierStack.registerZone(zone);\n\n    const getCarriedColumnId = createMemo(() =>\n        CarrierStack.getSourceZone() === zone ? CarrierStack.getCarry()?.key : undefined,\n    );\n\n    const getLandingCol = createMemo(() => {\n        const place = CarrierStack.getTargetPlace();\n\n        if (CarrierStack.getTargetZone() !== zone || place === undefined) return;\n\n        return CarrierUtils.computeMarkerIndex(asColumnIndex(place), getSourceColumnIndex() ?? 0, true);\n    });\n\n    let hasCarriedClick = false;\n\n    const handleHeaderPointerDown = (e: PointerEvent, columnIndex: number) => {\n        const column = getColumns()[columnIndex];\n\n        if (e.button !== 0 || getIsDisabled() || !getIsReorderable(column)) return;\n        if ((e.target as HTMLElement).closest(INTERACTIVE_SELECTOR)) return;\n        if (CarrierStack.getCarry()) return;\n\n        CarrierStack.dragFromPointer(\n            e.currentTarget as HTMLElement,\n            e,\n            () =>\n                CarrierStack.start(\n                    zone,\n                    columnIndex,\n                    { groupId: tableId, key: column.id, label: column.header, value: column.id },\n                    \"drag\",\n                ),\n            () => {\n                hasCarriedClick = true;\n            },\n        );\n    };\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n        const grid = getGrid();\n\n        if (grid.width < 1 || getIsDisabled()) return;\n\n        const from = getRovingCell();\n        const column = getColumns()[from.col];\n\n        if (e.key === \"a\" && (e.ctrlKey || e.metaKey)) {\n            e.preventDefault();\n\n            selectAllRows();\n\n            return;\n        }\n\n        if (e.ctrlKey && (e.key === \"Home\" || e.key === \"End\")) {\n            e.preventDefault();\n\n            focusCell(\n                e.key === \"Home\" ? { row: HEADER_ROW_INDEX, col: 0 } : { row: grid.height - 1, col: grid.width - 1 },\n            );\n\n            return;\n        }\n\n        if (from.row === HEADER_ROW_INDEX) {\n            if (e.key === \"Enter\" || e.key === \" \") {\n                e.preventDefault();\n\n                toggleSort(column);\n\n                return;\n            }\n\n            if (e.ctrlKey && (e.key === \"ArrowLeft\" || e.key === \"ArrowRight\")) {\n                e.preventDefault();\n\n                const step = access(props.resizeStepPx) ?? DEFAULT_RESIZE_STEP_PX;\n\n                resizeColumn(column, getCurrentWidth(column, from.col) + (e.key === \"ArrowLeft\" ? -step : step));\n\n                return;\n            }\n\n            if (e.shiftKey && (e.key === \"ArrowLeft\" || e.key === \"ArrowRight\")) {\n                e.preventDefault();\n\n                if (!getIsReorderable(column)) return;\n\n                const to = from.col + (e.key === \"ArrowLeft\" ? -1 : 1);\n\n                if (to < 0 || to >= grid.width) return;\n\n                moveColumn(from.col, to);\n                focusCell({ row: HEADER_ROW_INDEX, col: to });\n\n                LiveAnnouncer.announce(`${column.header} moved to column ${to + FIRST_ARIA_INDEX} of ${grid.width}.`);\n\n                return;\n            }\n        } else {\n            const rowIndex = from.row - 1;\n\n            if (e.key === \"Enter\") {\n                e.preventDefault();\n\n                void props.onRowActivate?.(getRows()[rowIndex], rowIndex);\n\n                return;\n            }\n\n            if (e.key === \" \") {\n                e.preventDefault();\n\n                selectRow(rowIndex, { isToggling: !e.shiftKey, isExtending: e.shiftKey });\n\n                return;\n            }\n        }\n\n        const next = NavigatorUtils.computeNextCell(e.key, { x: from.col, y: from.row }, grid, {\n            pageRows: access(props.pageRows) ?? DEFAULT_PAGE_ROWS,\n        });\n\n        if (next === undefined) return;\n\n        e.preventDefault();\n\n        const cell = {\n            row: MathUtils.clamp(next.y, HEADER_ROW_INDEX, grid.height - 1),\n            col: MathUtils.clamp(next.x, 0, grid.width - 1),\n        };\n\n        focusCell(cell);\n\n        if (e.shiftKey && cell.row > HEADER_ROW_INDEX) selectRow(cell.row - 1, { isExtending: true });\n    };\n\n    const handleCellClick = (e: MouseEvent, cell: Index2d) => {\n        if (getIsDisabled()) return;\n\n        const interactive = (e.target as HTMLElement).closest(INTERACTIVE_SELECTOR);\n\n        if (interactive && (e.currentTarget as HTMLElement).contains(interactive)) return;\n\n        focusCell(cell);\n\n        if (cell.row === HEADER_ROW_INDEX) {\n            toggleSort(getColumns()[cell.col]);\n\n            return;\n        }\n\n        selectRow(cell.row - 1, { isToggling: e.ctrlKey || e.metaKey, isExtending: e.shiftKey });\n    };\n\n    const getColumnRenderProps = (layoutCol: number): TableColumnRenderProps => {\n        const column = getColumns()[layoutCol];\n        const sort = getSort();\n        const roving = getRovingCell();\n\n        return {\n            columnId: column.id,\n            dataCol: getDataCol(layoutCol),\n            layoutCol,\n            sortDirection: sort?.columnId === column.id ? sort.direction : undefined,\n            isSortable: column.isSortable ?? false,\n            isReorderable: getIsReorderable(column),\n            isResizable: getIsResizable(column),\n            isResizing: getResizingColumnId() === column.id,\n            isCarried: getCarriedColumnId() === column.id,\n            isFocused: roving.row === HEADER_ROW_INDEX && roving.col === layoutCol,\n            isHovered: getHoveredColumn() === layoutCol,\n            isDisabled: getIsDisabled(),\n        };\n    };\n\n    const getCellRenderProps = (layoutCol: number, layoutRow: number): TableCellRenderProps => {\n        const roving = getRovingCell();\n\n        return {\n            columnId: getColumns()[layoutCol].id,\n            dataCol: getDataCol(layoutCol),\n            layoutCol,\n            dataRow: getDataRow(layoutRow),\n            layoutRow,\n            isSelected: getSelection().includes(getRows()[layoutRow]),\n            isFocused: roving.row === layoutRow + 1 && roving.col === layoutCol,\n            isHovered: getHoveredRow() === layoutRow,\n            isDisabled: getIsDisabled(),\n        };\n    };\n\n    const renderResizer = (getColumn: Accessor<TableColumn<T>>, columnIndex: number) => (\n        <div\n            class={styles.tableResizer}\n            aria-hidden={\"true\"}\n            onPointerDown={(e) => handleResizerPointerDown(e, getColumn(), columnIndex)}\n            onPointerMove={(e) => handleResizerPointerMove(e, getColumn())}\n            onPointerUp={(e) => handleResizerPointerUp(e, getColumn())}\n            onPointerCancel={(e) => handleResizerPointerUp(e, getColumn())}\n            onClick={(e) => e.stopPropagation()}\n        >\n            {props.renderResizer?.(() => getColumnRenderProps(columnIndex))}\n        </div>\n    );\n\n    const renderMarker = (columnIndex: number) => (\n        <Show when={getLandingCol() === columnIndex}>\n            <div class={columnIndex < getColumns().length ? styles.tableMarkerBefore : styles.tableMarkerAfter}>\n                {props.renderMarker?.()}\n            </div>\n        </Show>\n    );\n\n    const renderHeaderCell = (getColumn: Accessor<TableColumn<T>>, columnIndex: number) => {\n        const cell = { row: HEADER_ROW_INDEX, col: columnIndex };\n        const getRenderProps = () => getColumnRenderProps(columnIndex);\n\n        return (\n            <div\n                id={getCellId(cell)}\n                class={styles.tableCell}\n                role=\"columnheader\"\n                aria-colindex={columnIndex + FIRST_ARIA_INDEX}\n                aria-sort={getColumn().isSortable === true ? (getRenderProps().sortDirection ?? \"none\") : undefined}\n                aria-disabled={getIsDisabled() || undefined}\n                tabindex={getIsRoving(cell) ? 0 : -1}\n                onPointerDown={(e) => handleHeaderPointerDown(e, columnIndex)}\n                onClick={(e) => {\n                    if (hasCarriedClick) {\n                        hasCarriedClick = false;\n\n                        return;\n                    }\n\n                    handleCellClick(e, cell);\n                }}\n                onPointerEnter={() => setHoveredColumn(columnIndex)}\n                onPointerLeave={() => setHoveredColumn(undefined)}\n            >\n                {getColumn().renderHeader(getRenderProps)}\n\n                <Show when={getRenderProps().isResizable}>{renderResizer(getColumn, columnIndex)}</Show>\n\n                {renderMarker(columnIndex)}\n\n                <Show when={columnIndex === getColumns().length - 1}>{renderMarker(getColumns().length)}</Show>\n            </div>\n        );\n    };\n\n    const renderCell = (\n        getColumn: Accessor<TableColumn<T>>,\n        getRow: Accessor<T>,\n        columnIndex: number,\n        rowIndex: number,\n    ) => {\n        const cell = { row: rowIndex + 1, col: columnIndex };\n\n        return (\n            <div\n                id={getCellId(cell)}\n                class={styles.tableCell}\n                role=\"gridcell\"\n                aria-colindex={columnIndex + FIRST_ARIA_INDEX}\n                aria-disabled={getIsDisabled() || undefined}\n                tabindex={getIsRoving(cell) ? 0 : -1}\n                onClick={(e) => handleCellClick(e, cell)}\n            >\n                {getColumn().renderCell(getRow, () => getCellRenderProps(columnIndex, rowIndex))}\n            </div>\n        );\n    };\n\n    const renderRow = (getRow: Accessor<T>, rowIndex: number, virtualRow?: VirtualizerRow) => (\n        <div\n            class={virtualRow ? [styles.tableRow, styles.tableWindowedRow].join(\" \") : styles.tableRow}\n            role=\"row\"\n            aria-rowindex={rowIndex + 1 + FIRST_ARIA_INDEX}\n            aria-selected={getSelectionMode() === \"none\" ? undefined : getSelection().includes(getRow())}\n            aria-label={props.computeRowAriaLabel?.(getRow(), rowIndex)}\n            style={virtualRow ? { transform: `translateY(${rowWindow.getRowStart(virtualRow)}px)` } : undefined}\n            ref={(element: HTMLElement) => {\n                if (virtualRow) rowWindow.measureRow(element, virtualRow.index);\n            }}\n            onPointerEnter={() => setHoveredRow(rowIndex)}\n            onPointerLeave={() => setHoveredRow(undefined)}\n        >\n            <Index each={getColumns()}>\n                {(getColumn, columnIndex) => renderCell(getColumn, getRow, columnIndex, rowIndex)}\n            </Index>\n        </div>\n    );\n\n    const renderRows = () => <Index each={getRows()}>{(getRow, rowIndex) => renderRow(getRow, rowIndex)}</Index>;\n\n    const renderWindowedRows = () => (\n        <For each={rowWindow.getRows()}>\n            {(virtualRow) => renderRow(() => getRows()[virtualRow.index], virtualRow.index, virtualRow)}\n        </For>\n    );\n\n    return (\n        <div\n            class={styles.tableRoot}\n            role=\"grid\"\n            aria-label={access(props.ariaLabel)}\n            aria-rowcount={getGrid().height}\n            aria-colcount={getGrid().width}\n            aria-multiselectable={getSelectionMode() === \"multiple\" || undefined}\n            aria-disabled={getIsDisabled() || undefined}\n            style={assignInlineVars({\n                [styles.tableTemplateVar]: getTemplate(),\n                [styles.tableResizerWidthVar]: `${access(props.resizerWidthPx) ?? DEFAULT_RESIZER_WIDTH_PX}px`,\n            })}\n            onKeyDown={handleKeyDown}\n        >\n            <div ref={setHeaderRef} class={styles.tableHeader} role=\"rowgroup\">\n                <div class={styles.tableRow} role=\"row\" aria-rowindex={FIRST_ARIA_INDEX}>\n                    <Index each={getColumns()}>{renderHeaderCell}</Index>\n                </div>\n            </div>\n\n            <div\n                ref={setBodyRef}\n                class={styles.tableBody}\n                role=\"rowgroup\"\n                style={{ height: getIsVirtualized() ? `${rowWindow.getTotalSize()}px` : undefined }}\n            >\n                <Show when={getIsVirtualized()} fallback={renderRows()}>\n                    {renderWindowedRows()}\n                </Show>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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"}