@atscript/vue-table 0.1.141 → 0.1.142

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

@@ -1,6 +1,6 @@
-import { h as onSelectControlKeydown, o as useTableContextOptional } from "./use-table-state-BgLIOO31.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-Bl9XmWqc.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--MfU8LVN.cjs → as-table-base-umzg4PBR.cjs}

@@ -1,6 +1,6 @@
-const require_use_table_state = require("./use-table-state-CgXY-ruN.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-bbuFDaaK.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-M8g9X9dR.mjs → as-table-header-cell-DU3ws2x9.mjs}

@@ -1,4 +1,4 @@
-import { t as useTableComponent } from "./use-table-component-OTdgA202.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-10DQEs00.cjs → as-table-header-cell-f3YpgJX1.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_component = require("./use-table-component-Tc_ZvZua.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-10DQEs00.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-D-iI_EJY.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-SMBpzqU2.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-M8g9X9dR.mjs";
+import { t as as_table_header_cell_default } from "./as-table-header-cell-DU3ws2x9.mjs";
 export { as_table_header_cell_default as default };

package/dist/{as-table-header-cell.vue-D-iI_EJY.d.cts → as-table-header-cell.vue-5VGRc23o.d.mts}

@@ -1,6 +1,6 @@
-import { r as ColumnMenuConfig } from "./types-Cdk5OH1-.cjs";
-import * as vue from "vue";
+import { r as ColumnMenuConfig } from "./types-BU7J-a1r.mjs";
 import { ColumnDef } from "@atscript/ui";
+import * as vue from "vue";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";
 
 //#region src/components/defaults/as-table-header-cell.vue.d.ts

package/dist/{as-table-header-cell.vue-SMBpzqU2.d.mts → as-table-header-cell.vue-XR90UlHO.d.cts}

@@ -1,6 +1,6 @@
-import { r as ColumnMenuConfig } from "./types-Ev-A5h_D.mjs";
-import { ColumnDef } from "@atscript/ui";
+import { r as ColumnMenuConfig } from "./types-D4dK49sA.cjs";
 import * as vue from "vue";
+import { ColumnDef } from "@atscript/ui";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";
 
 //#region src/components/defaults/as-table-header-cell.vue.d.ts

package/dist/{as-table-root-Bl423S7X.mjs → as-table-root-47hiBEnq.mjs}

@@ -1,8 +1,8 @@
-import { c as warnUnsupportedFilter, i as useRegisterMainActionListener, s as warnFieldsDropped, t as createStaticTableState } from "./use-table-state-BgLIOO31.mjs";
-import { n as finalizeTableState, r as useTable } from "./use-table-BG3IZyCO.mjs";
-import { t as useTableNavBridge } from "./use-table-nav-bridge-BNjwR3qy.mjs";
+import { c as warnUnsupportedFilter, i as useRegisterMainActionListener, s as warnFieldsDropped, t as createStaticTableState } from "./use-table-state-Cq-3tbVr.mjs";
+import { n as finalizeTableState, r as useTable } from "./use-table-DlqGHjPh.mjs";
+import { t as useTableNavBridge } from "./use-table-nav-bridge-CkQqimdS.mjs";
 import { t as useHasEmitListener } from "./use-has-emit-listener-DrBbsLHQ.mjs";
-import { t as as_confirm_dialog_default } from "./as-confirm-dialog-SIqCOw2p.mjs";
+import { t as as_confirm_dialog_default } from "./as-confirm-dialog-C9Qat2rG.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineAsyncComponent, defineComponent, mergeModels, openBlock, ref, renderSlot, resolveDynamicComponent, unref, useModel, watch } from "vue";
 import { DEV } from "@atscript/ui-table";
 //#endregion

package/dist/{as-table-root-CGXKfCIk.cjs → as-table-root-DDeGktcl.cjs}

@@ -1,8 +1,8 @@
-const require_use_table_state = require("./use-table-state-CgXY-ruN.cjs");
-const require_use_table = require("./use-table-rc6_sYU6.cjs");
-const require_use_table_nav_bridge = require("./use-table-nav-bridge-ByQo00IH.cjs");
+const require_use_table_state = require("./use-table-state-BiklfjP0.cjs");
+const require_use_table = require("./use-table-yZNJTfRq.cjs");
+const require_use_table_nav_bridge = require("./use-table-nav-bridge-QU4jKhqx.cjs");
 const require_use_has_emit_listener = require("./use-has-emit-listener-BaGFZDyM.cjs");
-const require_as_confirm_dialog = require("./as-confirm-dialog-hHYVEX9E.cjs");
+const require_as_confirm_dialog = require("./as-confirm-dialog-fCwo1ty9.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 //#endregion

package/dist/as-table-root.cjs

@@ -1,2 +1,2 @@
-const require_as_table_root = require("./as-table-root-CGXKfCIk.cjs");
+const require_as_table_root = require("./as-table-root-DDeGktcl.cjs");
 module.exports = require_as_table_root.as_table_root_default;

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-root.vue-D5H8uXFK.cjs";
+import { t as _default } from "./as-table-root.vue-yZ7ZcwdT.cjs";
 export = _default;

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-root.vue-BROdsTqv.mjs";
+import { t as _default } from "./as-table-root.vue-BGx453_Q.mjs";
 export { _default as default };

package/dist/as-table-root.mjs

@@ -1,2 +1,2 @@
-import { t as as_table_root_default } from "./as-table-root-Bl423S7X.mjs";
+import { t as as_table_root_default } from "./as-table-root-47hiBEnq.mjs";
 export { as_table_root_default as default };

package/dist/{as-table-root.vue-BROdsTqv.d.mts → as-table-root.vue-BGx453_Q.d.mts}

@@ -1,4 +1,4 @@
-import { C as TAsCellTypeComponents, D as TableNavBridge, E as TableActionsState, T as TVueTableActionInfo, a as ConfirmOptions, d as NavKeyOptions, f as PresetConfig, g as RowActionsConfig, m as ReactiveTableState, o as DroppedFieldsReport, t as ActionResult, w as TAsTableControls } from "./types-Ev-A5h_D.mjs";
+import { D as TVueTableActionInfo, E as TAsTableControls, O as TableActionsState, T as TAsCellTypeComponents, a as ConfirmOptions, d as NavKeyOptions, f as PresetConfig, g as RowActionsConfig, k as TableNavBridge, m as ReactiveTableState, o as DroppedFieldsReport, t as ActionResult } from "./types-BU7J-a1r.mjs";
 import * as _atscript_ui0 from "@atscript/ui";
 import { ClientFactory, ClientFactory as ClientFactory$1, ColumnDef, SortControl, TableDef, getDefaultClientFactory, resetDefaultClientFactory, setDefaultClientFactory } from "@atscript/ui";
 import * as vue from "vue";
@@ -2571,11 +2571,12 @@ declare const __VLS_base: vue.DefineComponent<__VLS_PublicProps, {
   "update:selectedRows": (value: unknown[]) => any;
   "update:urlQuery": (value: string | undefined) => any;
 } & {
+  "main-action": (row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any;
   "unsupported-filter": (issue: UnsupportedFilter) => any;
   "fields-dropped": (report: DroppedFieldsReport) => any;
-  action: (action: TVueTableActionInfo, ids: unknown[], result: ActionResult, event?: KeyboardEvent | MouseEvent | undefined) => any;
-  "main-action": (row: Record<string, unknown>, absIndex: number, event: KeyboardEvent | MouseEvent) => any;
+  action: (action: TVueTableActionInfo, ids: unknown[], result: ActionResult, event?: MouseEvent | KeyboardEvent | undefined) => any;
 }, string, vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+  "onMain-action"?: ((row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any) | undefined;
   "onUnsupported-filter"?: ((issue: UnsupportedFilter) => any) | undefined;
   "onFields-dropped"?: ((report: DroppedFieldsReport) => any) | undefined;
   "onUpdate:filterFields"?: ((value: string[]) => any) | undefined;
@@ -2585,8 +2586,7 @@ declare const __VLS_base: vue.DefineComponent<__VLS_PublicProps, {
   "onUpdate:ignoreSortersWhenSearched"?: ((value: boolean) => any) | undefined;
   "onUpdate:selectedRows"?: ((value: unknown[]) => any) | undefined;
   "onUpdate:urlQuery"?: ((value: string | undefined) => any) | undefined;
-  onAction?: ((action: TVueTableActionInfo, ids: unknown[], result: ActionResult, event?: KeyboardEvent | MouseEvent | undefined) => any) | undefined;
-  "onMain-action"?: ((row: Record<string, unknown>, absIndex: number, event: KeyboardEvent | MouseEvent) => any) | undefined;
+  onAction?: ((action: TVueTableActionInfo, ids: unknown[], result: ActionResult, event?: MouseEvent | KeyboardEvent | undefined) => any) | undefined;
 }>, {
   localSort: boolean;
   queryOnMount: boolean;