@atscript/vue-table 0.1.132 → 0.1.134

package/dist/{as-table-base-RG2TEIgV.cjs → as-table-base-DLuhKz69.cjs}

@@ -1,6 +1,6 @@
-const require_use_table_state = require("./use-table-state-Oi2ds4_a.cjs");
-const require_get_cell_value = require("./get-cell-value-4rHKP-TG.cjs");
-const require_as_table_status = require("./as-table-status-Du4WLF4k.cjs");
+const require_use_table_state = require("./use-table-state-mhm-YWnu.cjs");
+const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
+const require_as_table_status = require("./as-table-status-B2HPerJT.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let _vueuse_core = require("@vueuse/core");
@@ -160,6 +160,7 @@ const _hoisted_6 = [
 	"id",
 	"aria-rowindex",
 	"aria-selected",
+	"data-selectable",
 	"onClick",
 	"onDblclick"
 ];
@@ -168,16 +169,24 @@ const _hoisted_7 = {
 	class: "as-td-select",
 	role: "gridcell"
 };
-const _hoisted_8 = {
+const _hoisted_8 = [
+	"tabindex",
+	"aria-checked",
+	"aria-disabled",
+	"aria-label",
+	"title",
+	"onKeydown"
+];
+const _hoisted_9 = {
 	key: 0,
 	class: "as-table-checkbox-tick",
 	"aria-hidden": "true"
 };
-const _hoisted_9 = {
+const _hoisted_10 = {
 	key: 0,
 	role: "gridcell"
 };
-const _hoisted_10 = {
+const _hoisted_11 = {
 	key: 3,
 	class: "as-td-filler",
 	role: "gridcell"
@@ -289,6 +298,14 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Boolean,
 			required: false,
 			default: false
+		},
+		rowClass: {
+			type: Function,
+			required: false
+		},
+		rowAttrs: {
+			type: Function,
+			required: false
 		}
 	},
 	emits: [
@@ -314,14 +331,69 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const isListbox = (0, vue.computed)(() => props.renderMode === "listbox");
 		const isRekaWrapped = (0, vue.computed)(() => isCombobox.value || isListbox.value);
 		const hasValue = (0, vue.computed)(() => isRekaWrapped.value || props.select !== "none");
+		const SELECTABLE = Object.freeze({ ok: true });
+		const DEFAULT_ROW_META = Object.freeze({
+			selectable: SELECTABLE,
+			cls: void 0,
+			attrs: void 0
+		});
+		const rowHooks = (0, vue.computed)(() => {
+			const rows = props.rows;
+			if (!isStandalone.value) return {
+				metas: [],
+				selectable: rows.length,
+				selected: 0
+			};
+			const gated = !!ctx?.state.rowSelectable.value;
+			if (!gated && !props.rowClass && !props.rowAttrs) {
+				let selected = 0;
+				for (const row of rows) if (isPkSelected(row)) selected++;
+				return {
+					metas: [],
+					selectable: rows.length,
+					selected
+				};
+			}
+			let selectable = 0;
+			let selected = 0;
+			return {
+				metas: rows.map((row, index) => {
+					const hookCtx = {
+						index,
+						get selected() {
+							return isPkSelected(row);
+						}
+					};
+					const verdict = gated ? ctx.state.isRowSelectable(row, index) : SELECTABLE;
+					if (verdict.ok) {
+						selectable++;
+						if (isPkSelected(row)) selected++;
+					}
+					return {
+						selectable: verdict,
+						cls: props.rowClass?.(row, hookCtx),
+						attrs: props.rowAttrs?.(row, hookCtx)
+					};
+				}),
+				selectable,
+				selected
+			};
+		});
+		function metaFor(index) {
+			return rowHooks.value.metas[index] ?? DEFAULT_ROW_META;
+		}
+		/** Accessible name for a row's selection control, carrying the disabled reason. */
+		function selectLabel(verdict) {
+			if (verdict.ok) return "Select row";
+			return verdict.reason ? `Select row, ${verdict.reason}` : "Select row, not selectable";
+		}
 		const hasActiveFilters = (0, vue.computed)(() => props.filters ? (0, _atscript_ui_table.filledFilterCount)(props.filters) > 0 : false);
 		const showSelectAllCheckbox = (0, vue.computed)(() => isStandalone.value && props.select === "multi" && !!props.selectedRows);
 		const selectAllState = (0, vue.computed)(() => {
 			if (!showSelectAllCheckbox.value) return void 0;
-			const sel = props.selectedRows ?? [];
-			if (sel.length === 0) return "none";
-			if (sel.length === props.rows.length && props.rows.length > 0) return "all";
-			return "some";
+			if ((props.selectedRows ?? []).length === 0) return "none";
+			const { selectable, selected } = rowHooks.value;
+			return selectable > 0 && selected >= selectable ? "all" : "some";
 		});
 		const emit = __emit;
 		const slots = (0, vue.useSlots)();
@@ -360,6 +432,11 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			if (!isStandalone.value || !ctx) return;
 			ctx.state.handleNavKey(event, { mode: props.select });
 		}
+		/** Space on a row's selection control toggles just that row. */
+		function onSelectCellKeydown(event, index) {
+			if (!ctx) return;
+			require_use_table_state.onSelectControlKeydown(event, index, props.select, ctx.state);
+		}
 		const scrollContainerRef = (0, vue.ref)(null);
 		function alignActiveRow(idx) {
 			if (!ctx) return;
@@ -597,50 +674,68 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						"aria-activedescendant": ariaActiveDescendant.value,
 						onKeydown: onTbodyKeydown
 					}, {
-						default: (0, vue.withCtx)(({ item, index, spaceBefore }) => [(0, vue.createElementVNode)("tr", {
-							id: rowIdFor(index),
-							role: "row",
-							"aria-rowindex": index + 2,
-							"aria-selected": ariaSelectedFor(item),
-							class: (0, vue.normalizeClass)({ "as-table-row-active": isActiveRow(index) }),
-							style: (0, vue.normalizeStyle)({
-								height: __props.virtualRowHeight ? `${__props.virtualRowHeight}px` : void 0,
-								transform: spaceBefore ? `translateY(${spaceBefore}px)` : void 0
-							}),
-							onClick: ($event) => onRowClick(item, $event, index),
-							onDblclick: ($event) => onRowDblClick(item, $event, index)
-						}, [
-							hasValue.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_7, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["as-table-checkbox", { "as-table-checkbox-checked": isPkSelected(item) }]) }, [isPkSelected(item) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_8)) : (0, vue.createCommentVNode)("v-if", true)], 2)])) : (0, vue.createCommentVNode)("v-if", true),
-							(0, vue.unref)(hasAnyCellBindings) ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, (0, vue.renderList)(__props.columns, (col) => {
-								return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: col.path }, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)([(0, vue.unref)(cellResolver)(col, item, index)], (bindings) => {
-									return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [cellSlotFlags.value[col.path] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", (0, vue.mergeProps)({
-										key: 0,
-										role: "gridcell"
-									}, { ref_for: true }, bindings), [(0, vue.renderSlot)(_ctx.$slots, `cell-${col.path}`, {
+						default: (0, vue.withCtx)(({ item, index, spaceBefore }) => [(0, vue.createCommentVNode)("\n            `meta` is resolved ONCE per row (the row's hook results + its\n            selectability verdict); `v-bind=\"meta.attrs\"` comes FIRST so every\n            framework binding after it wins — consumer attrs can decorate a\n            row but can never rewrite its id / role / aria / data contract.\n          "), ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)([metaFor(index)], (meta) => {
+							return (0, vue.openBlock)(), (0, vue.createElementBlock)("tr", (0, vue.mergeProps)({
+								key: 0,
+								ref_for: true
+							}, meta.attrs, {
+								id: rowIdFor(index),
+								role: "row",
+								"aria-rowindex": index + 2,
+								"aria-selected": ariaSelectedFor(item),
+								"data-selectable": meta.selectable.ok ? void 0 : "false",
+								class: [{ "as-table-row-active": isActiveRow(index) }, meta.cls],
+								style: {
+									height: __props.virtualRowHeight ? `${__props.virtualRowHeight}px` : void 0,
+									transform: spaceBefore ? `translateY(${spaceBefore}px)` : void 0
+								},
+								onClick: ($event) => onRowClick(item, $event, index),
+								onDblclick: ($event) => onRowDblClick(item, $event, index)
+							}), [
+								hasValue.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_7, [(0, vue.createElementVNode)("span", {
+									class: (0, vue.normalizeClass)(["as-table-checkbox", {
+										"as-table-checkbox-checked": isPkSelected(item),
+										"as-table-checkbox-disabled": !meta.selectable.ok
+									}]),
+									role: "checkbox",
+									tabindex: meta.selectable.ok ? 0 : void 0,
+									"aria-checked": isPkSelected(item) ? "true" : "false",
+									"aria-disabled": meta.selectable.ok ? void 0 : "true",
+									"aria-label": selectLabel(meta.selectable),
+									title: meta.selectable.reason,
+									onKeydown: ($event) => onSelectCellKeydown($event, index)
+								}, [isPkSelected(item) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_9)) : (0, vue.createCommentVNode)("v-if", true)], 42, _hoisted_8)])) : (0, vue.createCommentVNode)("v-if", true),
+								(0, vue.unref)(hasAnyCellBindings) ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, (0, vue.renderList)(__props.columns, (col) => {
+									return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: col.path }, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)([(0, vue.unref)(cellResolver)(col, item, index)], (bindings) => {
+										return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [cellSlotFlags.value[col.path] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", (0, vue.mergeProps)({
+											key: 0,
+											role: "gridcell"
+										}, { ref_for: true }, bindings), [(0, vue.renderSlot)(_ctx.$slots, `cell-${col.path}`, {
+											row: item,
+											value: (0, vue.unref)(require_get_cell_value.getCellValue)(item, col.path),
+											column: col
+										})], 16)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(cellComponents)[col.path]), (0, vue.mergeProps)({
+											key: 1,
+											row: item,
+											column: col,
+											role: "gridcell"
+										}, { ref_for: true }, bindings), null, 16, ["row", "column"]))], 64);
+									}), 128))], 64);
+								}), 128)) : ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, (0, vue.renderList)(__props.columns, (col) => {
+									return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: col.path }, [cellSlotFlags.value[col.path] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_10, [(0, vue.renderSlot)(_ctx.$slots, `cell-${col.path}`, {
 										row: item,
 										value: (0, vue.unref)(require_get_cell_value.getCellValue)(item, col.path),
 										column: col
-									})], 16)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(cellComponents)[col.path]), (0, vue.mergeProps)({
+									})])) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(cellComponents)[col.path]), {
 										key: 1,
 										row: item,
 										column: col,
 										role: "gridcell"
-									}, { ref_for: true }, bindings), null, 16, ["row", "column"]))], 64);
-								}), 128))], 64);
-							}), 128)) : ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, (0, vue.renderList)(__props.columns, (col) => {
-								return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: col.path }, [cellSlotFlags.value[col.path] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_9, [(0, vue.renderSlot)(_ctx.$slots, `cell-${col.path}`, {
-									row: item,
-									value: (0, vue.unref)(require_get_cell_value.getCellValue)(item, col.path),
-									column: col
-								})])) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(cellComponents)[col.path]), {
-									key: 1,
-									row: item,
-									column: col,
-									role: "gridcell"
-								}, null, 8, ["row", "column"]))], 64);
-							}), 128)),
-							__props.stretch ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_10)) : (0, vue.createCommentVNode)("v-if", true)
-						], 46, _hoisted_6)]),
+									}, null, 8, ["row", "column"]))], 64);
+								}), 128)),
+								__props.stretch ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("td", _hoisted_11)) : (0, vue.createCommentVNode)("v-if", true)
+							], 16, _hoisted_6);
+						}), 128))]),
 						_: 3
 					}, 8, [
 						"options",

package/dist/{as-table-cell-value-D1JkTQt0.cjs → as-table-cell-value-BAi5yadc.cjs}

@@ -1,5 +1,5 @@
-const require_get_cell_value = require("./get-cell-value-4rHKP-TG.cjs");
-const require_format_cell = require("./format-cell-vCNTh4WZ.cjs");
+const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
+const require_format_cell = require("./format-cell-DaxV6WIJ.cjs");
 let vue = require("vue");
 //#endregion
 //#region src/components/defaults/as-table-cell-value.vue

package/dist/{as-table-cell-value-CPcFxSOj.mjs → as-table-cell-value-BVcfhhCb.mjs}

@@ -1,5 +1,5 @@
-import { t as getCellValue } from "./get-cell-value-C8LLc_Rr.mjs";
-import { t as formatCellValue } from "./format-cell-D1Ziv96Q.mjs";
+import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
+import { t as formatCellValue } from "./format-cell-Bx7wNc4X.mjs";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
 //#endregion
 //#region src/components/defaults/as-table-cell-value.vue

package/dist/as-table-cell-value.cjs

@@ -1,2 +1,2 @@
-const require_as_table_cell_value = require("./as-table-cell-value-D1JkTQt0.cjs");
+const require_as_table_cell_value = require("./as-table-cell-value-BAi5yadc.cjs");
 module.exports = require_as_table_cell_value.as_table_cell_value_default;

package/dist/as-table-cell-value.mjs

@@ -1,2 +1,2 @@
-import { t as as_table_cell_value_default } from "./as-table-cell-value-CPcFxSOj.mjs";
+import { t as as_table_cell_value_default } from "./as-table-cell-value-BVcfhhCb.mjs";
 export { as_table_cell_value_default as default };

package/dist/{as-table-header-cell-CIqlO6Lw.cjs → as-table-header-cell-Bv6q5iKA.cjs}

@@ -1,5 +1,5 @@
-const require_use_table_component = require("./use-table-component-DO_kvKSf.cjs");
-const require_as_column_menu = require("./as-column-menu-fZVbJ9lU.cjs");
+const require_use_table_component = require("./use-table-component-DS5NJPzs.cjs");
+const require_as_column_menu = require("./as-column-menu-D_8NxujZ.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 //#region src/components/defaults/as-table-header-cell.vue?vue&type=script&setup=true&lang.ts

package/dist/{as-table-header-cell-Bdhl5Lox.mjs → as-table-header-cell-Xd3cvnII.mjs}

@@ -1,5 +1,5 @@
-import { t as useTableComponent } from "./use-table-component-K6xj1obF.mjs";
-import { t as as_column_menu_default } from "./as-column-menu-kTIQfLTi.mjs";
+import { t as useTableComponent } from "./use-table-component-CRmLHdqi.mjs";
+import { t as as_column_menu_default } from "./as-column-menu-BMTS3DO2.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx, withModifiers } from "vue";
 import { isFilled } from "@atscript/ui-table";
 //#region src/components/defaults/as-table-header-cell.vue?vue&type=script&setup=true&lang.ts

package/dist/as-table-header-cell.cjs

@@ -1,2 +1,2 @@
-const require_as_table_header_cell = require("./as-table-header-cell-CIqlO6Lw.cjs");
+const require_as_table_header_cell = require("./as-table-header-cell-Bv6q5iKA.cjs");
 module.exports = require_as_table_header_cell.as_table_header_cell_default;

package/dist/as-table-header-cell.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-header-cell.vue-BzTzfGRo.cjs";
+import { t as _default } from "./as-table-header-cell.vue-AS6u4e6v.cjs";
 export = _default;

package/dist/as-table-header-cell.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-header-cell.vue-BCszzxtU.mjs";
+import { t as _default } from "./as-table-header-cell.vue-zKOmlzhT.mjs";
 export { _default as default };

package/dist/as-table-header-cell.mjs

@@ -1,2 +1,2 @@
-import { t as as_table_header_cell_default } from "./as-table-header-cell-Bdhl5Lox.mjs";
+import { t as as_table_header_cell_default } from "./as-table-header-cell-Xd3cvnII.mjs";
 export { as_table_header_cell_default as default };

package/dist/{as-table-header-cell.vue-BCszzxtU.d.mts → as-table-header-cell.vue-AS6u4e6v.d.cts}

@@ -1,6 +1,6 @@
-import { n as ColumnMenuConfig } from "./types-ByU4O0Yf.mjs";
-import { ColumnDef } from "@atscript/ui";
+import { n as ColumnMenuConfig } from "./types--ex8BJIO.cjs";
 import * as vue from "vue";
+import { ColumnDef } from "@atscript/ui";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";
 
 //#region src/components/defaults/as-table-header-cell.vue.d.ts

package/dist/{as-table-header-cell.vue-BzTzfGRo.d.cts → as-table-header-cell.vue-zKOmlzhT.d.mts}

@@ -1,6 +1,6 @@
-import { n as ColumnMenuConfig } from "./types-CTMxE_zA.cjs";
-import * as vue from "vue";
+import { n as ColumnMenuConfig } from "./types-CBGaTR2Z.mjs";
 import { ColumnDef } from "@atscript/ui";
+import * as vue from "vue";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";
 
 //#region src/components/defaults/as-table-header-cell.vue.d.ts

package/dist/{as-table-root-BLReUbRH.mjs → as-table-root-C1A6JkwL.mjs}

@@ -1,9 +1,28 @@
-import { i as useRegisterMainActionListener } from "./use-table-state-BxX3SpeW.mjs";
-import { n as useTable } from "./use-table-CyFcVtUN.mjs";
-import { t as useTableNavBridge } from "./use-table-nav-bridge-DeGeaQX-.mjs";
-import { t as useHasEmitListener } from "./use-has-emit-listener-BTMDIv2e.mjs";
-import { t as as_confirm_dialog_default } from "./as-confirm-dialog-bpN4A-KN.mjs";
+import { i as useRegisterMainActionListener, t as createStaticTableState } from "./use-table-state-mBXx11aH.mjs";
+import { n as finalizeTableState, r as useTable } from "./use-table-BFhbfWgY.mjs";
+import { t as useTableNavBridge } from "./use-table-nav-bridge-DzJN5v9a.mjs";
+import { t as useHasEmitListener } from "./use-has-emit-listener-DrBbsLHQ.mjs";
+import { t as as_confirm_dialog_default } from "./as-confirm-dialog-G4ZoL_Xo.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineAsyncComponent, defineComponent, mergeModels, openBlock, ref, renderSlot, resolveDynamicComponent, unref, useModel, watch } from "vue";
+//#region src/utils/dev.ts
+/**
+* `true` outside a production build — the gate for authoring-time warnings, so
+* their strings and checks cost a shipped app nothing.
+*
+* Read from `process.env.NODE_ENV` rather than `import.meta.env`: bundlers
+* replace this expression with a literal in both the ESM and the CJS output,
+* while `import.meta` only exists in the former. Where neither a bundler nor a
+* `process` shim is present the read throws — warnings stay on, which is the
+* safe side of the trade.
+*/
+function detectDev() {
+	try {
+		return process.env.NODE_ENV !== "production";
+	} catch {
+		return true;
+	}
+}
+const DEV = detectDev();
 //#endregion
 //#region src/components/as-table-root.vue
 var as_table_root_default = /* @__PURE__ */ defineComponent({
@@ -11,7 +30,32 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 	props: /* @__PURE__ */ mergeModels({
 		url: {
 			type: String,
-			required: true
+			required: false
+		},
+		rows: {
+			type: Array,
+			required: false
+		},
+		columns: {
+			type: Array,
+			required: false
+		},
+		searchPaths: {
+			type: Array,
+			required: false
+		},
+		localSort: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		displayColumns: {
+			type: Array,
+			required: false
+		},
+		rowActions: {
+			type: Object,
+			required: false
 		},
 		clientFactory: {
 			type: Function,
@@ -174,7 +218,61 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 		const urlQuery = useModel(__props, "urlQuery");
 		const urlQueryActive = useHasEmitListener("onUpdate:urlQuery").value;
 		const urlQueryReady = ref(!urlQueryActive);
-		const state = useTable(props.url, {
+		/**
+		* Local mode is decided once, at setup: `:rows` present means "render this
+		* array", which is a different state factory (no client, no metadata fetch).
+		* It cannot flip at runtime — a table that changes data source re-mounts.
+		*/
+		const localMode = props.rows !== void 0;
+		if (!localMode && !props.url) throw new Error("[vue-table] <AsTableRoot> requires either :url or :rows (local mode).");
+		/**
+		* Build the local-mode state: a `createStaticTableState` over the `:rows`
+		* array, provided to the subtree exactly like the fetching path so cells,
+		* keyboard nav, header slots, selection and the config dialog all work.
+		* Features that need a client are inert here and warned about once.
+		*/
+		function createLocalState() {
+			if (DEV) {
+				if (props.url) console.warn("[vue-table] <AsTableRoot>: :rows is set, so :url is ignored (local mode).");
+				if (props.preset) console.warn("[vue-table] <AsTableRoot>: presets need a server and are off in local mode.");
+				if (urlQueryActive) console.warn("[vue-table] <AsTableRoot>: v-model:urlQuery is not wired in local mode.");
+				if (props.queryFn) console.warn("[vue-table] <AsTableRoot>: :queryFn is ignored in local mode.");
+			}
+			const { state: localState } = createStaticTableState({
+				rows: () => props.rows ?? [],
+				columns: props.columns ?? [],
+				searchPaths: props.searchPaths,
+				localSort: props.localSort,
+				displayColumns: props.displayColumns,
+				limit: props.limit,
+				queryOnMount: props.queryOnMount,
+				selection: {
+					rowValueFn: props.rowValueFn,
+					selectedRows
+				},
+				model: {
+					filterFields,
+					columnNames,
+					columnWidths,
+					sorters
+				},
+				actions: {
+					resolveHref: props.resolveHref,
+					onResolved: (action, ids, result, event) => emit("action", action, ids, result, event)
+				}
+			});
+			finalizeTableState(localState, {}, {
+				selectionPersistence: props.selectionPersistence,
+				controls: props.controls,
+				types: props.types,
+				components: props.components,
+				formTypes: props.formTypes,
+				formComponents: props.formComponents
+			});
+			watch(() => props.rows, () => localState.query({ silent: true }));
+			return localState;
+		}
+		const state = localMode ? createLocalState() : useTable(props.url, {
 			limit: props.limit,
 			rowValueFn: props.rowValueFn,
 			selectionPersistence: props.selectionPersistence,
@@ -183,7 +281,7 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 			alwaysSelected: props.alwaysSelected,
 			queryFn: props.queryFn,
 			queryOnMount: props.queryOnMount,
-			blockQuery: props.blockQuery,
+			blockQuery: () => props.blockQuery === true,
 			blockSize: props.blockSize,
 			dragReleaseDebounceMs: props.dragReleaseDebounceMs,
 			clientFactory: props.clientFactory,
@@ -206,9 +304,13 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 			urlQueryReady: urlQueryActive ? urlQueryReady : void 0,
 			onUrlQueryChange: urlQueryActive ? (s) => urlQuery.value = s : void 0,
 			urlQuerySync: props.urlQuerySync,
-			preset: props.preset
+			preset: props.preset,
+			displayColumns: props.displayColumns
 		});
-		if (urlQueryActive) watch([
+		watch(() => props.rowActions, (value) => {
+			state.rowActions.value = value;
+		}, { immediate: true });
+		if (urlQueryActive && !localMode) watch([
 			() => state.tableDef.value,
 			() => urlQuery.value,
 			() => state.preset.ready.value

package/dist/{as-table-root-DLJ_3Jf4.cjs → as-table-root-DlYjnZax.cjs}

@@ -1,9 +1,28 @@
-const require_use_table_state = require("./use-table-state-Oi2ds4_a.cjs");
-const require_use_table = require("./use-table-nvBq1dZ4.cjs");
-const require_use_table_nav_bridge = require("./use-table-nav-bridge-uOQUDooh.cjs");
-const require_use_has_emit_listener = require("./use-has-emit-listener-hhOH8CBI.cjs");
-const require_as_confirm_dialog = require("./as-confirm-dialog-UwhDHysk.cjs");
+const require_use_table_state = require("./use-table-state-mhm-YWnu.cjs");
+const require_use_table = require("./use-table-nvuZdgUd.cjs");
+const require_use_table_nav_bridge = require("./use-table-nav-bridge-DS14D_rG.cjs");
+const require_use_has_emit_listener = require("./use-has-emit-listener-BaGFZDyM.cjs");
+const require_as_confirm_dialog = require("./as-confirm-dialog-ByMfIG0A.cjs");
 let vue = require("vue");
+//#region src/utils/dev.ts
+/**
+* `true` outside a production build — the gate for authoring-time warnings, so
+* their strings and checks cost a shipped app nothing.
+*
+* Read from `process.env.NODE_ENV` rather than `import.meta.env`: bundlers
+* replace this expression with a literal in both the ESM and the CJS output,
+* while `import.meta` only exists in the former. Where neither a bundler nor a
+* `process` shim is present the read throws — warnings stay on, which is the
+* safe side of the trade.
+*/
+function detectDev() {
+	try {
+		return process.env.NODE_ENV !== "production";
+	} catch {
+		return true;
+	}
+}
+const DEV = detectDev();
 //#endregion
 //#region src/components/as-table-root.vue
 var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -11,7 +30,32 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	props: /* @__PURE__ */ (0, vue.mergeModels)({
 		url: {
 			type: String,
-			required: true
+			required: false
+		},
+		rows: {
+			type: Array,
+			required: false
+		},
+		columns: {
+			type: Array,
+			required: false
+		},
+		searchPaths: {
+			type: Array,
+			required: false
+		},
+		localSort: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		displayColumns: {
+			type: Array,
+			required: false
+		},
+		rowActions: {
+			type: Object,
+			required: false
 		},
 		clientFactory: {
 			type: Function,
@@ -174,7 +218,61 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const urlQuery = (0, vue.useModel)(__props, "urlQuery");
 		const urlQueryActive = require_use_has_emit_listener.useHasEmitListener("onUpdate:urlQuery").value;
 		const urlQueryReady = (0, vue.ref)(!urlQueryActive);
-		const state = require_use_table.useTable(props.url, {
+		/**
+		* Local mode is decided once, at setup: `:rows` present means "render this
+		* array", which is a different state factory (no client, no metadata fetch).
+		* It cannot flip at runtime — a table that changes data source re-mounts.
+		*/
+		const localMode = props.rows !== void 0;
+		if (!localMode && !props.url) throw new Error("[vue-table] <AsTableRoot> requires either :url or :rows (local mode).");
+		/**
+		* Build the local-mode state: a `createStaticTableState` over the `:rows`
+		* array, provided to the subtree exactly like the fetching path so cells,
+		* keyboard nav, header slots, selection and the config dialog all work.
+		* Features that need a client are inert here and warned about once.
+		*/
+		function createLocalState() {
+			if (DEV) {
+				if (props.url) console.warn("[vue-table] <AsTableRoot>: :rows is set, so :url is ignored (local mode).");
+				if (props.preset) console.warn("[vue-table] <AsTableRoot>: presets need a server and are off in local mode.");
+				if (urlQueryActive) console.warn("[vue-table] <AsTableRoot>: v-model:urlQuery is not wired in local mode.");
+				if (props.queryFn) console.warn("[vue-table] <AsTableRoot>: :queryFn is ignored in local mode.");
+			}
+			const { state: localState } = require_use_table_state.createStaticTableState({
+				rows: () => props.rows ?? [],
+				columns: props.columns ?? [],
+				searchPaths: props.searchPaths,
+				localSort: props.localSort,
+				displayColumns: props.displayColumns,
+				limit: props.limit,
+				queryOnMount: props.queryOnMount,
+				selection: {
+					rowValueFn: props.rowValueFn,
+					selectedRows
+				},
+				model: {
+					filterFields,
+					columnNames,
+					columnWidths,
+					sorters
+				},
+				actions: {
+					resolveHref: props.resolveHref,
+					onResolved: (action, ids, result, event) => emit("action", action, ids, result, event)
+				}
+			});
+			require_use_table.finalizeTableState(localState, {}, {
+				selectionPersistence: props.selectionPersistence,
+				controls: props.controls,
+				types: props.types,
+				components: props.components,
+				formTypes: props.formTypes,
+				formComponents: props.formComponents
+			});
+			(0, vue.watch)(() => props.rows, () => localState.query({ silent: true }));
+			return localState;
+		}
+		const state = localMode ? createLocalState() : require_use_table.useTable(props.url, {
 			limit: props.limit,
 			rowValueFn: props.rowValueFn,
 			selectionPersistence: props.selectionPersistence,
@@ -183,7 +281,7 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			alwaysSelected: props.alwaysSelected,
 			queryFn: props.queryFn,
 			queryOnMount: props.queryOnMount,
-			blockQuery: props.blockQuery,
+			blockQuery: () => props.blockQuery === true,
 			blockSize: props.blockSize,
 			dragReleaseDebounceMs: props.dragReleaseDebounceMs,
 			clientFactory: props.clientFactory,
@@ -206,9 +304,13 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			urlQueryReady: urlQueryActive ? urlQueryReady : void 0,
 			onUrlQueryChange: urlQueryActive ? (s) => urlQuery.value = s : void 0,
 			urlQuerySync: props.urlQuerySync,
-			preset: props.preset
+			preset: props.preset,
+			displayColumns: props.displayColumns
 		});
-		if (urlQueryActive) (0, vue.watch)([
+		(0, vue.watch)(() => props.rowActions, (value) => {
+			state.rowActions.value = value;
+		}, { immediate: true });
+		if (urlQueryActive && !localMode) (0, vue.watch)([
 			() => state.tableDef.value,
 			() => urlQuery.value,
 			() => state.preset.ready.value

package/dist/as-table-root.cjs

@@ -1,2 +1,2 @@
-const require_as_table_root = require("./as-table-root-DLJ_3Jf4.cjs");
+const require_as_table_root = require("./as-table-root-DlYjnZax.cjs");
 module.exports = require_as_table_root.as_table_root_default;