@atscript/vue-table 0.1.140 → 0.1.142

package/dist/{as-table-status-2rA91OFT.mjs → as-select-cell-KD_ns8DS.mjs}

@@ -1,7 +1,7 @@
-import { o as useTableContextOptional } from "./use-table-state-BzjbnpBA.mjs";
-import { t as useTableComponent } from "./use-table-component-BYO0zMQj.mjs";
-import { t as as_table_header_cell_default } from "./as-table-header-cell-Ccf06b2_.mjs";
-import { t as as_row_actions_default } from "./as-row-actions-xQ9M1PrO.mjs";
+import { g as toggleRowAt, h as onSelectControlKeydown, o as useTableContextOptional } from "./use-table-state-Cq-3tbVr.mjs";
+import { t as useTableComponent } from "./use-table-component-TLwFq4rx.mjs";
+import { t as as_table_header_cell_default } from "./as-table-header-cell-DU3ws2x9.mjs";
+import { t as as_row_actions_default } from "./as-row-actions-KeoHo9Ex.mjs";
 import { t as as_table_cell_value_default } from "./as-table-cell-value-DoH8Mieo.mjs";
 import { UI_TABLE_ATTR, UI_TABLE_CLASSES, UI_TABLE_FN_ATTR, UI_TABLE_FN_CLASSES, UI_TABLE_FN_STYLES, UI_TABLE_STYLES, getFieldMeta, parseStaticAttrs, resolveAttrs, resolveFieldProp } from "@atscript/ui";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, withModifiers } from "vue";
@@ -325,12 +325,12 @@ function useColumnHeaderDragResize(opts) {
 }
 //#endregion
 //#region src/components/internal/as-table-colgroup.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$2 = {
+const _hoisted_1$3 = {
 	key: 0,
 	class: "as-col-select"
 };
-const _hoisted_2$2 = ["data-column-path"];
-const _hoisted_3$2 = {
+const _hoisted_2$3 = ["data-column-path"];
+const _hoisted_3$3 = {
 	key: 1,
 	class: "as-col-filler"
 };
@@ -365,28 +365,28 @@ var as_table_colgroup_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode("\n    `<colgroup>` carries column widths independently of the header so widths\n    survive when `<thead>` is omitted (`headless`). Col order MUST match the\n    body `<td>` order exactly: select col (when `hasSelect`), data columns,\n    then the filler col (when `withFiller`).\n  "), createElementVNode("colgroup", null, [
 				createCommentVNode(" Placeholder for the leading select column. No width — `as-td-select`\n         self-sizes (`w-[4em]`); the col exists only for positional alignment. "),
-				__props.hasSelect ? (openBlock(), createElementBlock("col", _hoisted_1$2)) : createCommentVNode("v-if", true),
+				__props.hasSelect ? (openBlock(), createElementBlock("col", _hoisted_1$3)) : createCommentVNode("v-if", true),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
 					return openBlock(), createElementBlock("col", {
 						key: col.path,
 						"data-column-path": col.path,
 						style: normalizeStyle(colStyle(col))
-					}, null, 12, _hoisted_2$2);
+					}, null, 12, _hoisted_2$3);
 				}), 128)),
 				createCommentVNode(" Trailing filler col; absorbs leftover space, no width. "),
-				__props.withFiller ? (openBlock(), createElementBlock("col", _hoisted_3$2)) : createCommentVNode("v-if", true)
+				__props.withFiller ? (openBlock(), createElementBlock("col", _hoisted_3$3)) : createCommentVNode("v-if", true)
 			])], 2112);
 		};
 	}
 });
 //#endregion
 //#region src/components/internal/as-table-header.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$1 = {
+const _hoisted_1$2 = {
 	key: 0,
 	class: "as-th-select"
 };
-const _hoisted_2$1 = ["aria-checked"];
-const _hoisted_3$1 = {
+const _hoisted_2$2 = ["aria-checked"];
+const _hoisted_3$2 = {
 	key: 0,
 	class: "as-table-checkbox-tick",
 	"aria-hidden": "true"
@@ -457,6 +457,10 @@ var as_table_header_default = /* @__PURE__ */ defineComponent({
 			type: String,
 			required: false
 		},
+		selectedCount: {
+			type: Number,
+			required: false
+		},
 		withFiller: {
 			type: Boolean,
 			required: false,
@@ -476,7 +480,7 @@ var as_table_header_default = /* @__PURE__ */ defineComponent({
 		"reset-width",
 		"reorder",
 		"resize",
-		"select-all-toggle"
+		"toggle-all"
 	],
 	setup(__props, { emit: __emit }) {
 		const HeaderCell = useTableComponent("headerCell", as_table_header_cell_default);
@@ -542,11 +546,19 @@ var as_table_header_default = /* @__PURE__ */ defineComponent({
 			if (!props.selectAllState) return;
 			event.preventDefault();
 			event.stopPropagation();
-			emit("select-all-toggle", props.selectAllState);
+			toggleSelectAll();
+		}
+		/** The header control's action — click, keys and the `header-__select` slot. */
+		function toggleSelectAll() {
+			if (props.selectAllState) emit("toggle-all");
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("thead", null, [createElementVNode("tr", null, [
-				__props.hasSelectColumn ? (openBlock(), createElementBlock("th", _hoisted_1$1, [__props.selectAllState ? (openBlock(), createElementBlock("span", {
+				__props.hasSelectColumn ? (openBlock(), createElementBlock("th", _hoisted_1$2, [renderSlot(_ctx.$slots, "header-__select", {
+					state: __props.selectAllState,
+					toggle: toggleSelectAll,
+					selectedCount: __props.selectedCount ?? 0
+				}, () => [__props.selectAllState ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass(["as-table-checkbox", {
 						"as-table-checkbox-checked": __props.selectAllState === "all",
@@ -556,9 +568,9 @@ var as_table_header_default = /* @__PURE__ */ defineComponent({
 					tabindex: "0",
 					"aria-label": "Select all rows",
 					"aria-checked": __props.selectAllState === "none" ? "false" : __props.selectAllState === "all" ? "true" : "mixed",
-					onClick: _cache[0] || (_cache[0] = ($event) => emit("select-all-toggle", __props.selectAllState)),
+					onClick: toggleSelectAll,
 					onKeydown: onSelectAllKeydown
-				}, [__props.selectAllState === "all" ? (openBlock(), createElementBlock("span", _hoisted_3$1)) : __props.selectAllState === "some" ? (openBlock(), createElementBlock("span", _hoisted_4$1)) : createCommentVNode("v-if", true)], 42, _hoisted_2$1)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
+				}, [__props.selectAllState === "all" ? (openBlock(), createElementBlock("span", _hoisted_3$2)) : __props.selectAllState === "some" ? (openBlock(), createElementBlock("span", _hoisted_4$1)) : createCommentVNode("v-if", true)], 42, _hoisted_2$2)) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
 					return openBlock(), createElementBlock("th", {
 						key: col.path,
@@ -580,11 +592,11 @@ var as_table_header_default = /* @__PURE__ */ defineComponent({
 							filters: __props.filters?.[col.path],
 							"column-menu": __props.columnMenu,
 							"width-entry": __props.columnWidths[col.path],
-							onSort: _cache[1] || (_cache[1] = (c, d) => emit("sort", c, d)),
-							onHide: _cache[2] || (_cache[2] = (c) => emit("hide", c)),
-							onFilter: _cache[3] || (_cache[3] = (c) => emit("filter", c)),
-							onFiltersOff: _cache[4] || (_cache[4] = (c) => emit("filters-off", c)),
-							onResetWidth: _cache[5] || (_cache[5] = (c) => emit("reset-width", c))
+							onSort: _cache[0] || (_cache[0] = (c, d) => emit("sort", c, d)),
+							onHide: _cache[1] || (_cache[1] = (c) => emit("hide", c)),
+							onFilter: _cache[2] || (_cache[2] = (c) => emit("filter", c)),
+							onFiltersOff: _cache[3] || (_cache[3] = (c) => emit("filters-off", c)),
+							onResetWidth: _cache[4] || (_cache[4] = (c) => emit("reset-width", c))
 						}, null, 40, [
 							"column",
 							"sort-direction",
@@ -596,12 +608,12 @@ var as_table_header_default = /* @__PURE__ */ defineComponent({
 							key: 0,
 							class: "as-th-resize-handle",
 							draggable: "false",
-							onDragstart: _cache[6] || (_cache[6] = withModifiers(() => {}, ["prevent", "stop"])),
-							onPointerdown: _cache[7] || (_cache[7] = withModifiers((...args) => unref(onResizeHandlePointerDown) && unref(onResizeHandlePointerDown)(...args), ["stop"])),
-							onPointermove: _cache[8] || (_cache[8] = (...args) => unref(onResizeHandlePointerMove) && unref(onResizeHandlePointerMove)(...args)),
-							onPointerup: _cache[9] || (_cache[9] = (...args) => unref(onResizeHandleEnd) && unref(onResizeHandleEnd)(...args)),
-							onPointercancel: _cache[10] || (_cache[10] = (...args) => unref(onResizeHandleEnd) && unref(onResizeHandleEnd)(...args)),
-							onDblclick: _cache[11] || (_cache[11] = withModifiers((...args) => unref(onResizeHandleDoubleClick) && unref(onResizeHandleDoubleClick)(...args), ["stop"]))
+							onDragstart: _cache[5] || (_cache[5] = withModifiers(() => {}, ["prevent", "stop"])),
+							onPointerdown: _cache[6] || (_cache[6] = withModifiers((...args) => unref(onResizeHandlePointerDown) && unref(onResizeHandlePointerDown)(...args), ["stop"])),
+							onPointermove: _cache[7] || (_cache[7] = (...args) => unref(onResizeHandlePointerMove) && unref(onResizeHandlePointerMove)(...args)),
+							onPointerup: _cache[8] || (_cache[8] = (...args) => unref(onResizeHandleEnd) && unref(onResizeHandleEnd)(...args)),
+							onPointercancel: _cache[9] || (_cache[9] = (...args) => unref(onResizeHandleEnd) && unref(onResizeHandleEnd)(...args)),
+							onDblclick: _cache[10] || (_cache[10] = withModifiers((...args) => unref(onResizeHandleDoubleClick) && unref(onResizeHandleDoubleClick)(...args), ["stop"]))
 						}, null, 32)) : createCommentVNode("v-if", true)
 					], 46, _hoisted_5$1);
 				}), 128)),
@@ -612,12 +624,12 @@ var as_table_header_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/internal/as-table-status.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = {
+const _hoisted_1$1 = {
 	key: 0,
 	class: "as-table-error"
 };
-const _hoisted_2 = { class: "as-vh-empty" };
-const _hoisted_3 = { class: "as-vh-empty-body" };
+const _hoisted_2$1 = { class: "as-vh-empty" };
+const _hoisted_3$1 = { class: "as-vh-empty-body" };
 const _hoisted_4 = {
 	key: 1,
 	class: "as-table-empty"
@@ -676,16 +688,16 @@ var as_table_status_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return __props.queryError ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "error", {
+			return __props.queryError ? (openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(_ctx.$slots, "error", {
 				error: __props.queryError,
 				retry: __props.onRetry
-			}, () => [createElementVNode("div", _hoisted_2, [
+			}, () => [createElementVNode("div", _hoisted_2$1, [
 				_cache[3] || (_cache[3] = createElementVNode("span", {
 					class: "as-vh-error-icon i-as-warning",
 					"aria-hidden": "true"
 				}, null, -1)),
 				_cache[4] || (_cache[4] = createElementVNode("p", { class: "as-vh-empty-title" }, "Failed to load values", -1)),
-				createElementVNode("p", _hoisted_3, toDisplayString(__props.queryError.message), 1),
+				createElementVNode("p", _hoisted_3$1, toDisplayString(__props.queryError.message), 1),
 				__props.onRetry ? (openBlock(), createElementBlock("button", {
 					key: 0,
 					type: "button",
@@ -724,4 +736,105 @@ var as_table_status_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-export { useCellComponents as a, useRafBatch as i, as_table_header_default as n, useCellResolver as o, as_table_colgroup_default as r, as_table_status_default as t };
+//#region src/components/internal/as-select-cell.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	class: "as-td-select",
+	role: "gridcell"
+};
+const _hoisted_2 = [
+	"tabindex",
+	"aria-checked",
+	"aria-disabled",
+	"aria-label",
+	"title"
+];
+const _hoisted_3 = {
+	key: 0,
+	class: "as-table-checkbox-tick",
+	"aria-hidden": "true"
+};
+//#endregion
+//#region src/components/internal/as-select-cell.vue
+var as_select_cell_default = /* @__PURE__ */ defineComponent({
+	__name: "as-select-cell",
+	props: {
+		row: {
+			type: Object,
+			required: true
+		},
+		index: {
+			type: Number,
+			required: true
+		},
+		selected: {
+			type: Boolean,
+			required: true
+		},
+		verdict: {
+			type: Object,
+			required: true
+		},
+		select: {
+			type: String,
+			required: true
+		},
+		selectOn: {
+			type: String,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = useTableContextOptional();
+		function toggle() {
+			if (ctx) toggleRowAt(props.index, props.select, ctx.state);
+		}
+		/**
+		* With `selectOn: "row"` the click bubbles to the row, which toggles; with
+		* `"control"` it toggles here and stops, so the row click (active-row move,
+		* `row-click`) and a double-click main action don't also fire.
+		*/
+		function onClick(event) {
+			if (props.selectOn !== "control") return;
+			event.stopPropagation();
+			toggle();
+		}
+		function onDblClick(event) {
+			if (props.selectOn === "control") event.stopPropagation();
+		}
+		function onKeydown(event) {
+			if (ctx) onSelectControlKeydown(event, props.index, props.select, ctx.state);
+		}
+		/** Accessible name for the control, carrying the disabled reason. */
+		function label() {
+			if (props.verdict.ok) return "Select row";
+			return props.verdict.reason ? `Select row, ${props.verdict.reason}` : "Select row, not selectable";
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("td", _hoisted_1, [renderSlot(_ctx.$slots, "default", {
+				row: __props.row,
+				index: __props.index,
+				selected: __props.selected,
+				selectable: __props.verdict.ok,
+				reason: __props.verdict.reason,
+				toggle
+			}, () => [createElementVNode("span", {
+				class: normalizeClass(["as-table-checkbox", {
+					"as-table-checkbox-checked": __props.selected,
+					"as-table-checkbox-disabled": !__props.verdict.ok
+				}]),
+				role: "checkbox",
+				tabindex: __props.verdict.ok ? 0 : void 0,
+				"aria-checked": __props.selected ? "true" : "false",
+				"aria-disabled": __props.verdict.ok ? void 0 : "true",
+				"aria-label": label(),
+				title: __props.verdict.reason,
+				onClick,
+				onDblclick: onDblClick,
+				onKeydown
+			}, [__props.selected ? (openBlock(), createElementBlock("span", _hoisted_3)) : createCommentVNode("v-if", true)], 42, _hoisted_2)])]);
+		};
+	}
+});
+//#endregion
+export { useRafBatch as a, as_table_colgroup_default as i, as_table_status_default as n, useCellComponents as o, as_table_header_default as r, useCellResolver as s, as_select_cell_default as t };

package/dist/{as-table-status-UWTPJJUL.cjs → as-select-cell-XnzNuW2v.cjs}

@@ -1,7 +1,7 @@
-const require_use_table_state = require("./use-table-state-pF_9gnTG.cjs");
-const require_use_table_component = require("./use-table-component-XQ-Qt_sp.cjs");
-const require_as_table_header_cell = require("./as-table-header-cell-ZCk3XD_d.cjs");
-const require_as_row_actions = require("./as-row-actions-C6N0lcZb.cjs");
+const require_use_table_state = require("./use-table-state-BiklfjP0.cjs");
+const require_use_table_component = require("./use-table-component-IziAm0vk.cjs");
+const require_as_table_header_cell = require("./as-table-header-cell-f3YpgJX1.cjs");
+const require_as_row_actions = require("./as-row-actions-C3xHkX53.cjs");
 const require_as_table_cell_value = require("./as-table-cell-value-COyZnwUj.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
@@ -325,12 +325,12 @@ function useColumnHeaderDragResize(opts) {
 }
 //#endregion
 //#region src/components/internal/as-table-colgroup.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$2 = {
+const _hoisted_1$3 = {
 	key: 0,
 	class: "as-col-select"
 };
-const _hoisted_2$2 = ["data-column-path"];
-const _hoisted_3$2 = {
+const _hoisted_2$3 = ["data-column-path"];
+const _hoisted_3$3 = {
 	key: 1,
 	class: "as-col-filler"
 };
@@ -365,28 +365,28 @@ var as_table_colgroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createCommentVNode)("\n    `<colgroup>` carries column widths independently of the header so widths\n    survive when `<thead>` is omitted (`headless`). Col order MUST match the\n    body `<td>` order exactly: select col (when `hasSelect`), data columns,\n    then the filler col (when `withFiller`).\n  "), (0, vue.createElementVNode)("colgroup", null, [
 				(0, vue.createCommentVNode)(" Placeholder for the leading select column. No width — `as-td-select`\n         self-sizes (`w-[4em]`); the col exists only for positional alignment. "),
-				__props.hasSelect ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("col", _hoisted_1$2)) : (0, vue.createCommentVNode)("v-if", true),
+				__props.hasSelect ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("col", _hoisted_1$3)) : (0, vue.createCommentVNode)("v-if", true),
 				((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.columns, (col) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("col", {
 						key: col.path,
 						"data-column-path": col.path,
 						style: (0, vue.normalizeStyle)(colStyle(col))
-					}, null, 12, _hoisted_2$2);
+					}, null, 12, _hoisted_2$3);
 				}), 128)),
 				(0, vue.createCommentVNode)(" Trailing filler col; absorbs leftover space, no width. "),
-				__props.withFiller ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("col", _hoisted_3$2)) : (0, vue.createCommentVNode)("v-if", true)
+				__props.withFiller ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("col", _hoisted_3$3)) : (0, vue.createCommentVNode)("v-if", true)
 			])], 2112);
 		};
 	}
 });
 //#endregion
 //#region src/components/internal/as-table-header.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$1 = {
+const _hoisted_1$2 = {
 	key: 0,
 	class: "as-th-select"
 };
-const _hoisted_2$1 = ["aria-checked"];
-const _hoisted_3$1 = {
+const _hoisted_2$2 = ["aria-checked"];
+const _hoisted_3$2 = {
 	key: 0,
 	class: "as-table-checkbox-tick",
 	"aria-hidden": "true"
@@ -457,6 +457,10 @@ var as_table_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: String,
 			required: false
 		},
+		selectedCount: {
+			type: Number,
+			required: false
+		},
 		withFiller: {
 			type: Boolean,
 			required: false,
@@ -476,7 +480,7 @@ var as_table_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"reset-width",
 		"reorder",
 		"resize",
-		"select-all-toggle"
+		"toggle-all"
 	],
 	setup(__props, { emit: __emit }) {
 		const HeaderCell = require_use_table_component.useTableComponent("headerCell", require_as_table_header_cell.as_table_header_cell_default);
@@ -542,11 +546,19 @@ var as_table_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (!props.selectAllState) return;
 			event.preventDefault();
 			event.stopPropagation();
-			emit("select-all-toggle", props.selectAllState);
+			toggleSelectAll();
+		}
+		/** The header control's action — click, keys and the `header-__select` slot. */
+		function toggleSelectAll() {
+			if (props.selectAllState) emit("toggle-all");
 		}
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("thead", null, [(0, vue.createElementVNode)("tr", null, [
-				__props.hasSelectColumn ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("th", _hoisted_1$1, [__props.selectAllState ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+				__props.hasSelectColumn ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("th", _hoisted_1$2, [(0, vue.renderSlot)(_ctx.$slots, "header-__select", {
+					state: __props.selectAllState,
+					toggle: toggleSelectAll,
+					selectedCount: __props.selectedCount ?? 0
+				}, () => [__props.selectAllState ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 					key: 0,
 					class: (0, vue.normalizeClass)(["as-table-checkbox", {
 						"as-table-checkbox-checked": __props.selectAllState === "all",
@@ -556,9 +568,9 @@ var as_table_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					tabindex: "0",
 					"aria-label": "Select all rows",
 					"aria-checked": __props.selectAllState === "none" ? "false" : __props.selectAllState === "all" ? "true" : "mixed",
-					onClick: _cache[0] || (_cache[0] = ($event) => emit("select-all-toggle", __props.selectAllState)),
+					onClick: toggleSelectAll,
 					onKeydown: onSelectAllKeydown
-				}, [__props.selectAllState === "all" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$1)) : __props.selectAllState === "some" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4$1)) : (0, vue.createCommentVNode)("v-if", true)], 42, _hoisted_2$1)) : (0, vue.createCommentVNode)("v-if", true)])) : (0, vue.createCommentVNode)("v-if", true),
+				}, [__props.selectAllState === "all" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$2)) : __props.selectAllState === "some" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4$1)) : (0, vue.createCommentVNode)("v-if", true)], 42, _hoisted_2$2)) : (0, vue.createCommentVNode)("v-if", true)])])) : (0, vue.createCommentVNode)("v-if", true),
 				((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.columns, (col) => {
 					return (0, vue.openBlock)(), (0, vue.createElementBlock)("th", {
 						key: col.path,
@@ -580,11 +592,11 @@ var as_table_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							filters: __props.filters?.[col.path],
 							"column-menu": __props.columnMenu,
 							"width-entry": __props.columnWidths[col.path],
-							onSort: _cache[1] || (_cache[1] = (c, d) => emit("sort", c, d)),
-							onHide: _cache[2] || (_cache[2] = (c) => emit("hide", c)),
-							onFilter: _cache[3] || (_cache[3] = (c) => emit("filter", c)),
-							onFiltersOff: _cache[4] || (_cache[4] = (c) => emit("filters-off", c)),
-							onResetWidth: _cache[5] || (_cache[5] = (c) => emit("reset-width", c))
+							onSort: _cache[0] || (_cache[0] = (c, d) => emit("sort", c, d)),
+							onHide: _cache[1] || (_cache[1] = (c) => emit("hide", c)),
+							onFilter: _cache[2] || (_cache[2] = (c) => emit("filter", c)),
+							onFiltersOff: _cache[3] || (_cache[3] = (c) => emit("filters-off", c)),
+							onResetWidth: _cache[4] || (_cache[4] = (c) => emit("reset-width", c))
 						}, null, 40, [
 							"column",
 							"sort-direction",
@@ -596,12 +608,12 @@ var as_table_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							key: 0,
 							class: "as-th-resize-handle",
 							draggable: "false",
-							onDragstart: _cache[6] || (_cache[6] = (0, vue.withModifiers)(() => {}, ["prevent", "stop"])),
-							onPointerdown: _cache[7] || (_cache[7] = (0, vue.withModifiers)((...args) => (0, vue.unref)(onResizeHandlePointerDown) && (0, vue.unref)(onResizeHandlePointerDown)(...args), ["stop"])),
-							onPointermove: _cache[8] || (_cache[8] = (...args) => (0, vue.unref)(onResizeHandlePointerMove) && (0, vue.unref)(onResizeHandlePointerMove)(...args)),
-							onPointerup: _cache[9] || (_cache[9] = (...args) => (0, vue.unref)(onResizeHandleEnd) && (0, vue.unref)(onResizeHandleEnd)(...args)),
-							onPointercancel: _cache[10] || (_cache[10] = (...args) => (0, vue.unref)(onResizeHandleEnd) && (0, vue.unref)(onResizeHandleEnd)(...args)),
-							onDblclick: _cache[11] || (_cache[11] = (0, vue.withModifiers)((...args) => (0, vue.unref)(onResizeHandleDoubleClick) && (0, vue.unref)(onResizeHandleDoubleClick)(...args), ["stop"]))
+							onDragstart: _cache[5] || (_cache[5] = (0, vue.withModifiers)(() => {}, ["prevent", "stop"])),
+							onPointerdown: _cache[6] || (_cache[6] = (0, vue.withModifiers)((...args) => (0, vue.unref)(onResizeHandlePointerDown) && (0, vue.unref)(onResizeHandlePointerDown)(...args), ["stop"])),
+							onPointermove: _cache[7] || (_cache[7] = (...args) => (0, vue.unref)(onResizeHandlePointerMove) && (0, vue.unref)(onResizeHandlePointerMove)(...args)),
+							onPointerup: _cache[8] || (_cache[8] = (...args) => (0, vue.unref)(onResizeHandleEnd) && (0, vue.unref)(onResizeHandleEnd)(...args)),
+							onPointercancel: _cache[9] || (_cache[9] = (...args) => (0, vue.unref)(onResizeHandleEnd) && (0, vue.unref)(onResizeHandleEnd)(...args)),
+							onDblclick: _cache[10] || (_cache[10] = (0, vue.withModifiers)((...args) => (0, vue.unref)(onResizeHandleDoubleClick) && (0, vue.unref)(onResizeHandleDoubleClick)(...args), ["stop"]))
 						}, null, 32)) : (0, vue.createCommentVNode)("v-if", true)
 					], 46, _hoisted_5$1);
 				}), 128)),
@@ -612,12 +624,12 @@ var as_table_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 });
 //#endregion
 //#region src/components/internal/as-table-status.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = {
+const _hoisted_1$1 = {
 	key: 0,
 	class: "as-table-error"
 };
-const _hoisted_2 = { class: "as-vh-empty" };
-const _hoisted_3 = { class: "as-vh-empty-body" };
+const _hoisted_2$1 = { class: "as-vh-empty" };
+const _hoisted_3$1 = { class: "as-vh-empty-body" };
 const _hoisted_4 = {
 	key: 1,
 	class: "as-table-empty"
@@ -676,16 +688,16 @@ var as_table_status_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	},
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return __props.queryError ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, [(0, vue.renderSlot)(_ctx.$slots, "error", {
+			return __props.queryError ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$1, [(0, vue.renderSlot)(_ctx.$slots, "error", {
 				error: __props.queryError,
 				retry: __props.onRetry
-			}, () => [(0, vue.createElementVNode)("div", _hoisted_2, [
+			}, () => [(0, vue.createElementVNode)("div", _hoisted_2$1, [
 				_cache[3] || (_cache[3] = (0, vue.createElementVNode)("span", {
 					class: "as-vh-error-icon i-as-warning",
 					"aria-hidden": "true"
 				}, null, -1)),
 				_cache[4] || (_cache[4] = (0, vue.createElementVNode)("p", { class: "as-vh-empty-title" }, "Failed to load values", -1)),
-				(0, vue.createElementVNode)("p", _hoisted_3, (0, vue.toDisplayString)(__props.queryError.message), 1),
+				(0, vue.createElementVNode)("p", _hoisted_3$1, (0, vue.toDisplayString)(__props.queryError.message), 1),
 				__props.onRetry ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 					key: 0,
 					type: "button",
@@ -724,6 +736,113 @@ var as_table_status_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	}
 });
 //#endregion
+//#region src/components/internal/as-select-cell.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	class: "as-td-select",
+	role: "gridcell"
+};
+const _hoisted_2 = [
+	"tabindex",
+	"aria-checked",
+	"aria-disabled",
+	"aria-label",
+	"title"
+];
+const _hoisted_3 = {
+	key: 0,
+	class: "as-table-checkbox-tick",
+	"aria-hidden": "true"
+};
+//#endregion
+//#region src/components/internal/as-select-cell.vue
+var as_select_cell_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-select-cell",
+	props: {
+		row: {
+			type: Object,
+			required: true
+		},
+		index: {
+			type: Number,
+			required: true
+		},
+		selected: {
+			type: Boolean,
+			required: true
+		},
+		verdict: {
+			type: Object,
+			required: true
+		},
+		select: {
+			type: String,
+			required: true
+		},
+		selectOn: {
+			type: String,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = require_use_table_state.useTableContextOptional();
+		function toggle() {
+			if (ctx) require_use_table_state.toggleRowAt(props.index, props.select, ctx.state);
+		}
+		/**
+		* With `selectOn: "row"` the click bubbles to the row, which toggles; with
+		* `"control"` it toggles here and stops, so the row click (active-row move,
+		* `row-click`) and a double-click main action don't also fire.
+		*/
+		function onClick(event) {
+			if (props.selectOn !== "control") return;
+			event.stopPropagation();
+			toggle();
+		}
+		function onDblClick(event) {
+			if (props.selectOn === "control") event.stopPropagation();
+		}
+		function onKeydown(event) {
+			if (ctx) require_use_table_state.onSelectControlKeydown(event, props.index, props.select, ctx.state);
+		}
+		/** Accessible name for the control, carrying the disabled reason. */
+		function label() {
+			if (props.verdict.ok) return "Select row";
+			return props.verdict.reason ? `Select row, ${props.verdict.reason}` : "Select row, not selectable";
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_1, [(0, vue.renderSlot)(_ctx.$slots, "default", {
+				row: __props.row,
+				index: __props.index,
+				selected: __props.selected,
+				selectable: __props.verdict.ok,
+				reason: __props.verdict.reason,
+				toggle
+			}, () => [(0, vue.createElementVNode)("span", {
+				class: (0, vue.normalizeClass)(["as-table-checkbox", {
+					"as-table-checkbox-checked": __props.selected,
+					"as-table-checkbox-disabled": !__props.verdict.ok
+				}]),
+				role: "checkbox",
+				tabindex: __props.verdict.ok ? 0 : void 0,
+				"aria-checked": __props.selected ? "true" : "false",
+				"aria-disabled": __props.verdict.ok ? void 0 : "true",
+				"aria-label": label(),
+				title: __props.verdict.reason,
+				onClick,
+				onDblclick: onDblClick,
+				onKeydown
+			}, [__props.selected ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3)) : (0, vue.createCommentVNode)("v-if", true)], 42, _hoisted_2)])]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_select_cell_default", {
+	enumerable: true,
+	get: function() {
+		return as_select_cell_default;
+	}
+});
 Object.defineProperty(exports, "as_table_colgroup_default", {
 	enumerable: true,
 	get: function() {

package/dist/{as-table-B49x0hDM.mjs → as-table-NHqyekNd.mjs}

@@ -1,8 +1,8 @@
-import { a as useTableContext, i as useRegisterMainActionListener } from "./use-table-state-BzjbnpBA.mjs";
+import { a as useTableContext, i as useRegisterMainActionListener } from "./use-table-state-Cq-3tbVr.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 { t as as_table_base_default } from "./as-table-base-DErJfFYz.mjs";
+import { n as useRowActionsColumn, t as useTableColumnHandlers } from "./use-table-column-handlers-0myVzrZR.mjs";
+import { t as as_table_base_default } from "./as-table-base-89DkDZ-1.mjs";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderList, renderSlot, unref, watch, withCtx } from "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__ */ 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__ */ defineComponent({
 		});
 		useRegisterMainActionListener(state, (req) => emit("main-action", req.row, req.absIndex, req.event), useHasEmitListener("onMainAction"));
 		const { onSort, onHide, onFilter, onFiltersOff, onResetWidth, onReorder, onClearFilters } = useTableColumnHandlers(state);
-		function handleSelectAll() {
-			state.selectAll(effectiveRows.value);
-		}
-		function handleDeselectAll() {
-			state.selectedRows.value = [];
-		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(as_table_base_default, {
 				"render-mode": "standalone",
@@ -127,6 +126,7 @@ var as_table_default = /* @__PURE__ */ defineComponent({
 				sorters: unref(state).sorters.value,
 				"selected-rows": unref(state).selectedRows.value,
 				select: props.select,
+				"select-on": props.selectOn,
 				"row-value-fn": unref(state).rowValueFn,
 				querying: unref(state).querying.value,
 				"query-error": unref(state).queryError.value,
@@ -149,8 +149,6 @@ var as_table_default = /* @__PURE__ */ defineComponent({
 				onHide: unref(onHide),
 				onFilter: unref(onFilter),
 				onFiltersOff: unref(onFiltersOff),
-				onSelectAll: handleSelectAll,
-				onDeselectAll: handleDeselectAll,
 				onReorder: unref(onReorder),
 				onResize: unref(state).setColumnWidth,
 				onResetWidth: unref(onResetWidth),
@@ -167,6 +165,7 @@ var as_table_default = /* @__PURE__ */ defineComponent({
 				"sorters",
 				"selected-rows",
 				"select",
+				"select-on",
 				"row-value-fn",
 				"querying",
 				"query-error",