@atscript/vue-table 0.1.58

package/dist/as-table-actions-BK1Thy2G.cjs

@@ -0,0 +1,142 @@
+const require_use_table_state = require("./use-table-state-MU-vuzui.cjs");
+const require_as_action_menu_content = require("./as-action-menu-content-CyUfBrWH.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
+const _hoisted_1 = {
+	key: 0,
+	class: "as-table-actions"
+};
+const _hoisted_2 = ["aria-label", "title"];
+const _hoisted_3 = { class: "as-table-actions-btn-label" };
+//#endregion
+//#region src/components/as-table-actions.vue
+var as_table_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-table-actions",
+	props: { level: {
+		type: String,
+		required: false,
+		default: "auto"
+	} },
+	setup(__props) {
+		const props = __props;
+		const { state } = require_use_table_state.useTableContext();
+		function collapseSingle(r) {
+			if (r.defaultAction !== void 0) return r;
+			if (r.otherActions.length + r.trailingRowActions.length !== 1) return r;
+			const [only] = r.otherActions.length === 1 ? r.otherActions : r.trailingRowActions;
+			return {
+				...r,
+				defaultAction: only,
+				otherActions: [],
+				trailingRowActions: []
+			};
+		}
+		function resolveLevel(explicit, selectedCount) {
+			if (explicit !== "auto") return explicit;
+			if (selectedCount === 0) return "table";
+			if (selectedCount === 1) return "row";
+			return "rows";
+		}
+		const preferredId = (0, vue.computed)(() => state.tableDef.value?.preferredId ?? []);
+		const resolved = (0, vue.computed)(() => {
+			const selectedCount = state.selectedCount.value;
+			const explicit = props.level;
+			const effectiveLevel = resolveLevel(explicit, selectedCount);
+			const pid = preferredId.value;
+			if (effectiveLevel === "table") return collapseSingle({
+				defaultAction: state.actions.default.table,
+				otherActions: state.actions.others.table,
+				trailingRowActions: [],
+				level: "table",
+				ids: []
+			});
+			if (effectiveLevel === "row") {
+				const source = explicit === "auto" && selectedCount === 1 ? state.selectedRows.value[0] : state.activeIndex.value >= 0 ? state.results.value[state.activeIndex.value - state.resultsStart.value] : void 0;
+				const filtered = require_use_table_state.applyRowGate({
+					default: state.actions.default.row,
+					others: state.actions.others.row,
+					rows: explicit === "auto" && selectedCount === 1 ? state.actions.rows : []
+				}, source);
+				return collapseSingle({
+					defaultAction: filtered.default,
+					otherActions: filtered.others,
+					trailingRowActions: filtered.rows,
+					level: "row",
+					ids: require_use_table_state.collectIdentifiers(state, [source], pid)
+				});
+			}
+			return collapseSingle({
+				defaultAction: state.actions.default.rows,
+				otherActions: state.actions.others.rows,
+				trailingRowActions: [],
+				level: "rows",
+				ids: require_use_table_state.collectIdentifiers(state, state.selectedRows.value, pid)
+			});
+		});
+		const hasAny = (0, vue.computed)(() => resolved.value.defaultAction !== void 0 || resolved.value.otherActions.length > 0 || resolved.value.trailingRowActions.length > 0);
+		async function invokeWith(action, event) {
+			await require_use_table_state.triggerAction(state, action, {
+				identifiers: resolved.value.ids,
+				preferredId: preferredId.value
+			}, event);
+		}
+		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,
+				otherActions: resolved.value.otherActions,
+				trailingRowActions: resolved.value.trailingRowActions,
+				level: resolved.value.level,
+				ids: resolved.value.ids,
+				invoke: invokeWith
+			}, () => [resolved.value.defaultAction ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+				key: 0,
+				type: "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),
+				title: (0, vue.unref)(require_use_table_state.ariaLabelFor)(resolved.value.defaultAction),
+				onClick: _cache[0] || (_cache[0] = ($event) => invokeWith(resolved.value.defaultAction, $event))
+			}, [(0, vue.renderSlot)(_ctx.$slots, "button", { action: resolved.value.defaultAction }, () => [resolved.value.defaultAction.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+				key: 0,
+				class: (0, vue.normalizeClass)(["as-table-actions-btn-icon", resolved.value.defaultAction.icon]),
+				"aria-hidden": "true"
+			}, null, 2)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createElementVNode)("span", _hoisted_3, (0, vue.toDisplayString)(resolved.value.defaultAction.label || resolved.value.defaultAction.name), 1)])], 10, _hoisted_2)) : (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[1] || (_cache[1] = [(0, vue.createElementVNode)("button", {
+						type: "button",
+						class: "as-table-actions-more",
+						"aria-label": "More actions",
+						title: "More actions"
+					}, [(0, vue.createElementVNode)("span", {
+						class: "i-as-menu",
+						"aria-hidden": "true"
+					})], -1)])]),
+					_: 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, {
+						groups: [resolved.value.otherActions, resolved.value.trailingRowActions],
+						prefix: "as-table-actions",
+						onSelect: invokeWith
+					}, (0, vue.createSlots)({ _: 2 }, [_ctx.$slots["menu-item"] ? {
+						name: "menu-item",
+						fn: (0, vue.withCtx)((slotProps) => [(0, vue.renderSlot)(_ctx.$slots, "menu-item", { action: slotProps.action })]),
+						key: "0"
+					} : void 0]), 1032, ["groups"])]),
+					_: 3
+				})]),
+				_: 3
+			})) : (0, vue.createCommentVNode)("v-if", true)])])) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_table_actions_default", {
+	enumerable: true,
+	get: function() {
+		return as_table_actions_default;
+	}
+});

package/dist/as-table-actions-BpMiNFni.mjs

@@ -0,0 +1,137 @@
+import { a as useTableContext, c as applyRowGate, f as intentClass, l as ariaLabelFor, m as triggerAction, u as collectIdentifiers } from "./use-table-state-C4JbonEZ.mjs";
+import { t as as_action_menu_content_default } from "./as-action-menu-content-CXsdPn42.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, 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 = {
+	key: 0,
+	class: "as-table-actions"
+};
+const _hoisted_2 = ["aria-label", "title"];
+const _hoisted_3 = { class: "as-table-actions-btn-label" };
+//#endregion
+//#region src/components/as-table-actions.vue
+var as_table_actions_default = /* @__PURE__ */ defineComponent({
+	__name: "as-table-actions",
+	props: { level: {
+		type: String,
+		required: false,
+		default: "auto"
+	} },
+	setup(__props) {
+		const props = __props;
+		const { state } = useTableContext();
+		function collapseSingle(r) {
+			if (r.defaultAction !== void 0) return r;
+			if (r.otherActions.length + r.trailingRowActions.length !== 1) return r;
+			const [only] = r.otherActions.length === 1 ? r.otherActions : r.trailingRowActions;
+			return {
+				...r,
+				defaultAction: only,
+				otherActions: [],
+				trailingRowActions: []
+			};
+		}
+		function resolveLevel(explicit, selectedCount) {
+			if (explicit !== "auto") return explicit;
+			if (selectedCount === 0) return "table";
+			if (selectedCount === 1) return "row";
+			return "rows";
+		}
+		const preferredId = computed(() => state.tableDef.value?.preferredId ?? []);
+		const resolved = computed(() => {
+			const selectedCount = state.selectedCount.value;
+			const explicit = props.level;
+			const effectiveLevel = resolveLevel(explicit, selectedCount);
+			const pid = preferredId.value;
+			if (effectiveLevel === "table") return collapseSingle({
+				defaultAction: state.actions.default.table,
+				otherActions: state.actions.others.table,
+				trailingRowActions: [],
+				level: "table",
+				ids: []
+			});
+			if (effectiveLevel === "row") {
+				const source = explicit === "auto" && selectedCount === 1 ? state.selectedRows.value[0] : state.activeIndex.value >= 0 ? state.results.value[state.activeIndex.value - state.resultsStart.value] : void 0;
+				const filtered = applyRowGate({
+					default: state.actions.default.row,
+					others: state.actions.others.row,
+					rows: explicit === "auto" && selectedCount === 1 ? state.actions.rows : []
+				}, source);
+				return collapseSingle({
+					defaultAction: filtered.default,
+					otherActions: filtered.others,
+					trailingRowActions: filtered.rows,
+					level: "row",
+					ids: collectIdentifiers(state, [source], pid)
+				});
+			}
+			return collapseSingle({
+				defaultAction: state.actions.default.rows,
+				otherActions: state.actions.others.rows,
+				trailingRowActions: [],
+				level: "rows",
+				ids: collectIdentifiers(state, state.selectedRows.value, pid)
+			});
+		});
+		const hasAny = computed(() => resolved.value.defaultAction !== void 0 || resolved.value.otherActions.length > 0 || resolved.value.trailingRowActions.length > 0);
+		async function invokeWith(action, event) {
+			await triggerAction(state, action, {
+				identifiers: resolved.value.ids,
+				preferredId: preferredId.value
+			}, event);
+		}
+		return (_ctx, _cache) => {
+			return hasAny.value ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "default", {
+				defaultAction: resolved.value.defaultAction,
+				otherActions: resolved.value.otherActions,
+				trailingRowActions: resolved.value.trailingRowActions,
+				level: resolved.value.level,
+				ids: resolved.value.ids,
+				invoke: invokeWith
+			}, () => [resolved.value.defaultAction ? (openBlock(), createElementBlock("button", {
+				key: 0,
+				type: "button",
+				class: normalizeClass(["as-table-actions-btn", unref(intentClass)("as-table-actions", resolved.value.defaultAction)]),
+				"data-default": "",
+				"aria-label": unref(ariaLabelFor)(resolved.value.defaultAction),
+				title: unref(ariaLabelFor)(resolved.value.defaultAction),
+				onClick: _cache[0] || (_cache[0] = ($event) => invokeWith(resolved.value.defaultAction, $event))
+			}, [renderSlot(_ctx.$slots, "button", { action: resolved.value.defaultAction }, () => [resolved.value.defaultAction.icon ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(["as-table-actions-btn-icon", resolved.value.defaultAction.icon]),
+				"aria-hidden": "true"
+			}, null, 2)) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_3, toDisplayString(resolved.value.defaultAction.label || resolved.value.defaultAction.name), 1)])], 10, _hoisted_2)) : 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[1] || (_cache[1] = [createElementVNode("button", {
+						type: "button",
+						class: "as-table-actions-more",
+						"aria-label": "More actions",
+						title: "More actions"
+					}, [createElementVNode("span", {
+						class: "i-as-menu",
+						"aria-hidden": "true"
+					})], -1)])]),
+					_: 1
+				}), createVNode(unref(DropdownMenuPortal), null, {
+					default: withCtx(() => [createVNode(as_action_menu_content_default, {
+						groups: [resolved.value.otherActions, resolved.value.trailingRowActions],
+						prefix: "as-table-actions",
+						onSelect: invokeWith
+					}, createSlots({ _: 2 }, [_ctx.$slots["menu-item"] ? {
+						name: "menu-item",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "menu-item", { action: slotProps.action })]),
+						key: "0"
+					} : void 0]), 1032, ["groups"])]),
+					_: 3
+				})]),
+				_: 3
+			})) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+export { as_table_actions_default as t };

package/dist/as-table-actions.cjs

@@ -0,0 +1,4 @@
+require("./use-table-state-MU-vuzui.cjs");
+require("./as-action-menu-content-CyUfBrWH.cjs");
+const require_as_table_actions = require("./as-table-actions-BK1Thy2G.cjs");
+module.exports = require_as_table_actions.as_table_actions_default;

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

@@ -0,0 +1,2 @@
+import { t as _default } from "./as-table-actions.vue-B7Q-JA3z.cjs";
+export = _default;

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

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

package/dist/as-table-actions.mjs

@@ -0,0 +1,4 @@
+import "./use-table-state-C4JbonEZ.mjs";
+import "./as-action-menu-content-CXsdPn42.mjs";
+import { t as as_table_actions_default } from "./as-table-actions-BpMiNFni.mjs";
+export { as_table_actions_default as default };

package/dist/as-table-actions.vue-B7Q-JA3z.d.cts

@@ -0,0 +1,47 @@
+import { h as TVueTableActionInfo } from "./types-CNMmF6W2.cjs";
+import * as vue from "vue";
+
+//#region src/components/as-table-actions.vue.d.ts
+type __VLS_Props = {
+  /**
+   * Selection-aware level resolution. `'auto'` (default) chooses by
+   * `state.selectedCount`: 0 → table; exactly 1 → row (default + others
+   * come from the row group, with `actions.rows` appended after a
+   * separator inside the `…` menu so bulk operations on the single
+   * selection are still reachable); ≥2 → rows. Force a specific level
+   * with `'table'` / `'rows'` / `'row'`.
+   */
+  level?: "auto" | "table" | "rows" | "row";
+};
+declare function invokeWith(action: TVueTableActionInfo, event?: MouseEvent | KeyboardEvent): Promise<void>;
+declare var __VLS_1: {
+    defaultAction: TVueTableActionInfo | undefined;
+    otherActions: TVueTableActionInfo[];
+    trailingRowActions: TVueTableActionInfo[];
+    level: "table" | "rows" | "row";
+    ids: Record<string, unknown>[];
+    invoke: typeof invokeWith;
+  }, __VLS_3: {
+    action: TVueTableActionInfo;
+  }, __VLS_32: {
+    action: TVueTableActionInfo;
+  };
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+} & {
+  button?: (props: typeof __VLS_3) => any;
+} & {
+  'menu-item'?: (props: typeof __VLS_32) => any;
+};
+declare const __VLS_base: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+  level: "auto" | "table" | "rows" | "row";
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as t };

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

@@ -0,0 +1,47 @@
+import { h as TVueTableActionInfo } from "./types-BvvXN72P.mjs";
+import * as vue from "vue";
+
+//#region src/components/as-table-actions.vue.d.ts
+type __VLS_Props = {
+  /**
+   * Selection-aware level resolution. `'auto'` (default) chooses by
+   * `state.selectedCount`: 0 → table; exactly 1 → row (default + others
+   * come from the row group, with `actions.rows` appended after a
+   * separator inside the `…` menu so bulk operations on the single
+   * selection are still reachable); ≥2 → rows. Force a specific level
+   * with `'table'` / `'rows'` / `'row'`.
+   */
+  level?: "auto" | "table" | "rows" | "row";
+};
+declare function invokeWith(action: TVueTableActionInfo, event?: MouseEvent | KeyboardEvent): Promise<void>;
+declare var __VLS_1: {
+    defaultAction: TVueTableActionInfo | undefined;
+    otherActions: TVueTableActionInfo[];
+    trailingRowActions: TVueTableActionInfo[];
+    level: "table" | "rows" | "row";
+    ids: Record<string, unknown>[];
+    invoke: typeof invokeWith;
+  }, __VLS_3: {
+    action: TVueTableActionInfo;
+  }, __VLS_32: {
+    action: TVueTableActionInfo;
+  };
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+} & {
+  button?: (props: typeof __VLS_3) => any;
+} & {
+  'menu-item'?: (props: typeof __VLS_32) => any;
+};
+declare const __VLS_base: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+  level: "auto" | "table" | "rows" | "row";
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as t };