@atscript/vue-table 0.1.112 → 0.1.114

package/dist/{as-row-actions-C4mSAqeh.mjs → as-row-actions-CBVF6B2-.mjs}

@@ -1,6 +1,6 @@
-import { a as useTableContext, c as applyRowGate, f as extractIdentifier, h as triggerAction, p as intentClass, u as ariaLabelFor } from "./use-table-state-kxv6_Biy.mjs";
-import { t as as_action_menu_content_default } from "./as-action-menu-content-CVZJpVPG.mjs";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx, withModifiers } from "vue";
+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-Dju5bxt8.mjs";
+import { t as as_action_menu_content_default } from "./as-action-menu-content-CWmWeQam.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
 const _hoisted_1 = {
@@ -11,16 +11,11 @@ const _hoisted_2 = {
 	key: 1,
 	class: "as-row-actions"
 };
-const _hoisted_3 = [
-	"data-default",
-	"aria-label",
-	"title"
-];
-const _hoisted_4 = {
+const _hoisted_3 = {
 	key: 1,
 	class: "as-row-actions-btn-label"
 };
-const _hoisted_5 = {
+const _hoisted_4 = {
 	key: 2,
 	class: "as-row-actions"
 };
@@ -41,6 +36,18 @@ var as_row_actions_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const { state } = useTableContext();
+		/** The row's identifier — the `pk` prop when given, else extracted from the row. */
+		function identifierOf() {
+			const preferredId = state.tableDef.value?.preferredId ?? [];
+			return props.pk !== void 0 ? props.pk : extractIdentifier(props.row, preferredId);
+		}
+		function promptCtx() {
+			const id = identifierOf();
+			return {
+				identifiers: id === void 0 ? [] : [id],
+				preferredId: state.tableDef.value?.preferredId ?? []
+			};
+		}
 		const view = computed(() => {
 			const sourceDefault = state.actions.default.row;
 			const filtered = applyRowGate({
@@ -50,6 +57,7 @@ var as_row_actions_default = /* @__PURE__ */ defineComponent({
 			}, 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;
 			return {
 				total,
 				default: filtered.default,
@@ -57,6 +65,8 @@ var as_row_actions_default = /* @__PURE__ */ defineComponent({
 				singleLabelOnly: !!single && !single.icon,
 				singleIntentClass: single ? intentClass("as-row-actions", single) : void 0,
 				singleIsDefault: !!single && single === sourceDefault,
+				singleHref,
+				singleAsLink: singleHref !== void 0 && !single?.promptText,
 				menuGroups: [
 					filtered.default ? [filtered.default] : [],
 					filtered.others,
@@ -65,34 +75,45 @@ var as_row_actions_default = /* @__PURE__ */ defineComponent({
 			};
 		});
 		async function trigger(action, event) {
-			const preferredId = state.tableDef.value?.preferredId ?? [];
-			const id = props.pk !== void 0 ? props.pk : extractIdentifier(props.row, preferredId);
-			await triggerAction(state, action, {
-				identifiers: id === void 0 ? [] : [id],
-				preferredId
-			}, event);
+			await triggerAction(state, action, promptCtx(), event);
+		}
+		function hrefFor(action) {
+			return actionHref(state, action, identifierOf());
 		}
+		const { onTriggerClick, onTriggerAuxClick, openNewTab } = createNavigateGestures(state, promptCtx, hrefFor);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" table-layout: fixed needs a placeholder cell so column widths line up. "), view.value.total === 0 ? (openBlock(), createElementBlock("td", _hoisted_1)) : view.value.single ? (openBlock(), createElementBlock("td", _hoisted_2, [createElementVNode("button", {
-				type: "button",
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" table-layout: fixed needs a placeholder cell so column widths line up. "), view.value.total === 0 ? (openBlock(), createElementBlock("td", _hoisted_1)) : view.value.single ? (openBlock(), createElementBlock("td", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(view.value.singleAsLink ? "a" : "button"), {
+				href: view.value.singleAsLink ? view.value.singleHref : void 0,
+				type: view.value.singleAsLink ? void 0 : "button",
 				class: 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": unref(ariaLabelFor)(view.value.single),
 				title: unref(ariaLabelFor)(view.value.single),
-				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => trigger(view.value.single, $event), ["stop"]))
-			}, [view.value.single.icon ? (openBlock(), createElementBlock("span", {
-				key: 0,
-				class: normalizeClass(["as-row-actions-btn-icon", view.value.single.icon]),
-				"aria-hidden": "true"
-			}, null, 2)) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(view.value.single.label || view.value.single.name), 1))], 10, _hoisted_3)])) : (openBlock(), createElementBlock("td", _hoisted_5, [createVNode(unref(DropdownMenuRoot), { modal: false }, {
+				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(onTriggerClick)(view.value.single, view.value.singleHref, view.value.singleAsLink, $event), ["stop"])),
+				onAuxclick: _cache[1] || (_cache[1] = withModifiers(($event) => unref(onTriggerAuxClick)(view.value.single, view.value.singleHref, view.value.singleAsLink, $event), ["stop"]))
+			}, {
+				default: withCtx(() => [view.value.single.icon ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(["as-row-actions-btn-icon", view.value.single.icon]),
+					"aria-hidden": "true"
+				}, null, 2)) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(view.value.single.label || view.value.single.name), 1))]),
+				_: 1
+			}, 40, [
+				"href",
+				"type",
+				"class",
+				"data-default",
+				"aria-label",
+				"title"
+			]))])) : (openBlock(), createElementBlock("td", _hoisted_4, [createVNode(unref(DropdownMenuRoot), { modal: false }, {
 				default: withCtx(() => [createVNode(unref(DropdownMenuTrigger), { "as-child": "" }, {
 					default: withCtx(() => [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] = withModifiers(() => {}, ["stop"]))
-					}, [..._cache[2] || (_cache[2] = [createElementVNode("span", {
+						onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"]))
+					}, [..._cache[3] || (_cache[3] = [createElementVNode("span", {
 						class: "as-row-actions-btn-icon i-as-menu",
 						"aria-hidden": "true"
 					}, null, -1)])])]),
@@ -102,8 +123,14 @@ var as_row_actions_default = /* @__PURE__ */ defineComponent({
 						groups: view.value.menuGroups,
 						"default-marker": view.value.default,
 						prefix: "as-row-actions",
-						onSelect: trigger
-					}, null, 8, ["groups", "default-marker"])]),
+						"href-for": hrefFor,
+						onSelect: trigger,
+						onNewtab: unref(openNewTab)
+					}, null, 8, [
+						"groups",
+						"default-marker",
+						"onNewtab"
+					])]),
 					_: 1
 				})]),
 				_: 1

package/dist/{as-row-actions-N30up8uG.cjs → as-row-actions-DC6-kpsJ.cjs}

@@ -1,5 +1,5 @@
-const require_use_table_state = require("./use-table-state-CI8i5m7s.cjs");
-const require_as_action_menu_content = require("./as-action-menu-content-C_-ndF6S.cjs");
+const require_use_table_state = require("./use-table-state-CElgF_iy.cjs");
+const require_as_action_menu_content = require("./as-action-menu-content-C7n_dJx0.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
@@ -11,16 +11,11 @@ const _hoisted_2 = {
 	key: 1,
 	class: "as-row-actions"
 };
-const _hoisted_3 = [
-	"data-default",
-	"aria-label",
-	"title"
-];
-const _hoisted_4 = {
+const _hoisted_3 = {
 	key: 1,
 	class: "as-row-actions-btn-label"
 };
-const _hoisted_5 = {
+const _hoisted_4 = {
 	key: 2,
 	class: "as-row-actions"
 };
@@ -41,6 +36,18 @@ var as_row_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	setup(__props) {
 		const props = __props;
 		const { state } = require_use_table_state.useTableContext();
+		/** The row's identifier — the `pk` prop when given, else extracted from the row. */
+		function identifierOf() {
+			const preferredId = state.tableDef.value?.preferredId ?? [];
+			return props.pk !== void 0 ? props.pk : require_use_table_state.extractIdentifier(props.row, preferredId);
+		}
+		function promptCtx() {
+			const id = identifierOf();
+			return {
+				identifiers: id === void 0 ? [] : [id],
+				preferredId: state.tableDef.value?.preferredId ?? []
+			};
+		}
 		const view = (0, vue.computed)(() => {
 			const sourceDefault = state.actions.default.row;
 			const filtered = require_use_table_state.applyRowGate({
@@ -50,6 +57,7 @@ var as_row_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			}, 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;
 			return {
 				total,
 				default: filtered.default,
@@ -57,6 +65,8 @@ var as_row_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				singleLabelOnly: !!single && !single.icon,
 				singleIntentClass: single ? require_use_table_state.intentClass("as-row-actions", single) : void 0,
 				singleIsDefault: !!single && single === sourceDefault,
+				singleHref,
+				singleAsLink: singleHref !== void 0 && !single?.promptText,
 				menuGroups: [
 					filtered.default ? [filtered.default] : [],
 					filtered.others,
@@ -65,34 +75,45 @@ var as_row_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			};
 		});
 		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);
+			await require_use_table_state.triggerAction(state, action, promptCtx(), event);
+		}
+		function hrefFor(action) {
+			return require_use_table_state.actionHref(state, action, identifierOf());
 		}
+		const { onTriggerClick, onTriggerAuxClick, openNewTab } = require_use_table_state.createNavigateGestures(state, promptCtx, hrefFor);
 		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",
+			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.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(view.value.singleAsLink ? "a" : "button"), {
+				href: view.value.singleAsLink ? view.value.singleHref : void 0,
+				type: view.value.singleAsLink ? void 0 : "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 }, {
+				onClick: _cache[0] || (_cache[0] = (0, vue.withModifiers)(($event) => (0, vue.unref)(onTriggerClick)(view.value.single, view.value.singleHref, view.value.singleAsLink, $event), ["stop"])),
+				onAuxclick: _cache[1] || (_cache[1] = (0, vue.withModifiers)(($event) => (0, vue.unref)(onTriggerAuxClick)(view.value.single, view.value.singleHref, view.value.singleAsLink, $event), ["stop"]))
+			}, {
+				default: (0, vue.withCtx)(() => [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_3, (0, vue.toDisplayString)(view.value.single.label || view.value.single.name), 1))]),
+				_: 1
+			}, 40, [
+				"href",
+				"type",
+				"class",
+				"data-default",
+				"aria-label",
+				"title"
+			]))])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_4, [(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", {
+						onClick: _cache[2] || (_cache[2] = (0, vue.withModifiers)(() => {}, ["stop"]))
+					}, [..._cache[3] || (_cache[3] = [(0, vue.createElementVNode)("span", {
 						class: "as-row-actions-btn-icon i-as-menu",
 						"aria-hidden": "true"
 					}, null, -1)])])]),
@@ -102,8 +123,14 @@ var as_row_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						groups: view.value.menuGroups,
 						"default-marker": view.value.default,
 						prefix: "as-row-actions",
-						onSelect: trigger
-					}, null, 8, ["groups", "default-marker"])]),
+						"href-for": hrefFor,
+						onSelect: trigger,
+						onNewtab: (0, vue.unref)(openNewTab)
+					}, null, 8, [
+						"groups",
+						"default-marker",
+						"onNewtab"
+					])]),
 					_: 1
 				})]),
 				_: 1

package/dist/as-row-actions.cjs

@@ -1,2 +1,2 @@
-const require_as_row_actions = require("./as-row-actions-N30up8uG.cjs");
+const require_as_row_actions = require("./as-row-actions-DC6-kpsJ.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-C4mSAqeh.mjs";
+import { t as as_row_actions_default } from "./as-row-actions-CBVF6B2-.mjs";
 export { as_row_actions_default as default };

package/dist/{as-table-DnUc3TB1.mjs → as-table-DQwYi63u.mjs}

@@ -1,8 +1,8 @@
-import { _ as ROW_ACTIONS_TYPE, a as useTableContext, g as ROW_ACTIONS_PATH, i as useRegisterMainActionListener } from "./use-table-state-kxv6_Biy.mjs";
+import { a as useTableContext, b as ROW_ACTIONS_PATH, i as useRegisterMainActionListener, x as ROW_ACTIONS_TYPE } from "./use-table-state-Dju5bxt8.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-O9cMoTBL.mjs";
+import { t as as_table_base_default } from "./as-table-base-DOvVedJg.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

package/dist/{as-table-3TbYx5tz.cjs → as-table-DaT2K-7n.cjs}

@@ -1,8 +1,8 @@
-const require_use_table_state = require("./use-table-state-CI8i5m7s.cjs");
+const require_use_table_state = require("./use-table-state-CElgF_iy.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-CbxfXR2t.cjs");
+const require_as_table_base = require("./as-table-base-1uBBmFuL.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

package/dist/{as-table-actions-CoN68w6P.cjs → as-table-actions-CEhZXH97.cjs}

@@ -1,5 +1,5 @@
-const require_use_table_state = require("./use-table-state-CI8i5m7s.cjs");
-const require_as_action_menu_content = require("./as-action-menu-content-C_-ndF6S.cjs");
+const require_use_table_state = require("./use-table-state-CElgF_iy.cjs");
+const require_as_action_menu_content = require("./as-action-menu-content-C7n_dJx0.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
@@ -7,8 +7,7 @@ const _hoisted_1 = {
 	key: 0,
 	class: "as-table-actions"
 };
-const _hoisted_2 = ["aria-label", "title"];
-const _hoisted_3 = { class: "as-table-actions-btn-label" };
+const _hoisted_2 = { class: "as-table-actions-btn-label" };
 //#endregion
 //#region src/components/as-table-actions.vue
 var as_table_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -40,6 +39,15 @@ var as_table_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		}
 		const preferredId = (0, vue.computed)(() => state.tableDef.value?.preferredId ?? []);
 		const resolved = (0, vue.computed)(() => {
+			const r = resolveBuckets();
+			const defaultHref = r.defaultAction ? require_use_table_state.actionHref(state, r.defaultAction, r.ids[0]) : void 0;
+			return {
+				...r,
+				defaultHref,
+				defaultAsLink: defaultHref !== void 0 && !r.defaultAction?.promptText
+			};
+		});
+		function resolveBuckets() {
 			const selectedCount = state.selectedCount.value;
 			const explicit = props.level;
 			const effectiveLevel = resolveLevel(explicit, selectedCount);
@@ -78,14 +86,22 @@ var as_table_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				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, {
+		function promptCtx() {
+			return {
 				identifiers: resolved.value.ids,
 				preferredId: preferredId.value
-			}, event);
+			};
+		}
+		async function invokeWith(action, event) {
+			await require_use_table_state.triggerAction(state, action, promptCtx(), event);
+		}
+		/** Resolved navigate href for `action` against the toolbar's current ids. */
+		function hrefFor(action) {
+			return require_use_table_state.actionHref(state, action, resolved.value.ids[0]);
 		}
+		const { onTriggerClick, onTriggerAuxClick, openNewTab } = require_use_table_state.createNavigateGestures(state, promptCtx, hrefFor);
 		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,
@@ -94,24 +110,35 @@ var as_table_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				level: resolved.value.level,
 				ids: resolved.value.ids,
 				invoke: invokeWith
-			}, () => [resolved.value.defaultAction ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+			}, () => [resolved.value.defaultAction ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(resolved.value.defaultAsLink ? "a" : "button"), {
 				key: 0,
-				type: "button",
+				href: resolved.value.defaultAsLink ? resolved.value.defaultHref : void 0,
+				type: resolved.value.defaultAsLink ? void 0 : "button",
 				class: (0, vue.normalizeClass)(["as-table-actions-btn", (0, vue.unref)(require_use_table_state.intentClass)("as-table-actions", resolved.value.defaultAction)]),
 				"data-default": "",
 				"aria-label": (0, vue.unref)(require_use_table_state.ariaLabelFor)(resolved.value.defaultAction),
 				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), {
+				onClick: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(onTriggerClick)(resolved.value.defaultAction, resolved.value.defaultHref, resolved.value.defaultAsLink, $event)),
+				onAuxclick: _cache[1] || (_cache[1] = ($event) => (0, vue.unref)(onTriggerAuxClick)(resolved.value.defaultAction, resolved.value.defaultHref, resolved.value.defaultAsLink, $event))
+			}, {
+				default: (0, vue.withCtx)(() => [(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_2, (0, vue.toDisplayString)(resolved.value.defaultAction.label || resolved.value.defaultAction.name), 1)])]),
+				_: 3
+			}, 40, [
+				"href",
+				"type",
+				"class",
+				"aria-label",
+				"title"
+			])) : (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", {
+					default: (0, vue.withCtx)(() => [..._cache[2] || (_cache[2] = [(0, vue.createElementVNode)("button", {
 						type: "button",
 						class: "as-table-actions-more",
 						"aria-label": "More actions",
@@ -125,12 +152,14 @@ var as_table_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					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
+						"href-for": hrefFor,
+						onSelect: invokeWith,
+						onNewtab: (0, vue.unref)(openNewTab)
 					}, (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"])]),
+					} : void 0]), 1032, ["groups", "onNewtab"])]),
 					_: 3
 				})]),
 				_: 3

package/dist/{as-table-actions-Ct3tEarY.mjs → as-table-actions-ChR9MGQt.mjs}

@@ -1,14 +1,13 @@
-import { a as useTableContext, c as applyRowGate, d as collectIdentifiers, h as triggerAction, l as applyRowsGate, p as intentClass, u as ariaLabelFor } from "./use-table-state-kxv6_Biy.mjs";
-import { t as as_action_menu_content_default } from "./as-action-menu-content-CVZJpVPG.mjs";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+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-Dju5bxt8.mjs";
+import { t as as_action_menu_content_default } from "./as-action-menu-content-CWmWeQam.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, 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" };
+const _hoisted_2 = { class: "as-table-actions-btn-label" };
 //#endregion
 //#region src/components/as-table-actions.vue
 var as_table_actions_default = /* @__PURE__ */ defineComponent({
@@ -40,6 +39,15 @@ 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;
+			return {
+				...r,
+				defaultHref,
+				defaultAsLink: defaultHref !== void 0 && !r.defaultAction?.promptText
+			};
+		});
+		function resolveBuckets() {
 			const selectedCount = state.selectedCount.value;
 			const explicit = props.level;
 			const effectiveLevel = resolveLevel(explicit, selectedCount);
@@ -78,14 +86,22 @@ var as_table_actions_default = /* @__PURE__ */ defineComponent({
 				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, {
+		function promptCtx() {
+			return {
 				identifiers: resolved.value.ids,
 				preferredId: preferredId.value
-			}, event);
+			};
+		}
+		async function invokeWith(action, event) {
+			await triggerAction(state, action, promptCtx(), event);
+		}
+		/** Resolved navigate href for `action` against the toolbar's current ids. */
+		function hrefFor(action) {
+			return actionHref(state, action, resolved.value.ids[0]);
 		}
+		const { onTriggerClick, onTriggerAuxClick, openNewTab } = createNavigateGestures(state, promptCtx, hrefFor);
 		return (_ctx, _cache) => {
 			return hasAny.value ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "default", {
 				defaultAction: resolved.value.defaultAction,
@@ -94,24 +110,35 @@ var as_table_actions_default = /* @__PURE__ */ defineComponent({
 				level: resolved.value.level,
 				ids: resolved.value.ids,
 				invoke: invokeWith
-			}, () => [resolved.value.defaultAction ? (openBlock(), createElementBlock("button", {
+			}, () => [resolved.value.defaultAction ? (openBlock(), createBlock(resolveDynamicComponent(resolved.value.defaultAsLink ? "a" : "button"), {
 				key: 0,
-				type: "button",
+				href: resolved.value.defaultAsLink ? resolved.value.defaultHref : void 0,
+				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),
 				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), {
+				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))
+			}, {
+				default: withCtx(() => [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_2, toDisplayString(resolved.value.defaultAction.label || resolved.value.defaultAction.name), 1)])]),
+				_: 3
+			}, 40, [
+				"href",
+				"type",
+				"class",
+				"aria-label",
+				"title"
+			])) : 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", {
+					default: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("button", {
 						type: "button",
 						class: "as-table-actions-more",
 						"aria-label": "More actions",
@@ -125,12 +152,14 @@ var as_table_actions_default = /* @__PURE__ */ defineComponent({
 					default: withCtx(() => [createVNode(as_action_menu_content_default, {
 						groups: [resolved.value.otherActions, resolved.value.trailingRowActions],
 						prefix: "as-table-actions",
-						onSelect: invokeWith
+						"href-for": hrefFor,
+						onSelect: invokeWith,
+						onNewtab: unref(openNewTab)
 					}, 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"])]),
+					} : void 0]), 1032, ["groups", "onNewtab"])]),
 					_: 3
 				})]),
 				_: 3

package/dist/as-table-actions.cjs

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

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-actions.vue-62ZjZoIa.cjs";
+import { t as _default } from "./as-table-actions.vue-WXkllHVw.cjs";
 export = _default;

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

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

package/dist/as-table-actions.mjs

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

package/dist/{as-table-actions.vue-62ZjZoIa.d.cts → as-table-actions.vue-DTGYOsZh.d.mts}

@@ -1,4 +1,4 @@
-import { h as TVueTableActionInfo } from "./types-DAgdkjji.cjs";
+import { h as TVueTableActionInfo } from "./types-ByU4O0Yf.mjs";
 import * as vue from "vue";
 
 //#region src/components/as-table-actions.vue.d.ts
@@ -18,20 +18,20 @@ declare var __VLS_1: {
     defaultAction: TVueTableActionInfo | undefined;
     otherActions: TVueTableActionInfo[];
     trailingRowActions: TVueTableActionInfo[];
-    level: "table" | "rows" | "row";
+    level: "row" | "rows" | "table";
     ids: Record<string, unknown>[];
     invoke: typeof invokeWith;
-  }, __VLS_3: {
+  }, __VLS_12: {
     action: TVueTableActionInfo;
-  }, __VLS_32: {
+  }, __VLS_42: {
     action: TVueTableActionInfo;
   };
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 } & {
-  button?: (props: typeof __VLS_3) => any;
+  button?: (props: typeof __VLS_12) => any;
 } & {
-  'menu-item'?: (props: typeof __VLS_32) => any;
+  'menu-item'?: (props: typeof __VLS_42) => 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";