@atscript/vue-table 0.1.132 → 0.1.133

package/dist/{as-table-actions-gV4lqqxc.cjs → as-table-actions-qb0gQz2D.cjs}

@@ -1,5 +1,5 @@
-const require_use_table_state = require("./use-table-state-Oi2ds4_a.cjs");
-const require_as_action_menu_content = require("./as-action-menu-content-C5qx9MPE.cjs");
+const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
+const require_as_action_menu_content = require("./as-action-menu-content-DiS37BYK.cjs");
 let vue = require("vue");
 let reka_ui = require("reka-ui");
 //#region src/components/as-table-actions.vue?vue&type=script&setup=true&lang.ts
@@ -8,6 +8,12 @@ const _hoisted_1 = {
 	class: "as-table-actions"
 };
 const _hoisted_2 = { class: "as-table-actions-btn-label" };
+const _hoisted_3 = ["aria-label", "aria-busy"];
+const _hoisted_4 = {
+	class: "sr-only",
+	role: "status",
+	"aria-live": "polite"
+};
 //#endregion
 //#region src/components/as-table-actions.vue
 var as_table_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -102,6 +108,43 @@ var as_table_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return require_use_table_state.actionHref(state, action, resolved.value.ids[0]);
 		}
 		const { onTriggerClick, onTriggerAuxClick, openNewTab } = require_use_table_state.createNavigateGestures(state, promptCtx, hrefFor);
+		const running = (0, vue.computed)(() => state.actions.invoking.value);
+		function isRunning(action) {
+			return action !== void 0 && running.value.has(action.name);
+		}
+		/** Accessible name for a trigger, suffixed while its action is in flight. */
+		function triggerLabel(action) {
+			const label = require_use_table_state.ariaLabelFor(action);
+			return isRunning(action) ? `${label}, running` : label;
+		}
+		const menuBusy = (0, vue.computed)(() => resolved.value.otherActions.some((a) => isRunning(a)) || resolved.value.trailingRowActions.some((a) => isRunning(a)));
+		const liveMessage = (0, vue.ref)("");
+		const startedLabels = /* @__PURE__ */ new Map();
+		function labelOfName(name) {
+			const cached = startedLabels.get(name);
+			if (cached !== void 0) return cached;
+			for (const bucket of [
+				state.actions.table,
+				state.actions.row,
+				state.actions.rows
+			]) for (const a of bucket) if (a.name === name) return require_use_table_state.ariaLabelFor(a);
+			return name;
+		}
+		(0, vue.watch)(running, (next, prev) => {
+			const before = prev ?? /* @__PURE__ */ new Set();
+			for (const name of next) {
+				if (before.has(name)) continue;
+				const label = labelOfName(name);
+				startedLabels.set(name, label);
+				liveMessage.value = `${label} running`;
+			}
+			for (const name of before) {
+				if (next.has(name)) continue;
+				const label = labelOfName(name);
+				startedLabels.delete(name);
+				liveMessage.value = `${label} ${state.actions.lastResult.value.get(name)?.ok ? "finished" : "failed"}`;
+			}
+		});
 		return (_ctx, _cache) => {
 			return hasAny.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1, [(0, vue.renderSlot)(_ctx.$slots, "default", {
 				defaultAction: resolved.value.defaultAction,
@@ -116,8 +159,9 @@ var as_table_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				type: resolved.value.defaultAsLink ? void 0 : "button",
 				class: (0, vue.normalizeClass)(["as-table-actions-btn", (0, vue.unref)(require_use_table_state.intentClass)("as-table-actions", resolved.value.defaultAction)]),
 				"data-default": "",
-				"aria-label": (0, vue.unref)(require_use_table_state.ariaLabelFor)(resolved.value.defaultAction),
+				"aria-label": triggerLabel(resolved.value.defaultAction),
 				title: (0, vue.unref)(require_use_table_state.ariaLabelFor)(resolved.value.defaultAction),
+				"aria-busy": isRunning(resolved.value.defaultAction) ? "true" : void 0,
 				onClick: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(onTriggerClick)(resolved.value.defaultAction, resolved.value.defaultHref, resolved.value.defaultAsLink, $event)),
 				onAuxclick: _cache[1] || (_cache[1] = ($event) => (0, vue.unref)(onTriggerAuxClick)(resolved.value.defaultAction, resolved.value.defaultHref, resolved.value.defaultAsLink, $event))
 			}, {
@@ -132,21 +176,23 @@ var as_table_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				"type",
 				"class",
 				"aria-label",
-				"title"
+				"title",
+				"aria-busy"
 			])) : (0, vue.createCommentVNode)("v-if", true), resolved.value.otherActions.length > 0 || resolved.value.trailingRowActions.length > 0 ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuRoot), {
 				key: 1,
 				modal: false
 			}, {
 				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.DropdownMenuTrigger), { "as-child": "" }, {
-					default: (0, vue.withCtx)(() => [..._cache[2] || (_cache[2] = [(0, vue.createElementVNode)("button", {
+					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "as-table-actions-more",
-						"aria-label": "More actions",
-						title: "More actions"
-					}, [(0, vue.createElementVNode)("span", {
+						"aria-label": menuBusy.value ? "More actions, running" : "More actions",
+						title: "More actions",
+						"aria-busy": menuBusy.value ? "true" : void 0
+					}, [..._cache[2] || (_cache[2] = [(0, vue.createElementVNode)("span", {
 						class: "i-as-menu",
 						"aria-hidden": "true"
-					})], -1)])]),
+					}, null, -1)])], 8, _hoisted_3)]),
 					_: 1
 				}), (0, vue.createVNode)((0, vue.unref)(reka_ui.DropdownMenuPortal), null, {
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)(require_as_action_menu_content.as_action_menu_content_default, {
@@ -163,7 +209,7 @@ var as_table_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					_: 3
 				})]),
 				_: 3
-			})) : (0, vue.createCommentVNode)("v-if", true)])])) : (0, vue.createCommentVNode)("v-if", true);
+			})) : (0, vue.createCommentVNode)("v-if", true)]), (0, vue.createElementVNode)("span", _hoisted_4, (0, vue.toDisplayString)(liveMessage.value), 1)])) : (0, vue.createCommentVNode)("v-if", true);
 		};
 	}
 });

package/dist/as-table-actions.cjs

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

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

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

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

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

package/dist/as-table-actions.mjs

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

package/dist/{as-table-actions.vue-B-cgiCXP.d.cts → as-table-actions.vue-CckRRsL6.d.cts}

@@ -1,4 +1,4 @@
-import { h as TVueTableActionInfo } from "./types-CTMxE_zA.cjs";
+import { b as TVueTableActionInfo } from "./types-BZ0HssRY.cjs";
 import * as vue from "vue";
 
 //#region src/components/as-table-actions.vue.d.ts
@@ -18,7 +18,7 @@ declare var __VLS_1: {
     defaultAction: TVueTableActionInfo | undefined;
     otherActions: TVueTableActionInfo[];
     trailingRowActions: TVueTableActionInfo[];
-    level: "row" | "table" | "rows";
+    level: "row" | "rows" | "table";
     ids: Record<string, unknown>[];
     invoke: typeof invokeWith;
   }, __VLS_12: {

package/dist/{as-table-actions.vue-ClMa0OD1.d.mts → as-table-actions.vue-DsqauvXR.d.mts}

@@ -1,4 +1,4 @@
-import { h as TVueTableActionInfo } from "./types-ByU4O0Yf.mjs";
+import { b as TVueTableActionInfo } from "./types-CXz-4dPz.mjs";
 import * as vue from "vue";
 
 //#region src/components/as-table-actions.vue.d.ts
@@ -18,7 +18,7 @@ declare var __VLS_1: {
     defaultAction: TVueTableActionInfo | undefined;
     otherActions: TVueTableActionInfo[];
     trailingRowActions: TVueTableActionInfo[];
-    level: "row" | "table" | "rows";
+    level: "row" | "rows" | "table";
     ids: Record<string, unknown>[];
     invoke: typeof invokeWith;
   }, __VLS_12: {

package/dist/{as-table-base-BaTE3VSN.mjs → as-table-base-B0arhJI8.mjs}

@@ -1,6 +1,6 @@
-import { o as useTableContextOptional } from "./use-table-state-BxX3SpeW.mjs";
+import { o as useTableContextOptional, p as onSelectControlKeydown } from "./use-table-state-DLJbW753.mjs";
 import { t as getCellValue } from "./get-cell-value-C8LLc_Rr.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-DGTZlpyq.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-B9jlzPPV.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";
@@ -160,6 +160,7 @@ const _hoisted_6 = [
 	"id",
 	"aria-rowindex",
 	"aria-selected",
+	"data-selectable",
 	"onClick",
 	"onDblclick"
 ];
@@ -168,16 +169,24 @@ const _hoisted_7 = {
 	class: "as-td-select",
 	role: "gridcell"
 };
-const _hoisted_8 = {
+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_9 = {
+const _hoisted_10 = {
 	key: 0,
 	role: "gridcell"
 };
-const _hoisted_10 = {
+const _hoisted_11 = {
 	key: 3,
 	class: "as-td-filler",
 	role: "gridcell"
@@ -289,6 +298,14 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			required: false,
 			default: false
+		},
+		rowClass: {
+			type: Function,
+			required: false
+		},
+		rowAttrs: {
+			type: Function,
+			required: false
 		}
 	},
 	emits: [
@@ -314,14 +331,69 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 		const isListbox = computed(() => props.renderMode === "listbox");
 		const isRekaWrapped = computed(() => isCombobox.value || isListbox.value);
 		const hasValue = computed(() => isRekaWrapped.value || props.select !== "none");
+		const SELECTABLE = Object.freeze({ ok: true });
+		const DEFAULT_ROW_META = Object.freeze({
+			selectable: SELECTABLE,
+			cls: void 0,
+			attrs: void 0
+		});
+		const rowHooks = computed(() => {
+			const rows = props.rows;
+			if (!isStandalone.value) return {
+				metas: [],
+				selectable: rows.length,
+				selected: 0
+			};
+			const gated = !!ctx?.state.rowSelectable.value;
+			if (!gated && !props.rowClass && !props.rowAttrs) {
+				let selected = 0;
+				for (const row of rows) if (isPkSelected(row)) selected++;
+				return {
+					metas: [],
+					selectable: rows.length,
+					selected
+				};
+			}
+			let selectable = 0;
+			let selected = 0;
+			return {
+				metas: rows.map((row, index) => {
+					const hookCtx = {
+						index,
+						get selected() {
+							return isPkSelected(row);
+						}
+					};
+					const verdict = gated ? ctx.state.isRowSelectable(row, index) : SELECTABLE;
+					if (verdict.ok) {
+						selectable++;
+						if (isPkSelected(row)) selected++;
+					}
+					return {
+						selectable: verdict,
+						cls: props.rowClass?.(row, hookCtx),
+						attrs: props.rowAttrs?.(row, hookCtx)
+					};
+				}),
+				selectable,
+				selected
+			};
+		});
+		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;
-			const sel = props.selectedRows ?? [];
-			if (sel.length === 0) return "none";
-			if (sel.length === props.rows.length && props.rows.length > 0) return "all";
-			return "some";
+			if ((props.selectedRows ?? []).length === 0) return "none";
+			const { selectable, selected } = rowHooks.value;
+			return selectable > 0 && selected >= selectable ? "all" : "some";
 		});
 		const emit = __emit;
 		const slots = useSlots();
@@ -360,6 +432,11 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 			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;
@@ -597,50 +674,68 @@ var as_table_base_default = /* @__PURE__ */ defineComponent({
 						"aria-activedescendant": ariaActiveDescendant.value,
 						onKeydown: onTbodyKeydown
 					}, {
-						default: withCtx(({ item, index, spaceBefore }) => [createElementVNode("tr", {
-							id: rowIdFor(index),
-							role: "row",
-							"aria-rowindex": index + 2,
-							"aria-selected": ariaSelectedFor(item),
-							class: normalizeClass({ "as-table-row-active": isActiveRow(index) }),
-							style: normalizeStyle({
-								height: __props.virtualRowHeight ? `${__props.virtualRowHeight}px` : void 0,
-								transform: spaceBefore ? `translateY(${spaceBefore}px)` : void 0
-							}),
-							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) }]) }, [isPkSelected(item) ? (openBlock(), createElementBlock("span", _hoisted_8)) : createCommentVNode("v-if", true)], 2)])) : 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({
-										key: 0,
-										role: "gridcell"
-									}, { ref_for: true }, bindings), [renderSlot(_ctx.$slots, `cell-${col.path}`, {
+						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) => {
+							return openBlock(), createElementBlock("tr", mergeProps({
+								key: 0,
+								ref_for: true
+							}, meta.attrs, {
+								id: rowIdFor(index),
+								role: "row",
+								"aria-rowindex": index + 2,
+								"aria-selected": ariaSelectedFor(item),
+								"data-selectable": meta.selectable.ok ? void 0 : "false",
+								class: [{ "as-table-row-active": isActiveRow(index) }, meta.cls],
+								style: {
+									height: __props.virtualRowHeight ? `${__props.virtualRowHeight}px` : void 0,
+									transform: spaceBefore ? `translateY(${spaceBefore}px)` : void 0
+								},
+								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),
+								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({
+											key: 0,
+											role: "gridcell"
+										}, { ref_for: true }, bindings), [renderSlot(_ctx.$slots, `cell-${col.path}`, {
+											row: item,
+											value: unref(getCellValue)(item, col.path),
+											column: col
+										})], 16)) : (openBlock(), createBlock(resolveDynamicComponent(unref(cellComponents)[col.path]), mergeProps({
+											key: 1,
+											row: item,
+											column: col,
+											role: "gridcell"
+										}, { 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}`, {
 										row: item,
 										value: unref(getCellValue)(item, col.path),
 										column: col
-									})], 16)) : (openBlock(), createBlock(resolveDynamicComponent(unref(cellComponents)[col.path]), mergeProps({
+									})])) : (openBlock(), createBlock(resolveDynamicComponent(unref(cellComponents)[col.path]), {
 										key: 1,
 										row: item,
 										column: col,
 										role: "gridcell"
-									}, { 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_9, [renderSlot(_ctx.$slots, `cell-${col.path}`, {
-									row: item,
-									value: unref(getCellValue)(item, col.path),
-									column: col
-								})])) : (openBlock(), createBlock(resolveDynamicComponent(unref(cellComponents)[col.path]), {
-									key: 1,
-									row: item,
-									column: col,
-									role: "gridcell"
-								}, null, 8, ["row", "column"]))], 64);
-							}), 128)),
-							__props.stretch ? (openBlock(), createElementBlock("td", _hoisted_10)) : createCommentVNode("v-if", true)
-						], 46, _hoisted_6)]),
+									}, null, 8, ["row", "column"]))], 64);
+								}), 128)),
+								__props.stretch ? (openBlock(), createElementBlock("td", _hoisted_11)) : createCommentVNode("v-if", true)
+							], 16, _hoisted_6);
+						}), 128))]),
 						_: 3
 					}, 8, [
 						"options",