@atscript/vue-table 0.1.131 → 0.1.133

package/dist/{as-table-status-Du4WLF4k.cjs → as-table-status-BgDexT2x.cjs}

@@ -1,7 +1,7 @@
-const require_use_table_state = require("./use-table-state-Oi2ds4_a.cjs");
-const require_use_table_component = require("./use-table-component-DO_kvKSf.cjs");
-const require_as_table_header_cell = require("./as-table-header-cell-CIqlO6Lw.cjs");
-const require_as_row_actions = require("./as-row-actions-Bm6Bzyno.cjs");
+const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
+const require_use_table_component = require("./use-table-component-DlLganVc.cjs");
+const require_as_table_header_cell = require("./as-table-header-cell-Bb4ddLmQ.cjs");
+const require_as_row_actions = require("./as-row-actions-B_OHWIAt.cjs");
 const require_as_table_cell_value = require("./as-table-cell-value-D1JkTQt0.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
@@ -532,6 +532,18 @@ var as_table_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			table.style.tableLayout = origTableLayout;
 			return measured;
 		}
+		/**
+		* The select-all control is a `role="checkbox"` span, not a `<button>`, so
+		* it gets no native key activation: bind Space (checkbox semantics) and
+		* Enter (the table's row-activation key) explicitly.
+		*/
+		function onSelectAllKeydown(event) {
+			if (event.key !== " " && event.key !== "Enter") return;
+			if (!props.selectAllState) return;
+			event.preventDefault();
+			event.stopPropagation();
+			emit("select-all-toggle", props.selectAllState);
+		}
 		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", {
@@ -542,9 +554,11 @@ var as_table_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					}]),
 					role: "checkbox",
 					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))
-				}, [__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)], 10, _hoisted_2$1)) : (0, vue.createCommentVNode)("v-if", true)])) : (0, vue.createCommentVNode)("v-if", true),
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("select-all-toggle", __props.selectAllState)),
+					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),
 				((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,
@@ -557,37 +571,39 @@ var as_table_header_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						onDragover: ($event) => col.fixed ? void 0 : (0, vue.unref)(onHeaderDragOver)($event),
 						onDrop: ($event) => col.fixed ? void 0 : (0, vue.unref)(onHeaderDrop)($event),
 						onDragend: ($event) => col.fixed ? void 0 : (0, vue.unref)(onHeaderDragEnd)()
-					}, [!col.fixed ? (0, vue.renderSlot)(_ctx.$slots, `header-${col.path}`, {
-						key: 0,
-						column: col
-					}, () => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(HeaderCell)), {
-						column: col,
-						"sort-direction": sortMap.value[col.path] ?? null,
-						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))
-					}, null, 40, [
-						"column",
-						"sort-direction",
-						"filters",
-						"column-menu",
-						"width-entry"
-					]))]) : (0, vue.createCommentVNode)("v-if", true), __props.resizable && !col.fixed ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-						key: 1,
-						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"]))
-					}, null, 32)) : (0, vue.createCommentVNode)("v-if", true)], 46, _hoisted_5$1);
+					}, [
+						(0, vue.createCommentVNode)(" An explicitly supplied `header-<path>` slot renders for fixed\n             (synthesised) columns too; only the DEFAULT header cell is\n             suppressed there, so `__actions` keeps its blank gutter unless\n             the consumer fills it. Reorder/resize stay disabled regardless. "),
+						(0, vue.renderSlot)(_ctx.$slots, `header-${col.path}`, { column: col }, () => [!col.fixed ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(HeaderCell)), {
+							key: 0,
+							column: col,
+							"sort-direction": sortMap.value[col.path] ?? null,
+							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))
+						}, null, 40, [
+							"column",
+							"sort-direction",
+							"filters",
+							"column-menu",
+							"width-entry"
+						])) : (0, vue.createCommentVNode)("v-if", true)]),
+						__props.resizable && !col.fixed ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+							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"]))
+						}, null, 32)) : (0, vue.createCommentVNode)("v-if", true)
+					], 46, _hoisted_5$1);
 				}), 128)),
 				__props.withFiller ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("th", _hoisted_6$1)) : (0, vue.createCommentVNode)("v-if", true)
 			])]);

package/dist/as-table.cjs

@@ -1,2 +1,2 @@
-const require_as_table = require("./as-table-BWUPzjRn.cjs");
+const require_as_table = require("./as-table-BejpMVid.cjs");
 module.exports = require_as_table.as_table_default;

package/dist/as-table.d.cts

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

package/dist/as-table.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table.vue-DxtfL26P.mjs";
+import { t as _default } from "./as-table.vue-4WhMA8AM.mjs";
 export { _default as default };

package/dist/as-table.mjs

@@ -1,2 +1,2 @@
-import { t as as_table_default } from "./as-table-CDSG2yED.mjs";
+import { t as as_table_default } from "./as-table-D5_bQ0p5.mjs";
 export { as_table_default as default };

package/dist/{as-table.vue-DxtfL26P.d.mts → as-table.vue-4WhMA8AM.d.mts}

@@ -1,4 +1,4 @@
-import { f as RowDeleteOpt, n as ColumnMenuConfig } from "./types-ByU4O0Yf.mjs";
+import { f as RowAttrsHook, g as RowSelectableHook, m as RowDeleteOpt, n as ColumnMenuConfig, p as RowClassHook } from "./types-CXz-4dPz.mjs";
 import { ColumnDef } from "@atscript/ui";
 import * as vue from "vue";
 import { SelectionMode } from "@atscript/ui-table";
@@ -54,19 +54,43 @@ type __VLS_Props = {
    * (sort/filter/reorder/resize) are unavailable in headless mode.
    */
   headless?: boolean;
+  /**
+   * Per-row selectability. Return `false` — or a string, surfaced as the
+   * disabled reason on the row's selection control — to make a row not
+   * selectable. Enforced on every path: row click, Space/Enter toggle, and
+   * the header select-all (which also stops counting ineligible rows).
+   * Since 0.1.133.
+   *
+   * @example
+   * `:row-selectable="(row) => row.locked ? 'Locked by another user' : true"`
+   */
+  rowSelectable?: RowSelectableHook;
+  /**
+   * Extra classes for the row element — string, array, or
+   * `{ class: boolean }` map, merged with the framework's own row classes.
+   * Since 0.1.133.
+   */
+  rowClass?: RowClassHook;
+  /**
+   * Extra attributes for the row element. The framework's own `id`, `role`,
+   * `aria-*`, `data-*`, `class` and `style` always win, so a hook can
+   * decorate a row but never rewrite its accessibility contract.
+   * Since 0.1.133.
+   */
+  rowAttrs?: RowAttrsHook;
 };
 declare var __VLS_21: string, __VLS_22: any, __VLS_24: {};
 type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_21>]?: (props: typeof __VLS_22) => any } & {
   'query-loading'?: (props: typeof __VLS_24) => any;
 };
 declare const __VLS_base: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  "main-action": (row: Record<string, unknown>, absIndex: number, event: KeyboardEvent | MouseEvent) => any;
   "row-click": (row: Record<string, unknown>, event: MouseEvent) => any;
   "row-dblclick": (row: Record<string, unknown>, event: MouseEvent) => any;
-  "main-action": (row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+  "onMain-action"?: ((row: Record<string, unknown>, absIndex: number, event: KeyboardEvent | MouseEvent) => any) | undefined;
   "onRow-click"?: ((row: Record<string, unknown>, event: MouseEvent) => any) | undefined;
   "onRow-dblclick"?: ((row: Record<string, unknown>, event: MouseEvent) => any) | undefined;
-  "onMain-action"?: ((row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any) | undefined;
 }>, {
   stickyHeader: boolean;
   virtualOverscan: number;

package/dist/{as-table.vue-D9cCjbtr.d.cts → as-table.vue-_urybtQj.d.cts}

@@ -1,4 +1,4 @@
-import { f as RowDeleteOpt, n as ColumnMenuConfig } from "./types-CTMxE_zA.cjs";
+import { f as RowAttrsHook, g as RowSelectableHook, m as RowDeleteOpt, n as ColumnMenuConfig, p as RowClassHook } from "./types-BZ0HssRY.cjs";
 import * as vue from "vue";
 import { ColumnDef } from "@atscript/ui";
 import { SelectionMode } from "@atscript/ui-table";
@@ -54,19 +54,43 @@ type __VLS_Props = {
    * (sort/filter/reorder/resize) are unavailable in headless mode.
    */
   headless?: boolean;
+  /**
+   * Per-row selectability. Return `false` — or a string, surfaced as the
+   * disabled reason on the row's selection control — to make a row not
+   * selectable. Enforced on every path: row click, Space/Enter toggle, and
+   * the header select-all (which also stops counting ineligible rows).
+   * Since 0.1.133.
+   *
+   * @example
+   * `:row-selectable="(row) => row.locked ? 'Locked by another user' : true"`
+   */
+  rowSelectable?: RowSelectableHook;
+  /**
+   * Extra classes for the row element — string, array, or
+   * `{ class: boolean }` map, merged with the framework's own row classes.
+   * Since 0.1.133.
+   */
+  rowClass?: RowClassHook;
+  /**
+   * Extra attributes for the row element. The framework's own `id`, `role`,
+   * `aria-*`, `data-*`, `class` and `style` always win, so a hook can
+   * decorate a row but never rewrite its accessibility contract.
+   * Since 0.1.133.
+   */
+  rowAttrs?: RowAttrsHook;
 };
 declare var __VLS_21: string, __VLS_22: any, __VLS_24: {};
 type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_21>]?: (props: typeof __VLS_22) => any } & {
   'query-loading'?: (props: typeof __VLS_24) => any;
 };
 declare const __VLS_base: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  "main-action": (row: Record<string, unknown>, absIndex: number, event: KeyboardEvent | MouseEvent) => any;
   "row-click": (row: Record<string, unknown>, event: MouseEvent) => any;
   "row-dblclick": (row: Record<string, unknown>, event: MouseEvent) => any;
-  "main-action": (row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+  "onMain-action"?: ((row: Record<string, unknown>, absIndex: number, event: KeyboardEvent | MouseEvent) => any) | undefined;
   "onRow-click"?: ((row: Record<string, unknown>, event: MouseEvent) => any) | undefined;
   "onRow-dblclick"?: ((row: Record<string, unknown>, event: MouseEvent) => any) | undefined;
-  "onMain-action"?: ((row: Record<string, unknown>, absIndex: number, event: MouseEvent | KeyboardEvent) => any) | undefined;
 }>, {
   stickyHeader: boolean;
   virtualOverscan: number;

package/dist/{as-window-table-jD_y9yet.cjs → as-window-table-CXq6UuUx.cjs}

@@ -1,8 +1,8 @@
-const require_use_table_state = require("./use-table-state-Oi2ds4_a.cjs");
+const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
 const require_use_table_selection = require("./use-table-selection-Cmiu1h4S.cjs");
 const require_use_has_emit_listener = require("./use-has-emit-listener-hhOH8CBI.cjs");
 const require_get_cell_value = require("./get-cell-value-4rHKP-TG.cjs");
-const require_as_table_status = require("./as-table-status-Du4WLF4k.cjs");
+const require_as_table_status = require("./as-table-status-BgDexT2x.cjs");
 const require_use_table_column_handlers = require("./use-table-column-handlers-ehreEzcx.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
@@ -175,6 +175,7 @@ const _hoisted_2 = ["aria-rowcount", "aria-multiselectable"];
 const _hoisted_3 = ["aria-activedescendant"];
 const _hoisted_4 = [
 	"id",
+	"data-selectable",
 	"aria-rowindex",
 	"aria-selected",
 	"onClick",
@@ -185,7 +186,14 @@ const _hoisted_5 = {
 	class: "as-td-select",
 	role: "gridcell"
 };
-const _hoisted_6 = ["aria-checked"];
+const _hoisted_6 = [
+	"tabindex",
+	"aria-label",
+	"title",
+	"aria-checked",
+	"aria-disabled",
+	"onKeydown"
+];
 const _hoisted_7 = {
 	key: 0,
 	class: "as-table-checkbox-tick",
@@ -241,6 +249,14 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			required: false,
 			default: false
+		},
+		rowClass: {
+			type: Function,
+			required: false
+		},
+		rowAttrs: {
+			type: Function,
+			required: false
 		}
 	},
 	emits: [
@@ -267,6 +283,13 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return out;
 		});
 		const rowStyle = (0, vue.computed)(() => ({ height: `${props.rowHeight}px` }));
+		/** Shared "selectable" verdict — frozen, so a hookless pool allocates nothing. */
+		const SELECTABLE = Object.freeze({ ok: true });
+		/** Accessible name for a row's selection control, carrying the disabled reason. */
+		function selectLabel(verdict) {
+			if (verdict.ok) return "Select row";
+			return verdict.reason ? `Select row, ${verdict.reason}` : "Select row, not selectable";
+		}
 		const visibleSlots = (0, vue.computed)(() => {
 			const viewport = state.viewportRowCount.value;
 			if (viewport <= 0) return [];
@@ -276,19 +299,38 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			const rowValueFn = state.rowValueFn;
 			const hasSelection = props.select !== "none";
 			const selectedSet = hasSelection ? new Set(state.selectedRows.value) : null;
+			const gated = !!state.rowSelectable.value;
+			const hasHooks = gated || !!props.rowClass || !!props.rowAttrs;
 			const out = [];
 			for (let s = 0; s < count; s++) {
 				const abs = top + s;
 				const row = state.dataAt(abs);
 				const pk = row === void 0 ? void 0 : rowValueFn(row);
 				const selected = selectedSet !== null && row !== void 0 && selectedSet.has(pk);
+				let selectable = SELECTABLE;
+				let cls;
+				let attrs;
+				if (hasHooks && row !== void 0) {
+					const hookCtx = {
+						index: abs,
+						get selected() {
+							return selected;
+						}
+					};
+					if (gated) selectable = state.isRowSelectable(row, abs);
+					cls = props.rowClass?.(row, hookCtx);
+					attrs = props.rowAttrs?.(row, hookCtx);
+				}
 				out.push({
 					s,
 					row,
 					pk,
 					errored: row === void 0 && state.errorAt(abs) !== null,
 					selected,
-					ariaSelected: hasSelection ? selected ? "true" : "false" : void 0
+					ariaSelected: hasSelection ? selected ? "true" : "false" : void 0,
+					selectable,
+					cls,
+					attrs
 				});
 			}
 			return out;
@@ -324,6 +366,9 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				mode: props.select
 			});
 		}
+		function onSelectCellKeydown(event, absIdx) {
+			require_use_table_state.onSelectControlKeydown(event, absIdx, props.select, state);
+		}
 		(0, vue.watch)([() => state.activeIndex.value, () => state.viewportRowCount.value], ([idx, viewport]) => {
 			if (idx < 0) return;
 			if (viewport <= 0) return;
@@ -362,11 +407,12 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			state.requestMainAction(event);
 		}
 		function onSelectAllToggle(headerState) {
-			if (headerState === "none") {
-				const pks = [];
-				for (const row of state.windowCache.value.values()) pks.push(state.rowValueFn(row));
-				state.selectedRows.value = pks;
-			} else state.selectedRows.value = [];
+			if (headerState !== "none") {
+				state.selectedRows.value = [];
+				return;
+			}
+			const entries = [...state.windowCache.value.entries()].toSorted((a, b) => a[0] - b[0]);
+			state.selectAll(entries.map((e) => e[1]), (i) => entries[i][0]);
 		}
 		const { onSort, onHide, onFilter, onFiltersOff, onResetWidth, onReorder, onClearFilters } = require_use_table_column_handlers.useTableColumnHandlers(state);
 		const wrapperRef = (0, vue.ref)(null);
@@ -488,23 +534,37 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						onTouchmove: (0, vue.withModifiers)(onTouchMove, ["prevent"]),
 						onTouchend: onTouchEnd
 					}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(visibleSlots.value, (slot) => {
-						return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: `slot-${slot.s}` }, [slot.row !== void 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("tr", {
+						return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: `slot-${slot.s}` }, [(0, vue.createCommentVNode)("\n              `v-bind=\"slot.attrs\"` comes FIRST so every framework binding\n              after it wins — consumer attrs decorate a row, never rewrite its\n              id / role / aria / data contract.\n            "), slot.row !== void 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("tr", (0, vue.mergeProps)({
 							key: 0,
+							ref_for: true
+						}, slot.attrs, {
 							id: (0, vue.unref)(state).rowId((0, vue.unref)(state).topIndex.value + slot.s),
-							class: (0, vue.normalizeClass)(["as-window-data-row", { "as-table-row-active": (0, vue.unref)(state).activeIndex.value === (0, vue.unref)(state).topIndex.value + slot.s }]),
+							class: [
+								"as-window-data-row",
+								{ "as-table-row-active": (0, vue.unref)(state).activeIndex.value === (0, vue.unref)(state).topIndex.value + slot.s },
+								slot.cls
+							],
+							"data-selectable": slot.selectable.ok ? void 0 : "false",
 							role: "row",
 							"aria-rowindex": (0, vue.unref)(state).topIndex.value + slot.s + 2,
 							"aria-selected": slot.ariaSelected,
-							style: (0, vue.normalizeStyle)(rowStyle.value),
+							style: rowStyle.value,
 							onClick: ($event) => onRowClick(slot.row, $event, (0, vue.unref)(state).topIndex.value + slot.s),
 							onDblclick: ($event) => onRowDblClick(slot.row, $event, (0, vue.unref)(state).topIndex.value + slot.s)
-						}, [
+						}), [
 							hasValue.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_5, [(0, vue.createElementVNode)("span", {
-								class: (0, vue.normalizeClass)(["as-table-checkbox", { "as-table-checkbox-checked": slot.selected }]),
+								class: (0, vue.normalizeClass)(["as-table-checkbox", {
+									"as-table-checkbox-checked": slot.selected,
+									"as-table-checkbox-disabled": !slot.selectable.ok
+								}]),
 								role: "checkbox",
-								tabindex: "0",
-								"aria-checked": slot.selected ? "true" : "false"
-							}, [slot.selected ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_7)) : (0, vue.createCommentVNode)("v-if", true)], 10, _hoisted_6)])) : (0, vue.createCommentVNode)("v-if", true),
+								tabindex: slot.selectable.ok ? 0 : void 0,
+								"aria-label": selectLabel(slot.selectable),
+								title: slot.selectable.reason,
+								"aria-checked": slot.selected ? "true" : "false",
+								"aria-disabled": slot.selectable.ok ? void 0 : "true",
+								onKeydown: ($event) => onSelectCellKeydown($event, (0, vue.unref)(state).topIndex.value + slot.s)
+							}, [slot.selected ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_7)) : (0, vue.createCommentVNode)("v-if", true)], 42, _hoisted_6)])) : (0, vue.createCommentVNode)("v-if", true),
 							(0, vue.unref)(hasAnyCellBindings) ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, (0, vue.renderList)((0, vue.unref)(state).columns.value, (col) => {
 								return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: col.path }, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)([(0, vue.unref)(cellResolver)(col, slot.row, (0, vue.unref)(state).topIndex.value + slot.s)], (bindings) => {
 									return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [cellSlotFlags.value[col.path] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", (0, vue.mergeProps)({
@@ -537,7 +597,7 @@ var as_window_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								class: "as-td-filler",
 								role: "gridcell"
 							}, null, -1))
-						], 46, _hoisted_4)) : ((0, vue.openBlock)(), (0, vue.createBlock)(as_window_skeleton_row_default, {
+						], 16, _hoisted_4)) : ((0, vue.openBlock)(), (0, vue.createBlock)(as_window_skeleton_row_default, {
 							key: 1,
 							columns: (0, vue.unref)(state).columns.value,
 							"row-height": __props.rowHeight,
@@ -658,6 +718,18 @@ var as_window_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			required: false,
 			default: false
+		},
+		rowSelectable: {
+			type: Function,
+			required: false
+		},
+		rowClass: {
+			type: Function,
+			required: false
+		},
+		rowAttrs: {
+			type: Function,
+			required: false
 		}
 	},
 	emits: [
@@ -673,6 +745,9 @@ var as_window_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		(0, vue.watch)(() => props.rowDelete, (val) => {
 			state.rowDelete.value = val;
 		}, { immediate: true });
+		(0, vue.watch)(() => props.rowSelectable, (val) => {
+			state.rowSelectable.value = val;
+		}, { immediate: true });
 		require_use_table_selection.useSelectModeReset(state, () => props.select);
 		require_use_table_state.useRegisterMainActionListener(state, (req) => emit("main-action", req.row, req.absIndex, req.event), require_use_has_emit_listener.useHasEmitListener("onMainAction"));
 		const containerRef = (0, vue.ref)(null);
@@ -709,6 +784,8 @@ var as_window_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				select: __props.select,
 				headless: __props.headless,
 				"enter-action": __props.enterAction,
+				"row-class": __props.rowClass,
+				"row-attrs": __props.rowAttrs,
 				onRowClick: _cache[0] || (_cache[0] = (row, ev) => emit("row-click", row, ev)),
 				onRowDblclick: _cache[1] || (_cache[1] = (row, ev) => emit("row-dblclick", row, ev)),
 				onViewportMetricsChange: onMetrics
@@ -726,7 +803,9 @@ var as_window_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"column-min-width",
 				"select",
 				"headless",
-				"enter-action"
+				"enter-action",
+				"row-class",
+				"row-attrs"
 			]), (0, vue.unref)(state).querying.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1, [(0, vue.renderSlot)(_ctx.$slots, "query-loading", {}, () => [_cache[2] || (_cache[2] = (0, vue.createElementVNode)("span", {
 				class: "as-table-query-overlay-icon",
 				"aria-hidden": "true"