@atscript/vue-table 0.1.132 → 0.1.134

package/dist/{as-preset-picker-jUS_YDX8.cjs → as-preset-picker-DbkmapBx.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-mhm-YWnu.cjs");
+const require_error_message = require("./error-message-CfKpn_5w.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.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-DbkmapBx.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-B0JnyAPA.mjs";
 export { as_preset_picker_default as default };

package/dist/{as-row-actions-xqJeAdQl.mjs → as-row-actions-BkIsJVBm.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 rowActionHref, x as intentClass, y as createNavigateGestures } from "./use-table-state-mBXx11aH.mjs";
+import { t as as_action_menu_content_default } from "./as-action-menu-content-rim8hAO9.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
@@ -31,6 +31,10 @@ var as_row_actions_default = /* @__PURE__ */ defineComponent({
 		pk: {
 			type: Object,
 			required: false
+		},
+		actions: {
+			type: Array,
+			required: false
 		}
 	},
 	setup(__props) {
@@ -45,19 +49,27 @@ var as_row_actions_default = /* @__PURE__ */ defineComponent({
 			const id = identifierOf();
 			return {
 				identifiers: id === void 0 ? [] : [id],
-				preferredId: state.tableDef.value?.preferredId ?? []
+				preferredId: state.tableDef.value?.preferredId ?? [],
+				row: props.row
 			};
 		}
 		const view = computed(() => {
-			const sourceDefault = state.actions.default.row;
-			const filtered = applyRowGate({
+			const explicit = props.actions;
+			const sourceDefault = explicit ? void 0 : state.actions.default.row;
+			const policy = state.rowActionsPolicy.value;
+			const filtered = explicit ? {
+				default: void 0,
+				others: explicit,
+				rows: []
+			} : policy.apply(applyRowGate({
 				default: sourceDefault,
 				others: state.actions.others.row,
 				rows: state.actions.rows
-			}, props.row);
-			const total = (filtered.default ? 1 : 0) + filtered.others.length + filtered.rows.length;
-			const single = total === 1 ? filtered.default ?? filtered.others[0] ?? filtered.rows[0] : void 0;
-			const singleHref = single ? actionHref(state, single, identifierOf()) : void 0;
+			}, props.row));
+			const extra = explicit ? [] : policy.extra(props.row);
+			const total = (filtered.default ? 1 : 0) + filtered.others.length + filtered.rows.length + extra.length;
+			const single = total === 1 ? filtered.default ?? filtered.others[0] ?? filtered.rows[0] ?? extra[0] : void 0;
+			const singleHref = single ? hrefFor(single) : void 0;
 			return {
 				total,
 				default: filtered.default,
@@ -70,7 +82,8 @@ var as_row_actions_default = /* @__PURE__ */ defineComponent({
 				menuGroups: [
 					filtered.default ? [filtered.default] : [],
 					filtered.others,
-					filtered.rows
+					filtered.rows,
+					extra
 				]
 			};
 		});
@@ -78,7 +91,7 @@ var as_row_actions_default = /* @__PURE__ */ defineComponent({
 			await triggerAction(state, action, promptCtx(), event);
 		}
 		function hrefFor(action) {
-			return actionHref(state, action, identifierOf());
+			return rowActionHref(state, action, identifierOf(), props.row);
 		}
 		const { onTriggerClick, onTriggerAuxClick, openNewTab } = createNavigateGestures(state, promptCtx, hrefFor);
 		return (_ctx, _cache) => {

package/dist/{as-row-actions-Bm6Bzyno.cjs → as-row-actions-CRg8LHGk.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-mhm-YWnu.cjs");
+const require_as_action_menu_content = require("./as-action-menu-content-C_D_Fepo.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
@@ -31,6 +31,10 @@ var as_row_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		pk: {
 			type: Object,
 			required: false
+		},
+		actions: {
+			type: Array,
+			required: false
 		}
 	},
 	setup(__props) {
@@ -45,19 +49,27 @@ var as_row_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			const id = identifierOf();
 			return {
 				identifiers: id === void 0 ? [] : [id],
-				preferredId: state.tableDef.value?.preferredId ?? []
+				preferredId: state.tableDef.value?.preferredId ?? [],
+				row: props.row
 			};
 		}
 		const view = (0, vue.computed)(() => {
-			const sourceDefault = state.actions.default.row;
-			const filtered = require_use_table_state.applyRowGate({
+			const explicit = props.actions;
+			const sourceDefault = explicit ? void 0 : state.actions.default.row;
+			const policy = state.rowActionsPolicy.value;
+			const filtered = explicit ? {
+				default: void 0,
+				others: explicit,
+				rows: []
+			} : policy.apply(require_use_table_state.applyRowGate({
 				default: sourceDefault,
 				others: state.actions.others.row,
 				rows: state.actions.rows
-			}, props.row);
-			const total = (filtered.default ? 1 : 0) + filtered.others.length + filtered.rows.length;
-			const single = total === 1 ? filtered.default ?? filtered.others[0] ?? filtered.rows[0] : void 0;
-			const singleHref = single ? require_use_table_state.actionHref(state, single, identifierOf()) : void 0;
+			}, props.row));
+			const extra = explicit ? [] : policy.extra(props.row);
+			const total = (filtered.default ? 1 : 0) + filtered.others.length + filtered.rows.length + extra.length;
+			const single = total === 1 ? filtered.default ?? filtered.others[0] ?? filtered.rows[0] ?? extra[0] : void 0;
+			const singleHref = single ? hrefFor(single) : void 0;
 			return {
 				total,
 				default: filtered.default,
@@ -70,7 +82,8 @@ var as_row_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				menuGroups: [
 					filtered.default ? [filtered.default] : [],
 					filtered.others,
-					filtered.rows
+					filtered.rows,
+					extra
 				]
 			};
 		});
@@ -78,7 +91,7 @@ var as_row_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			await require_use_table_state.triggerAction(state, action, promptCtx(), event);
 		}
 		function hrefFor(action) {
-			return require_use_table_state.actionHref(state, action, identifierOf());
+			return require_use_table_state.rowActionHref(state, action, identifierOf(), props.row);
 		}
 		const { onTriggerClick, onTriggerAuxClick, openNewTab } = require_use_table_state.createNavigateGestures(state, promptCtx, hrefFor);
 		return (_ctx, _cache) => {

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-CRg8LHGk.cjs");
 module.exports = require_as_row_actions.as_row_actions_default;

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-row-actions.vue-Bvcc2tUN.cjs";
+import { t as _default } from "./as-row-actions.vue-dn_DKcMm.cjs";
 export = _default;

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-row-actions.vue-DUSDuoR2.mjs";
+import { t as _default } from "./as-row-actions.vue-VpJsBAJ4.mjs";
 export { _default as 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-BkIsJVBm.mjs";
 export { as_row_actions_default as default };

package/dist/{as-row-actions.vue-Bvcc2tUN.d.cts → as-row-actions.vue-VpJsBAJ4.d.mts}

@@ -1,9 +1,17 @@
+import { S as TVueTableActionInfo } from "./types-CBGaTR2Z.mjs";
 import * as vue from "vue";
 
 //#region src/components/defaults/as-row-actions.vue.d.ts
 type __VLS_Props = {
   row?: Record<string, unknown>;
   pk?: Record<string, unknown>;
+  /**
+   * Render exactly these actions, bypassing the server's action set AND the
+   * root's `:row-actions` policy. For a standalone `<AsRowActions>` that must
+   * show a hand-picked list; omit it inside the table so the shared policy
+   * applies. Since 0.1.134.
+   */
+  actions?: TVueTableActionInfo[];
 };
 declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/{as-row-actions.vue-DUSDuoR2.d.mts → as-row-actions.vue-dn_DKcMm.d.cts}

@@ -1,9 +1,17 @@
+import { S as TVueTableActionInfo } from "./types--ex8BJIO.cjs";
 import * as vue from "vue";
 
 //#region src/components/defaults/as-row-actions.vue.d.ts
 type __VLS_Props = {
   row?: Record<string, unknown>;
   pk?: Record<string, unknown>;
+  /**
+   * Render exactly these actions, bypassing the server's action set AND the
+   * root's `:row-actions` policy. For a standalone `<AsRowActions>` that must
+   * show a hand-picked list; omit it inside the table so the shared policy
+   * applies. Since 0.1.134.
+   */
+  actions?: TVueTableActionInfo[];
 };
 declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/{as-table-CDSG2yED.mjs → as-table-BEvsX87E.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 { 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 { D as ROW_ACTIONS_TYPE, E as ROW_ACTIONS_PATH, a as useTableContext, i as useRegisterMainActionListener } from "./use-table-state-mBXx11aH.mjs";
+import { t as useSelectModeReset } from "./use-table-selection-ULbKT2xW.mjs";
+import { t as useHasEmitListener } from "./use-has-emit-listener-DrBbsLHQ.mjs";
+import { t as useTableColumnHandlers } from "./use-table-column-handlers-Bx3JERqs.mjs";
+import { t as as_table_base_default } from "./as-table-base-BxKBdIdS.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;
@@ -99,7 +113,7 @@ var as_table_default = /* @__PURE__ */ defineComponent({
 		}, (on) => {
 			state.includeActions.value = on;
 		}, { immediate: true });
-		const effectiveRows = computed(() => props.rows ?? state.results.value);
+		const effectiveRows = computed(() => state.applyLocalSort(props.rows ?? state.results.value));
 		const actionsCol = computed(() => {
 			const acts = state.actions.row;
 			return {
@@ -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-B5upF1bQ.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 rowActionHref, v as collectIdentifiers, x as intentClass, y as createNavigateGestures } from "./use-table-state-mBXx11aH.mjs";
+import { t as as_action_menu_content_default } from "./as-action-menu-content-rim8hAO9.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({
@@ -40,7 +46,7 @@ var as_table_actions_default = /* @__PURE__ */ defineComponent({
 		const preferredId = computed(() => state.tableDef.value?.preferredId ?? []);
 		const resolved = computed(() => {
 			const r = resolveBuckets();
-			const defaultHref = r.defaultAction ? actionHref(state, r.defaultAction, r.ids[0]) : void 0;
+			const defaultHref = r.defaultAction ? rowActionHref(state, r.defaultAction, r.ids[0], r.row) : void 0;
 			return {
 				...r,
 				defaultHref,
@@ -61,17 +67,21 @@ var as_table_actions_default = /* @__PURE__ */ defineComponent({
 			});
 			if (effectiveLevel === "row") {
 				const source = explicit === "auto" && selectedCount === 1 ? state.selectedRows.value[0] : state.getActiveRow();
-				const filtered = applyRowGate({
+				const policy = state.rowActionsPolicy.value;
+				const filtered = policy.apply(applyRowGate({
 					default: state.actions.default.row,
 					others: state.actions.others.row,
 					rows: explicit === "auto" && selectedCount === 1 ? state.actions.rows : []
-				}, source);
+				}, source));
+				const row = source;
+				const extra = policy.extra(row);
 				return collapseSingle({
 					defaultAction: filtered.default,
-					otherActions: filtered.others,
+					otherActions: extra.length > 0 ? [...filtered.others, ...extra] : filtered.others,
 					trailingRowActions: filtered.rows,
 					level: "row",
-					ids: collectIdentifiers(state, [source], pid)
+					ids: collectIdentifiers(state, [source], pid),
+					row
 				});
 			}
 			const filtered = applyRowsGate({
@@ -91,7 +101,8 @@ var as_table_actions_default = /* @__PURE__ */ defineComponent({
 		function promptCtx() {
 			return {
 				identifiers: resolved.value.ids,
-				preferredId: preferredId.value
+				preferredId: preferredId.value,
+				row: resolved.value.row
 			};
 		}
 		async function invokeWith(action, event) {
@@ -99,9 +110,46 @@ var as_table_actions_default = /* @__PURE__ */ defineComponent({
 		}
 		/** Resolved navigate href for `action` against the toolbar's current ids. */
 		function hrefFor(action) {
-			return actionHref(state, action, resolved.value.ids[0]);
+			return rowActionHref(state, action, resolved.value.ids[0], resolved.value.row);
 		}
 		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 +164,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 +181,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 +214,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);
 		};
 	}
 });