@atscript/vue-table 0.1.132 → 0.1.134

package/dist/{as-table-status-DGTZlpyq.mjs → as-table-status-QzlBdSiR.mjs}

@@ -1,8 +1,8 @@
-import { o as useTableContextOptional } from "./use-table-state-BxX3SpeW.mjs";
-import { t as useTableComponent } from "./use-table-component-K6xj1obF.mjs";
-import { t as as_table_header_cell_default } from "./as-table-header-cell-Bdhl5Lox.mjs";
-import { t as as_row_actions_default } from "./as-row-actions-xqJeAdQl.mjs";
-import { t as as_table_cell_value_default } from "./as-table-cell-value-CPcFxSOj.mjs";
+import { o as useTableContextOptional } from "./use-table-state-mBXx11aH.mjs";
+import { t as useTableComponent } from "./use-table-component-CRmLHdqi.mjs";
+import { t as as_table_header_cell_default } from "./as-table-header-cell-Xd3cvnII.mjs";
+import { t as as_row_actions_default } from "./as-row-actions-BkIsJVBm.mjs";
+import { t as as_table_cell_value_default } from "./as-table-cell-value-BVcfhhCb.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";
 //#region src/composables/use-cell-resolver.ts
@@ -532,6 +532,18 @@ var as_table_header_default = /* @__PURE__ */ 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 openBlock(), createElementBlock("thead", null, [createElementVNode("tr", null, [
 				__props.hasSelectColumn ? (openBlock(), createElementBlock("th", _hoisted_1$1, [__props.selectAllState ? (openBlock(), createElementBlock("span", {
@@ -542,9 +554,11 @@ var as_table_header_default = /* @__PURE__ */ 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" ? (openBlock(), createElementBlock("span", _hoisted_3$1)) : __props.selectAllState === "some" ? (openBlock(), createElementBlock("span", _hoisted_4$1)) : createCommentVNode("v-if", true)], 10, _hoisted_2$1)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("select-all-toggle", __props.selectAllState)),
+					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),
 				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
 					return openBlock(), createElementBlock("th", {
 						key: col.path,
@@ -557,37 +571,39 @@ var as_table_header_default = /* @__PURE__ */ defineComponent({
 						onDragover: ($event) => col.fixed ? void 0 : unref(onHeaderDragOver)($event),
 						onDrop: ($event) => col.fixed ? void 0 : unref(onHeaderDrop)($event),
 						onDragend: ($event) => col.fixed ? void 0 : unref(onHeaderDragEnd)()
-					}, [!col.fixed ? renderSlot(_ctx.$slots, `header-${col.path}`, {
-						key: 0,
-						column: col
-					}, () => [(openBlock(), createBlock(resolveDynamicComponent(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"
-					]))]) : createCommentVNode("v-if", true), __props.resizable && !col.fixed ? (openBlock(), createElementBlock("div", {
-						key: 1,
-						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"]))
-					}, null, 32)) : createCommentVNode("v-if", true)], 46, _hoisted_5$1);
+					}, [
+						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. "),
+						renderSlot(_ctx.$slots, `header-${col.path}`, { column: col }, () => [!col.fixed ? (openBlock(), createBlock(resolveDynamicComponent(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"
+						])) : createCommentVNode("v-if", true)]),
+						__props.resizable && !col.fixed ? (openBlock(), createElementBlock("div", {
+							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"]))
+						}, null, 32)) : createCommentVNode("v-if", true)
+					], 46, _hoisted_5$1);
 				}), 128)),
 				__props.withFiller ? (openBlock(), createElementBlock("th", _hoisted_6$1)) : createCommentVNode("v-if", true)
 			])]);

package/dist/{as-table-BWUPzjRn.cjs → as-table-vJbZyZVx.cjs}

@@ -1,10 +1,9 @@
-const require_use_table_state = require("./use-table-state-Oi2ds4_a.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_use_table_column_handlers = require("./use-table-column-handlers-ehreEzcx.cjs");
-const require_as_table_base = require("./as-table-base-RG2TEIgV.cjs");
+const require_use_table_state = require("./use-table-state-mhm-YWnu.cjs");
+const require_use_table_selection = require("./use-table-selection-DtCV3rhu.cjs");
+const require_use_has_emit_listener = require("./use-has-emit-listener-BaGFZDyM.cjs");
+const require_use_table_column_handlers = require("./use-table-column-handlers-BMrP0WY2.cjs");
+const require_as_table_base = require("./as-table-base-DLuhKz69.cjs");
 let vue = require("vue");
-let _atscript_ui_table = require("@atscript/ui-table");
 //#region src/components/as-table.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = { class: "as-table-outer-wrap" };
 const _hoisted_2 = {
@@ -76,6 +75,18 @@ var as_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: [
@@ -90,6 +101,9 @@ var as_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);
 		(0, vue.watch)(() => {
 			const placement = props.rowActionsColumn;
@@ -99,7 +113,7 @@ var as_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		}, (on) => {
 			state.includeActions.value = on;
 		}, { immediate: true });
-		const effectiveRows = (0, vue.computed)(() => props.rows ?? state.results.value);
+		const effectiveRows = (0, vue.computed)(() => state.applyLocalSort(props.rows ?? state.results.value));
 		const actionsCol = (0, vue.computed)(() => {
 			const acts = state.actions.row;
 			return {
@@ -126,7 +140,7 @@ var as_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		require_use_table_state.useRegisterMainActionListener(state, (req) => emit("main-action", req.row, req.absIndex, req.event), require_use_has_emit_listener.useHasEmitListener("onMainAction"));
 		const { onSort, onHide, onFilter, onFiltersOff, onResetWidth, onReorder, onClearFilters } = require_use_table_column_handlers.useTableColumnHandlers(state);
 		function handleSelectAll() {
-			state.selectedRows.value = (0, _atscript_ui_table.rowsToPks)(effectiveRows.value, state.rowValueFn);
+			state.selectAll(effectiveRows.value);
 		}
 		function handleDeselectAll() {
 			state.selectedRows.value = [];
@@ -155,6 +169,8 @@ var as_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				resizable: __props.resizable,
 				"column-min-width": __props.columnMinWidth,
 				"column-widths": (0, vue.unref)(state).columnWidths.value,
+				"row-class": __props.rowClass,
+				"row-attrs": __props.rowAttrs,
 				onSort: (0, vue.unref)(onSort),
 				onHide: (0, vue.unref)(onHide),
 				onFilter: (0, vue.unref)(onFilter),
@@ -193,6 +209,8 @@ var as_table_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"resizable",
 				"column-min-width",
 				"column-widths",
+				"row-class",
+				"row-attrs",
 				"onSort",
 				"onHide",
 				"onFilter",

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-vJbZyZVx.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-Ds7MEp37.cjs";
+import { t as _default } from "./as-table.vue-BB1vaNL6.cjs";
 export = _default;

package/dist/as-table.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table.vue-Ce5606ZO.mjs";
+import { t as _default } from "./as-table.vue-BUDFTCpo.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-BEvsX87E.mjs";
 export { as_table_default as default };

package/dist/{as-table.vue-Ds7MEp37.d.cts → as-table.vue-BB1vaNL6.d.cts}

@@ -1,4 +1,4 @@
-import { f as RowDeleteOpt, n as ColumnMenuConfig } from "./types-CTMxE_zA.cjs";
+import { g as RowDeleteOpt, h as RowClassHook, m as RowAttrsHook, n as ColumnMenuConfig, v as RowSelectableHook } from "./types--ex8BJIO.cjs";
 import * as vue from "vue";
 import { ColumnDef } from "@atscript/ui";
 import { SelectionMode } from "@atscript/ui-table";
@@ -54,26 +54,50 @@ 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;
 }>, {
-  select: SelectionMode;
   stickyHeader: boolean;
   virtualOverscan: number;
   reorderable: boolean;
   resizable: boolean;
   columnMinWidth: number;
+  select: SelectionMode;
   rowDelete: boolean | RowDeleteOpt;
   rowActionsColumn: "first" | "last" | "merge-select" | false;
   headless: boolean;

package/dist/{as-table.vue-Ce5606ZO.d.mts → as-table.vue-BUDFTCpo.d.mts}

@@ -1,4 +1,4 @@
-import { f as RowDeleteOpt, n as ColumnMenuConfig } from "./types-ByU4O0Yf.mjs";
+import { g as RowDeleteOpt, h as RowClassHook, m as RowAttrsHook, n as ColumnMenuConfig, v as RowSelectableHook } from "./types-CBGaTR2Z.mjs";
 import { ColumnDef } from "@atscript/ui";
 import * as vue from "vue";
 import { SelectionMode } from "@atscript/ui-table";
@@ -54,26 +54,50 @@ 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;
 }>, {
-  select: SelectionMode;
   stickyHeader: boolean;
   virtualOverscan: number;
   reorderable: boolean;
   resizable: boolean;
   columnMinWidth: number;
+  select: SelectionMode;
   rowDelete: boolean | RowDeleteOpt;
   rowActionsColumn: "first" | "last" | "merge-select" | false;
   headless: boolean;

package/dist/{as-window-table-DWujiUQy.mjs → as-window-table-BH0tDDnr.mjs}

@@ -1,9 +1,9 @@
-import { a as useTableContext, i as useRegisterMainActionListener } from "./use-table-state-BxX3SpeW.mjs";
-import { t as useSelectModeReset } from "./use-table-selection-C84z4OZy.mjs";
-import { t as useHasEmitListener } from "./use-has-emit-listener-BTMDIv2e.mjs";
-import { t as getCellValue } from "./get-cell-value-C8LLc_Rr.mjs";
-import { a as useCellComponents, i as useRafBatch, n as as_table_header_default, o as useCellResolver, r as as_table_colgroup_default, t as as_table_status_default } from "./as-table-status-DGTZlpyq.mjs";
-import { t as useTableColumnHandlers } from "./use-table-column-handlers-CpiiIniD.mjs";
+import { a as useTableContext, i as useRegisterMainActionListener, p as onSelectControlKeydown } from "./use-table-state-mBXx11aH.mjs";
+import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
+import { t as useSelectModeReset } from "./use-table-selection-ULbKT2xW.mjs";
+import { t as useHasEmitListener } from "./use-has-emit-listener-DrBbsLHQ.mjs";
+import { a as useCellComponents, i as useRafBatch, n as as_table_header_default, o as useCellResolver, r as as_table_colgroup_default, t as as_table_status_default } from "./as-table-status-QzlBdSiR.mjs";
+import { t as useTableColumnHandlers } from "./use-table-column-handlers-Bx3JERqs.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, unref, useSlots, watch, withCtx, withModifiers } from "vue";
 import { DEFAULT_ROW_HEIGHT_PX, clampTopIndex, filledFilterCount } from "@atscript/ui-table";
 import { useElementSize, useResizeObserver } from "@vueuse/core";
@@ -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__ */ defineComponent({
 			type: Boolean,
 			required: false,
 			default: false
+		},
+		rowClass: {
+			type: Function,
+			required: false
+		},
+		rowAttrs: {
+			type: Function,
+			required: false
 		}
 	},
 	emits: [
@@ -255,6 +271,10 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 		const { state } = useTableContext();
 		const { resolve: cellResolver, hasAnyCellBindings } = useCellResolver(() => state.tableDef.value);
 		const cellComponents = useCellComponents(() => state.columns.value);
+		const headerColumns = computed(() => state.columns.value.map((c) => c.local && c.sortable ? {
+			...c,
+			sortable: false
+		} : c));
 		const hasValue = computed(() => props.select !== "none");
 		const hasActiveFilters = computed(() => filledFilterCount(state.filters.value) > 0);
 		const selectAllState = computed(() => {
@@ -267,6 +287,13 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 			return out;
 		});
 		const rowStyle = computed(() => ({ height: `${props.rowHeight}px` }));
+		/** Shared "selectable" verdict — frozen, so a hookless pool allocates nothing. */
+		const SELECTABLE = Object.freeze({ ok: true });
+		/** Accessible name for a row's selection control, carrying the disabled reason. */
+		function selectLabel(verdict) {
+			if (verdict.ok) return "Select row";
+			return verdict.reason ? `Select row, ${verdict.reason}` : "Select row, not selectable";
+		}
 		const visibleSlots = computed(() => {
 			const viewport = state.viewportRowCount.value;
 			if (viewport <= 0) return [];
@@ -276,19 +303,38 @@ var as_window_table_base_default = /* @__PURE__ */ 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 +370,9 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 				mode: props.select
 			});
 		}
+		function onSelectCellKeydown(event, absIdx) {
+			onSelectControlKeydown(event, absIdx, props.select, state);
+		}
 		watch([() => state.activeIndex.value, () => state.viewportRowCount.value], ([idx, viewport]) => {
 			if (idx < 0) return;
 			if (viewport <= 0) return;
@@ -362,11 +411,12 @@ var as_window_table_base_default = /* @__PURE__ */ 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 } = useTableColumnHandlers(state);
 		const wrapperRef = ref(null);
@@ -431,7 +481,7 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 					]),
 					!__props.headless ? (openBlock(), createBlock(as_table_header_default, {
 						key: 0,
-						columns: unref(state).columns.value,
+						columns: headerColumns.value,
 						sorters: unref(state).sorters.value,
 						filters: unref(state).filters.value,
 						"column-menu": __props.columnMenu,
@@ -488,23 +538,37 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 						onTouchmove: withModifiers(onTouchMove, ["prevent"]),
 						onTouchend: onTouchEnd
 					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleSlots.value, (slot) => {
-						return openBlock(), createElementBlock(Fragment, { key: `slot-${slot.s}` }, [slot.row !== void 0 ? (openBlock(), createElementBlock("tr", {
+						return openBlock(), createElementBlock(Fragment, { key: `slot-${slot.s}` }, [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 ? (openBlock(), createElementBlock("tr", mergeProps({
 							key: 0,
+							ref_for: true
+						}, slot.attrs, {
 							id: unref(state).rowId(unref(state).topIndex.value + slot.s),
-							class: normalizeClass(["as-window-data-row", { "as-table-row-active": unref(state).activeIndex.value === unref(state).topIndex.value + slot.s }]),
+							class: [
+								"as-window-data-row",
+								{ "as-table-row-active": unref(state).activeIndex.value === unref(state).topIndex.value + slot.s },
+								slot.cls
+							],
+							"data-selectable": slot.selectable.ok ? void 0 : "false",
 							role: "row",
 							"aria-rowindex": unref(state).topIndex.value + slot.s + 2,
 							"aria-selected": slot.ariaSelected,
-							style: normalizeStyle(rowStyle.value),
+							style: rowStyle.value,
 							onClick: ($event) => onRowClick(slot.row, $event, unref(state).topIndex.value + slot.s),
 							onDblclick: ($event) => onRowDblClick(slot.row, $event, unref(state).topIndex.value + slot.s)
-						}, [
+						}), [
 							hasValue.value ? (openBlock(), createElementBlock("td", _hoisted_5, [createElementVNode("span", {
-								class: normalizeClass(["as-table-checkbox", { "as-table-checkbox-checked": slot.selected }]),
+								class: 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 ? (openBlock(), createElementBlock("span", _hoisted_7)) : createCommentVNode("v-if", true)], 10, _hoisted_6)])) : 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, unref(state).topIndex.value + slot.s)
+							}, [slot.selected ? (openBlock(), createElementBlock("span", _hoisted_7)) : createCommentVNode("v-if", true)], 42, _hoisted_6)])) : createCommentVNode("v-if", true),
 							unref(hasAnyCellBindings) ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(state).columns.value, (col) => {
 								return openBlock(), createElementBlock(Fragment, { key: col.path }, [(openBlock(true), createElementBlock(Fragment, null, renderList([unref(cellResolver)(col, slot.row, unref(state).topIndex.value + slot.s)], (bindings) => {
 									return openBlock(), createElementBlock(Fragment, { key: 0 }, [cellSlotFlags.value[col.path] ? (openBlock(), createElementBlock("td", mergeProps({
@@ -537,7 +601,7 @@ var as_window_table_base_default = /* @__PURE__ */ defineComponent({
 								class: "as-td-filler",
 								role: "gridcell"
 							}, null, -1))
-						], 46, _hoisted_4)) : (openBlock(), createBlock(as_window_skeleton_row_default, {
+						], 16, _hoisted_4)) : (openBlock(), createBlock(as_window_skeleton_row_default, {
 							key: 1,
 							columns: unref(state).columns.value,
 							"row-height": __props.rowHeight,
@@ -658,6 +722,18 @@ var as_window_table_default = /* @__PURE__ */ 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 +749,9 @@ var as_window_table_default = /* @__PURE__ */ defineComponent({
 		watch(() => props.rowDelete, (val) => {
 			state.rowDelete.value = val;
 		}, { immediate: true });
+		watch(() => props.rowSelectable, (val) => {
+			state.rowSelectable.value = val;
+		}, { immediate: true });
 		useSelectModeReset(state, () => props.select);
 		useRegisterMainActionListener(state, (req) => emit("main-action", req.row, req.absIndex, req.event), useHasEmitListener("onMainAction"));
 		const containerRef = ref(null);
@@ -709,6 +788,8 @@ var as_window_table_default = /* @__PURE__ */ 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 +807,9 @@ var as_window_table_default = /* @__PURE__ */ defineComponent({
 				"column-min-width",
 				"select",
 				"headless",
-				"enter-action"
+				"enter-action",
+				"row-class",
+				"row-attrs"
 			]), unref(state).querying.value ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "query-loading", {}, () => [_cache[2] || (_cache[2] = createElementVNode("span", {
 				class: "as-table-query-overlay-icon",
 				"aria-hidden": "true"