@atscript/vue-table 0.1.146 → 0.1.148

package/dist/{as-table-base-CNAn-vpa.cjs → as-table-base-Dvey_Gie.cjs}

@@ -1,6 +1,6 @@
-const require_use_table_state = require("./use-table-state-Ddr2UZzB.cjs");
+const require_use_table_state = require("./use-table-state-BQchKxUr.cjs");
 const require_get_cell_value = require("./get-cell-value-CJT4fk4y.cjs");
-const require_as_select_cell = require("./as-select-cell-DwMfqBMV.cjs");
+const require_as_select_cell = require("./as-select-cell-Dc3lArvR.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 let _vueuse_core = require("@vueuse/core");
@@ -372,7 +372,7 @@ var as_table_base_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const selectAllState = (0, vue.computed)(() => {
 			if (!showSelectAllCheckbox.value) return void 0;
 			const { selectable, selected } = rowHooks.value;
-			return require_use_table_state.toSelectAllState(selected, selectable);
+			return require_use_table_state.toSelectAllState(selected, selectable, !!ctx?.state.querySelection.value);
 		});
 		const emit = __emit;
 		const slots = (0, vue.useSlots)();

package/dist/{as-table-cell-value-DoH8Mieo.mjs → as-table-cell-value-D-S127gr.mjs}

@@ -1,6 +1,6 @@
 import { t as getCellValue } from "./get-cell-value-Cb3X8nUn.mjs";
 import { t as formatCellValue } from "./format-cell-D1Ziv96Q.mjs";
-import { createElementBlock, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, toDisplayString } from "vue";
 //#endregion
 //#region src/components/defaults/as-table-cell-value.vue
 var as_table_cell_value_default = /* @__PURE__ */ defineComponent({
@@ -17,8 +17,19 @@ var as_table_cell_value_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const props = __props;
+		/** Union columns show the option label (`@ui.literalLabel`); anything else formats by type. */
+		function display() {
+			const value = getCellValue(props.row, props.column.path);
+			const options = props.column.options;
+			if (options?.length && value !== null && typeof value !== "object") {
+				const key = String(value);
+				const hit = options.find((o) => o.key === key);
+				if (hit) return hit.label;
+			}
+			return formatCellValue(value, props.column.type);
+		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("td", { class: normalizeClass({ "as-cell-number": props.column.type === "number" }) }, toDisplayString(unref(formatCellValue)(unref(getCellValue)(props.row, props.column.path), props.column.type)), 3);
+			return openBlock(), createElementBlock("td", { class: normalizeClass({ "as-cell-number": props.column.type === "number" }) }, toDisplayString(display()), 3);
 		};
 	}
 });

package/dist/{as-table-cell-value-COyZnwUj.cjs → as-table-cell-value-VWlXc5dA.cjs}

@@ -17,8 +17,19 @@ var as_table_cell_value_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	},
 	setup(__props) {
 		const props = __props;
+		/** Union columns show the option label (`@ui.literalLabel`); anything else formats by type. */
+		function display() {
+			const value = require_get_cell_value.getCellValue(props.row, props.column.path);
+			const options = props.column.options;
+			if (options?.length && value !== null && typeof value !== "object") {
+				const key = String(value);
+				const hit = options.find((o) => o.key === key);
+				if (hit) return hit.label;
+			}
+			return require_format_cell.formatCellValue(value, props.column.type);
+		}
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", { class: (0, vue.normalizeClass)({ "as-cell-number": props.column.type === "number" }) }, (0, vue.toDisplayString)((0, vue.unref)(require_format_cell.formatCellValue)((0, vue.unref)(require_get_cell_value.getCellValue)(props.row, props.column.path), props.column.type)), 3);
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("td", { class: (0, vue.normalizeClass)({ "as-cell-number": props.column.type === "number" }) }, (0, vue.toDisplayString)(display()), 3);
 		};
 	}
 });

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

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

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-cell-value.vue-C0VR9GRK.cjs";
+import { t as _default } from "./as-table-cell-value.vue-UkAuJanv.cjs";
 export = _default;

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-cell-value.vue-DphckGq-.mjs";
+import { t as _default } from "./as-table-cell-value.vue-BXIH_yfq.mjs";
 export { _default as 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-DoH8Mieo.mjs";
+import { t as as_table_cell_value_default } from "./as-table-cell-value-D-S127gr.mjs";
 export { as_table_cell_value_default as default };

package/dist/{as-table-header-cell-BwaOPYwI.cjs → as-table-header-cell-DB7Cdskr.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_component = require("./use-table-component-BvAC82_c.cjs");
+const require_use_table_component = require("./use-table-component-CsdvdGJT.cjs");
 const require_as_column_menu = require("./as-column-menu-ChB7hzmr.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");

package/dist/{as-table-header-cell-Csv1KQDa.mjs → as-table-header-cell-ahzAeHXj.mjs}

@@ -1,4 +1,4 @@
-import { t as useTableComponent } from "./use-table-component-DRMXTk9M.mjs";
+import { t as useTableComponent } from "./use-table-component-Dy397695.mjs";
 import { t as as_column_menu_default } from "./as-column-menu-CBtUfYEE.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx, withModifiers } from "vue";
 import { isFilled } from "@atscript/ui-table";

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

@@ -1,2 +1,2 @@
-const require_as_table_header_cell = require("./as-table-header-cell-BwaOPYwI.cjs");
+const require_as_table_header_cell = require("./as-table-header-cell-DB7Cdskr.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-DU5h-2C_.cjs";
+import { t as _default } from "./as-table-header-cell.vue-D2s9YLSJ.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-KkANwimG.mjs";
+import { t as _default } from "./as-table-header-cell.vue-DfDNma_Z.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-Csv1KQDa.mjs";
+import { t as as_table_header_cell_default } from "./as-table-header-cell-ahzAeHXj.mjs";
 export { as_table_header_cell_default as default };

package/dist/{as-table-header-cell.vue-DU5h-2C_.d.cts → as-table-header-cell.vue-D2s9YLSJ.d.cts}

@@ -1,4 +1,4 @@
-import { r as ColumnMenuConfig } from "./types-D1NxhrpW.cjs";
+import { u as ColumnMenuConfig } from "./intent-scope-CGch9yhy.cjs";
 import * as vue from "vue";
 import { ColumnDef } from "@atscript/ui";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";

package/dist/{as-table-header-cell.vue-KkANwimG.d.mts → as-table-header-cell.vue-DfDNma_Z.d.mts}

@@ -1,4 +1,4 @@
-import { r as ColumnMenuConfig } from "./types-BEZ4_erB.mjs";
+import { u as ColumnMenuConfig } from "./intent-scope-CvD4YOvf.mjs";
 import { ColumnDef } from "@atscript/ui";
 import * as vue from "vue";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";

package/dist/{as-table-root-BreMYhnv.mjs → as-table-root-BnkF5-rh.mjs}

@@ -1,10 +1,11 @@
-import { c as warnUnsupportedFilter, i as useRegisterMainActionListener, s as warnFieldsDropped, t as createStaticTableState } from "./use-table-state-DuY-Mf8e.mjs";
-import { n as finalizeTableState, r as useTable } from "./use-table-BTsNGBVx.mjs";
-import { t as useTableNavBridge } from "./use-table-nav-bridge-Bw0NFDSf.mjs";
-import { t as useHasEmitListener } from "./use-has-emit-listener-DrBbsLHQ.mjs";
-import { t as as_confirm_dialog_default } from "./as-confirm-dialog-zg7jmS3u.mjs";
+import { c as warnUnsupportedFilter, i as useRegisterMainActionListener, s as warnFieldsDropped, t as createStaticTableState } from "./use-table-state-CIoWhwTD.mjs";
+import { n as finalizeTableState, r as useTable } from "./use-table-BYNBpLJt.mjs";
+import { n as useCellLocale, t as provideCellLocale } from "./use-cell-locale-BTJZ6UcP.mjs";
+import { t as useTableNavBridge } from "./use-table-nav-bridge-CJBERyPB.mjs";
+import { t as useHasEmitListener } from "./use-has-emit-listener-CsF2w9iT.mjs";
+import { t as as_confirm_dialog_default } from "./as-confirm-dialog-DMiGquH1.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineAsyncComponent, defineComponent, mergeModels, openBlock, ref, renderSlot, resolveDynamicComponent, unref, useModel, watch } from "vue";
-import { DEV } from "@atscript/ui-table";
+import { DEV, stableValueKey } from "@atscript/ui-table";
 //#endregion
 //#region src/components/as-table-root.vue
 var as_table_root_default = /* @__PURE__ */ defineComponent({
@@ -67,6 +68,10 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 			type: Number,
 			required: false
 		},
+		timeZone: {
+			type: String,
+			required: false
+		},
 		forceFilters: {
 			type: null,
 			required: false
@@ -101,6 +106,10 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 			required: false,
 			default: "trim"
 		},
+		selectAllMatching: {
+			type: Boolean,
+			required: false
+		},
 		blockSize: {
 			type: Number,
 			required: false
@@ -157,6 +166,11 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 			default: () => []
 		},
 		"selectedRowsModifiers": {},
+		"querySelection": {
+			type: [Object, null],
+			default: null
+		},
+		"querySelectionModifiers": {},
 		"urlQuery": {
 			type: null,
 			default: () => void 0
@@ -167,7 +181,8 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 		"main-action",
 		"action",
 		"unsupported-filter",
-		"fields-dropped"
+		"fields-dropped",
+		"selection-reset"
 	], [
 		"update:filterFields",
 		"update:columnNames",
@@ -175,6 +190,7 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 		"update:sorters",
 		"update:ignoreSortersWhenSearched",
 		"update:selectedRows",
+		"update:querySelection",
 		"update:urlQuery"
 	]),
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -198,6 +214,11 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 		const ignoreSortersWhenSearched = useModel(__props, "ignoreSortersWhenSearched");
 		const selectedRows = useModel(__props, "selectedRows");
 		/**
+		* The "every row matching the query" selection (`state.querySelection`):
+		* `null` while the selection is `selectedRows`. Since 0.1.147.
+		*/
+		const querySelection = useModel(__props, "querySelection");
+		/**
 		* Bidirectional URL bridge bound via `v-model:url-query`. When unbound the
 		* feature is off (zero overhead); when bound the first query is gated on
 		* tableDef settle + URL hydration so the table fetches once.
@@ -235,7 +256,8 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 				queryOnMount: props.queryOnMount,
 				selection: {
 					rowValueFn: props.rowValueFn,
-					selectedRows
+					selectedRows,
+					querySelection
 				},
 				model: {
 					filterFields,
@@ -259,15 +281,21 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 			watch(() => props.rows, () => localState.query({ silent: true }));
 			return localState;
 		}
+		const parentLocale = useCellLocale();
+		provideCellLocale(() => ({
+			language: parentLocale.locale.value,
+			timezone: props.timeZone ?? parentLocale.timezone.value
+		}));
 		const hasUnsupportedFilterListener = useHasEmitListener("onUnsupportedFilter");
 		const hasFieldsDroppedListener = useHasEmitListener("onFieldsDropped");
 		const state = localMode ? createLocalState() : useTable(props.url, {
 			limit: props.limit,
 			rowValueFn: props.rowValueFn,
 			selectionPersistence: props.selectionPersistence,
-			forceFilters: props.forceFilters,
-			forceSorters: props.forceSorters,
-			alwaysSelected: props.alwaysSelected,
+			forceFilters: () => props.forceFilters,
+			forceSorters: () => props.forceSorters,
+			alwaysSelected: () => props.alwaysSelected,
+			timeZone: () => props.timeZone,
 			queryFn: props.queryFn,
 			queryOnMount: props.queryOnMount,
 			blockQuery: () => props.blockQuery === true,
@@ -290,6 +318,8 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 			sorters,
 			ignoreSortersWhenSearched,
 			selectedRows,
+			querySelection,
+			onSelectionReset: (event) => emit("selection-reset", event),
 			urlQueryReady: urlQueryActive ? urlQueryReady : void 0,
 			onUrlQueryChange: urlQueryActive ? (s) => urlQuery.value = s : void 0,
 			urlQuerySync: props.urlQuerySync,
@@ -298,9 +328,42 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 			preset: props.preset,
 			displayColumns: props.displayColumns
 		});
+		/** A column's key in a `displayColumns` / `columns` list. */
+		const listKey = (c) => c.key ?? c.path;
+		if (DEV) {
+			const setupOnly = [
+				"url",
+				"queryFn",
+				"preset",
+				"urlQuerySync",
+				"displayColumns",
+				"limit",
+				"clientFactory",
+				...localMode ? ["columns"] : []
+			];
+			const sameValue = (a, b) => {
+				if (typeof a === "function" || typeof b === "function") return typeof a === typeof b;
+				if (Array.isArray(a) && Array.isArray(b)) return a.length === b.length && a.every((c, i) => listKey(c) === listKey(b[i]));
+				try {
+					return stableValueKey(a ?? null) === stableValueKey(b ?? null);
+				} catch {
+					return false;
+				}
+			};
+			const warned = /* @__PURE__ */ new Set();
+			for (const name of setupOnly) watch(() => props[name], (next, prev) => {
+				if (next === prev || warned.has(name) || sameValue(next, prev)) return;
+				warned.add(name);
+				console.warn(`[vue-table] <AsTableRoot>: :${name} ${typeof next === "function" || typeof prev === "function" ? "provided/removed" : "changed"} after mount; it is read once — key the component (:key) to switch it.`);
+			});
+		}
 		watch(() => props.rowActions, (value) => {
 			state.rowActions.value = value;
 		}, { immediate: true });
+		watch(() => props.selectAllMatching === true, (value) => {
+			state.allowSelectAllMatching.value = value;
+			if (!value && state.querySelection.value) state.clearSelection();
+		}, { immediate: true });
 		if (urlQueryActive && !localMode) {
 			let lastSeenQuery;
 			watch([
@@ -367,6 +430,10 @@ var as_table_root_default = /* @__PURE__ */ defineComponent({
 					ignoreSortersWhenSearched: unref(state).ignoreSortersWhenSearched.value,
 					selectedRows: unref(state).selectedRows.value,
 					selectedCount: unref(state).selectedCount.value,
+					selection: unref(state).selection.value,
+					canSelectAllMatching: unref(state).canSelectAllMatching.value,
+					selectAllMatching: unref(state).selectAllMatching,
+					clearSelection: unref(state).clearSelection,
 					navBridge: unref(navBridge),
 					query: unref(state).query,
 					queryNext: unref(state).queryNext,

package/dist/{as-table-root-DXewWV9h.cjs → as-table-root-Nsk-9XaH.cjs}

@@ -1,8 +1,9 @@
-const require_use_table_state = require("./use-table-state-Ddr2UZzB.cjs");
-const require_use_table = require("./use-table-W0KmaJ6L.cjs");
-const require_use_table_nav_bridge = require("./use-table-nav-bridge-CPI1tql6.cjs");
-const require_use_has_emit_listener = require("./use-has-emit-listener-BaGFZDyM.cjs");
-const require_as_confirm_dialog = require("./as-confirm-dialog-D3Vu1Rb_.cjs");
+const require_use_table_state = require("./use-table-state-BQchKxUr.cjs");
+const require_use_table = require("./use-table-C9qI-TL6.cjs");
+const require_use_cell_locale = require("./use-cell-locale-Dv514-Al.cjs");
+const require_use_table_nav_bridge = require("./use-table-nav-bridge-Gm4ZfOjJ.cjs");
+const require_use_has_emit_listener = require("./use-has-emit-listener-gD1aWp6N.cjs");
+const require_as_confirm_dialog = require("./as-confirm-dialog-cSEHVFBq.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
 //#endregion
@@ -67,6 +68,10 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			type: Number,
 			required: false
 		},
+		timeZone: {
+			type: String,
+			required: false
+		},
 		forceFilters: {
 			type: null,
 			required: false
@@ -101,6 +106,10 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			required: false,
 			default: "trim"
 		},
+		selectAllMatching: {
+			type: Boolean,
+			required: false
+		},
 		blockSize: {
 			type: Number,
 			required: false
@@ -157,6 +166,11 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			default: () => []
 		},
 		"selectedRowsModifiers": {},
+		"querySelection": {
+			type: [Object, null],
+			default: null
+		},
+		"querySelectionModifiers": {},
 		"urlQuery": {
 			type: null,
 			default: () => void 0
@@ -167,7 +181,8 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"main-action",
 		"action",
 		"unsupported-filter",
-		"fields-dropped"
+		"fields-dropped",
+		"selection-reset"
 	], [
 		"update:filterFields",
 		"update:columnNames",
@@ -175,6 +190,7 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		"update:sorters",
 		"update:ignoreSortersWhenSearched",
 		"update:selectedRows",
+		"update:querySelection",
 		"update:urlQuery"
 	]),
 	setup(__props, { expose: __expose, emit: __emit }) {
@@ -198,6 +214,11 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		const ignoreSortersWhenSearched = (0, vue.useModel)(__props, "ignoreSortersWhenSearched");
 		const selectedRows = (0, vue.useModel)(__props, "selectedRows");
 		/**
+		* The "every row matching the query" selection (`state.querySelection`):
+		* `null` while the selection is `selectedRows`. Since 0.1.147.
+		*/
+		const querySelection = (0, vue.useModel)(__props, "querySelection");
+		/**
 		* Bidirectional URL bridge bound via `v-model:url-query`. When unbound the
 		* feature is off (zero overhead); when bound the first query is gated on
 		* tableDef settle + URL hydration so the table fetches once.
@@ -235,7 +256,8 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				queryOnMount: props.queryOnMount,
 				selection: {
 					rowValueFn: props.rowValueFn,
-					selectedRows
+					selectedRows,
+					querySelection
 				},
 				model: {
 					filterFields,
@@ -259,15 +281,21 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			(0, vue.watch)(() => props.rows, () => localState.query({ silent: true }));
 			return localState;
 		}
+		const parentLocale = require_use_cell_locale.useCellLocale();
+		require_use_cell_locale.provideCellLocale(() => ({
+			language: parentLocale.locale.value,
+			timezone: props.timeZone ?? parentLocale.timezone.value
+		}));
 		const hasUnsupportedFilterListener = require_use_has_emit_listener.useHasEmitListener("onUnsupportedFilter");
 		const hasFieldsDroppedListener = require_use_has_emit_listener.useHasEmitListener("onFieldsDropped");
 		const state = localMode ? createLocalState() : require_use_table.useTable(props.url, {
 			limit: props.limit,
 			rowValueFn: props.rowValueFn,
 			selectionPersistence: props.selectionPersistence,
-			forceFilters: props.forceFilters,
-			forceSorters: props.forceSorters,
-			alwaysSelected: props.alwaysSelected,
+			forceFilters: () => props.forceFilters,
+			forceSorters: () => props.forceSorters,
+			alwaysSelected: () => props.alwaysSelected,
+			timeZone: () => props.timeZone,
 			queryFn: props.queryFn,
 			queryOnMount: props.queryOnMount,
 			blockQuery: () => props.blockQuery === true,
@@ -290,6 +318,8 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			sorters,
 			ignoreSortersWhenSearched,
 			selectedRows,
+			querySelection,
+			onSelectionReset: (event) => emit("selection-reset", event),
 			urlQueryReady: urlQueryActive ? urlQueryReady : void 0,
 			onUrlQueryChange: urlQueryActive ? (s) => urlQuery.value = s : void 0,
 			urlQuerySync: props.urlQuerySync,
@@ -298,9 +328,42 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			preset: props.preset,
 			displayColumns: props.displayColumns
 		});
+		/** A column's key in a `displayColumns` / `columns` list. */
+		const listKey = (c) => c.key ?? c.path;
+		if (_atscript_ui_table.DEV) {
+			const setupOnly = [
+				"url",
+				"queryFn",
+				"preset",
+				"urlQuerySync",
+				"displayColumns",
+				"limit",
+				"clientFactory",
+				...localMode ? ["columns"] : []
+			];
+			const sameValue = (a, b) => {
+				if (typeof a === "function" || typeof b === "function") return typeof a === typeof b;
+				if (Array.isArray(a) && Array.isArray(b)) return a.length === b.length && a.every((c, i) => listKey(c) === listKey(b[i]));
+				try {
+					return (0, _atscript_ui_table.stableValueKey)(a ?? null) === (0, _atscript_ui_table.stableValueKey)(b ?? null);
+				} catch {
+					return false;
+				}
+			};
+			const warned = /* @__PURE__ */ new Set();
+			for (const name of setupOnly) (0, vue.watch)(() => props[name], (next, prev) => {
+				if (next === prev || warned.has(name) || sameValue(next, prev)) return;
+				warned.add(name);
+				console.warn(`[vue-table] <AsTableRoot>: :${name} ${typeof next === "function" || typeof prev === "function" ? "provided/removed" : "changed"} after mount; it is read once — key the component (:key) to switch it.`);
+			});
+		}
 		(0, vue.watch)(() => props.rowActions, (value) => {
 			state.rowActions.value = value;
 		}, { immediate: true });
+		(0, vue.watch)(() => props.selectAllMatching === true, (value) => {
+			state.allowSelectAllMatching.value = value;
+			if (!value && state.querySelection.value) state.clearSelection();
+		}, { immediate: true });
 		if (urlQueryActive && !localMode) {
 			let lastSeenQuery;
 			(0, vue.watch)([
@@ -367,6 +430,10 @@ var as_table_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					ignoreSortersWhenSearched: (0, vue.unref)(state).ignoreSortersWhenSearched.value,
 					selectedRows: (0, vue.unref)(state).selectedRows.value,
 					selectedCount: (0, vue.unref)(state).selectedCount.value,
+					selection: (0, vue.unref)(state).selection.value,
+					canSelectAllMatching: (0, vue.unref)(state).canSelectAllMatching.value,
+					selectAllMatching: (0, vue.unref)(state).selectAllMatching,
+					clearSelection: (0, vue.unref)(state).clearSelection,
 					navBridge: (0, vue.unref)(navBridge),
 					query: (0, vue.unref)(state).query,
 					queryNext: (0, vue.unref)(state).queryNext,

package/dist/as-table-root.cjs

@@ -1,2 +1,2 @@
-const require_as_table_root = require("./as-table-root-DXewWV9h.cjs");
+const require_as_table_root = require("./as-table-root-Nsk-9XaH.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-Bjzp8TJl.cjs";
+import { t as _default } from "./as-table-root.vue-DXXcBPu_.cjs";
 export = _default;

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

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-table-root.vue-XtDgUjO2.mjs";
+import { t as _default } from "./as-table-root.vue-D56WcudY.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-BreMYhnv.mjs";
+import { t as as_table_root_default } from "./as-table-root-BnkF5-rh.mjs";
 export { as_table_root_default as default };