@atscript/vue-table 0.1.140 → 0.1.142

package/dist/{as-table-actions-B2Hy3h7v.mjs → as-table-actions-BpEFcsgh.mjs}

@@ -1,5 +1,5 @@
-import { E as triggerAction, S as intentClass, _ as applyRowsGate, a as useTableContext, b as createNavigateGestures, g as applyRowGate, h as rowActionHref, v as ariaLabelFor, y as collectIdentifiers } from "./use-table-state-BzjbnpBA.mjs";
-import { t as as_action_menu_content_default } from "./as-action-menu-content-KNJr1EkO.mjs";
+import { C as createNavigateGestures, S as collectIdentifiers, T as intentClass, a as useTableContext, b as applyRowsGate, k as triggerAction, v as rowActionHref, x as ariaLabelFor, y as applyRowGate } from "./use-table-state-Cq-3tbVr.mjs";
+import { t as as_action_menu_content_default } from "./as-action-menu-content-miQYVP7x.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, watch, withCtx } from "vue";
 import { DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger } from "reka-ui";
 //#region src/components/as-table-actions.vue?vue&type=script&setup=true&lang.ts

package/dist/{as-table-actions-B-jY3s6f.cjs → as-table-actions-UQmFtRdJ.cjs}

@@ -1,5 +1,5 @@
-const require_use_table_state = require("./use-table-state-pF_9gnTG.cjs");
-const require_as_action_menu_content = require("./as-action-menu-content-B5RFt7Hc.cjs");
+const require_use_table_state = require("./use-table-state-BiklfjP0.cjs");
+const require_as_action_menu_content = require("./as-action-menu-content-BaNFBYn3.cjs");
 let vue = require("vue");
 let reka_ui = require("reka-ui");
 //#region src/components/as-table-actions.vue?vue&type=script&setup=true&lang.ts

package/dist/as-table-actions.cjs

@@ -1,2 +1,2 @@
-const require_as_table_actions = require("./as-table-actions-B-jY3s6f.cjs");
+const require_as_table_actions = require("./as-table-actions-UQmFtRdJ.cjs");
 module.exports = require_as_table_actions.as_table_actions_default;

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-actions.vue-BgTJuXEH.cjs";
+import { t as _default } from "./as-table-actions.vue-DcuzNZoC.cjs";
 export = _default;

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-actions.vue-BnLH2NqO.mjs";
+import { t as _default } from "./as-table-actions.vue-BG3JVaBQ.mjs";
 export { _default as default };

package/dist/as-table-actions.mjs

@@ -1,2 +1,2 @@
-import { t as as_table_actions_default } from "./as-table-actions-B2Hy3h7v.mjs";
+import { t as as_table_actions_default } from "./as-table-actions-BpEFcsgh.mjs";
 export { as_table_actions_default as default };

package/dist/{as-table-actions.vue-BgTJuXEH.d.cts → as-table-actions.vue-BG3JVaBQ.d.mts}

@@ -1,4 +1,4 @@
-import { w as TVueTableActionInfo } from "./types-BCixOa8x.cjs";
+import { D as TVueTableActionInfo } from "./types-BU7J-a1r.mjs";
 import * as vue from "vue";
 
 //#region src/components/as-table-actions.vue.d.ts

package/dist/{as-table-actions.vue-BnLH2NqO.d.mts → as-table-actions.vue-DcuzNZoC.d.cts}

@@ -1,4 +1,4 @@
-import { w as TVueTableActionInfo } from "./types-D7qVxU_y.mjs";
+import { D as TVueTableActionInfo } from "./types-D4dK49sA.cjs";
 import * as vue from "vue";
 
 //#region src/components/as-table-actions.vue.d.ts

package/dist/{as-table-ouPxssqv.cjs → as-table-ay1yel3u.cjs}

@@ -1,8 +1,8 @@
-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_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_base = require("./as-table-base-ceywcVRq.cjs");
+const require_use_table_column_handlers = require("./use-table-column-handlers-BHMCo_HR.cjs");
+const require_as_table_base = require("./as-table-base-umzg4PBR.cjs");
 let vue = require("vue");
 //#region src/components/as-table.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = { class: "as-table-outer-wrap" };
@@ -61,6 +61,11 @@ var as_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			required: false,
 			default: "none"
 		},
+		selectOn: {
+			type: String,
+			required: false,
+			default: "row"
+		},
 		rowDelete: {
 			type: [Boolean, Object],
 			required: false,
@@ -113,12 +118,6 @@ var as_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		});
 		require_use_table_state.useRegisterMainActionListener(state, (req) => emit("main-action", req.row, req.absIndex, req.event), require_use_has_emit_listener.useHasEmitListener("onMainAction"));
 		const { onSort, onHide, onFilter, onFiltersOff, onResetWidth, onReorder, onClearFilters } = require_use_table_column_handlers.useTableColumnHandlers(state);
-		function handleSelectAll() {
-			state.selectAll(effectiveRows.value);
-		}
-		function handleDeselectAll() {
-			state.selectedRows.value = [];
-		}
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, [(0, vue.createVNode)(require_as_table_base.as_table_base_default, {
 				"render-mode": "standalone",
@@ -127,6 +126,7 @@ var as_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				sorters: (0, vue.unref)(state).sorters.value,
 				"selected-rows": (0, vue.unref)(state).selectedRows.value,
 				select: props.select,
+				"select-on": props.selectOn,
 				"row-value-fn": (0, vue.unref)(state).rowValueFn,
 				querying: (0, vue.unref)(state).querying.value,
 				"query-error": (0, vue.unref)(state).queryError.value,
@@ -149,8 +149,6 @@ var as_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				onHide: (0, vue.unref)(onHide),
 				onFilter: (0, vue.unref)(onFilter),
 				onFiltersOff: (0, vue.unref)(onFiltersOff),
-				onSelectAll: handleSelectAll,
-				onDeselectAll: handleDeselectAll,
 				onReorder: (0, vue.unref)(onReorder),
 				onResize: (0, vue.unref)(state).setColumnWidth,
 				onResetWidth: (0, vue.unref)(onResetWidth),
@@ -167,6 +165,7 @@ var as_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"sorters",
 				"selected-rows",
 				"select",
+				"select-on",
 				"row-value-fn",
 				"querying",
 				"query-error",

package/dist/{as-table-base-DErJfFYz.mjs → as-table-base-89DkDZ-1.mjs}

@@ -1,6 +1,6 @@
-import { m as onSelectControlKeydown, o as useTableContextOptional } from "./use-table-state-BzjbnpBA.mjs";
+import { _ as toSelectAllState, o as useTableContextOptional } from "./use-table-state-Cq-3tbVr.mjs";
 import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
-import { a as useCellComponents, 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 { 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, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, unref, useSlots, watch, withCtx } from "vue";
 import { DEFAULT_ROW_HEIGHT_PX, filledFilterCount } from "@atscript/ui-table";
 import { useParentElement, useResizeObserver } from "@vueuse/core";
@@ -166,27 +166,9 @@ const _hoisted_6 = [
 ];
 const _hoisted_7 = {
 	key: 0,
-	class: "as-td-select",
 	role: "gridcell"
 };
-const _hoisted_8 = [
-	"tabindex",
-	"aria-checked",
-	"aria-disabled",
-	"aria-label",
-	"title",
-	"onKeydown"
-];
-const _hoisted_9 = {
-	key: 0,
-	class: "as-table-checkbox-tick",
-	"aria-hidden": "true"
-};
-const _hoisted_10 = {
-	key: 0,
-	role: "gridcell"
-};
-const _hoisted_11 = {
+const _hoisted_8 = {
 	key: 3,
 	class: "as-td-filler",
 	role: "gridcell"
@@ -218,6 +200,11 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 			required: false,
 			default: "none"
 		},
+		selectOn: {
+			type: String,
+			required: false,
+			default: "row"
+		},
 		renderMode: {
 			type: String,
 			required: false,
@@ -315,8 +302,6 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 		"filters-off",
 		"row-click",
 		"row-dblclick",
-		"select-all",
-		"deselect-all",
 		"reorder",
 		"resize",
 		"reset-width"
@@ -382,18 +367,12 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 		function metaFor(index) {
 			return rowHooks.value.metas[index] ?? DEFAULT_ROW_META;
 		}
-		/** 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 hasActiveFilters = computed(() => props.filters ? filledFilterCount(props.filters) > 0 : false);
 		const showSelectAllCheckbox = computed(() => isStandalone.value && props.select === "multi" && !!props.selectedRows);
 		const selectAllState = computed(() => {
 			if (!showSelectAllCheckbox.value) return void 0;
-			if ((props.selectedRows ?? []).length === 0) return "none";
 			const { selectable, selected } = rowHooks.value;
-			return selectable > 0 && selected >= selectable ? "all" : "some";
+			return toSelectAllState(selected, selectable);
 		});
 		const emit = __emit;
 		const slots = useSlots();
@@ -406,15 +385,15 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 			if (!ctx || !props.rowValueFn) return false;
 			return ctx.state.isPkSelected(props.rowValueFn(row));
 		}
-		function ariaSelectedFor(row) {
+		function ariaSelectedFor(selected) {
 			if (props.select === "none") return void 0;
-			return isPkSelected(row) ? "true" : "false";
+			return selected ? "true" : "false";
 		}
 		function onRowClick(row, event, index) {
 			emit("row-click", row, event);
 			if (!isStandalone.value) return;
 			if (ctx) ctx.state.setActive(index);
-			if (props.select === "none") return;
+			if (props.select === "none" || props.selectOn === "control") return;
 			if (!ctx) return;
 			ctx.state.toggleActiveSelection(props.select);
 		}
@@ -424,19 +403,14 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 			ctx.state.setActive(index);
 			ctx.state.requestMainAction(event);
 		}
-		function onSelectAllToggle(state) {
-			if (state === "all") emit("deselect-all");
-			else emit("select-all");
+		/** The header checkbox acts on the loaded (rendered) rows. */
+		function onToggleAll() {
+			ctx?.state.toggleAll(props.rows);
 		}
 		function onTbodyKeydown(event) {
 			if (!isStandalone.value || !ctx) return;
 			ctx.state.handleNavKey(event, { mode: props.select });
 		}
-		/** Space on a row's selection control toggles just that row. */
-		function onSelectCellKeydown(event, index) {
-			if (!ctx) return;
-			onSelectControlKeydown(event, index, props.select, ctx.state);
-		}
 		const scrollContainerRef = ref(null);
 		function alignActiveRow(idx) {
 			if (!ctx) return;
@@ -567,6 +541,7 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 						"column-min-width": __props.columnMinWidth,
 						"has-select-column": hasValue.value,
 						"select-all-state": selectAllState.value,
+						"selected-count": unref(ctx)?.state.selectedCount.value ?? 0,
 						"with-filler": __props.stretch,
 						"enable-auto-fit": true,
 						"aria-rowindex": isStandalone.value ? 1 : void 0,
@@ -577,8 +552,11 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 						onResetWidth: _cache[4] || (_cache[4] = (c) => emit("reset-width", c)),
 						onReorder: _cache[5] || (_cache[5] = (f, t, p) => emit("reorder", f, t, p)),
 						onResize: _cache[6] || (_cache[6] = (p, w) => emit("resize", p, w)),
-						onSelectAllToggle
-					}, createSlots({ _: 2 }, [renderList(__props.columns, (col) => {
+						onToggleAll
+					}, createSlots({
+						"header-__select": withCtx((scope) => [renderSlot(_ctx.$slots, "header-__select", normalizeProps(guardReactiveProps(scope)))]),
+						_: 2
+					}, [renderList(__props.columns, (col) => {
 						return {
 							name: `header-${col.path}`,
 							fn: withCtx((scope) => [renderSlot(_ctx.$slots, `header-${col.path}`, normalizeProps(guardReactiveProps(scope)))])
@@ -594,6 +572,7 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 						"column-min-width",
 						"has-select-column",
 						"select-all-state",
+						"selected-count",
 						"with-filler",
 						"aria-rowindex"
 					])) : createCommentVNode("v-if", true),
@@ -674,7 +653,7 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 						"aria-activedescendant": ariaActiveDescendant.value,
 						onKeydown: onTbodyKeydown
 					}, {
-						default: withCtx(({ item, index, spaceBefore }) => [createCommentVNode("\n            `meta` is resolved ONCE per row (the row's hook results + its\n            selectability verdict); `v-bind=\"meta.attrs\"` comes FIRST so every\n            framework binding after it wins — consumer attrs can decorate a\n            row but can never rewrite its id / role / aria / data contract.\n          "), (openBlock(true), createElementBlock(Fragment, null, renderList([metaFor(index)], (meta) => {
+						default: withCtx(({ item, index, spaceBefore }) => [createCommentVNode("\n            `meta` (the row's hook results + its selectability verdict) and\n            `selected` are resolved ONCE per row; `v-bind=\"meta.attrs\"` comes FIRST so every\n            framework binding after it wins — consumer attrs can decorate a\n            row but can never rewrite its id / role / aria / data contract.\n          "), (openBlock(true), createElementBlock(Fragment, null, renderList([[metaFor(index), isPkSelected(item)]], ([meta, selected]) => {
 							return openBlock(), createElementBlock("tr", mergeProps({
 								key: 0,
 								ref_for: true
@@ -682,7 +661,7 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 								id: rowIdFor(index),
 								role: "row",
 								"aria-rowindex": index + 2,
-								"aria-selected": ariaSelectedFor(item),
+								"aria-selected": ariaSelectedFor(selected),
 								"data-selectable": meta.selectable.ok ? void 0 : "false",
 								class: [{ "as-table-row-active": isActiveRow(index) }, meta.cls],
 								style: {
@@ -692,19 +671,26 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 								onClick: ($event) => onRowClick(item, $event, index),
 								onDblclick: ($event) => onRowDblClick(item, $event, index)
 							}), [
-								hasValue.value ? (openBlock(), createElementBlock("td", _hoisted_7, [createElementVNode("span", {
-									class: normalizeClass(["as-table-checkbox", {
-										"as-table-checkbox-checked": isPkSelected(item),
-										"as-table-checkbox-disabled": !meta.selectable.ok
-									}]),
-									role: "checkbox",
-									tabindex: meta.selectable.ok ? 0 : void 0,
-									"aria-checked": isPkSelected(item) ? "true" : "false",
-									"aria-disabled": meta.selectable.ok ? void 0 : "true",
-									"aria-label": selectLabel(meta.selectable),
-									title: meta.selectable.reason,
-									onKeydown: ($event) => onSelectCellKeydown($event, index)
-								}, [isPkSelected(item) ? (openBlock(), createElementBlock("span", _hoisted_9)) : createCommentVNode("v-if", true)], 42, _hoisted_8)])) : createCommentVNode("v-if", true),
+								hasValue.value ? (openBlock(), createBlock(as_select_cell_default, {
+									key: 0,
+									row: item,
+									index,
+									selected,
+									verdict: meta.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(__props.columns, (col) => {
 									return openBlock(), createElementBlock(Fragment, { key: col.path }, [(openBlock(true), createElementBlock(Fragment, null, renderList([unref(cellResolver)(col, item, index)], (bindings) => {
 										return openBlock(), createElementBlock(Fragment, { key: 0 }, [cellSlotFlags.value[col.path] ? (openBlock(), createElementBlock("td", mergeProps({
@@ -722,7 +708,7 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 										}, { ref_for: true }, bindings), null, 16, ["row", "column"]))], 64);
 									}), 128))], 64);
 								}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(__props.columns, (col) => {
-									return openBlock(), createElementBlock(Fragment, { key: col.path }, [cellSlotFlags.value[col.path] ? (openBlock(), createElementBlock("td", _hoisted_10, [renderSlot(_ctx.$slots, `cell-${col.path}`, {
+									return openBlock(), createElementBlock(Fragment, { key: col.path }, [cellSlotFlags.value[col.path] ? (openBlock(), createElementBlock("td", _hoisted_7, [renderSlot(_ctx.$slots, `cell-${col.path}`, {
 										row: item,
 										value: unref(getCellValue)(item, col.path),
 										column: col
@@ -733,7 +719,7 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 										role: "gridcell"
 									}, null, 8, ["row", "column"]))], 64);
 								}), 128)),
-								__props.stretch ? (openBlock(), createElementBlock("td", _hoisted_11)) : createCommentVNode("v-if", true)
+								__props.stretch ? (openBlock(), createElementBlock("td", _hoisted_8)) : createCommentVNode("v-if", true)
 							], 16, _hoisted_6);
 						}), 128))]),
 						_: 3

package/dist/{as-table-base-ceywcVRq.cjs → as-table-base-umzg4PBR.cjs}

@@ -1,6 +1,6 @@
-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_as_table_status = require("./as-table-status-UWTPJJUL.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");
@@ -166,27 +166,9 @@ const _hoisted_6 = [
 ];
 const _hoisted_7 = {
 	key: 0,
-	class: "as-td-select",
 	role: "gridcell"
 };
-const _hoisted_8 = [
-	"tabindex",
-	"aria-checked",
-	"aria-disabled",
-	"aria-label",
-	"title",
-	"onKeydown"
-];
-const _hoisted_9 = {
-	key: 0,
-	class: "as-table-checkbox-tick",
-	"aria-hidden": "true"
-};
-const _hoisted_10 = {
-	key: 0,
-	role: "gridcell"
-};
-const _hoisted_11 = {
+const _hoisted_8 = {
 	key: 3,
 	class: "as-td-filler",
 	role: "gridcell"
@@ -218,6 +200,11 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			required: false,
 			default: "none"
 		},
+		selectOn: {
+			type: String,
+			required: false,
+			default: "row"
+		},
 		renderMode: {
 			type: String,
 			required: false,
@@ -315,8 +302,6 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"filters-off",
 		"row-click",
 		"row-dblclick",
-		"select-all",
-		"deselect-all",
 		"reorder",
 		"resize",
 		"reset-width"
@@ -324,8 +309,8 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const ctx = require_use_table_state.useTableContextOptional();
-		const { resolve: cellResolver, hasAnyCellBindings } = require_as_table_status.useCellResolver(() => ctx?.state.tableDef.value ?? null);
-		const cellComponents = require_as_table_status.useCellComponents(() => props.columns);
+		const { resolve: cellResolver, hasAnyCellBindings } = require_as_select_cell.useCellResolver(() => ctx?.state.tableDef.value ?? null);
+		const cellComponents = require_as_select_cell.useCellComponents(() => props.columns);
 		const isStandalone = (0, vue.computed)(() => props.renderMode === "standalone");
 		const isCombobox = (0, vue.computed)(() => props.renderMode === "combobox");
 		const isListbox = (0, vue.computed)(() => props.renderMode === "listbox");
@@ -382,18 +367,12 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		function metaFor(index) {
 			return rowHooks.value.metas[index] ?? DEFAULT_ROW_META;
 		}
-		/** 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 hasActiveFilters = (0, vue.computed)(() => props.filters ? (0, _atscript_ui_table.filledFilterCount)(props.filters) > 0 : false);
 		const showSelectAllCheckbox = (0, vue.computed)(() => isStandalone.value && props.select === "multi" && !!props.selectedRows);
 		const selectAllState = (0, vue.computed)(() => {
 			if (!showSelectAllCheckbox.value) return void 0;
-			if ((props.selectedRows ?? []).length === 0) return "none";
 			const { selectable, selected } = rowHooks.value;
-			return selectable > 0 && selected >= selectable ? "all" : "some";
+			return require_use_table_state.toSelectAllState(selected, selectable);
 		});
 		const emit = __emit;
 		const slots = (0, vue.useSlots)();
@@ -406,15 +385,15 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (!ctx || !props.rowValueFn) return false;
 			return ctx.state.isPkSelected(props.rowValueFn(row));
 		}
-		function ariaSelectedFor(row) {
+		function ariaSelectedFor(selected) {
 			if (props.select === "none") return void 0;
-			return isPkSelected(row) ? "true" : "false";
+			return selected ? "true" : "false";
 		}
 		function onRowClick(row, event, index) {
 			emit("row-click", row, event);
 			if (!isStandalone.value) return;
 			if (ctx) ctx.state.setActive(index);
-			if (props.select === "none") return;
+			if (props.select === "none" || props.selectOn === "control") return;
 			if (!ctx) return;
 			ctx.state.toggleActiveSelection(props.select);
 		}
@@ -424,19 +403,14 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			ctx.state.setActive(index);
 			ctx.state.requestMainAction(event);
 		}
-		function onSelectAllToggle(state) {
-			if (state === "all") emit("deselect-all");
-			else emit("select-all");
+		/** The header checkbox acts on the loaded (rendered) rows. */
+		function onToggleAll() {
+			ctx?.state.toggleAll(props.rows);
 		}
 		function onTbodyKeydown(event) {
 			if (!isStandalone.value || !ctx) return;
 			ctx.state.handleNavKey(event, { mode: props.select });
 		}
-		/** Space on a row's selection control toggles just that row. */
-		function onSelectCellKeydown(event, index) {
-			if (!ctx) return;
-			require_use_table_state.onSelectControlKeydown(event, index, props.select, ctx.state);
-		}
 		const scrollContainerRef = (0, vue.ref)(null);
 		function alignActiveRow(idx) {
 			if (!ctx) return;
@@ -544,7 +518,7 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					"aria-rowcount": ariaRowCount.value,
 					"aria-multiselectable": isStandalone.value && __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: __props.columns,
 						"column-widths": __props.columnWidths,
 						"has-select": hasValue.value,
@@ -555,7 +529,7 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"has-select",
 						"with-filler"
 					]),
-					!__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: __props.columns,
 						sorters: __props.sorters,
@@ -567,6 +541,7 @@ var as_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)(ctx)?.state.selectedCount.value ?? 0,
 						"with-filler": __props.stretch,
 						"enable-auto-fit": true,
 						"aria-rowindex": isStandalone.value ? 1 : void 0,
@@ -577,8 +552,11 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						onResetWidth: _cache[4] || (_cache[4] = (c) => emit("reset-width", c)),
 						onReorder: _cache[5] || (_cache[5] = (f, t, p) => emit("reorder", f, t, p)),
 						onResize: _cache[6] || (_cache[6] = (p, w) => emit("resize", p, w)),
-						onSelectAllToggle
-					}, (0, vue.createSlots)({ _: 2 }, [(0, vue.renderList)(__props.columns, (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)(__props.columns, (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)))])
@@ -594,6 +572,7 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"column-min-width",
 						"has-select-column",
 						"select-all-state",
+						"selected-count",
 						"with-filler",
 						"aria-rowindex"
 					])) : (0, vue.createCommentVNode)("v-if", true),
@@ -674,7 +653,7 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-activedescendant": ariaActiveDescendant.value,
 						onKeydown: onTbodyKeydown
 					}, {
-						default: (0, vue.withCtx)(({ item, index, spaceBefore }) => [(0, vue.createCommentVNode)("\n            `meta` is resolved ONCE per row (the row's hook results + its\n            selectability verdict); `v-bind=\"meta.attrs\"` comes FIRST so every\n            framework binding after it wins — consumer attrs can decorate a\n            row but can never rewrite its id / role / aria / data contract.\n          "), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)([metaFor(index)], (meta) => {
+						default: (0, vue.withCtx)(({ item, index, spaceBefore }) => [(0, vue.createCommentVNode)("\n            `meta` (the row's hook results + its selectability verdict) and\n            `selected` are resolved ONCE per row; `v-bind=\"meta.attrs\"` comes FIRST so every\n            framework binding after it wins — consumer attrs can decorate a\n            row but can never rewrite its id / role / aria / data contract.\n          "), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)([[metaFor(index), isPkSelected(item)]], ([meta, selected]) => {
 							return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", (0, vue.mergeProps)({
 								key: 0,
 								ref_for: true
@@ -682,7 +661,7 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								id: rowIdFor(index),
 								role: "row",
 								"aria-rowindex": index + 2,
-								"aria-selected": ariaSelectedFor(item),
+								"aria-selected": ariaSelectedFor(selected),
 								"data-selectable": meta.selectable.ok ? void 0 : "false",
 								class: [{ "as-table-row-active": isActiveRow(index) }, meta.cls],
 								style: {
@@ -692,19 +671,26 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								onClick: ($event) => onRowClick(item, $event, index),
 								onDblclick: ($event) => onRowDblClick(item, $event, index)
 							}), [
-								hasValue.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_7, [(0, vue.createElementVNode)("span", {
-									class: (0, vue.normalizeClass)(["as-table-checkbox", {
-										"as-table-checkbox-checked": isPkSelected(item),
-										"as-table-checkbox-disabled": !meta.selectable.ok
-									}]),
-									role: "checkbox",
-									tabindex: meta.selectable.ok ? 0 : void 0,
-									"aria-checked": isPkSelected(item) ? "true" : "false",
-									"aria-disabled": meta.selectable.ok ? void 0 : "true",
-									"aria-label": selectLabel(meta.selectable),
-									title: meta.selectable.reason,
-									onKeydown: ($event) => onSelectCellKeydown($event, index)
-								}, [isPkSelected(item) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_9)) : (0, vue.createCommentVNode)("v-if", true)], 42, _hoisted_8)])) : (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: item,
+									index,
+									selected,
+									verdict: meta.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)(__props.columns, (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, item, index)], (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)({
@@ -722,7 +708,7 @@ var as_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)(__props.columns, (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_10, [(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_7, [(0, vue.renderSlot)(_ctx.$slots, `cell-${col.path}`, {
 										row: item,
 										value: (0, vue.unref)(require_get_cell_value.getCellValue)(item, col.path),
 										column: col
@@ -733,7 +719,7 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 										role: "gridcell"
 									}, null, 8, ["row", "column"]))], 64);
 								}), 128)),
-								__props.stretch ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_11)) : (0, vue.createCommentVNode)("v-if", true)
+								__props.stretch ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_8)) : (0, vue.createCommentVNode)("v-if", true)
 							], 16, _hoisted_6);
 						}), 128))]),
 						_: 3
@@ -745,7 +731,7 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-activedescendant"
 					])], 2112)) : (0, vue.createCommentVNode)("v-if", true)
 				], 10, _hoisted_1),
-				(0, vue.createVNode)(require_as_table_status.as_table_status_default, {
+				(0, vue.createVNode)(require_as_select_cell.as_table_status_default, {
 					"query-error": __props.queryError,
 					"is-empty": __props.rows.length === 0,
 					querying: !!__props.querying,

package/dist/{as-table-header-cell-Ccf06b2_.mjs → as-table-header-cell-DU3ws2x9.mjs}

@@ -1,4 +1,4 @@
-import { t as useTableComponent } from "./use-table-component-BYO0zMQj.mjs";
+import { t as useTableComponent } from "./use-table-component-TLwFq4rx.mjs";
 import { t as as_column_menu_default } from "./as-column-menu-CBtUfYEE.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx, withModifiers } from "vue";
 import { isFilled } from "@atscript/ui-table";

package/dist/{as-table-header-cell-ZCk3XD_d.cjs → as-table-header-cell-f3YpgJX1.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_component = require("./use-table-component-XQ-Qt_sp.cjs");
+const require_use_table_component = require("./use-table-component-IziAm0vk.cjs");
 const require_as_column_menu = require("./as-column-menu-ChB7hzmr.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");

package/dist/as-table-header-cell.cjs

@@ -1,2 +1,2 @@
-const require_as_table_header_cell = require("./as-table-header-cell-ZCk3XD_d.cjs");
+const require_as_table_header_cell = require("./as-table-header-cell-f3YpgJX1.cjs");
 module.exports = require_as_table_header_cell.as_table_header_cell_default;

package/dist/as-table-header-cell.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-header-cell.vue-DkClJBAT.cjs";
+import { t as _default } from "./as-table-header-cell.vue-XR90UlHO.cjs";
 export = _default;

package/dist/as-table-header-cell.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-header-cell.vue-C7jNmdDh.mjs";
+import { t as _default } from "./as-table-header-cell.vue-5VGRc23o.mjs";
 export { _default as default };

package/dist/as-table-header-cell.mjs

@@ -1,2 +1,2 @@
-import { t as as_table_header_cell_default } from "./as-table-header-cell-Ccf06b2_.mjs";
+import { t as as_table_header_cell_default } from "./as-table-header-cell-DU3ws2x9.mjs";
 export { as_table_header_cell_default as default };