@atscript/vue-table 0.1.132 → 0.1.133

package/dist/{use-table-state-Oi2ds4_a.cjs → use-table-state-D6dHOFrA.cjs}

@@ -478,7 +478,18 @@ function buildRemoveAction(opts) {
 }
 //#endregion
 //#region src/composables/state/create-selection.ts
-function createSelectionApi(opts, getActiveRow) {
+/** Shared verdicts — frozen, so the common case allocates nothing per row. */
+const SELECTABLE = Object.freeze({ ok: true });
+const NOT_SELECTABLE = Object.freeze({ ok: false });
+/** Normalise a {@link RowSelectableHook} return value. `""` carries no reason. */
+function verdictOf(value) {
+	if (value === void 0 || value === true) return SELECTABLE;
+	return value ? {
+		ok: false,
+		reason: value
+	} : NOT_SELECTABLE;
+}
+function createSelectionApi(opts, getActiveRow, activeIndex) {
 	const selectedRows = opts?.selectedRows ?? (0, vue.shallowRef)([]);
 	const selectedCount = (0, vue.computed)(() => selectedRows.value.length);
 	const rowValueFn = opts?.rowValueFn ?? ((row) => row);
@@ -486,10 +497,49 @@ function createSelectionApi(opts, getActiveRow) {
 	function isPkSelected(pk) {
 		return selectedSet.value.has(pk);
 	}
+	const rowSelectable = (0, vue.ref)();
+	function isRowSelectable(row, index) {
+		const hook = rowSelectable.value;
+		if (!hook) return SELECTABLE;
+		return verdictOf(hook(row, {
+			index,
+			get selected() {
+				return isPkSelected(rowValueFn(row));
+			}
+		}));
+	}
+	function selectableRows(rows) {
+		if (!rowSelectable.value) return rows;
+		return rows.filter((row, index) => isRowSelectable(row, index).ok);
+	}
+	function selectableCount(rows) {
+		if (!rowSelectable.value) return rows.length;
+		let n = 0;
+		for (let i = 0; i < rows.length; i++) if (isRowSelectable(rows[i], i).ok) n++;
+		return n;
+	}
+	function selectAll(rows, indexOf) {
+		if (!rowSelectable.value) {
+			selectedRows.value = (0, _atscript_ui_table.rowsToPks)(rows, rowValueFn);
+			return;
+		}
+		const out = [];
+		const seen = /* @__PURE__ */ new Set();
+		for (let i = 0; i < rows.length; i++) {
+			const row = rows[i];
+			const pk = rowValueFn(row);
+			if (seen.has(pk)) continue;
+			if (!isRowSelectable(row, indexOf ? indexOf(i) : i).ok && !isPkSelected(pk)) continue;
+			seen.add(pk);
+			out.push(pk);
+		}
+		selectedRows.value = out;
+	}
 	function toggleActiveSelection(mode) {
 		if (mode === "none") return;
 		const row = getActiveRow();
 		if (row === void 0) return;
+		if (!isRowSelectable(row, activeIndex.value).ok) return;
 		selectedRows.value = (0, _atscript_ui_table.togglePk)(selectedRows.value, rowValueFn(row), mode);
 	}
 	return {
@@ -498,6 +548,11 @@ function createSelectionApi(opts, getActiveRow) {
 		selectedSet,
 		rowValueFn,
 		isPkSelected,
+		rowSelectable,
+		isRowSelectable,
+		selectableRows,
+		selectableCount,
+		selectAll,
 		toggleActiveSelection
 	};
 }
@@ -551,6 +606,38 @@ function createMainActionRegistry(opts) {
 }
 //#endregion
 //#region src/composables/state/create-nav-controller.ts
+/**
+* Elements that own Enter / Space (and a pointer drag) themselves.
+* `[contenteditable]` is matched separately because `contenteditable="false"`
+* must NOT count.
+*/
+const INTERACTIVE_SELECTOR = "button, a[href], input, select, textarea, summary, [role=button], [role=link], [role=checkbox], [role=menuitem], [role=switch], [role=tab], [role=option]";
+/**
+* True when the key event started on an interactive element inside a cell,
+* so table nav must not consume Enter / Space. The walk runs from
+* `event.target` up to `event.currentTarget` — the element the handler is
+* bound on — and stops at the cell / row boundary, so a wrapper outside the
+* table can never make a whole table inert. A handler bound ON the
+* interactive element itself (the search-input bridge) is therefore never
+* guarded: the walk has nothing to cross. An interactive element opts BACK
+* IN to table nav — e.g. a cell whose button should not swallow Enter —
+* with `data-as-nav-keys`.
+*/
+function isInteractiveKeyTarget(event) {
+	let el = event.target;
+	const stop = event.currentTarget;
+	while (el && el !== stop && typeof el.matches === "function") {
+		const tag = el.tagName;
+		if (tag === "TD" || tag === "TH" || tag === "TR" || tag === "TBODY" || tag === "TABLE") return false;
+		if (el.matches("button, a[href], input, select, textarea, summary, [role=button], [role=link], [role=checkbox], [role=menuitem], [role=switch], [role=tab], [role=option]") || isEditable(el)) return !el.hasAttribute("data-as-nav-keys");
+		el = el.parentElement;
+	}
+	return false;
+}
+function isEditable(el) {
+	const attr = el.getAttribute("contenteditable");
+	return attr !== null && attr !== "false";
+}
 function createNavController(inputs) {
 	const { activeIndex, navMode, totalCount, results, viewportRowCount, topIndex, hasMainActionAvailable, requestMainAction, toggleActiveSelection } = inputs;
 	const navViewportRowCount = (0, vue.ref)(0);
@@ -600,6 +687,7 @@ function createNavController(inputs) {
 		const enterAction = opts?.enterAction ?? "main-action";
 		const mode = opts?.mode ?? "none";
 		const key = event.key;
+		const guarded = (key === "Enter" || key === " ") && isInteractiveKeyTarget(event);
 		const meta = event.metaKey;
 		const ctrl = event.ctrlKey;
 		const alt = event.altKey;
@@ -650,11 +738,13 @@ function createNavController(inputs) {
 				return;
 			case " ":
 				if (mode === "none") return;
+				if (guarded) return;
 				event.preventDefault();
 				toggleActiveSelection(mode);
 				return;
 			case "Enter":
 				if (enterAction === "passthrough") return;
+				if (guarded) return;
 				event.preventDefault();
 				if (enterAction === "toggle-select") {
 					toggleActiveSelection(mode);
@@ -679,6 +769,67 @@ function createNavController(inputs) {
 		handleNavKey
 	};
 }
+/**
+* `@keydown` handler for a row's SELECTION CONTROL (the leading checkbox),
+* shared by `<AsTableBase>` and `<AsWindowTableBase>`. The control carries
+* `role="checkbox"`, so the tbody-level nav handler deliberately leaves
+* Space to it (see {@link isInteractiveKeyTarget}) — this is where it lands.
+*
+* Keys other than Space, and `select="none"`, fall through untouched; only
+* once the press is ours do we consume it, so the Reka-wrapped rendering
+* modes (which never bind this handler) keep Space for their own item.
+* Selectability is NOT re-checked here: `toggleActiveSelection` gates on
+* `rowSelectable` itself, which is the single place that rule lives.
+*/
+function onSelectControlKeydown(event, index, mode, state) {
+	if (event.key !== " ") return;
+	if (mode === "none") return;
+	event.preventDefault();
+	event.stopPropagation();
+	state.setActive(index);
+	state.toggleActiveSelection(mode);
+}
+//#endregion
+//#region src/composables/preset-aspect-display.ts
+const ASPECT_LABELS = {
+	columns: "Displayed Columns",
+	filters: "Displayed Filters",
+	filterOps: "Filter conditions",
+	sorters: "Sorters",
+	itemsPerPage: "Page size"
+};
+const ASPECT_ICONS = {
+	columns: "i-as-columns",
+	filters: "i-as-filter",
+	filterOps: "i-as-filter-ops",
+	sorters: "i-as-sorters",
+	itemsPerPage: "i-as-pin"
+};
+/**
+* Resolve the aspects a stored preset claims. Prefers the server-stamped
+* `aspects` column (cheap), falls back to deriving from `data.content` for
+* older rows or first paint after save before reload settles.
+*/
+function aspectsOf(row, availableAspects) {
+	if (Array.isArray(row.aspects) && row.aspects.length > 0) return row.aspects.filter((a) => availableAspects.includes(a));
+	const wire = row.data?.content;
+	if (!wire) return [];
+	return (0, _atscript_ui_table.derivePresetAspects)(wire).filter((a) => availableAspects.includes(a));
+}
+function readPresetLabel(row) {
+	return row.label ?? row.data?.label ?? row.id;
+}
+/**
+* Display name for the row's owner. `userLabel` (server-stamped via the
+* host's `getUserLabel` hook) is preferred so the UI shows "Alice" rather
+* than `usr_abc123`. `fallback` is returned when no name is available —
+* picker uses `""`, dialog uses `"—"`.
+*/
+function ownerNameOf(row, fallback = "") {
+	if (typeof row.userLabel === "string" && row.userLabel.length > 0) return row.userLabel;
+	if (typeof row.user === "string" && row.user.length > 0) return row.user;
+	return fallback;
+}
 //#endregion
 //#region src/composables/state/create-preset-state.ts
 const DEFAULT_AVAILABLE_ASPECTS = [
@@ -705,6 +856,26 @@ function defaultColumnPaths(o) {
 function createPresetState(opts) {
 	const availableAspects = opts.availableAspects ?? DEFAULT_AVAILABLE_ASPECTS;
 	const availableSet = new Set(availableAspects);
+	const systemAspects = opts.systemAspects ? availableAspects.filter((a) => opts.systemAspects.includes(a)) : availableAspects;
+	const lastError = (0, vue.ref)(null);
+	let trackDepth = 0;
+	/**
+	* Every public mutator runs through here: it is the one place a preset
+	* write failure is recorded. Clears `lastError` on the outermost entry,
+	* records the failure and RETHROWS so the caller can react too.
+	*/
+	async function track(fn) {
+		if (trackDepth === 0) lastError.value = null;
+		trackDepth++;
+		try {
+			return await fn();
+		} catch (err) {
+			lastError.value = err instanceof Error ? err : new Error(String(err));
+			throw err;
+		} finally {
+			trackDepth--;
+		}
+	}
 	const dialogOpen = (0, vue.ref)(false);
 	const gate = (0, vue.ref)(false);
 	const ready = (0, vue.computed)(() => opts.presetsHandle ? gate.value : true);
@@ -795,6 +966,20 @@ function createPresetState(opts) {
 		if (!mask) return true;
 		return mask[aspect] === true;
 	}
+	/**
+	* Aspects the preset `id` OWNS, i.e. the ones applying it may write:
+	* a system preset owns `systemAspects`, a stored preset owns what its
+	* snapshot claims, and "no preset" (a raw snapshot, or an id with no row)
+	* owns everything available. The one answer every aspect-scoped surface
+	* asks for — apply, system-snapshot expansion, the picker badges and
+	* Save-as mask, the manage dialog rows.
+	*/
+	function ownedAspects(id) {
+		if (!id) return availableAspects;
+		if ((0, _atscript_ui_table.isSystemPresetId)(id)) return systemAspects;
+		const row = presetsById.value.get(id);
+		return row ? aspectsOf(row, availableAspects) : availableAspects;
+	}
 	function captureSnapshot(mask) {
 		const out = {};
 		for (const aspect of availableAspects) {
@@ -834,7 +1019,7 @@ function createPresetState(opts) {
 	function apply(idOrSnapshot) {
 		const { snapshot, nextActiveId } = resolveSnapshot(idOrSnapshot);
 		const isSystem = typeof idOrSnapshot === "string" && nextActiveId !== null && (0, _atscript_ui_table.isSystemPresetId)(nextActiveId);
-		for (const aspect of availableAspects) {
+		for (const aspect of ownedAspects(nextActiveId)) {
 			const value = snapshot[aspect];
 			ASPECT_HANDLERS[aspect].apply(opts, value, isSystem);
 		}
@@ -860,9 +1045,12 @@ function createPresetState(opts) {
 	* "claims all aspects in `availableAspects`" per spec §3.7. Stored presets
 	* keep dict-form opt-in (untouched).
 	*/
-	function expandSystemSnapshot(snapshot) {
-		const out = { ...snapshot };
-		for (const aspect of availableAspects) {
+	function expandSystemSnapshot(snapshot, id) {
+		const out = {};
+		const owned = ownedAspects(id);
+		const ownedSet = new Set(owned);
+		for (const [key, value] of Object.entries(snapshot)) if (ownedSet.has(key)) out[key] = value;
+		for (const aspect of owned) {
 			const handler = ASPECT_HANDLERS[aspect];
 			if (!handler.expandDefault) continue;
 			if (out[aspect] !== void 0) continue;
@@ -873,7 +1061,7 @@ function createPresetState(opts) {
 	const activeSnapshot = (0, vue.computed)(() => {
 		const id = activeId.value;
 		if (!id) return {};
-		if ((0, _atscript_ui_table.isSystemPresetId)(id)) return expandSystemSnapshot(systemPresetsById.value.get(id)?.content ?? {});
+		if ((0, _atscript_ui_table.isSystemPresetId)(id)) return expandSystemSnapshot(systemPresetsById.value.get(id)?.content ?? {}, id);
 		const row = presetsById.value.get(id);
 		if (!row) return {};
 		const wire = row.data?.content;
@@ -884,48 +1072,64 @@ function createPresetState(opts) {
 		if (!opts.presetsHandle) throw new Error("[vue-table] presets feature not configured (preset.url missing)");
 		return opts.presetsHandle;
 	}
-	async function saveActive() {
-		const handle = requirePresets();
-		const id = activeId.value;
-		if (!id) throw new Error("[vue-table] saveActive: no active preset");
-		if ((0, _atscript_ui_table.isSystemPresetId)(id)) throw new Error("[vue-table] saveActive: system presets cannot be overwritten");
-		const existing = activeSnapshot.value;
-		const mask = {};
-		for (const aspect of availableAspects) if (existing[aspect] !== void 0) mask[aspect] = true;
-		await handle.savePreset(captureSnapshot(mask));
-		clearLocalDraft();
-	}
-	async function saveAs(label, saveOpts = {}) {
-		const id = await requirePresets().savePresetAs(label, captureSnapshot(saveOpts.aspects), { public: saveOpts.public });
-		clearLocalDraft();
-		return id;
-	}
-	async function rename(id, label) {
-		await requirePresets().renamePreset(id, label);
-	}
-	async function remove(id) {
-		const handle = requirePresets();
-		const wasActive = activeId.value === id;
-		await handle.deletePreset(id);
-		if (wasActive) {
-			apply(_atscript_ui_table.STANDARD_PRESET_ID);
+	function saveActive() {
+		return track(async () => {
+			const handle = requirePresets();
+			const id = activeId.value;
+			if (!id) throw new Error("[vue-table] saveActive: no active preset");
+			if ((0, _atscript_ui_table.isSystemPresetId)(id)) throw new Error("[vue-table] saveActive: system presets cannot be overwritten");
+			const existing = activeSnapshot.value;
+			const mask = {};
+			for (const aspect of availableAspects) if (existing[aspect] !== void 0) mask[aspect] = true;
+			await handle.savePreset(captureSnapshot(mask));
 			clearLocalDraft();
-		}
+		});
+	}
+	function saveAs(label, saveOpts = {}) {
+		return track(async () => {
+			const id = await requirePresets().savePresetAs(label, captureSnapshot(saveOpts.aspects), { public: saveOpts.public });
+			clearLocalDraft();
+			return id;
+		});
+	}
+	function rename(id, label) {
+		return track(async () => {
+			await requirePresets().renamePreset(id, label);
+		});
+	}
+	function remove(id) {
+		return track(async () => {
+			const handle = requirePresets();
+			const wasActive = activeId.value === id;
+			await handle.deletePreset(id);
+			if (wasActive) {
+				apply(_atscript_ui_table.STANDARD_PRESET_ID);
+				clearLocalDraft();
+			}
+		});
 	}
-	async function togglePublic(id) {
-		await requirePresets().togglePublic(id);
+	function togglePublic(id) {
+		return track(async () => {
+			await requirePresets().togglePublic(id);
+		});
 	}
-	async function setDefault(id) {
-		await requirePresets().setDefault(id);
+	function setDefault(id) {
+		return track(async () => {
+			await requirePresets().setDefault(id);
+		});
 	}
-	async function toggleFav(id) {
-		await requirePresets().toggleFav(id);
+	function toggleFav(id) {
+		return track(async () => {
+			await requirePresets().toggleFav(id);
+		});
 	}
-	async function setFavorites(ids) {
-		await requirePresets().setFavorites(ids);
+	function setFavorites(ids) {
+		return track(async () => {
+			await requirePresets().setFavorites(ids);
+		});
 	}
 	function batch(fn) {
-		return opts.presetsHandle ? opts.presetsHandle.batch(fn) : fn();
+		return track(() => opts.presetsHandle ? opts.presetsHandle.batch(fn) : fn());
 	}
 	function resolveDefaultId() {
 		const pinned = (userConf.value?.data)?.defaultPresetId;
@@ -941,7 +1145,7 @@ function createPresetState(opts) {
 			stop();
 			const id = resolveDefaultId();
 			const { snapshot, nextActiveId } = resolveSnapshot(id);
-			const base = (0, _atscript_ui_table.isSystemPresetId)(id) ? expandSystemSnapshot(snapshot) : snapshot;
+			const base = (0, _atscript_ui_table.isSystemPresetId)(id) ? expandSystemSnapshot(snapshot, id) : snapshot;
 			const draftEnabled = !!(opts.draftHandle && opts.persistDrafts);
 			apply(draftEnabled ? opts.draftHandle.hydrate(base) : base);
 			activeId.value = nextActiveId;
@@ -960,6 +1164,8 @@ function createPresetState(opts) {
 			systemPresets,
 			systemPresetsById,
 			availableAspects,
+			systemAspects,
+			ownedAspects,
 			available,
 			activeId,
 			activeSnapshot,
@@ -982,7 +1188,8 @@ function createPresetState(opts) {
 			setDefault,
 			toggleFav,
 			setFavorites,
-			batch
+			batch,
+			lastError
 		},
 		internals: {
 			gate,
@@ -1252,17 +1459,20 @@ function cellAsString(v) {
 */
 function createRequestSlot(cancelValue) {
 	const r = (0, vue.shallowRef)(null);
+	const display = (0, vue.shallowRef)(null);
 	function request(body) {
 		if (r.value) {
 			r.value.resolve(cancelValue);
 			r.value = null;
 		}
-		return new Promise((resolve) => {
+		const promise = new Promise((resolve) => {
 			r.value = {
 				...body,
 				resolve
 			};
 		});
+		display.value = r.value;
+		return promise;
 	}
 	function accept(value) {
 		const req = r.value;
@@ -1276,11 +1486,16 @@ function createRequestSlot(cancelValue) {
 		r.value = null;
 		req.resolve(cancelValue);
 	}
+	function release() {
+		if (r.value === null) display.value = null;
+	}
 	return {
 		ref: r,
+		display,
 		request,
 		accept,
-		dismiss
+		dismiss,
+		release
 	};
 }
 function createTableState(opts) {
@@ -1360,6 +1575,7 @@ function createTableState(opts) {
 		presetsHandle: opts.preset?.presetsHandle,
 		draftHandle: opts.preset?.draftHandle,
 		availableAspects: opts.preset?.availableAspects,
+		systemAspects: opts.preset?.systemAspects,
 		persistDrafts: opts.preset?.persistDrafts,
 		fallbackSystemPresets: opts.preset?.fallbackSystemPresets
 	});
@@ -1372,8 +1588,10 @@ function createTableState(opts) {
 			message
 		});
 	}
+	const confirmDisplay = promptSlot.display;
 	const acceptPrompt = () => promptSlot.accept(true);
 	const dismissPrompt = promptSlot.dismiss;
+	const releaseConfirm = promptSlot.release;
 	const formSlot = createRequestSlot(null);
 	const actionFormRequest = formSlot.ref;
 	function requestActionInput(action, ctx) {
@@ -1383,8 +1601,10 @@ function createTableState(opts) {
 			preferredId: ctx.preferredId
 		});
 	}
+	const actionFormDisplay = formSlot.display;
 	const acceptActionForm = formSlot.accept;
 	const dismissActionForm = formSlot.dismiss;
+	const releaseActionForm = formSlot.release;
 	const stateUid = `tbl-${++_tblUid}`;
 	function rowId(absIndex) {
 		return `${stateUid}-row-${absIndex}`;
@@ -1426,6 +1646,10 @@ function createTableState(opts) {
 	/** -1 == nothing active. */
 	const activeIndex = (0, vue.ref)(-1);
 	const navMode = (0, vue.ref)("pagination");
+	const isQueryBlocked = (0, vue.computed)(() => {
+		const blocked = queryOpts?.blockQuery;
+		return typeof blocked === "function" ? !!blocked() : !!blocked;
+	});
 	const { windowCache, windowLoading, errors, topIndex, viewportRowCount, dataAt, loadingAt, errorAt, loadRange, queryNext, clearSettlements, resetWindow, disposeDebounces } = createWindowFetcher({
 		blockSize,
 		dragReleaseDebounceMs,
@@ -1435,7 +1659,7 @@ function createTableState(opts) {
 		resultsStart,
 		queryingNext,
 		getGeneration: () => generation,
-		isQueryBlocked: () => !!queryOpts?.blockQuery,
+		isQueryBlocked: () => isQueryBlocked.value,
 		buildCurrentQuery,
 		dispatchPages,
 		reportError
@@ -1445,7 +1669,7 @@ function createTableState(opts) {
 		if (idx < 0) return void 0;
 		return navMode.value === "window" ? dataAt(idx) : results.value[idx];
 	}
-	const { selectedRows, selectedCount, rowValueFn, isPkSelected, toggleActiveSelection } = createSelectionApi(selectionOpts, getActiveRow);
+	const { selectedRows, selectedCount, rowValueFn, isPkSelected, rowSelectable, isRowSelectable, selectableRows, selectableCount, selectAll, toggleActiveSelection } = createSelectionApi(selectionOpts, getActiveRow, activeIndex);
 	const { actions } = createActions({
 		tableDef,
 		client,
@@ -1481,7 +1705,7 @@ function createTableState(opts) {
 		toggleActiveSelection
 	});
 	async function runQuery(kind, silent = false) {
-		if (queryOpts?.blockQuery) return;
+		if (isQueryBlocked.value) return;
 		mustRefresh.value = false;
 		if (!silent && kind !== "initial" && topIndex.value !== 0) topIndex.value = 0;
 		const thisGen = ++generation;
@@ -1522,7 +1746,7 @@ function createTableState(opts) {
 	let pendingSilent = true;
 	let queryFlushScheduled = false;
 	function scheduleQuery(kind = "query", opts) {
-		if (queryOpts?.blockQuery) return;
+		if (isQueryBlocked.value) return;
 		if (tableDef.value === null) return;
 		pendingScheduledKind = pendingScheduledKind ?? kind;
 		if (!(opts?.silent ?? false)) {
@@ -1552,7 +1776,7 @@ function createTableState(opts) {
 	async function queryImmediate(opts) {
 		pendingScheduledKind = null;
 		pendingSilent = true;
-		if (queryOpts?.blockQuery) return;
+		if (isQueryBlocked.value) return;
 		if (tableDef.value === null) return;
 		await runQuery("query", opts?.silent ?? false);
 	}
@@ -1610,6 +1834,11 @@ function createTableState(opts) {
 		rowValueFn,
 		resolveHref: opts.actions?.resolveHref ?? ((url) => url),
 		isPkSelected,
+		rowSelectable,
+		isRowSelectable,
+		selectableRows,
+		selectableCount,
+		selectAll,
 		rowDelete,
 		includeActions,
 		activeIndex,
@@ -1625,13 +1854,17 @@ function createTableState(opts) {
 		registerMainActionListener,
 		actions,
 		confirmRequest,
+		confirmDisplay,
 		prompt: promptFn,
 		acceptPrompt,
 		dismissPrompt,
+		releaseConfirm,
 		actionFormRequest,
+		actionFormDisplay,
 		requestActionInput,
 		acceptActionForm,
 		dismissActionForm,
+		releaseActionForm,
 		query,
 		queryImmediate,
 		queryNext,
@@ -1777,7 +2010,7 @@ function createTableState(opts) {
 		lastEmittedUrl = serializeStateForUrl();
 		(0, vue.nextTick)(() => {
 			hydratingFromUrl = false;
-			if (wasQueryDetected && !queryOpts?.blockQuery && tableDef.value !== null) scheduleQuery();
+			if (wasQueryDetected && !isQueryBlocked.value && tableDef.value !== null) scheduleQuery();
 		});
 	}
 	const debouncedFilterQuery = (0, _atscript_ui_table.debounce)(() => {
@@ -1838,9 +2071,11 @@ function createTableState(opts) {
 	(0, vue.watch)([
 		() => tableDef.value,
 		() => queryOpts?.urlQueryReady?.value ?? true,
-		presetGateOpen
-	], ([def, urlReady, presetReady]) => {
+		presetGateOpen,
+		() => isQueryBlocked.value
+	], ([def, urlReady, presetReady, blocked]) => {
 		if (queryDetected) return;
+		if (blocked) return;
 		if (def === null || !urlReady || !presetReady) return;
 		if (queryOpts?.queryOnMount === false) return;
 		if (allColumns.value.length === 0) return;
@@ -1848,6 +2083,11 @@ function createTableState(opts) {
 		queryDetected = true;
 		scheduleQuery("initial");
 	});
+	(0, vue.watch)(() => isQueryBlocked.value, (blocked) => {
+		if (blocked || !queryDetected) return;
+		if (tableDef.value === null) return;
+		scheduleQuery();
+	});
 	(0, vue.onScopeDispose)(() => {
 		debouncedFilterQuery.cancel();
 		disposeDebounces();
@@ -1994,12 +2234,30 @@ function useRegisterMainActionListener(state, listener, enabled) {
 	});
 }
 //#endregion
+Object.defineProperty(exports, "ASPECT_ICONS", {
+	enumerable: true,
+	get: function() {
+		return ASPECT_ICONS;
+	}
+});
+Object.defineProperty(exports, "ASPECT_LABELS", {
+	enumerable: true,
+	get: function() {
+		return ASPECT_LABELS;
+	}
+});
 Object.defineProperty(exports, "DEFAULT_AVAILABLE_ASPECTS", {
 	enumerable: true,
 	get: function() {
 		return DEFAULT_AVAILABLE_ASPECTS;
 	}
 });
+Object.defineProperty(exports, "INTERACTIVE_SELECTOR", {
+	enumerable: true,
+	get: function() {
+		return INTERACTIVE_SELECTOR;
+	}
+});
 Object.defineProperty(exports, "ROW_ACTIONS_PATH", {
 	enumerable: true,
 	get: function() {
@@ -2090,12 +2348,30 @@ Object.defineProperty(exports, "isPlainLeftClick", {
 		return isPlainLeftClick;
 	}
 });
+Object.defineProperty(exports, "onSelectControlKeydown", {
+	enumerable: true,
+	get: function() {
+		return onSelectControlKeydown;
+	}
+});
+Object.defineProperty(exports, "ownerNameOf", {
+	enumerable: true,
+	get: function() {
+		return ownerNameOf;
+	}
+});
 Object.defineProperty(exports, "provideTableContext", {
 	enumerable: true,
 	get: function() {
 		return provideTableContext;
 	}
 });
+Object.defineProperty(exports, "readPresetLabel", {
+	enumerable: true,
+	get: function() {
+		return readPresetLabel;
+	}
+});
 Object.defineProperty(exports, "triggerAction", {
 	enumerable: true,
 	get: function() {