@atscript/vue-table 0.1.133 → 0.1.135

package/dist/{as-table-actions-qb0gQz2D.cjs → as-table-actions-D_PUqMYy.cjs}

@@ -1,5 +1,5 @@
-const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
-const require_as_action_menu_content = require("./as-action-menu-content-DiS37BYK.cjs");
+const require_use_table_state = require("./use-table-state-jljSQQ8m.cjs");
+const require_as_action_menu_content = require("./as-action-menu-content-D8VzLK9e.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
@@ -46,7 +46,7 @@ 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;
+			const defaultHref = r.defaultAction ? require_use_table_state.rowActionHref(state, r.defaultAction, r.ids[0], r.row) : void 0;
 			return {
 				...r,
 				defaultHref,
@@ -67,17 +67,21 @@ var as_table_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			});
 			if (effectiveLevel === "row") {
 				const source = explicit === "auto" && selectedCount === 1 ? state.selectedRows.value[0] : state.getActiveRow();
-				const filtered = require_use_table_state.applyRowGate({
+				const policy = state.rowActionsPolicy.value;
+				const filtered = policy.apply(require_use_table_state.applyRowGate({
 					default: state.actions.default.row,
 					others: state.actions.others.row,
 					rows: explicit === "auto" && selectedCount === 1 ? state.actions.rows : []
-				}, source);
+				}, source));
+				const row = source;
+				const extra = policy.extra(row);
 				return collapseSingle({
 					defaultAction: filtered.default,
-					otherActions: filtered.others,
+					otherActions: extra.length > 0 ? [...filtered.others, ...extra] : filtered.others,
 					trailingRowActions: filtered.rows,
 					level: "row",
-					ids: require_use_table_state.collectIdentifiers(state, [source], pid)
+					ids: require_use_table_state.collectIdentifiers(state, [source], pid),
+					row
 				});
 			}
 			const filtered = require_use_table_state.applyRowsGate({
@@ -97,7 +101,8 @@ var as_table_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		function promptCtx() {
 			return {
 				identifiers: resolved.value.ids,
-				preferredId: preferredId.value
+				preferredId: preferredId.value,
+				row: resolved.value.row
 			};
 		}
 		async function invokeWith(action, event) {
@@ -105,7 +110,7 @@ var as_table_actions_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		}
 		/** 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]);
+			return require_use_table_state.rowActionHref(state, action, resolved.value.ids[0], resolved.value.row);
 		}
 		const { onTriggerClick, onTriggerAuxClick, openNewTab } = require_use_table_state.createNavigateGestures(state, promptCtx, hrefFor);
 		const running = (0, vue.computed)(() => state.actions.invoking.value);

package/dist/as-table-actions.cjs

@@ -1,2 +1,2 @@
-const require_as_table_actions = require("./as-table-actions-qb0gQz2D.cjs");
+const require_as_table_actions = require("./as-table-actions-D_PUqMYy.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-CckRRsL6.cjs";
+import { t as _default } from "./as-table-actions.vue-iKw4tsJh.cjs";
 export = _default;

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-actions.vue-DsqauvXR.mjs";
+import { t as _default } from "./as-table-actions.vue-kndyFTyi.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-DKYK_mTO.mjs";
+import { t as as_table_actions_default } from "./as-table-actions-DQ5Nn8Jc.mjs";
 export { as_table_actions_default as default };

package/dist/{as-table-actions.vue-CckRRsL6.d.cts → as-table-actions.vue-iKw4tsJh.d.cts}

@@ -1,4 +1,4 @@
-import { b as TVueTableActionInfo } from "./types-BZ0HssRY.cjs";
+import { S as TVueTableActionInfo } from "./types-CyAmAg10.cjs";
 import * as vue from "vue";
 
 //#region src/components/as-table-actions.vue.d.ts
@@ -18,7 +18,7 @@ declare var __VLS_1: {
     defaultAction: TVueTableActionInfo | undefined;
     otherActions: TVueTableActionInfo[];
     trailingRowActions: TVueTableActionInfo[];
-    level: "row" | "rows" | "table";
+    level: "rows" | "table" | "row";
     ids: Record<string, unknown>[];
     invoke: typeof invokeWith;
   }, __VLS_12: {

package/dist/{as-table-actions.vue-DsqauvXR.d.mts → as-table-actions.vue-kndyFTyi.d.mts}

@@ -1,4 +1,4 @@
-import { b as TVueTableActionInfo } from "./types-CXz-4dPz.mjs";
+import { S as TVueTableActionInfo } from "./types-yS6-QFfT.mjs";
 import * as vue from "vue";
 
 //#region src/components/as-table-actions.vue.d.ts
@@ -18,7 +18,7 @@ declare var __VLS_1: {
     defaultAction: TVueTableActionInfo | undefined;
     otherActions: TVueTableActionInfo[];
     trailingRowActions: TVueTableActionInfo[];
-    level: "row" | "rows" | "table";
+    level: "rows" | "table" | "row";
     ids: Record<string, unknown>[];
     invoke: typeof invokeWith;
   }, __VLS_12: {

package/dist/{as-table-base-Dfw012G5.cjs → as-table-base-M6_12pPq.cjs}

@@ -1,6 +1,6 @@
-const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
-const require_get_cell_value = require("./get-cell-value-4rHKP-TG.cjs");
-const require_as_table_status = require("./as-table-status-BgDexT2x.cjs");
+const require_use_table_state = require("./use-table-state-jljSQQ8m.cjs");
+const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
+const require_as_table_status = require("./as-table-status-DMFZuZfJ.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let _vueuse_core = require("@vueuse/core");

package/dist/{as-table-base-B0arhJI8.mjs → as-table-base-kHOKCI7T.mjs}

@@ -1,6 +1,6 @@
-import { o as useTableContextOptional, p as onSelectControlKeydown } from "./use-table-state-DLJbW753.mjs";
-import { t as getCellValue } from "./get-cell-value-C8LLc_Rr.mjs";
-import { a as useCellComponents, n as as_table_header_default, o as useCellResolver, r as as_table_colgroup_default, t as as_table_status_default } from "./as-table-status-B9jlzPPV.mjs";
+import { o as useTableContextOptional, p as onSelectControlKeydown } from "./use-table-state-CwfgWmuk.mjs";
+import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
+import { a as useCellComponents, n as as_table_header_default, o as useCellResolver, r as as_table_colgroup_default, t as as_table_status_default } from "./as-table-status-CYzRbU71.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, unref, useSlots, watch, withCtx } from "vue";
 import { DEFAULT_ROW_HEIGHT_PX, filledFilterCount } from "@atscript/ui-table";
 import { useParentElement, useResizeObserver } from "@vueuse/core";

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-q-c_QklI.mjs → as-table-header-cell-CZyy4q1s.mjs}

@@ -1,5 +1,5 @@
-import { t as useTableComponent } from "./use-table-component-KuzZxAP8.mjs";
-import { t as as_column_menu_default } from "./as-column-menu-kTIQfLTi.mjs";
+import { t as useTableComponent } from "./use-table-component-DYzKgCC4.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-Bb4ddLmQ.cjs → as-table-header-cell-Ct_GPLVu.cjs}

@@ -1,5 +1,5 @@
-const require_use_table_component = require("./use-table-component-DlLganVc.cjs");
-const require_as_column_menu = require("./as-column-menu-fZVbJ9lU.cjs");
+const require_use_table_component = require("./use-table-component-Bpy5mg_P.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.cjs

@@ -1,2 +1,2 @@
-const require_as_table_header_cell = require("./as-table-header-cell-Bb4ddLmQ.cjs");
+const require_as_table_header_cell = require("./as-table-header-cell-Ct_GPLVu.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-qS1Xfc-U.cjs";
+import { t as _default } from "./as-table-header-cell.vue-DqjorECQ.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-BjVOEFqz.mjs";
+import { t as _default } from "./as-table-header-cell.vue-BNsOEsof.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-q-c_QklI.mjs";
+import { t as as_table_header_cell_default } from "./as-table-header-cell-CZyy4q1s.mjs";
 export { as_table_header_cell_default as default };

package/dist/{as-table-header-cell.vue-BjVOEFqz.d.mts → as-table-header-cell.vue-BNsOEsof.d.mts}

@@ -1,4 +1,4 @@
-import { n as ColumnMenuConfig } from "./types-CXz-4dPz.mjs";
+import { n as ColumnMenuConfig } from "./types-yS6-QFfT.mjs";
 import { ColumnDef } from "@atscript/ui";
 import * as vue from "vue";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";

package/dist/{as-table-header-cell.vue-qS1Xfc-U.d.cts → as-table-header-cell.vue-DqjorECQ.d.cts}

@@ -1,4 +1,4 @@
-import { n as ColumnMenuConfig } from "./types-BZ0HssRY.cjs";
+import { n as ColumnMenuConfig } from "./types-CyAmAg10.cjs";
 import * as vue from "vue";
 import { ColumnDef } from "@atscript/ui";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";

package/dist/{as-table-root-Bpsrp0Vz.mjs → as-table-root-DGYw0kPC.mjs}

@@ -1,9 +1,28 @@
-import { i as useRegisterMainActionListener } from "./use-table-state-DLJbW753.mjs";
-import { n as useTable } from "./use-table-Bk-jSxOM.mjs";
-import { t as useTableNavBridge } from "./use-table-nav-bridge-B9SSEajW.mjs";
-import { t as useHasEmitListener } from "./use-has-emit-listener-BTMDIv2e.mjs";
-import { t as as_confirm_dialog_default } from "./as-confirm-dialog-BV01t7dn.mjs";
+import { i as useRegisterMainActionListener, t as createStaticTableState } from "./use-table-state-CwfgWmuk.mjs";
+import { n as finalizeTableState, r as useTable } from "./use-table-BVptAnaS.mjs";
+import { t as useTableNavBridge } from "./use-table-nav-bridge-LCL6vq9F.mjs";
+import { t as useHasEmitListener } from "./use-has-emit-listener-DrBbsLHQ.mjs";
+import { t as as_confirm_dialog_default } from "./as-confirm-dialog-Dp_njNXz.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,
@@ -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-CUDO9ybm.cjs → as-table-root-EyN1JHuS.cjs}

@@ -1,9 +1,28 @@
-const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
-const require_use_table = require("./use-table-CdFFqaEx.cjs");
-const require_use_table_nav_bridge = require("./use-table-nav-bridge-CVUmTjDr.cjs");
-const require_use_has_emit_listener = require("./use-has-emit-listener-hhOH8CBI.cjs");
-const require_as_confirm_dialog = require("./as-confirm-dialog-Cw7KErhz.cjs");
+const require_use_table_state = require("./use-table-state-jljSQQ8m.cjs");
+const require_use_table = require("./use-table-Bm2a0g9D.cjs");
+const require_use_table_nav_bridge = require("./use-table-nav-bridge-qyvyRm6S.cjs");
+const require_use_has_emit_listener = require("./use-has-emit-listener-BaGFZDyM.cjs");
+const require_as_confirm_dialog = require("./as-confirm-dialog-D41XaN_P.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,
@@ -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-CUDO9ybm.cjs");
+const require_as_table_root = require("./as-table-root-EyN1JHuS.cjs");
 module.exports = require_as_table_root.as_table_root_default;

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-root.vue-szvjZsCn.cjs";
+import { t as _default } from "./as-table-root.vue-Do0j4ibu.cjs";
 export = _default;

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-root.vue-BPU92_Ns.mjs";
+import { t as _default } from "./as-table-root.vue-D0XFmTEL.mjs";
 export { _default as default };

package/dist/as-table-root.mjs

@@ -1,2 +1,2 @@
-import { t as as_table_root_default } from "./as-table-root-Bpsrp0Vz.mjs";
+import { t as as_table_root_default } from "./as-table-root-DGYw0kPC.mjs";
 export { as_table_root_default as default };