@atscript/vue-table 0.1.58

package/dist/as-preset-picker-Ce3crTQy.cjs

@@ -0,0 +1,432 @@
+const require_use_table_state = require("./use-table-state-MU-vuzui.cjs");
+const require_preset_aspect_display = require("./preset-aspect-display-y8aal_EF.cjs");
+let vue = require("vue");
+let _atscript_ui_table = require("@atscript/ui-table");
+let reka_ui = require("reka-ui");
+//#region src/components/as-preset-picker.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	type: "button",
+	class: "as-preset-picker-trigger"
+};
+const _hoisted_2 = { class: "as-preset-picker-trigger-label" };
+const _hoisted_3 = {
+	key: 0,
+	class: "as-preset-picker-trigger-dirty"
+};
+const _hoisted_4 = {
+	key: 1,
+	class: "as-preset-picker-section"
+};
+const _hoisted_5 = {
+	key: 0,
+	class: "as-preset-picker-section-header"
+};
+const _hoisted_6 = { class: "as-preset-picker-item-label" };
+const _hoisted_7 = {
+	key: 0,
+	class: "as-preset-picker-item-meta"
+};
+const _hoisted_8 = { class: "as-preset-picker-item-aspects" };
+const _hoisted_9 = ["data-on", "title"];
+const _hoisted_10 = { class: "as-preset-picker-popover-field" };
+const _hoisted_11 = ["onKeydown"];
+const _hoisted_12 = { class: "as-preset-picker-popover-aspects" };
+const _hoisted_13 = ["checked", "onChange"];
+const _hoisted_14 = { class: "as-preset-picker-popover-public" };
+const _hoisted_15 = { class: "as-preset-picker-popover-footer" };
+const _hoisted_16 = ["disabled"];
+//#endregion
+//#region src/components/as-preset-picker.vue
+var as_preset_picker_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-preset-picker",
+	setup(__props) {
+		const { state } = require_use_table_state.useTableContext();
+		const open = (0, vue.ref)(false);
+		const saveAsOpen = (0, vue.ref)(false);
+		const saveAsLabel = (0, vue.ref)("");
+		const saveAsPublic = (0, vue.ref)(false);
+		const saveAsAspectsMask = (0, vue.ref)({});
+		const saveAsInputRef = (0, vue.ref)(null);
+		const FORM_TAGS = new Set([
+			"INPUT",
+			"BUTTON",
+			"TEXTAREA",
+			"SELECT"
+		]);
+		let focusStickListener = null;
+		function disposeFocusStick() {
+			if (focusStickListener !== null) {
+				document.removeEventListener("focusin", focusStickListener, true);
+				focusStickListener = null;
+			}
+		}
+		(0, vue.onScopeDispose)(disposeFocusStick);
+		(0, vue.watch)(saveAsOpen, (open) => {
+			disposeFocusStick();
+			if (!open) return;
+			let popover = null;
+			const stickFocus = (event) => {
+				const input = saveAsInputRef.value;
+				if (!input) return;
+				if (event && event.target === input) return;
+				if (popover === null) popover = input.closest(".as-preset-picker-popover");
+				const target = event?.target ?? document.activeElement;
+				if (target instanceof HTMLElement && popover?.contains(target) && FORM_TAGS.has(target.tagName)) return;
+				input.focus();
+				input.select();
+			};
+			focusStickListener = stickFocus;
+			(0, vue.nextTick)(() => stickFocus());
+			document.addEventListener("focusin", stickFocus, true);
+		});
+		const aspects = (0, vue.computed)(() => state.preset.availableAspects);
+		function resetSaveAsForm() {
+			const base = activePresetLabel.value;
+			saveAsLabel.value = base ? `Copy of ${base}` : "";
+			saveAsPublic.value = false;
+			const claimed = activePresetClaimedAspects.value;
+			const initial = {};
+			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));
+		});
+		function openSaveAs() {
+			resetSaveAsForm();
+			saveAsOpen.value = true;
+		}
+		function cancelSaveAs() {
+			saveAsOpen.value = false;
+		}
+		async function commitSaveAs() {
+			const label = saveAsLabel.value.trim();
+			if (!label) return;
+			try {
+				await state.preset.saveAs(label, {
+					aspects: saveAsAspectsMask.value,
+					public: saveAsPublic.value
+				});
+				saveAsOpen.value = false;
+				open.value = false;
+			} catch (_err) {}
+		}
+		function authorMeta(row) {
+			const name = require_preset_aspect_display.ownerNameOf(row);
+			return name ? `· ${name}` : "";
+		}
+		function systemItem(p, fav) {
+			return {
+				id: p.id,
+				label: p.label,
+				system: true,
+				fav,
+				aspects: [...state.preset.availableAspects]
+			};
+		}
+		function storedItem(row, fav, meta) {
+			return {
+				id: row.id,
+				label: require_preset_aspect_display.readPresetLabel(row),
+				fav,
+				meta,
+				aspects: require_preset_aspect_display.aspectsOf(row, state.preset.availableAspects)
+			};
+		}
+		const favIds = (0, vue.computed)(() => {
+			const arr = (state.preset.userConf.value?.data)?.favPresetIds;
+			return new Set(arr ?? []);
+		});
+		const sections = (0, vue.computed)(() => {
+			const ids = favIds.value;
+			const sys = state.preset.systemPresets.value;
+			const mine = [];
+			const fav = [];
+			for (const row of state.preset.presets.value) if (state.preset.isOwned(row.id)) mine.push(storedItem(row, ids.has(row.id), row.public === true ? "public" : void 0));
+			for (const id of ids) {
+				if ((0, _atscript_ui_table.isSystemPresetId)(id)) {
+					const sp = state.preset.systemPresetsById.value.get(id);
+					if (sp) fav.push(systemItem(sp, true));
+					continue;
+				}
+				if (state.preset.isOwned(id)) continue;
+				const row = state.preset.presetsById.value.get(id);
+				if (row) fav.push(storedItem(row, true, authorMeta(row)));
+			}
+			return [
+				{
+					kind: "system",
+					label: "System",
+					showHeader: sys.length > 1,
+					items: sys.map((p) => systemItem(p))
+				},
+				{
+					kind: "mine",
+					label: "My presets",
+					showHeader: true,
+					items: mine
+				},
+				{
+					kind: "fav",
+					label: "Favorites",
+					showHeader: true,
+					items: fav
+				}
+			];
+		});
+		const activePresetLabel = (0, vue.computed)(() => {
+			const id = state.preset.activeId.value;
+			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) : "—";
+		});
+		function applyId(id) {
+			state.preset.apply(id);
+			open.value = false;
+		}
+		async function saveActive() {
+			try {
+				await state.preset.saveActive();
+				open.value = false;
+			} catch (_err) {}
+		}
+		function resetActive() {
+			state.preset.resetActive();
+			open.value = false;
+		}
+		function openManageDialog() {
+			state.preset.dialogOpen.value = true;
+			open.value = false;
+		}
+		function toggleAspect(a, ev) {
+			const checked = ev.target.checked;
+			saveAsAspectsMask.value = {
+				...saveAsAspectsMask.value,
+				[a]: checked
+			};
+		}
+		function onMenuKeydown(ev) {
+			if (saveAsOpen.value) return;
+			if (ev.metaKey || ev.ctrlKey || ev.altKey) return;
+			const k = ev.key.toLowerCase();
+			if (k === "s" && state.preset.isDirty.value && state.preset.canSaveActive.value) {
+				ev.preventDefault();
+				saveActive();
+			} else if (k === "a") {
+				ev.preventDefault();
+				openSaveAs();
+			} else if (k === "r" && state.preset.isDirty.value) {
+				ev.preventDefault();
+				resetActive();
+			}
+		}
+		(0, vue.watch)(open, (isOpen) => {
+			if (isOpen) window.addEventListener("keydown", onMenuKeydown);
+			else window.removeEventListener("keydown", onMenuKeydown);
+		});
+		(0, vue.onScopeDispose)(() => window.removeEventListener("keydown", onMenuKeydown));
+		return (_ctx, _cache) => {
+			return (0, vue.unref)(state).preset.available.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuRoot), {
+				key: 0,
+				open: open.value,
+				"onUpdate:open": _cache[4] || (_cache[4] = ($event) => open.value = $event),
+				modal: false
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.DropdownMenuTrigger), { "as-child": "" }, {
+					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("button", _hoisted_1, [
+						(0, vue.createElementVNode)("span", _hoisted_2, (0, vue.toDisplayString)(activePresetLabel.value), 1),
+						(0, vue.unref)(state).preset.isDirty.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3, "*")) : (0, vue.createCommentVNode)("v-if", true),
+						_cache[5] || (_cache[5] = (0, vue.createElementVNode)("span", {
+							class: "as-preset-picker-trigger-chevron i-as-chevron-down",
+							"aria-hidden": "true"
+						}, null, -1))
+					])]),
+					_: 1
+				}), (0, vue.createVNode)((0, vue.unref)(reka_ui.DropdownMenuPortal), null, {
+					default: (0, vue.withCtx)(() => [!saveAsOpen.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuContent), {
+						key: 0,
+						class: "as-preset-picker-menu",
+						"side-offset": 4,
+						align: "start"
+					}, {
+						default: (0, vue.withCtx)(() => [
+							((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(sections.value, (section, sIdx) => {
+								return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: section.kind }, [sIdx > 0 && section.items.length > 0 ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuSeparator), {
+									key: 0,
+									class: "as-preset-picker-separator"
+								})) : (0, vue.createCommentVNode)("v-if", true), section.items.length > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4, [section.showHeader ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5, (0, vue.toDisplayString)(section.label), 1)) : (0, vue.createCommentVNode)("v-if", true), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(section.items, (item) => {
+									return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuItem), {
+										key: `${section.kind}-${item.id}`,
+										class: "as-preset-picker-item",
+										"data-active": item.id === (0, vue.unref)(state).preset.activeId.value ? "" : void 0,
+										onSelect: ($event) => applyId(item.id)
+									}, {
+										default: (0, vue.withCtx)(() => [
+											_cache[6] || (_cache[6] = (0, vue.createElementVNode)("span", {
+												class: "as-preset-picker-item-active i-as-check",
+												"aria-hidden": "true"
+											}, null, -1)),
+											(0, vue.createElementVNode)("span", _hoisted_6, (0, vue.toDisplayString)(item.label), 1),
+											item.meta ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_7, (0, vue.toDisplayString)(item.meta), 1)) : (0, vue.createCommentVNode)("v-if", true),
+											(0, vue.createElementVNode)("span", _hoisted_8, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)((0, vue.unref)(state).preset.availableAspects, (a) => {
+												return (0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+													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]
+												}, [(0, vue.createElementVNode)("span", {
+													class: (0, vue.normalizeClass)((0, vue.unref)(require_preset_aspect_display.ASPECT_ICONS)[a]),
+													"aria-hidden": "true"
+												}, null, 2)], 8, _hoisted_9);
+											}), 128))])
+										]),
+										_: 2
+									}, 1032, ["data-active", "onSelect"]);
+								}), 128))])) : (0, vue.createCommentVNode)("v-if", true)], 64);
+							}), 128)),
+							(0, vue.createCommentVNode)(" Action row "),
+							(0, vue.createVNode)((0, vue.unref)(reka_ui.DropdownMenuSeparator), { class: "as-preset-picker-separator" }),
+							(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",
+								onSelect: saveActive
+							}, {
+								default: (0, vue.withCtx)(() => [..._cache[7] || (_cache[7] = [
+									(0, vue.createElementVNode)("span", {
+										class: "as-preset-picker-action-icon i-as-check",
+										"aria-hidden": "true"
+									}, null, -1),
+									(0, vue.createElementVNode)("span", { class: "as-preset-picker-action-label" }, "Save", -1),
+									(0, vue.createElementVNode)("kbd", { class: "as-kbd" }, "S", -1)
+								])]),
+								_: 1
+							})) : (0, vue.createCommentVNode)("v-if", true),
+							(0, vue.createVNode)((0, vue.unref)(reka_ui.DropdownMenuItem), {
+								class: "as-preset-picker-action",
+								onSelect: _cache[0] || (_cache[0] = (ev) => {
+									ev.preventDefault();
+									openSaveAs();
+								})
+							}, {
+								default: (0, vue.withCtx)(() => [..._cache[8] || (_cache[8] = [
+									(0, vue.createElementVNode)("span", {
+										class: "as-preset-picker-action-icon i-as-plus",
+										"aria-hidden": "true"
+									}, null, -1),
+									(0, vue.createElementVNode)("span", { class: "as-preset-picker-action-label" }, "Save as…", -1),
+									(0, vue.createElementVNode)("kbd", { class: "as-kbd" }, "A", -1)
+								])]),
+								_: 1
+							}),
+							(0, vue.unref)(state).preset.isDirty.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DropdownMenuItem), {
+								key: 1,
+								class: "as-preset-picker-action",
+								onSelect: resetActive
+							}, {
+								default: (0, vue.withCtx)(() => [..._cache[9] || (_cache[9] = [
+									(0, vue.createElementVNode)("span", {
+										class: "as-preset-picker-action-icon i-as-refresh",
+										"aria-hidden": "true"
+									}, null, -1),
+									(0, vue.createElementVNode)("span", { class: "as-preset-picker-action-label" }, "Reset changes", -1),
+									(0, vue.createElementVNode)("kbd", { class: "as-kbd" }, "R", -1)
+								])]),
+								_: 1
+							})) : (0, vue.createCommentVNode)("v-if", true),
+							(0, vue.createVNode)((0, vue.unref)(reka_ui.DropdownMenuSeparator), { class: "as-preset-picker-separator" }),
+							(0, vue.createVNode)((0, vue.unref)(reka_ui.DropdownMenuItem), {
+								class: "as-preset-picker-action",
+								onSelect: openManageDialog
+							}, {
+								default: (0, vue.withCtx)(() => [..._cache[10] || (_cache[10] = [(0, vue.createElementVNode)("span", {
+									class: "as-preset-picker-action-icon i-as-settings",
+									"aria-hidden": "true"
+								}, null, -1), (0, vue.createElementVNode)("span", { class: "as-preset-picker-action-label" }, "Manage presets…", -1)])]),
+								_: 1
+							})
+						]),
+						_: 1
+					})) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createCommentVNode)(" Inline Save-as popover (replaces menu content while open). "), (0, vue.createVNode)((0, vue.unref)(reka_ui.DropdownMenuContent), {
+						class: "as-preset-picker-popover",
+						"side-offset": 4,
+						align: "start",
+						onEscapeKeyDown: cancelSaveAs,
+						onPointerDownOutside: cancelSaveAs
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.createCommentVNode)(" The popover's vertical-stack layout lives on this inner wrapper\n             so the Tab keydown bubbles through a real DOM element before\n             reaching Reka's RovingFocusGroup on MenuContent — without the\n             intercept, RovingFocusGroup would pin focus on the first menu\n             item. Escape/Enter still bubble so `@escape-key-down` fires. "), (0, vue.createElementVNode)("div", {
+							class: "as-preset-picker-popover-inner",
+							onKeydown: _cache[3] || (_cache[3] = (0, vue.withKeys)((0, vue.withModifiers)(() => {}, ["stop"]), ["tab"]))
+						}, [
+							_cache[16] || (_cache[16] = (0, vue.createElementVNode)("h3", { class: "as-preset-picker-popover-title" }, "Save as new preset", -1)),
+							(0, vue.createElementVNode)("div", _hoisted_10, [_cache[11] || (_cache[11] = (0, vue.createElementVNode)("label", {
+								class: "as-preset-picker-popover-label",
+								for: "as-preset-picker-label"
+							}, "Name", -1)), (0, vue.withDirectives)((0, vue.createElementVNode)("input", {
+								id: "as-preset-picker-label",
+								ref_key: "saveAsInputRef",
+								ref: saveAsInputRef,
+								"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => saveAsLabel.value = $event),
+								class: "as-preset-picker-popover-input",
+								type: "text",
+								onKeydown: (0, vue.withKeys)((0, vue.withModifiers)(commitSaveAs, ["prevent"]), ["enter"])
+							}, null, 40, _hoisted_11), [[vue.vModelText, saveAsLabel.value]])]),
+							(0, vue.createElementVNode)("div", _hoisted_12, [_cache[12] || (_cache[12] = (0, vue.createElementVNode)("span", { class: "as-preset-picker-popover-label" }, "Save:", -1)), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(aspects.value, (a) => {
+								return (0, vue.openBlock)(), (0, vue.createElementBlock)("label", {
+									key: a,
+									class: "as-preset-picker-popover-aspect"
+								}, [
+									(0, vue.createElementVNode)("input", {
+										type: "checkbox",
+										checked: saveAsAspectsMask.value[a] === true,
+										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"]),
+										"aria-hidden": "true"
+									}, null, 2),
+									(0, vue.createTextVNode)(" " + (0, vue.toDisplayString)((0, vue.unref)(require_preset_aspect_display.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, [
+								(0, vue.withDirectives)((0, vue.createElementVNode)("input", {
+									"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => saveAsPublic.value = $event),
+									type: "checkbox"
+								}, null, 512), [[vue.vModelCheckbox, saveAsPublic.value]]),
+								_cache[13] || (_cache[13] = (0, vue.createElementVNode)("span", {
+									class: "i-as-eye-off as-preset-picker-popover-aspect-icon",
+									"aria-hidden": "true"
+								}, null, -1)),
+								_cache[14] || (_cache[14] = (0, vue.createTextVNode)(" Make public ", -1))
+							])], 64)) : (0, vue.createCommentVNode)("v-if", true),
+							(0, vue.createElementVNode)("div", _hoisted_15, [(0, vue.createElementVNode)("button", {
+								type: "button",
+								class: "as-preset-picker-popover-cancel",
+								onClick: cancelSaveAs
+							}, " Cancel "), (0, vue.createElementVNode)("button", {
+								type: "button",
+								class: "as-preset-picker-popover-save",
+								disabled: !saveAsLabel.value.trim(),
+								onClick: commitSaveAs
+							}, " Save ", 8, _hoisted_16)])
+						], 32)]),
+						_: 1
+					})], 2112))]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open"])) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_preset_picker_default", {
+	enumerable: true,
+	get: function() {
+		return as_preset_picker_default;
+	}
+});

package/dist/as-preset-picker.cjs

@@ -0,0 +1,4 @@
+require("./use-table-state-MU-vuzui.cjs");
+require("./preset-aspect-display-y8aal_EF.cjs");
+const require_as_preset_picker = require("./as-preset-picker-Ce3crTQy.cjs");
+module.exports = require_as_preset_picker.as_preset_picker_default;

package/dist/as-preset-picker.d.cts

@@ -0,0 +1,2 @@
+import { t as _default } from "./as-preset-picker.vue-DfXS3pGl.cjs";
+export = _default;

package/dist/as-preset-picker.d.mts

@@ -0,0 +1,2 @@
+import { t as _default } from "./as-preset-picker.vue-CTBk6leV.mjs";
+export { _default as default };

package/dist/as-preset-picker.mjs

@@ -0,0 +1,4 @@
+import "./use-table-state-C4JbonEZ.mjs";
+import "./preset-aspect-display-BYeiSgcc.mjs";
+import { t as as_preset_picker_default } from "./as-preset-picker-BQbNEiy9.mjs";
+export { as_preset_picker_default as default };

package/dist/as-preset-picker.vue-CTBk6leV.d.mts

@@ -0,0 +1,7 @@
+import * as vue from "vue";
+
+//#region src/components/as-preset-picker.vue.d.ts
+declare const __VLS_export: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/as-preset-picker.vue-DfXS3pGl.d.cts

@@ -0,0 +1,7 @@
+import * as vue from "vue";
+
+//#region src/components/as-preset-picker.vue.d.ts
+declare const __VLS_export: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/as-row-actions-B6Kob6gt.cjs

@@ -0,0 +1,120 @@
+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/defaults/as-row-actions.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 0,
+	class: "as-row-actions"
+};
+const _hoisted_2 = {
+	key: 1,
+	class: "as-row-actions"
+};
+const _hoisted_3 = [
+	"data-default",
+	"aria-label",
+	"title"
+];
+const _hoisted_4 = {
+	key: 1,
+	class: "as-row-actions-btn-label"
+};
+const _hoisted_5 = {
+	key: 2,
+	class: "as-row-actions"
+};
+//#endregion
+//#region src/components/defaults/as-row-actions.vue
+var as_row_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-row-actions",
+	props: {
+		row: {
+			type: Object,
+			required: false
+		},
+		pk: {
+			type: Object,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { state } = require_use_table_state.useTableContext();
+		const view = (0, vue.computed)(() => {
+			const sourceDefault = state.actions.default.row;
+			const filtered = 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;
+			return {
+				total,
+				default: filtered.default,
+				single,
+				singleLabelOnly: !!single && !single.icon,
+				singleIntentClass: single ? require_use_table_state.intentClass("as-row-actions", single) : void 0,
+				singleIsDefault: !!single && single === sourceDefault,
+				menuGroups: [
+					filtered.default ? [filtered.default] : [],
+					filtered.others,
+					filtered.rows
+				]
+			};
+		});
+		async function trigger(action, event) {
+			const preferredId = state.tableDef.value?.preferredId ?? [];
+			const id = props.pk !== void 0 ? props.pk : require_use_table_state.extractIdentifier(props.row, preferredId);
+			await require_use_table_state.triggerAction(state, action, {
+				identifiers: id === void 0 ? [] : [id],
+				preferredId
+			}, event);
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createCommentVNode)(" table-layout: fixed needs a placeholder cell so column widths line up. "), view.value.total === 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_1)) : view.value.single ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_2, [(0, vue.createElementVNode)("button", {
+				type: "button",
+				class: (0, vue.normalizeClass)(["as-row-actions-btn", [view.value.singleLabelOnly ? "as-row-actions-btn-labelled" : void 0, view.value.singleIntentClass]]),
+				"data-default": view.value.singleIsDefault || void 0,
+				"aria-label": (0, vue.unref)(require_use_table_state.ariaLabelFor)(view.value.single),
+				title: (0, vue.unref)(require_use_table_state.ariaLabelFor)(view.value.single),
+				onClick: _cache[0] || (_cache[0] = (0, vue.withModifiers)(($event) => trigger(view.value.single, $event), ["stop"]))
+			}, [view.value.single.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+				key: 0,
+				class: (0, vue.normalizeClass)(["as-row-actions-btn-icon", view.value.single.icon]),
+				"aria-hidden": "true"
+			}, null, 2)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4, (0, vue.toDisplayString)(view.value.single.label || view.value.single.name), 1))], 10, _hoisted_3)])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_5, [(0, vue.createVNode)((0, vue.unref)(reka_ui.DropdownMenuRoot), { modal: false }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.DropdownMenuTrigger), { "as-child": "" }, {
+					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("button", {
+						type: "button",
+						class: "as-row-actions-btn as-row-actions-more",
+						"aria-label": "Row actions",
+						title: "Row actions",
+						onClick: _cache[1] || (_cache[1] = (0, vue.withModifiers)(() => {}, ["stop"]))
+					}, [..._cache[2] || (_cache[2] = [(0, vue.createElementVNode)("span", {
+						class: "as-row-actions-btn-icon i-as-menu",
+						"aria-hidden": "true"
+					}, null, -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: view.value.menuGroups,
+						"default-marker": view.value.default,
+						prefix: "as-row-actions",
+						onSelect: trigger
+					}, null, 8, ["groups", "default-marker"])]),
+					_: 1
+				})]),
+				_: 1
+			})]))], 2112);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_row_actions_default", {
+	enumerable: true,
+	get: function() {
+		return as_row_actions_default;
+	}
+});