@atscript/vue-table 0.1.131 → 0.1.133

package/dist/{as-preset-picker-jUS_YDX8.cjs → as-preset-picker-4xXU1KQz.cjs}

@@ -1,5 +1,5 @@
-const require_use_table_state = require("./use-table-state-Oi2ds4_a.cjs");
-const require_preset_aspect_display = require("./preset-aspect-display-TWwf6j1B.cjs");
+const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
+const require_error_message = require("./error-message-CglODWl4.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let reka_ui = require("reka-ui");
@@ -80,6 +80,27 @@ var as_preset_picker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			document.addEventListener("focusin", stickFocus, true);
 		});
 		const aspects = (0, vue.computed)(() => state.preset.availableAspects);
+		const dismissed = (0, vue.shallowRef)(null);
+		function clearError() {
+			dismissed.value = state.preset.lastError.value;
+		}
+		const errorText = (0, vue.computed)(() => {
+			const err = state.preset.lastError.value;
+			if (!err || err === dismissed.value) return "";
+			return require_error_message.errorMessage(err, "Could not save the preset.");
+		});
+		/**
+		* The one error block. The menu and the Save-as popover are mutually
+		* exclusive branches, so it renders through a local function instead of
+		* being duplicated in both templates.
+		*/
+		function ErrorNote() {
+			if (!errorText.value) return null;
+			return (0, vue.h)("div", {
+				class: "as-preset-picker-error",
+				role: "alert"
+			}, errorText.value);
+		}
 		function resetSaveAsForm() {
 			const base = activePresetLabel.value;
 			saveAsLabel.value = base ? `Copy of ${base}` : "";
@@ -89,23 +110,20 @@ var as_preset_picker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			for (const a of aspects.value) initial[a] = claimed.has(a);
 			saveAsAspectsMask.value = initial;
 		}
-		const activePresetClaimedAspects = (0, vue.computed)(() => {
-			const id = state.preset.activeId.value;
-			if (!id || (0, _atscript_ui_table.isSystemPresetId)(id)) return new Set(aspects.value);
-			const row = state.preset.presetsById.value.get(id);
-			if (!row) return new Set(aspects.value);
-			return new Set(require_preset_aspect_display.aspectsOf(row, aspects.value));
-		});
+		const activePresetClaimedAspects = (0, vue.computed)(() => new Set(state.preset.ownedAspects(state.preset.activeId.value)));
 		function openSaveAs() {
 			resetSaveAsForm();
+			clearError();
 			saveAsOpen.value = true;
 		}
 		function cancelSaveAs() {
+			clearError();
 			saveAsOpen.value = false;
 		}
 		async function commitSaveAs() {
 			const label = saveAsLabel.value.trim();
 			if (!label) return;
+			clearError();
 			try {
 				await state.preset.saveAs(label, {
 					aspects: saveAsAspectsMask.value,
@@ -113,10 +131,10 @@ var as_preset_picker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				});
 				saveAsOpen.value = false;
 				open.value = false;
-			} catch (_err) {}
+			} catch {}
 		}
 		function authorMeta(row) {
-			const name = require_preset_aspect_display.ownerNameOf(row);
+			const name = require_use_table_state.ownerNameOf(row);
 			return name ? `· ${name}` : "";
 		}
 		function systemItem(p, fav) {
@@ -125,16 +143,16 @@ var as_preset_picker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				label: p.label,
 				system: true,
 				fav,
-				aspects: [...state.preset.availableAspects]
+				aspects: state.preset.ownedAspects(p.id)
 			};
 		}
 		function storedItem(row, fav, meta) {
 			return {
 				id: row.id,
-				label: require_preset_aspect_display.readPresetLabel(row),
+				label: require_use_table_state.readPresetLabel(row),
 				fav,
 				meta,
-				aspects: require_preset_aspect_display.aspectsOf(row, state.preset.availableAspects)
+				aspects: state.preset.ownedAspects(row.id)
 			};
 		}
 		const favIds = (0, vue.computed)(() => {
@@ -183,17 +201,18 @@ var as_preset_picker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (!id) return "Standard";
 			if ((0, _atscript_ui_table.isSystemPresetId)(id)) return state.preset.systemPresetsById.value.get(id)?.label ?? "Standard";
 			const row = state.preset.presetsById.value.get(id);
-			return row ? require_preset_aspect_display.readPresetLabel(row) : "—";
+			return row ? require_use_table_state.readPresetLabel(row) : "—";
 		});
 		function applyId(id) {
 			state.preset.apply(id);
 			open.value = false;
 		}
 		async function saveActive() {
+			clearError();
 			try {
 				await state.preset.saveActive();
 				open.value = false;
-			} catch (_err) {}
+			} catch {}
 		}
 		function resetActive() {
 			state.preset.resetActive();
@@ -227,7 +246,10 @@ var as_preset_picker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		}
 		(0, vue.watch)(open, (isOpen) => {
 			if (isOpen) window.addEventListener("keydown", onMenuKeydown);
-			else window.removeEventListener("keydown", onMenuKeydown);
+			else {
+				window.removeEventListener("keydown", onMenuKeydown);
+				clearError();
+			}
 		});
 		(0, vue.onScopeDispose)(() => window.removeEventListener("keydown", onMenuKeydown));
 		return (_ctx, _cache) => {
@@ -278,9 +300,9 @@ var as_preset_picker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 													key: a,
 													class: "as-preset-picker-item-aspect-chip",
 													"data-on": item.aspects.includes(a) ? "" : void 0,
-													title: (0, vue.unref)(require_preset_aspect_display.ASPECT_LABELS)[a]
+													title: (0, vue.unref)(require_use_table_state.ASPECT_LABELS)[a]
 												}, [(0, vue.createElementVNode)("span", {
-													class: (0, vue.normalizeClass)((0, vue.unref)(require_preset_aspect_display.ASPECT_ICONS)[a]),
+													class: (0, vue.normalizeClass)((0, vue.unref)(require_use_table_state.ASPECT_ICONS)[a]),
 													"aria-hidden": "true"
 												}, null, 2)], 8, _hoisted_9);
 											}), 128))])
@@ -291,6 +313,7 @@ var as_preset_picker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 							}), 128)),
 							(0, vue.createCommentVNode)(" Action row "),
 							(0, vue.createVNode)((0, vue.unref)(reka_ui.DropdownMenuSeparator), { class: "as-preset-picker-separator" }),
+							(0, vue.createVNode)(ErrorNote),
 							(0, vue.unref)(state).preset.isDirty.value && (0, vue.unref)(state).preset.canSaveActive.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuItem), {
 								key: 0,
 								class: "as-preset-picker-action as-preset-picker-action-primary",
@@ -386,10 +409,10 @@ var as_preset_picker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 										onChange: (ev) => toggleAspect(a, ev)
 									}, null, 40, _hoisted_13),
 									(0, vue.createElementVNode)("span", {
-										class: (0, vue.normalizeClass)([(0, vue.unref)(require_preset_aspect_display.ASPECT_ICONS)[a], "as-preset-picker-popover-aspect-icon"]),
+										class: (0, vue.normalizeClass)([(0, vue.unref)(require_use_table_state.ASPECT_ICONS)[a], "as-preset-picker-popover-aspect-icon"]),
 										"aria-hidden": "true"
 									}, null, 2),
-									(0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(require_preset_aspect_display.ASPECT_LABELS)[a]), 1)
+									(0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(require_use_table_state.ASPECT_LABELS)[a]), 1)
 								]);
 							}), 128))]),
 							(0, vue.unref)(state).preset.capabilities.value === null || (0, vue.unref)(state).preset.capabilities.value.canPublish ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [_cache[15] || (_cache[15] = (0, vue.createElementVNode)("div", { class: "as-preset-picker-popover-separator" }, null, -1)), (0, vue.createElementVNode)("label", _hoisted_14, [
@@ -403,6 +426,7 @@ var as_preset_picker_default = /* @__PURE__ */ (0, vue.defineComponent)({
 								}, null, -1)),
 								_cache[14] || (_cache[14] = (0, vue.createTextVNode)(" Make public ", -1))
 							])], 64)) : (0, vue.createCommentVNode)("v-if", true),
+							(0, vue.createVNode)(ErrorNote),
 							(0, vue.createElementVNode)("div", _hoisted_15, [(0, vue.createElementVNode)("button", {
 								type: "button",
 								class: "as-preset-picker-popover-cancel",

package/dist/{as-preset-picker-CISaxEZ0.mjs → as-preset-picker-DGSqQl9A.mjs}

@@ -1,6 +1,6 @@
-import { a as useTableContext } from "./use-table-state-BxX3SpeW.mjs";
-import { a as readPresetLabel, i as ownerNameOf, n as ASPECT_LABELS, r as aspectsOf, t as ASPECT_ICONS } from "./preset-aspect-display-IICxAlVo.mjs";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, onScopeDispose, openBlock, ref, renderList, toDisplayString, unref, vModelCheckbox, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { a as useTableContext, c as ASPECT_ICONS, d as readPresetLabel, l as ASPECT_LABELS, u as ownerNameOf } from "./use-table-state-DLJbW753.mjs";
+import { t as errorMessage } from "./error-message-hPSAu8Ug.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, nextTick, normalizeClass, onScopeDispose, openBlock, ref, renderList, shallowRef, toDisplayString, unref, vModelCheckbox, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { isSystemPresetId } from "@atscript/ui-table";
 import { DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger } from "reka-ui";
 //#region src/components/as-preset-picker.vue?vue&type=script&setup=true&lang.ts
@@ -80,6 +80,27 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 			document.addEventListener("focusin", stickFocus, true);
 		});
 		const aspects = computed(() => state.preset.availableAspects);
+		const dismissed = shallowRef(null);
+		function clearError() {
+			dismissed.value = state.preset.lastError.value;
+		}
+		const errorText = computed(() => {
+			const err = state.preset.lastError.value;
+			if (!err || err === dismissed.value) return "";
+			return errorMessage(err, "Could not save the preset.");
+		});
+		/**
+		* The one error block. The menu and the Save-as popover are mutually
+		* exclusive branches, so it renders through a local function instead of
+		* being duplicated in both templates.
+		*/
+		function ErrorNote() {
+			if (!errorText.value) return null;
+			return h("div", {
+				class: "as-preset-picker-error",
+				role: "alert"
+			}, errorText.value);
+		}
 		function resetSaveAsForm() {
 			const base = activePresetLabel.value;
 			saveAsLabel.value = base ? `Copy of ${base}` : "";
@@ -89,23 +110,20 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 			for (const a of aspects.value) initial[a] = claimed.has(a);
 			saveAsAspectsMask.value = initial;
 		}
-		const activePresetClaimedAspects = computed(() => {
-			const id = state.preset.activeId.value;
-			if (!id || isSystemPresetId(id)) return new Set(aspects.value);
-			const row = state.preset.presetsById.value.get(id);
-			if (!row) return new Set(aspects.value);
-			return new Set(aspectsOf(row, aspects.value));
-		});
+		const activePresetClaimedAspects = computed(() => new Set(state.preset.ownedAspects(state.preset.activeId.value)));
 		function openSaveAs() {
 			resetSaveAsForm();
+			clearError();
 			saveAsOpen.value = true;
 		}
 		function cancelSaveAs() {
+			clearError();
 			saveAsOpen.value = false;
 		}
 		async function commitSaveAs() {
 			const label = saveAsLabel.value.trim();
 			if (!label) return;
+			clearError();
 			try {
 				await state.preset.saveAs(label, {
 					aspects: saveAsAspectsMask.value,
@@ -113,7 +131,7 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 				});
 				saveAsOpen.value = false;
 				open.value = false;
-			} catch (_err) {}
+			} catch {}
 		}
 		function authorMeta(row) {
 			const name = ownerNameOf(row);
@@ -125,7 +143,7 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 				label: p.label,
 				system: true,
 				fav,
-				aspects: [...state.preset.availableAspects]
+				aspects: state.preset.ownedAspects(p.id)
 			};
 		}
 		function storedItem(row, fav, meta) {
@@ -134,7 +152,7 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 				label: readPresetLabel(row),
 				fav,
 				meta,
-				aspects: aspectsOf(row, state.preset.availableAspects)
+				aspects: state.preset.ownedAspects(row.id)
 			};
 		}
 		const favIds = computed(() => {
@@ -190,10 +208,11 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 			open.value = false;
 		}
 		async function saveActive() {
+			clearError();
 			try {
 				await state.preset.saveActive();
 				open.value = false;
-			} catch (_err) {}
+			} catch {}
 		}
 		function resetActive() {
 			state.preset.resetActive();
@@ -227,7 +246,10 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 		}
 		watch(open, (isOpen) => {
 			if (isOpen) window.addEventListener("keydown", onMenuKeydown);
-			else window.removeEventListener("keydown", onMenuKeydown);
+			else {
+				window.removeEventListener("keydown", onMenuKeydown);
+				clearError();
+			}
 		});
 		onScopeDispose(() => window.removeEventListener("keydown", onMenuKeydown));
 		return (_ctx, _cache) => {
@@ -291,6 +313,7 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 							}), 128)),
 							createCommentVNode(" Action row "),
 							createVNode(unref(DropdownMenuSeparator), { class: "as-preset-picker-separator" }),
+							createVNode(ErrorNote),
 							unref(state).preset.isDirty.value && unref(state).preset.canSaveActive.value ? (openBlock(), createBlock(unref(DropdownMenuItem), {
 								key: 0,
 								class: "as-preset-picker-action as-preset-picker-action-primary",
@@ -403,6 +426,7 @@ var as_preset_picker_default = /* @__PURE__ */ defineComponent({
 								}, null, -1)),
 								_cache[14] || (_cache[14] = createTextVNode(" Make public ", -1))
 							])], 64)) : createCommentVNode("v-if", true),
+							createVNode(ErrorNote),
 							createElementVNode("div", _hoisted_15, [createElementVNode("button", {
 								type: "button",
 								class: "as-preset-picker-popover-cancel",

package/dist/as-preset-picker.cjs

@@ -1,2 +1,2 @@
-const require_as_preset_picker = require("./as-preset-picker-jUS_YDX8.cjs");
+const require_as_preset_picker = require("./as-preset-picker-4xXU1KQz.cjs");
 module.exports = require_as_preset_picker.as_preset_picker_default;

package/dist/as-preset-picker.mjs

@@ -1,2 +1,2 @@
-import { t as as_preset_picker_default } from "./as-preset-picker-CISaxEZ0.mjs";
+import { t as as_preset_picker_default } from "./as-preset-picker-DGSqQl9A.mjs";
 export { as_preset_picker_default as default };

package/dist/{as-row-actions-Bm6Bzyno.cjs → as-row-actions-B_OHWIAt.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/defaults/as-row-actions.vue?vue&type=script&setup=true&lang.ts

package/dist/{as-row-actions-xqJeAdQl.mjs → as-row-actions-pukI1JT7.mjs}

@@ -1,5 +1,5 @@
-import { a as useTableContext, c as actionHref, d as ariaLabelFor, h as intentClass, l as applyRowGate, m as extractIdentifier, p as createNavigateGestures, y as triggerAction } from "./use-table-state-BxX3SpeW.mjs";
-import { t as as_action_menu_content_default } from "./as-action-menu-content-4UfcabUe.mjs";
+import { T as triggerAction, _ as ariaLabelFor, a as useTableContext, b as extractIdentifier, h as applyRowGate, m as actionHref, x as intentClass, y as createNavigateGestures } from "./use-table-state-DLJbW753.mjs";
+import { t as as_action_menu_content_default } from "./as-action-menu-content-4D7CJNgr.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx, withModifiers } from "vue";
 import { DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger } from "reka-ui";
 //#region src/components/defaults/as-row-actions.vue?vue&type=script&setup=true&lang.ts

package/dist/as-row-actions.cjs

@@ -1,2 +1,2 @@
-const require_as_row_actions = require("./as-row-actions-Bm6Bzyno.cjs");
+const require_as_row_actions = require("./as-row-actions-B_OHWIAt.cjs");
 module.exports = require_as_row_actions.as_row_actions_default;

package/dist/as-row-actions.mjs

@@ -1,2 +1,2 @@
-import { t as as_row_actions_default } from "./as-row-actions-xqJeAdQl.mjs";
+import { t as as_row_actions_default } from "./as-row-actions-pukI1JT7.mjs";
 export { as_row_actions_default as default };

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

@@ -1,10 +1,9 @@
-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_use_table_column_handlers = require("./use-table-column-handlers-ehreEzcx.cjs");
-const require_as_table_base = require("./as-table-base-RG2TEIgV.cjs");
+const require_as_table_base = require("./as-table-base-Dfw012G5.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;
@@ -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-CDSG2yED.mjs → as-table-D5_bQ0p5.mjs}

@@ -1,10 +1,9 @@
-import { a as useTableContext, b as ROW_ACTIONS_PATH, i as useRegisterMainActionListener, x as ROW_ACTIONS_TYPE } from "./use-table-state-BxX3SpeW.mjs";
+import { D as ROW_ACTIONS_TYPE, E as ROW_ACTIONS_PATH, a as useTableContext, i as useRegisterMainActionListener } from "./use-table-state-DLJbW753.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 useTableColumnHandlers } from "./use-table-column-handlers-CpiiIniD.mjs";
-import { t as as_table_base_default } from "./as-table-base-BaTE3VSN.mjs";
+import { t as as_table_base_default } from "./as-table-base-B0arhJI8.mjs";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderList, renderSlot, unref, watch, withCtx } from "vue";
-import { rowsToPks } from "@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__ */ 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__ */ 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);
 		watch(() => {
 			const placement = props.rowActionsColumn;
@@ -126,7 +140,7 @@ var as_table_default = /* @__PURE__ */ defineComponent({
 		useRegisterMainActionListener(state, (req) => emit("main-action", req.row, req.absIndex, req.event), useHasEmitListener("onMainAction"));
 		const { onSort, onHide, onFilter, onFiltersOff, onResetWidth, onReorder, onClearFilters } = useTableColumnHandlers(state);
 		function handleSelectAll() {
-			state.selectedRows.value = rowsToPks(effectiveRows.value, state.rowValueFn);
+			state.selectAll(effectiveRows.value);
 		}
 		function handleDeselectAll() {
 			state.selectedRows.value = [];
@@ -155,6 +169,8 @@ var as_table_default = /* @__PURE__ */ defineComponent({
 				resizable: __props.resizable,
 				"column-min-width": __props.columnMinWidth,
 				"column-widths": unref(state).columnWidths.value,
+				"row-class": __props.rowClass,
+				"row-attrs": __props.rowAttrs,
 				onSort: unref(onSort),
 				onHide: unref(onHide),
 				onFilter: unref(onFilter),
@@ -193,6 +209,8 @@ var as_table_default = /* @__PURE__ */ defineComponent({
 				"resizable",
 				"column-min-width",
 				"column-widths",
+				"row-class",
+				"row-attrs",
 				"onSort",
 				"onHide",
 				"onFilter",

package/dist/{as-table-actions-DMxeaczm.mjs → as-table-actions-DKYK_mTO.mjs}

@@ -1,6 +1,6 @@
-import { a as useTableContext, c as actionHref, d as ariaLabelFor, f as collectIdentifiers, h as intentClass, l as applyRowGate, p as createNavigateGestures, u as applyRowsGate, y as triggerAction } from "./use-table-state-BxX3SpeW.mjs";
-import { t as as_action_menu_content_default } from "./as-action-menu-content-4UfcabUe.mjs";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { T as triggerAction, _ as ariaLabelFor, a as useTableContext, g as applyRowsGate, h as applyRowGate, m as actionHref, v as collectIdentifiers, x as intentClass, y as createNavigateGestures } from "./use-table-state-DLJbW753.mjs";
+import { t as as_action_menu_content_default } from "./as-action-menu-content-4D7CJNgr.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, watch, withCtx } from "vue";
 import { DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger } from "reka-ui";
 //#region src/components/as-table-actions.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = {
@@ -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__ */ defineComponent({
@@ -102,6 +108,43 @@ var as_table_actions_default = /* @__PURE__ */ defineComponent({
 			return actionHref(state, action, resolved.value.ids[0]);
 		}
 		const { onTriggerClick, onTriggerAuxClick, openNewTab } = createNavigateGestures(state, promptCtx, hrefFor);
+		const running = 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 = ariaLabelFor(action);
+			return isRunning(action) ? `${label}, running` : label;
+		}
+		const menuBusy = computed(() => resolved.value.otherActions.some((a) => isRunning(a)) || resolved.value.trailingRowActions.some((a) => isRunning(a)));
+		const liveMessage = 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 ariaLabelFor(a);
+			return name;
+		}
+		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 ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "default", {
 				defaultAction: resolved.value.defaultAction,
@@ -116,8 +159,9 @@ var as_table_actions_default = /* @__PURE__ */ defineComponent({
 				type: resolved.value.defaultAsLink ? void 0 : "button",
 				class: normalizeClass(["as-table-actions-btn", unref(intentClass)("as-table-actions", resolved.value.defaultAction)]),
 				"data-default": "",
-				"aria-label": unref(ariaLabelFor)(resolved.value.defaultAction),
+				"aria-label": triggerLabel(resolved.value.defaultAction),
 				title: unref(ariaLabelFor)(resolved.value.defaultAction),
+				"aria-busy": isRunning(resolved.value.defaultAction) ? "true" : void 0,
 				onClick: _cache[0] || (_cache[0] = ($event) => unref(onTriggerClick)(resolved.value.defaultAction, resolved.value.defaultHref, resolved.value.defaultAsLink, $event)),
 				onAuxclick: _cache[1] || (_cache[1] = ($event) => unref(onTriggerAuxClick)(resolved.value.defaultAction, resolved.value.defaultHref, resolved.value.defaultAsLink, $event))
 			}, {
@@ -132,21 +176,23 @@ var as_table_actions_default = /* @__PURE__ */ defineComponent({
 				"type",
 				"class",
 				"aria-label",
-				"title"
+				"title",
+				"aria-busy"
 			])) : createCommentVNode("v-if", true), resolved.value.otherActions.length > 0 || resolved.value.trailingRowActions.length > 0 ? (openBlock(), createBlock(unref(DropdownMenuRoot), {
 				key: 1,
 				modal: false
 			}, {
 				default: withCtx(() => [createVNode(unref(DropdownMenuTrigger), { "as-child": "" }, {
-					default: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("button", {
+					default: withCtx(() => [createElementVNode("button", {
 						type: "button",
 						class: "as-table-actions-more",
-						"aria-label": "More actions",
-						title: "More actions"
-					}, [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] = [createElementVNode("span", {
 						class: "i-as-menu",
 						"aria-hidden": "true"
-					})], -1)])]),
+					}, null, -1)])], 8, _hoisted_3)]),
 					_: 1
 				}), createVNode(unref(DropdownMenuPortal), null, {
 					default: withCtx(() => [createVNode(as_action_menu_content_default, {
@@ -163,7 +209,7 @@ var as_table_actions_default = /* @__PURE__ */ defineComponent({
 					_: 3
 				})]),
 				_: 3
-			})) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true);
+			})) : createCommentVNode("v-if", true)]), createElementVNode("span", _hoisted_4, toDisplayString(liveMessage.value), 1)])) : createCommentVNode("v-if", true);
 		};
 	}
 });