@atscript/vue-table 0.1.140 → 0.1.142

package/dist/{as-window-table-KyS6YUpa.mjs → as-window-table-C312T_bc.mjs}

@@ -1,11 +1,11 @@
-import { a as useTableContext, i as useRegisterMainActionListener, m as onSelectControlKeydown } from "./use-table-state-BzjbnpBA.mjs";
+import { _ as toSelectAllState, a as useTableContext, i as useRegisterMainActionListener } from "./use-table-state-Cq-3tbVr.mjs";
 import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
 import { t as useSelectModeReset } from "./use-table-selection-ULbKT2xW.mjs";
 import { t as useHasEmitListener } from "./use-has-emit-listener-DrBbsLHQ.mjs";
-import { n as useRowActionsColumn, t as useTableColumnHandlers } from "./use-table-column-handlers-p_xK-l0e.mjs";
-import { a as useCellComponents, i as useRafBatch, n as as_table_header_default, o as useCellResolver, r as as_table_colgroup_default, t as as_table_status_default } from "./as-table-status-2rA91OFT.mjs";
+import { n as useRowActionsColumn, t as useTableColumnHandlers } from "./use-table-column-handlers-0myVzrZR.mjs";
+import { a as useRafBatch, i as as_table_colgroup_default, n as as_table_status_default, o as useCellComponents, r as as_table_header_default, s as useCellResolver, t as as_select_cell_default } from "./as-select-cell-KD_ns8DS.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, unref, useSlots, watch, withCtx, withModifiers } from "vue";
-import { DEFAULT_ROW_HEIGHT_PX, clampTopIndex, filledFilterCount } from "@atscript/ui-table";
+import { DEFAULT_ROW_HEIGHT_PX, clampTopIndex, filledFilterCount, rowsToPks } from "@atscript/ui-table";
 import { useElementSize, useResizeObserver } from "@vueuse/core";
 //#region src/components/internal/as-window-skeleton-row.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1$3 = {
@@ -182,24 +182,6 @@ const _hoisted_4 = [
 	"onDblclick"
 ];
 const _hoisted_5 = {
-	key: 0,
-	class: "as-td-select",
-	role: "gridcell"
-};
-const _hoisted_6 = [
-	"tabindex",
-	"aria-label",
-	"title",
-	"aria-checked",
-	"aria-disabled",
-	"onKeydown"
-];
-const _hoisted_7 = {
-	key: 0,
-	class: "as-table-checkbox-tick",
-	"aria-hidden": "true"
-};
-const _hoisted_8 = {
 	key: 0,
 	role: "gridcell"
 };
@@ -245,6 +227,11 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 			required: false,
 			default: "none"
 		},
+		selectOn: {
+			type: String,
+			required: false,
+			default: "row"
+		},
 		enterAction: {
 			type: String,
 			required: false
@@ -282,9 +269,35 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 		} : c));
 		const hasValue = computed(() => props.select !== "none");
 		const hasActiveFilters = computed(() => filledFilterCount(state.filters.value) > 0);
+		/**
+		* Every row of the dataset, in order — or `null` while any is not loaded.
+		* The header checkbox exists only when this is known: acting on whatever
+		* blocks happen to be cached would pick rows the user never saw, so a
+		* partially loaded dataset gets no select-all control at all.
+		*/
+		const allLoadedRows = computed(() => {
+			if (props.select !== "multi") return null;
+			const total = state.totalCount.value;
+			const cache = state.windowCache.value;
+			if (total <= 0 || cache.size < total) return null;
+			const rows = [];
+			for (let i = 0; i < total; i++) {
+				const row = cache.get(i);
+				if (row === void 0) return null;
+				rows.push(row);
+			}
+			return rows;
+		});
+		const eligibleLoadedPks = computed(() => {
+			const rows = allLoadedRows.value;
+			return rows ? new Set(rowsToPks(state.selectableRows(rows), state.rowValueFn)) : null;
+		});
 		const selectAllState = computed(() => {
-			if (props.select !== "multi") return void 0;
-			return state.selectedRows.value.length === 0 ? "none" : "some";
+			const eligible = eligibleLoadedPks.value;
+			if (!eligible) return void 0;
+			let selected = 0;
+			for (const pk of state.selectedRows.value) if (eligible.has(pk)) selected++;
+			return toSelectAllState(selected, eligible.size);
 		});
 		const cellSlotFlags = computed(() => {
 			const out = {};
@@ -294,11 +307,6 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 		const rowStyle = computed(() => ({ height: `${props.rowHeight}px` }));
 		/** Shared "selectable" verdict — frozen, so a hookless pool allocates nothing. */
 		const SELECTABLE = Object.freeze({ ok: true });
-		/** Accessible name for a row's selection control, carrying the disabled reason. */
-		function selectLabel(verdict) {
-			if (verdict.ok) return "Select row";
-			return verdict.reason ? `Select row, ${verdict.reason}` : "Select row, not selectable";
-		}
 		const visibleSlots = computed(() => {
 			const viewport = state.viewportRowCount.value;
 			if (viewport <= 0) return [];
@@ -332,6 +340,7 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 				}
 				out.push({
 					s,
+					abs,
 					row,
 					pk,
 					errored: row === void 0 && state.errorAt(abs) !== null,
@@ -375,9 +384,6 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 				mode: props.select
 			});
 		}
-		function onSelectCellKeydown(event, absIdx) {
-			onSelectControlKeydown(event, absIdx, props.select, state);
-		}
 		watch([() => state.activeIndex.value, () => state.viewportRowCount.value], ([idx, viewport]) => {
 			if (idx < 0) return;
 			if (viewport <= 0) return;
@@ -407,7 +413,7 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 		function onRowClick(row, event, absIdx) {
 			emit("row-click", row, event);
 			state.setActive(absIdx);
-			if (props.select === "none") return;
+			if (props.select === "none" || props.selectOn === "control") return;
 			state.toggleActiveSelection(props.select);
 		}
 		function onRowDblClick(row, event, absIdx) {
@@ -415,13 +421,9 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 			state.setActive(absIdx);
 			state.requestMainAction(event);
 		}
-		function onSelectAllToggle(headerState) {
-			if (headerState !== "none") {
-				state.selectedRows.value = [];
-				return;
-			}
-			const entries = [...state.windowCache.value.entries()].toSorted((a, b) => a[0] - b[0]);
-			state.selectAll(entries.map((e) => e[1]), (i) => entries[i][0]);
+		function onToggleAll() {
+			const rows = allLoadedRows.value;
+			if (rows) state.toggleAll(rows);
 		}
 		const { onSort, onHide, onFilter, onFiltersOff, onResetWidth, onReorder, onClearFilters } = useTableColumnHandlers(state);
 		const wrapperRef = ref(null);
@@ -496,6 +498,7 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 						"column-min-width": __props.columnMinWidth,
 						"has-select-column": hasValue.value,
 						"select-all-state": selectAllState.value,
+						"selected-count": unref(state).selectedCount.value,
 						"with-filler": true,
 						"enable-auto-fit": true,
 						"aria-rowindex": 1,
@@ -506,8 +509,11 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 						onResetWidth: unref(onResetWidth),
 						onReorder: unref(onReorder),
 						onResize: unref(state).setColumnWidth,
-						onSelectAllToggle
-					}, createSlots({ _: 2 }, [renderList(columns.value, (col) => {
+						onToggleAll
+					}, createSlots({
+						"header-__select": withCtx((scope) => [renderSlot(_ctx.$slots, "header-__select", normalizeProps(guardReactiveProps(scope)))]),
+						_: 2
+					}, [renderList(columns.value, (col) => {
 						return {
 							name: `header-${col.path}`,
 							fn: withCtx((scope) => [renderSlot(_ctx.$slots, `header-${col.path}`, normalizeProps(guardReactiveProps(scope)))])
@@ -523,6 +529,7 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 						"column-min-width",
 						"has-select-column",
 						"select-all-state",
+						"selected-count",
 						"onSort",
 						"onHide",
 						"onFilter",
@@ -547,35 +554,42 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 							key: 0,
 							ref_for: true
 						}, slot.attrs, {
-							id: unref(state).rowId(unref(state).topIndex.value + slot.s),
+							id: unref(state).rowId(slot.abs),
 							class: [
 								"as-window-data-row",
-								{ "as-table-row-active": unref(state).activeIndex.value === unref(state).topIndex.value + slot.s },
+								{ "as-table-row-active": unref(state).activeIndex.value === slot.abs },
 								slot.cls
 							],
 							"data-selectable": slot.selectable.ok ? void 0 : "false",
 							role: "row",
-							"aria-rowindex": unref(state).topIndex.value + slot.s + 2,
+							"aria-rowindex": slot.abs + 2,
 							"aria-selected": slot.ariaSelected,
 							style: rowStyle.value,
-							onClick: ($event) => onRowClick(slot.row, $event, unref(state).topIndex.value + slot.s),
-							onDblclick: ($event) => onRowDblClick(slot.row, $event, unref(state).topIndex.value + slot.s)
+							onClick: ($event) => onRowClick(slot.row, $event, slot.abs),
+							onDblclick: ($event) => onRowDblClick(slot.row, $event, slot.abs)
 						}), [
-							hasValue.value ? (openBlock(), createElementBlock("td", _hoisted_5, [createElementVNode("span", {
-								class: normalizeClass(["as-table-checkbox", {
-									"as-table-checkbox-checked": slot.selected,
-									"as-table-checkbox-disabled": !slot.selectable.ok
-								}]),
-								role: "checkbox",
-								tabindex: slot.selectable.ok ? 0 : void 0,
-								"aria-label": selectLabel(slot.selectable),
-								title: slot.selectable.reason,
-								"aria-checked": slot.selected ? "true" : "false",
-								"aria-disabled": slot.selectable.ok ? void 0 : "true",
-								onKeydown: ($event) => onSelectCellKeydown($event, unref(state).topIndex.value + slot.s)
-							}, [slot.selected ? (openBlock(), createElementBlock("span", _hoisted_7)) : createCommentVNode("v-if", true)], 42, _hoisted_6)])) : createCommentVNode("v-if", true),
+							hasValue.value ? (openBlock(), createBlock(as_select_cell_default, {
+								key: 0,
+								row: slot.row,
+								index: slot.abs,
+								selected: slot.selected,
+								verdict: slot.selectable,
+								select: __props.select,
+								"select-on": __props.selectOn
+							}, createSlots({ _: 2 }, [unref(slots)["cell-__select"] ? {
+								name: "default",
+								fn: withCtx((scope) => [renderSlot(_ctx.$slots, "cell-__select", mergeProps({ ref_for: true }, scope))]),
+								key: "0"
+							} : void 0]), 1032, [
+								"row",
+								"index",
+								"selected",
+								"verdict",
+								"select",
+								"select-on"
+							])) : createCommentVNode("v-if", true),
 							unref(hasAnyCellBindings) ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(columns.value, (col) => {
-								return openBlock(), createElementBlock(Fragment, { key: col.path }, [(openBlock(true), createElementBlock(Fragment, null, renderList([unref(cellResolver)(col, slot.row, unref(state).topIndex.value + slot.s)], (bindings) => {
+								return openBlock(), createElementBlock(Fragment, { key: col.path }, [(openBlock(true), createElementBlock(Fragment, null, renderList([unref(cellResolver)(col, slot.row, slot.abs)], (bindings) => {
 									return openBlock(), createElementBlock(Fragment, { key: 0 }, [cellSlotFlags.value[col.path] ? (openBlock(), createElementBlock("td", mergeProps({
 										key: 0,
 										role: "gridcell"
@@ -591,7 +605,7 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 									}, { ref_for: true }, bindings), null, 16, ["row", "column"]))], 64);
 								}), 128))], 64);
 							}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(columns.value, (col) => {
-								return openBlock(), createElementBlock(Fragment, { key: col.path }, [cellSlotFlags.value[col.path] ? (openBlock(), createElementBlock("td", _hoisted_8, [renderSlot(_ctx.$slots, `cell-${col.path}`, {
+								return openBlock(), createElementBlock(Fragment, { key: col.path }, [cellSlotFlags.value[col.path] ? (openBlock(), createElementBlock("td", _hoisted_5, [renderSlot(_ctx.$slots, `cell-${col.path}`, {
 									row: slot.row,
 									value: unref(getCellValue)(slot.row, col.path),
 									column: col
@@ -683,6 +697,11 @@ var as_window_table_default = /* @__PURE__ */ defineComponent({
 			required: false,
 			default: "none"
 		},
+		selectOn: {
+			type: String,
+			required: false,
+			default: "row"
+		},
 		rows: {
 			type: Number,
 			required: false
@@ -802,6 +821,7 @@ var as_window_table_default = /* @__PURE__ */ defineComponent({
 				resizable: __props.resizable,
 				"column-min-width": __props.columnMinWidth,
 				select: __props.select,
+				"select-on": __props.selectOn,
 				headless: __props.headless,
 				"enter-action": __props.enterAction,
 				"row-class": __props.rowClass,
@@ -823,6 +843,7 @@ var as_window_table_default = /* @__PURE__ */ defineComponent({
 				"resizable",
 				"column-min-width",
 				"select",
+				"select-on",
 				"headless",
 				"enter-action",
 				"row-class",

package/dist/{as-window-table-C9YtzepV.cjs → as-window-table-hOYLNhX3.cjs}

@@ -1,9 +1,9 @@
-const require_use_table_state = require("./use-table-state-pF_9gnTG.cjs");
+const require_use_table_state = require("./use-table-state-BiklfjP0.cjs");
 const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
 const require_use_table_selection = require("./use-table-selection-DtCV3rhu.cjs");
 const require_use_has_emit_listener = require("./use-has-emit-listener-BaGFZDyM.cjs");
-const require_use_table_column_handlers = require("./use-table-column-handlers-rqFo9HLz.cjs");
-const require_as_table_status = require("./as-table-status-UWTPJJUL.cjs");
+const require_use_table_column_handlers = require("./use-table-column-handlers-BHMCo_HR.cjs");
+const require_as_select_cell = require("./as-select-cell-XnzNuW2v.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let _vueuse_core = require("@vueuse/core");
@@ -113,7 +113,7 @@ var as_window_scrollbar_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		function clamp(n) {
 			return (0, _atscript_ui_table.clampTopIndex)(n, props.totalCount, props.viewportRowCount);
 		}
-		const topIndexBatch = require_as_table_status.useRafBatch((next) => {
+		const topIndexBatch = require_as_select_cell.useRafBatch((next) => {
 			if (next !== props.topIndex) emit("top-index-change", next);
 		});
 		function onThumbPointerDown(event) {
@@ -182,24 +182,6 @@ const _hoisted_4 = [
 	"onDblclick"
 ];
 const _hoisted_5 = {
-	key: 0,
-	class: "as-td-select",
-	role: "gridcell"
-};
-const _hoisted_6 = [
-	"tabindex",
-	"aria-label",
-	"title",
-	"aria-checked",
-	"aria-disabled",
-	"onKeydown"
-];
-const _hoisted_7 = {
-	key: 0,
-	class: "as-table-checkbox-tick",
-	"aria-hidden": "true"
-};
-const _hoisted_8 = {
 	key: 0,
 	role: "gridcell"
 };
@@ -245,6 +227,11 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			required: false,
 			default: "none"
 		},
+		selectOn: {
+			type: String,
+			required: false,
+			default: "row"
+		},
 		enterAction: {
 			type: String,
 			required: false
@@ -273,18 +260,44 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const emit = __emit;
 		const slots = (0, vue.useSlots)();
 		const { state } = require_use_table_state.useTableContext();
-		const { resolve: cellResolver, hasAnyCellBindings } = require_as_table_status.useCellResolver(() => state.tableDef.value);
+		const { resolve: cellResolver, hasAnyCellBindings } = require_as_select_cell.useCellResolver(() => state.tableDef.value);
 		const columns = (0, vue.computed)(() => props.columns ?? state.columns.value);
-		const cellComponents = require_as_table_status.useCellComponents(() => columns.value);
+		const cellComponents = require_as_select_cell.useCellComponents(() => columns.value);
 		const headerColumns = (0, vue.computed)(() => state.localSortAvailable.value ? columns.value : columns.value.map((c) => c.local && c.sortable ? {
 			...c,
 			sortable: false
 		} : c));
 		const hasValue = (0, vue.computed)(() => props.select !== "none");
 		const hasActiveFilters = (0, vue.computed)(() => (0, _atscript_ui_table.filledFilterCount)(state.filters.value) > 0);
+		/**
+		* Every row of the dataset, in order — or `null` while any is not loaded.
+		* The header checkbox exists only when this is known: acting on whatever
+		* blocks happen to be cached would pick rows the user never saw, so a
+		* partially loaded dataset gets no select-all control at all.
+		*/
+		const allLoadedRows = (0, vue.computed)(() => {
+			if (props.select !== "multi") return null;
+			const total = state.totalCount.value;
+			const cache = state.windowCache.value;
+			if (total <= 0 || cache.size < total) return null;
+			const rows = [];
+			for (let i = 0; i < total; i++) {
+				const row = cache.get(i);
+				if (row === void 0) return null;
+				rows.push(row);
+			}
+			return rows;
+		});
+		const eligibleLoadedPks = (0, vue.computed)(() => {
+			const rows = allLoadedRows.value;
+			return rows ? new Set((0, _atscript_ui_table.rowsToPks)(state.selectableRows(rows), state.rowValueFn)) : null;
+		});
 		const selectAllState = (0, vue.computed)(() => {
-			if (props.select !== "multi") return void 0;
-			return state.selectedRows.value.length === 0 ? "none" : "some";
+			const eligible = eligibleLoadedPks.value;
+			if (!eligible) return void 0;
+			let selected = 0;
+			for (const pk of state.selectedRows.value) if (eligible.has(pk)) selected++;
+			return require_use_table_state.toSelectAllState(selected, eligible.size);
 		});
 		const cellSlotFlags = (0, vue.computed)(() => {
 			const out = {};
@@ -294,11 +307,6 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const rowStyle = (0, vue.computed)(() => ({ height: `${props.rowHeight}px` }));
 		/** Shared "selectable" verdict — frozen, so a hookless pool allocates nothing. */
 		const SELECTABLE = Object.freeze({ ok: true });
-		/** Accessible name for a row's selection control, carrying the disabled reason. */
-		function selectLabel(verdict) {
-			if (verdict.ok) return "Select row";
-			return verdict.reason ? `Select row, ${verdict.reason}` : "Select row, not selectable";
-		}
 		const visibleSlots = (0, vue.computed)(() => {
 			const viewport = state.viewportRowCount.value;
 			if (viewport <= 0) return [];
@@ -332,6 +340,7 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				}
 				out.push({
 					s,
+					abs,
 					row,
 					pk,
 					errored: row === void 0 && state.errorAt(abs) !== null,
@@ -348,7 +357,7 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return (0, _atscript_ui_table.clampTopIndex)(n, state.totalCount.value, state.viewportRowCount.value);
 		}
 		let pendingTopIndex = null;
-		const topIndexBatch = require_as_table_status.useRafBatch((next) => {
+		const topIndexBatch = require_as_select_cell.useRafBatch((next) => {
 			pendingTopIndex = null;
 			if (next !== state.topIndex.value) state.topIndex.value = next;
 		});
@@ -375,9 +384,6 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				mode: props.select
 			});
 		}
-		function onSelectCellKeydown(event, absIdx) {
-			require_use_table_state.onSelectControlKeydown(event, absIdx, props.select, state);
-		}
 		(0, vue.watch)([() => state.activeIndex.value, () => state.viewportRowCount.value], ([idx, viewport]) => {
 			if (idx < 0) return;
 			if (viewport <= 0) return;
@@ -407,7 +413,7 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		function onRowClick(row, event, absIdx) {
 			emit("row-click", row, event);
 			state.setActive(absIdx);
-			if (props.select === "none") return;
+			if (props.select === "none" || props.selectOn === "control") return;
 			state.toggleActiveSelection(props.select);
 		}
 		function onRowDblClick(row, event, absIdx) {
@@ -415,13 +421,9 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			state.setActive(absIdx);
 			state.requestMainAction(event);
 		}
-		function onSelectAllToggle(headerState) {
-			if (headerState !== "none") {
-				state.selectedRows.value = [];
-				return;
-			}
-			const entries = [...state.windowCache.value.entries()].toSorted((a, b) => a[0] - b[0]);
-			state.selectAll(entries.map((e) => e[1]), (i) => entries[i][0]);
+		function onToggleAll() {
+			const rows = allLoadedRows.value;
+			if (rows) state.toggleAll(rows);
 		}
 		const { onSort, onHide, onFilter, onFiltersOff, onResetWidth, onReorder, onClearFilters } = require_use_table_column_handlers.useTableColumnHandlers(state);
 		const wrapperRef = (0, vue.ref)(null);
@@ -474,7 +476,7 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"aria-rowcount": (0, vue.unref)(state).totalCount.value + 1,
 					"aria-multiselectable": __props.select === "multi" ? "true" : void 0
 				}, [
-					(0, vue.createVNode)(require_as_table_status.as_table_colgroup_default, {
+					(0, vue.createVNode)(require_as_select_cell.as_table_colgroup_default, {
 						columns: columns.value,
 						"column-widths": (0, vue.unref)(state).columnWidths.value,
 						"has-select": hasValue.value,
@@ -484,7 +486,7 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"column-widths",
 						"has-select"
 					]),
-					!__props.headless ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_as_table_status.as_table_header_default, {
+					!__props.headless ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_as_select_cell.as_table_header_default, {
 						key: 0,
 						columns: headerColumns.value,
 						sorters: (0, vue.unref)(state).sorters.value,
@@ -496,6 +498,7 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"column-min-width": __props.columnMinWidth,
 						"has-select-column": hasValue.value,
 						"select-all-state": selectAllState.value,
+						"selected-count": (0, vue.unref)(state).selectedCount.value,
 						"with-filler": true,
 						"enable-auto-fit": true,
 						"aria-rowindex": 1,
@@ -506,8 +509,11 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						onResetWidth: (0, vue.unref)(onResetWidth),
 						onReorder: (0, vue.unref)(onReorder),
 						onResize: (0, vue.unref)(state).setColumnWidth,
-						onSelectAllToggle
-					}, (0, vue.createSlots)({ _: 2 }, [(0, vue.renderList)(columns.value, (col) => {
+						onToggleAll
+					}, (0, vue.createSlots)({
+						"header-__select": (0, vue.withCtx)((scope) => [(0, vue.renderSlot)(_ctx.$slots, "header-__select", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(scope)))]),
+						_: 2
+					}, [(0, vue.renderList)(columns.value, (col) => {
 						return {
 							name: `header-${col.path}`,
 							fn: (0, vue.withCtx)((scope) => [(0, vue.renderSlot)(_ctx.$slots, `header-${col.path}`, (0, vue.normalizeProps)((0, vue.guardReactiveProps)(scope)))])
@@ -523,6 +529,7 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"column-min-width",
 						"has-select-column",
 						"select-all-state",
+						"selected-count",
 						"onSort",
 						"onHide",
 						"onFilter",
@@ -547,35 +554,42 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							key: 0,
 							ref_for: true
 						}, slot.attrs, {
-							id: (0, vue.unref)(state).rowId((0, vue.unref)(state).topIndex.value + slot.s),
+							id: (0, vue.unref)(state).rowId(slot.abs),
 							class: [
 								"as-window-data-row",
-								{ "as-table-row-active": (0, vue.unref)(state).activeIndex.value === (0, vue.unref)(state).topIndex.value + slot.s },
+								{ "as-table-row-active": (0, vue.unref)(state).activeIndex.value === slot.abs },
 								slot.cls
 							],
 							"data-selectable": slot.selectable.ok ? void 0 : "false",
 							role: "row",
-							"aria-rowindex": (0, vue.unref)(state).topIndex.value + slot.s + 2,
+							"aria-rowindex": slot.abs + 2,
 							"aria-selected": slot.ariaSelected,
 							style: rowStyle.value,
-							onClick: ($event) => onRowClick(slot.row, $event, (0, vue.unref)(state).topIndex.value + slot.s),
-							onDblclick: ($event) => onRowDblClick(slot.row, $event, (0, vue.unref)(state).topIndex.value + slot.s)
+							onClick: ($event) => onRowClick(slot.row, $event, slot.abs),
+							onDblclick: ($event) => onRowDblClick(slot.row, $event, slot.abs)
 						}), [
-							hasValue.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_5, [(0, vue.createElementVNode)("span", {
-								class: (0, vue.normalizeClass)(["as-table-checkbox", {
-									"as-table-checkbox-checked": slot.selected,
-									"as-table-checkbox-disabled": !slot.selectable.ok
-								}]),
-								role: "checkbox",
-								tabindex: slot.selectable.ok ? 0 : void 0,
-								"aria-label": selectLabel(slot.selectable),
-								title: slot.selectable.reason,
-								"aria-checked": slot.selected ? "true" : "false",
-								"aria-disabled": slot.selectable.ok ? void 0 : "true",
-								onKeydown: ($event) => onSelectCellKeydown($event, (0, vue.unref)(state).topIndex.value + slot.s)
-							}, [slot.selected ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_7)) : (0, vue.createCommentVNode)("v-if", true)], 42, _hoisted_6)])) : (0, vue.createCommentVNode)("v-if", true),
+							hasValue.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_as_select_cell.as_select_cell_default, {
+								key: 0,
+								row: slot.row,
+								index: slot.abs,
+								selected: slot.selected,
+								verdict: slot.selectable,
+								select: __props.select,
+								"select-on": __props.selectOn
+							}, (0, vue.createSlots)({ _: 2 }, [(0, vue.unref)(slots)["cell-__select"] ? {
+								name: "default",
+								fn: (0, vue.withCtx)((scope) => [(0, vue.renderSlot)(_ctx.$slots, "cell-__select", (0, vue.mergeProps)({ ref_for: true }, scope))]),
+								key: "0"
+							} : void 0]), 1032, [
+								"row",
+								"index",
+								"selected",
+								"verdict",
+								"select",
+								"select-on"
+							])) : (0, vue.createCommentVNode)("v-if", true),
 							(0, vue.unref)(hasAnyCellBindings) ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, (0, vue.renderList)(columns.value, (col) => {
-								return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: col.path }, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)([(0, vue.unref)(cellResolver)(col, slot.row, (0, vue.unref)(state).topIndex.value + slot.s)], (bindings) => {
+								return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: col.path }, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)([(0, vue.unref)(cellResolver)(col, slot.row, slot.abs)], (bindings) => {
 									return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [cellSlotFlags.value[col.path] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", (0, vue.mergeProps)({
 										key: 0,
 										role: "gridcell"
@@ -591,7 +605,7 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									}, { ref_for: true }, bindings), null, 16, ["row", "column"]))], 64);
 								}), 128))], 64);
 							}), 128)) : ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, (0, vue.renderList)(columns.value, (col) => {
-								return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: col.path }, [cellSlotFlags.value[col.path] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_8, [(0, vue.renderSlot)(_ctx.$slots, `cell-${col.path}`, {
+								return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: col.path }, [cellSlotFlags.value[col.path] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_5, [(0, vue.renderSlot)(_ctx.$slots, `cell-${col.path}`, {
 									row: slot.row,
 									value: (0, vue.unref)(require_get_cell_value.getCellValue)(slot.row, col.path),
 									column: col
@@ -621,7 +635,7 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					}), 128))], 40, _hoisted_3)
 				], 8, _hoisted_2),
 				(0, vue.createCommentVNode)(" Error / empty placeholders render INSIDE the wrapper so they cover\n           the empty pool body when there's nothing to show; suppressed during\n           a `querying` refresh because the full-table overlay covers that case. "),
-				(0, vue.createVNode)(require_as_table_status.as_table_status_default, {
+				(0, vue.createVNode)(require_as_select_cell.as_table_status_default, {
 					"query-error": (0, vue.unref)(state).queryError.value,
 					"is-empty": (0, vue.unref)(state).totalCount.value === 0,
 					querying: (0, vue.unref)(state).querying.value,
@@ -683,6 +697,11 @@ var as_window_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			required: false,
 			default: "none"
 		},
+		selectOn: {
+			type: String,
+			required: false,
+			default: "row"
+		},
 		rows: {
 			type: Number,
 			required: false
@@ -802,6 +821,7 @@ var as_window_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				resizable: __props.resizable,
 				"column-min-width": __props.columnMinWidth,
 				select: __props.select,
+				"select-on": __props.selectOn,
 				headless: __props.headless,
 				"enter-action": __props.enterAction,
 				"row-class": __props.rowClass,
@@ -823,6 +843,7 @@ var as_window_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"resizable",
 				"column-min-width",
 				"select",
+				"select-on",
 				"headless",
 				"enter-action",
 				"row-class",

package/dist/as-window-table.cjs

@@ -1,2 +1,2 @@
-const require_as_window_table = require("./as-window-table-C9YtzepV.cjs");
+const require_as_window_table = require("./as-window-table-hOYLNhX3.cjs");
 module.exports = require_as_window_table.as_window_table_default;

package/dist/as-window-table.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-window-table.vue-CRWdhOgC.cjs";
+import { t as _default } from "./as-window-table.vue-D6UDA6td.cjs";
 export = _default;

package/dist/as-window-table.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-window-table.vue-COVl3die.mjs";
+import { t as _default } from "./as-window-table.vue-Deg1mj3t.mjs";
 export { _default as default };

package/dist/as-window-table.mjs

@@ -1,2 +1,2 @@
-import { t as as_window_table_default } from "./as-window-table-KyS6YUpa.mjs";
+import { t as as_window_table_default } from "./as-window-table-C312T_bc.mjs";
 export { as_window_table_default as default };